/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 50px tall */
body {
	padding-top					: 50px;
}

body {
	user-select					: none;
	-moz-user-select			: none;
	-khtml-user-select			: none;
	-webkit-user-select			: none;
	-o-user-select				: none;
}


/*
 * Global add-ons
 */

.sub-header {
  padding-bottom				: 10px;
  border-bottom					: 1px solid #eee;
}

/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
.navbar-fixed-top {
  border						: 0;
}

/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar {
  display						: none;
}
@media (min-width: 768px) {
  .sidebar {
    position					: fixed;
    top							: 51px;
    bottom						: 0;
    left						: 0;
    z-index						: 1000;
    display						: block;
    padding						: 20px;
    overflow-x					: hidden;
    overflow-y					: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color			: #f5f5f5;
    border-right				: 1px solid #eee;
  }
}

/* Sidebar navigation */
.nav-sidebar {
  margin-right					: -21px; /* 20px padding + 1px border */
  margin-bottom					: 20px;
  margin-left					: -20px;
}
.nav-sidebar > li > a {
  padding-right					: 20px;
  padding-left					: 20px;
}
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
  color							: #fff;
  background-color				: #428bca;
}


/*
 * Main content
 */

.main {
  padding						: 20px;
}
@media (min-width: 768px) {
  .main {
    padding-right				: 40px;
    padding-left				: 40px;
  }
}
.main .page-header {
  margin-top					: 0;
}


/*
 * Placeholder dashboard ideas
 */

.placeholders {
  margin-bottom					: 30px;
  text-align					: center;
}
.placeholders h4 {
  margin-bottom					: 0;
}
.placeholder {
  margin-bottom					: 20px;
}
.placeholder img {
  display						: inline-block;
  border-radius					: 50%;
}


/* VARI CSS */

.btn-outline {
    color						: inherit;
    background-color			: transparent;
    transition					: all .5s;
}

.btn-primary.btn-outline {
    color						: #428bca;
}

.btn-success.btn-outline {
    color						: #5cb85c;
}

.btn-info.btn-outline {
    color						: #5bc0de;
}

.btn-warning.btn-outline {
    color						: #f0ad4e;
}

.btn-danger.btn-outline {
    color						: #d9534f;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color						: #fff;
}

.chat {
    margin						: 0;
    padding						: 0;
    list-style					: none;
}

.chat li {
    margin-bottom				: 10px;
    padding-bottom				: 5px;
    border-bottom				: 1px dotted #999;
}

.chat li.left .chat-body {
    margin-left					: 60px;
}

.chat li.right .chat-body {
    margin-right				: 60px;
}

.chat li .chat-body p {
    margin						: 0;
}

.chat-panel .panel-body {
    height						: 350px;
    overflow-y					: scroll;
}

.login-panel {
    margin-top					: 25%;
}

.flot-chart {
    display						: block;
    height						: 400px;
}

.flot-chart-content {
    width						: 100%;
    height						: 100%;
}

.dataTables_wrapper {
    position					: relative;
    clear						: both;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    background					: 0 0;
}

table.dataTable thead .sorting_asc:after {
    content						: "\f0de";
    float						: right;
    font-family					: fontawesome;
}

table.dataTable thead .sorting_desc:after {
    content						: "\f0dd";
    float						: right;
    font-family					: fontawesome;
}

table.dataTable thead .sorting:after {
    content						: "\f0dc";
    float						: right;
    font-family					: fontawesome;
    color						: rgba(50,50,50,.5);
}

.btnglyph{
	margin-top					: 5px;
}

.btnnavglyph{
	margin-right				: 8px;
}

.row{
	margin-right				: 0px;
}


.bottoncino {
	border						: 2px solid #222;
	-moz-border-radius			: 5px;
	-webkit-border-radius		: 5px;
	border-radius				: 5px;
	padding						: 4px;
	padding-top					: 5px;
	padding-bottom				: 5px;
	color						: #222;
	background-color			: #FFF;
	cursor						: pointer;
}

.bottoncino:hover {
	border-color				: #222;
	color						: #FFF;
	background-color			: #222 !important;
}

.bottoncino:active {
	border-color				: #597AE1;
	color						: #FFF;
	background-color			: #597AE1;
}

.bottoncino-toolbar {
	border						: 2px solid #222;
	-moz-border-radius			: 5px;
	-webkit-border-radius		: 5px;
	border-radius				: 5px;
	padding						: 7px;
	padding-right				: 6px;
	color						: #222;
	background-color			: #FFF;
	margin-bottom				: 2px;
	cursor						: pointer;
}

.bottoncino-toolbar:hover {
	border-color				: #222;
	color						: #FFF;
	background-color			: #222 !important;
}

.bottoncino-toolbar:active {
	border-color				: #597AE1;
	color						: #FFF;
	background-color			: #597AE1;
}

.bottoncino-toolbar-no {
	border						: 2px solid #222;
	-moz-border-radius			: 5px;
	-webkit-border-radius		: 5px;
	border-radius				: 5px;
	padding						: 7px;
	padding-left				: 6px;
	color						: #222;
	background-color			: #FFF;
	margin-bottom				: 2px;
}

.bottoncino-lineare {
	border						: 2px solid #222;
	-moz-border-radius			: 5px;
	-webkit-border-radius		: 5px;
	border-radius				: 5px;
	padding						: 3px;
	padding-right				: 2px;
	color						: #222;
	background-color			: #FFF;
	cursor						: pointer;
}

.bottoncino-lineare:hover {
	border-color				: #222;
	color						: #FFF;
	background-color			: #222 !important;
}

.bottoncino-lineare:active {
	border-color				: #597AE1;
	color						: #FFF;
	background-color			: #597AE1;
}

.bottoncino-lineare-disabled {
	background-color			: #EDEDED !important;
	color						: #222 !important;
	cursor						: default !important;
}

.bottoncino-lineare-disabled:hover {
	background-color			: #EDEDED !important;
	color						: #222 !important;
	cursor						: default !important;
}

.bottoncino-lineare-disabled:active {
	border						: 2px solid #222 !important;
	background-color			: #EDEDED !important;
	color						: #222 !important;
	cursor						: default !important;
}

.bottoncino-lineare-no {
	border						: 2px solid #222;
	-moz-border-radius			: 5px;
	-webkit-border-radius		: 5px;
	border-radius				: 5px;
	padding						: 3px;
	padding-right				: 2px;
	color						: #222;
	background-color			: #FFF;
}

.bottoncino-linearem {
	border						: 2px solid #4682B4;
	-moz-border-radius			: 5px;
	-webkit-border-radius		: 5px;
	border-radius				: 5px;
	padding						: 3px;
	padding-right				: 2px;
	color						: #4682B4;
	background-color			: #FFF;
	cursor						: pointer;
}

.bottoncino-linearem:hover {
	border-color				: #4682B4;
	color						: #FFF;
	background-color			: #4682B4 !important;
}

.bottoncino-linearem:active {
	border-color				: #222;
	color						: #FFF;
	background-color			: #4682B4;
}

.bottoncino-linearem-disabled {
	background-color			: #EDEDED !important;
	color						: #4682B4 !important;
	cursor						: default !important;
}

.bottoncino-linearem-disabled:hover {
	background-color			: #EDEDED !important;
	color						: #4682B4 !important;
	cursor						: default !important;
}

.bottoncino-linearem-disabled:active {
	border						: 2px solid #4682B4 !important;
	background-color			: #EDEDED !important;
	color						: #4682B4 !important;
	cursor						: default !important;
}

.bottoncino_img {
	border						: 2px solid #222;
	-moz-border-radius			: 5px;
	-webkit-border-radius		: 5px;
	border-radius				: 5px;
	padding						: 2px;
	padding-top					: 5px;
	padding-bottom				: 5px;
	color						: #222;
}

.bottoncino_img:hover{
	border-color				: #000000;
	background-color			: #222;
	color						: #FFFFFF;
}

.bottoncino_img_selezionato{
	background-color			: #222;
	color						: #FFFFFF;
}

.bottoncino_ric {
	border						: 2px solid #597AE1;
	-moz-border-radius			: 5px;
	-webkit-border-radius		: 5px;
	border-radius				: 5px;
	padding						: 5px;
	padding-top					: 3px;
	padding-bottom				: 3px;
	color						: #597AE1;
	font-weight					: bold;
	text-decoration				: none !important;
	margin						: 2px;
	cursor						: pointer;
}

.bottoncino_ric_selected {
	border						: 2px solid #597AE1;
	-moz-border-radius			: 5px;
	-webkit-border-radius		: 5px;
	border-radius				: 5px;
	padding						: 5px;
	padding-top					: 3px;
	padding-bottom				: 3px;
	color						: #FFFFFF;
	background-color:			: #597AE1 !important;
	font-weight					: bold;
	text-decoration				: none !important;
	margin						: 2px;
	cursor						: default;
}

.bottoncino_ric_selected:hover {
	color						: #FFFFFF;
}

.bottoncino_ric:hover{
	border-color				: #000000;
	color						: #000000;
	background-color			: #FFFFFF !important;
}

.bottoncino_table {
	border						: 2px solid #FFFFFF;
	-moz-border-radius			: 5px;
	-webkit-border-radius		: 5px;
	border-radius				: 5px;
	padding						: 0px;
	padding-top					: 1px;
	padding-bottom				: 1px;
	color						: #FFFFFF;
	font-weight					: bold;
	text-decoration				: none !important;
	margin						: 2px;
	cursor						: pointer;
}

.bottoncino_table:hover {
	color						: #597AE1;
	background-color			: #000000;
}

input:disabled:hover,
select:disabled:hover,
textarea:disabled:hover{
	cursor						: pointer;
}

/* FORM LOGIN */
.login_input {
	width						: 100%;
	padding						: 4px;
	-moz-border-radius			: 5px;
	-webkit-border-radius		: 5px;
	border-radius				: 5px;
	margin-bottom				: 5px;
	outline						: 0;
	border						: 2px solid #646464;
}

.login_btn {
	width						: 100%;
	padding						: 4px;
	-moz-border-radius			: 5px;
	-webkit-border-radius		: 5px;
	border-radius				: 5px;
	margin-bottom				: 5px;
	outline						: 0;
	border						: 2px solid #646464;
}

.login_btn:hover, .login_btn:active{
	background-color			: #646464;
	color						: #FFFFFF;
}
/* END FORM LOGIN */

#colorbox {
	z-index						: 5000;
	-moz-border-radius			: 10px;
	-webkit-border-radius		: 10px;
	border-radius				: 10px;
}

#cboxWrapper, #iframeVisualEditor, #cboxContent {
	-moz-border-radius			: 10px;
	-webkit-border-radius		: 10px;
	border-radius				: 10px;
}

#cboxContent {
	padding-bottom				: -100px;
}

#cboxLoadedContent{
	padding						: 10px;
}

#cboxWrapper {
	background					: none !important;
}

#fileManager_list {
	border						: 2px solid #0000FF;
	padding						: 10px;
	-moz-border-radius			: 10px;
	-webkit-border-radius		: 10px;
	border-radius				: 10px;
	min-width					: 90%;
}

#cboxOverlay {
	background-color			: #656565;
}

.trTblManager:hover {
	background-color			: #B0C4DE !important;
}

.ui-dialog { z-index				: 5200 !important ;}

.div_colorbox {
	width						: 100%;
	overflow					: auto;
	border						: 2px solid #0055FF;
	-moz-border-radius			: 10px;
	-webkit-border-radius		: 10px;
	border-radius				: 10px;
	padding						: 10px;
}

h1.page-header2 {
  padding-bottom				: 9px;
  margin						: 40px 0 20px;
  border-bottom					: 1px solid #eee;
  color							: #F45A12;
  font-weight					: 100;
}


#divBox {
	padding						: 20px;
	margin-top					: -60px;
}

#page-wrapper-ed {
    padding						: 0 0px;
    min-height					: 568px;
    background-color			: #fff;
}

@media(min-width:768px) {
    #page-wrapper-ed {
        position				: inherit;
        margin					: 0 0 0 0px;
        padding					: 0 0px;
        border-left				: 0px solid #e7e7e7;
		background-image		: url(/template/pagine/images/img_bkg.png);
		background-repeat		: no-repeat;
		background-origin		: content-box;
        background-clip			: content-box;
        background-size			: inherit;
        background-position		: right top;
	}
}

/* TABELLE */
#no-more-tables {
	margin-bottom				: 40px;
}

#no-more-tables3 {
	margin-bottom				: 40px;
}

.nonmostrare {
	font-weight					: bold;
	font-size					: 15px;
}

.nonmostraremobile {
	font-weight					: bold;
	font-size					: 15px;
	display						: none;
}

/*
@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px) {
	.btn-aggiungi span  {
		margin:	auto;
	}

	.btn-rilevaweb span {
		margin-left				: -14px !important;
	}
}
*/


@media only screen and (max-width: 800px) {
	#lineare_modifica, .bottoncino-lineare{
		display					: none;
	}

	/* Force table to not be like tables anymore */
	#no-more-tables table,
	#no-more-tables thead,
	#no-more-tables tbody,
	#no-more-tables th,
	#no-more-tables td,
	#no-more-tables tr {
		display					: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr {
		position				: absolute;
		top						: -9999px;
		left					: -9999px;
	}

	#no-more-tables tr {
		border					: 2px solid #ccc;
		margin-bottom			: 10px;
	}

	#no-more-tables td {
		border					: none;
		border-bottom			: 1px solid #eee;
		position				: relative;
		padding-left			: 40%;
		white-space				: normal;
		text-align				: left;
	}

	#no-more-tables td:before {
		position				: absolute;
		top						: 6px;
		left					: 6px;
		width					: 30%;
		padding-right			: 10px;
		white-space				: nowrap;
		text-align				: left;
		font-weight				: bold;
	}

	#no-more-tables td:before {
		content					: attr(data-title);
	}

	/* Force table to not be like tables anymore */
	#no-more-tables3 table,
	#no-more-tables3 thead,
	#no-more-tables3 tbody,
	#no-more-tables3 th,
	#no-more-tables3 td,
	#no-more-tables3 tr {
		display					: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables3 thead tr {
		position				: absolute;
		top						: -9999px;
		left					: -9999px;
	}

	#no-more-tables3 tr {
		border					: 2px solid #ccc;
		margin-bottom			: 10px;
	}

	#no-more-tables3 td {
		border					: none;
		border-bottom			: 1px solid #eee;
		position				: relative;
		padding-left			: 40%;
		white-space				: normal;
		text-align				: left;
		height					: 30px;
	}

	#no-more-tables3 td:before {
		position				: absolute;
		top						: 6px;
		left					: 6px;
		width					: 30%;
		padding-right			: 10px;
		white-space				: nowrap;
		text-align				: left;
		font-weight				: bold;
	}

	#no-more-tables3 td:before {
		content					: attr(data-title);
	}

	#contenuto {
		text-align				: center !important;
	}

	/* Force table modified */
	#no-more-tables2 table,
	#no-more-tables2 thead,
	#no-more-tables2 tbody,
	#no-more-tables2 th,
	#no-more-tables2 td,
	#no-more-tables2 tr {
		display					: block;
		background-color		: #ffffff;
	}

	#no-more-tables2 {
		width					: 100%;
	}

	#no-more-tables2 .nonmostrare {
		display					: none;
	}

	#no-more-tables2 .nonmostraremobile {
		display					: inline;
		vertical-align			: super;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables2 thead tr {
		position				: absolute;
		top						: -9999px;
		left					: -9999px;
	}

	#no-more-tables2 tr {
		border-bottom			: 1px solid #eee;
	}

	#no-more-tables2 td {
		border					: none;
		position				: relative;
		white-space				: normal;
		padding					: 1px !important;
	}
}

/* FORM */
#form header {
	margin						: 0 0 20px 0;
}

#form header div {
	font-size					: 90%;
	color						: #999;
}

#form header h2 {
	margin						: 0 0 5px 0;
}

#form > div {
	clear						: both;
	overflow					: hidden;
	padding						: 1px;
	margin						: 0 0 10px 0;
}


#form > div > fieldset > div > div {
	margin						: 0 0 5px 0;
}

#form > div > label,
legend {
	width						: 25%;
	float						: left;
	padding-right				: 10px;
}

#form > div > div,
#form > div > fieldset > div {
	width						: 75%;
	float						: right;
}

#form > div > fieldset label {
	font-size					: 90%;
}

fieldset {
	border						: 0;
	padding						: 0;
}

.testarea {
	width						: 100%;
}

.testarea2{
	resize						: vertical;
}

#form select,
#stampa select,
#form input[type=number],
#form input[type=text],
#form input[type=email],
#form input[type=url],
#form input[type=password],
#form input[type=submit],
#form input[type=button],
#form input[type=file],
#form textarea {
	width						: 100%;
	border-top					: 1px solid #ccc;
	border-left					: 1px solid #ccc;
	border-right				: 1px solid #eee;
	border-bottom				: 1px solid #eee;
}

#form button {
	border-top					: 1px solid #ccc;
	border-left					: 1px solid #ccc;
	border-right				: 1px solid #eee;
	border-bottom				: 1px solid #eee;
}

#form textarea,
#form select,
#stampa select,
#form input[type=text],
#form input[type=email],
#form input[type=url],
#form input[type=number],
#form input[type=submit],
#form input[type=button],
#form input[type=file],
#form input[type=password] {
	width						: 100%;
	padding						: 4px;
	-moz-border-radius			: 5px;
	-webkit-border-radius		: 5px;
	border-radius				: 5px;
	margin-bottom				: 5px;
	outline						: 0;
	border						: 2px solid #222;
}

#form button {
	padding						: 4px;
	-moz-border-radius			: 5px;
	-webkit-border-radius		: 5px;
	border-radius				: 5px;
	margin-bottom				: 5px;
	outline						: 0;
	border						: 2px solid #222;
}

#form textarea{
	min-width					: 300px;
}

#form select:focus,
#stampa select:focus,
#form input[type=text]:focus,
#form input[type=email]:focus,
#form input[type=url]:focus,
#form input[type=password]:focus,
#form input[type=number]:focus,
#form input[type=submit]:focus,
#form input[type=button]:focus,
#form input[type=file]:focus,
#form textarea:focus,
#form button:focus {
	outline						: 0;
	border						: 2px solid #000000;
}

#form select:disabled{
	background-color			: #EBEBE4;
}

#stampa select:disabled{
	background-color			: #EBEBE4;
}

@media (max-width: 770px) {
	#form > div {
		margin					: 0 0 15px 0;
	}

	#form > div > label,
	legend {
		width					: 100%;
		float					: none;
		margin					: 0 0 5px 0;
	}

	#form > div > div,
	#form > div > fieldset > div {
		width					: 100%;
		float					: none;
	}

	#form input[type=text],
	#form input[type=email],
	#form input[type=url],
	#form input[type=password],
	#form input[type=number],
	#form input[type=submit],
	#form input[type=button],
	#form input[type=file],
	#form textarea,
	#form select,
	#stampa select,
	#form button{
		width					: 100% !important;
	}

	#form textarea{
		resize					: vertical;
		min-width				: 0;
	}

	.testarea {
		resize					: vertical;
		min-width				: 0;
	}

	.input-search-tbl{
		max-width					: 250px !important;
	}
}

/* FORM 2 */

#form2 > div {
	clear						: both;
	overflow					: hidden;
	padding						: 1px;
	margin						: 0 0 10px 0;
}

#form2 > div > fieldset > div > div {
	margin						: 0 0 5px 0;
}

#form2 > div > label,
legend {
	width						: 25%;
	float						: left;
	padding-right				: 10px;
}

#form2 > div > div,
#form2 > div > fieldset > div {
	width						: 100%;
	float						: right;
}

#form2 > div > fieldset label {
	font-size					: 90%;
}

#form2 select,
#form2 input[type=number],
#form2 input[type=text],
#form2 input[type=email],
#form2 input[type=url],
#form2 input[type=password],
#form2 input[type=submit],
#form2 textarea {
	width						: 100%;
	border-top					: 1px solid #ccc;
	border-left					: 1px solid #ccc;
	border-right				: 1px solid #eee;
	border-bottom				: 1px solid #eee;
}

#form2 input[type=checkbox]{
	width						: 20px;
	height						: 20px;
	-moz-border-radius			: 5px;
	-webkit-border-radius		: 5px;
	border-radius				: 5px;
	margin-bottom				: 5px;
	outline						: 1;
	border						: 2px solid #4697e4 !important;
}

#form2 textarea,
#form2 select,
#form2 input[type=text],
#form2 input[type=email],
#form2 input[type=url],
#form2 input[type=number],
#form2 input[type=submit],
#form2 input[type=password] {
	width						: 100%;
	padding						: 4px;
	-moz-border-radius			: 5px;
	-webkit-border-radius		: 5px;
	border-radius				: 5px;
	margin-bottom				: 5px;
	outline						: 0;
	border						: 2px solid #4697e4;
}

#form2 select:focus,
#form2 input[type=text]:focus,
#form2 input[type=email]:focus,
#form2 input[type=url]:focus,
#form2 input[type=password]:focus,
#form2 input[type=number]:focus,
#form2 input[type=submit]:focus,
#form2 textarea:focus {
	outline						: 0;
	border						: 2px solid #000000;
}

#form2 select:disabled{
	background-color			: #EBEBE4;
}

@media (max-width: 770px) {
	#form2 > div {
		margin					: 0 0 15px 0;
	}

	#form2 > div > label,
	legend {
		width					: 100%;
		float					: none;
		margin					: 0 0 5px 0;
	}

	#form2 > div > div,
	#form2 > div > fieldset > div {
		width					: 100%;
		float					: none;
	}

	#form2 input[type=text],
	#form2 input[type=email],
	#form2 input[type=url],
	#form2 input[type=password],
	#form2 input[type=number],
	#form2 input[type=submit],
	#form2 textarea,
	#form2 select {
		width					: 100% !important;
	}

	#form2 textarea{
		resize					: vertical;
		min-width				: 0;
	}
}

#ModalContenuto{
	max-width					: 400px !important;
	float						: none;
	margin-left					: auto;
	margin-right				: auto;
	z-index						: 9990;
}

#ModalContenuto2{
	max-width					: 400px !important;
	float						: none;
	margin-left					: auto;
	margin-right				: auto;
	z-index						: 9993;
}

#Modal1Contenuto{
	max-width					: 400px !important;
	float						: none;
	margin-left					: auto;
	margin-right				: auto;
	z-index						: 9991;
}

#Modal2Contenuto {
	max-width					: 450px !important;
	float						: none;
	margin-left					: auto;
	margin-right				: auto;
	overflow					: auto;
	z-index						: 9992;
}

#Modal3Contenuto {
	max-width					: 450px !important;
	float						: none;
	margin-left					: auto;
	margin-right				: auto;
	overflow					: auto;
	z-index						: 9999;
}

#WinModale3{
	z-index						: 9999;
	border-radius				: 0px;
}

#ModalContenuto3{
	max-width					: 400px !important;
	float						: none;
	margin-left					: auto;
	margin-right				: auto;
	border-radius				: 0px;
	padding						: 10px;
}

#WinModale4{
	z-index						: 9999;
	border-radius				: 0px;
}

#ModalContenuto4{
	max-width					: 800px !important;
	float						: none;
	margin-left					: auto;
	margin-right				: auto;
	padding						: 10px;
	text-align					: left;
}

#ModalContenuto4 .modal-header{
	padding						: 5px;
}

#ModalContenuto5{
	max-width					: 400px !important;
	float						: none;
	margin-left					: auto;
	margin-right				: auto;
	z-index						: 9990;
}

.imageBox{
    position					: relative;
    height						: 400px;
    width						: 400px;
    background					: #fff;
    overflow					: hidden;
    background-repeat			: no-repeat;
    cursor						: move;
}

.imageBox .thumbBox{
    position					: absolute;
    top							: 50%;
    left						: 50%;
    box-sizing					: border-box;
    border						: 1px solid rgb(102, 102, 102);
    box-shadow					: 0 0 0 1000px rgba(0, 0, 0, 0.5);
    background					: none repeat scroll 0% 0% transparent;
}

.imageBox .spinner{
    position					: absolute;
    top							: 0;
    left						: 0;
    bottom						: 0;
    right						: 0;
    text-align					: center;
    line-height					: 400px;
    background					: rgba(0,0,0,0.7);
}

.bottoncino_imager_cancella {
	float						: right;
	border						: 2px solid #FFFFFF;
	padding						: 3px;
	border-radius				: 5px;
	-moz-border-radius			: 5px;
	-webkit-border-radius		: 5px;
	border-radius				: 5px;
	margin-top					: -3px;
	padding-right				: 4px;
	color						: #FFFFFF;
}

.bottoncino_imager_invisibile{
	display						: none;
}

.modal-title {
	font-size					: 20px;
}

.modal-body{
	overflow-x					: auto;
}

.input-event{
	width						: 90%;
	padding						: 2px;
	border						: 2px solid black;

}

.btn-default {
	border						: 2px solid #9D9D9D;
	text-transform				: uppercase;
	font-weight					: 700;
	color						: #fff;
	background-color			: #9D9D9D;
	border-radius				: 0px;
	width						: 100%;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active {
    border-color				: #CDCDCD;
    color						: #FFFFFF;
    background-color			: #CDCDCD;
	cursor						: pointer;
}

.btn-primary {
	border						: 2px solid #222;
	text-transform				: uppercase;
	font-weight					: 700;
	color						: #fff;
	background-color			: #222;
	border-radius				: 0px;
	width						: 100%;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    border-color				: #597AE1;
    color						: #FFFFFF;
    background-color			: #597AE1;
	cursor						: pointer;
}

.btn-elimina {
	border						: 2px solid #222;
	text-transform				: uppercase;
	font-weight					: 700;
	color						: #fff;
	background-color			: #222;
	border-radius				: 0px;
	width						: 100%;
}

.btn-elimina:hover,
.btn-elimina:focus,
.btn-elimina:active {
    border-color				: #FF0000;
    color						: #000000;
    background-color			: #FF0000;
	cursor						: pointer;
}

.btn-lettore {
	color						: #222;
	background-color			: #FFF;
	border						: 2px solid #222;
	padding						: 4px;
	padding-left				: 5px;
	border-radius				: 5px;
	cursor						: pointer;
}

.btn-operazione {
	padding						: 4px;
	padding-left				: 5px;
	border-radius				: 5px;
	cursor						: pointer;
	color						: #FFF;
	margin-left					: -8px !important;
}

.btn-utenti {
	color						: #222;
	padding						: 4px;
	padding-right				: 5px;
	cursor						: pointer;
}

.btn-home:active, .btn-home:hover {
	border-color				: #597AE1 !important;
	color						: #FFF;
	background-color			: #597AE1;
}

.btn-aggiungi {
	/*width						: 32px !important;*/
	border-radius				: 5px 5px 5px 5px;
	border-width				: 2px;
	border-color				: #000000;
	border-style				: solid;
	background-color			: #FFFFFF;
	height						: 32px;
	vertical-align				: middle;
	text-align					: center;
}

.btn-aggiungi:active,
.btn-aggiungi:hover {
	border-color				: #000000 !important;
	color						: #FFF;
	background-color			: #000000;
}


/* RILEVATORE WEB */
.btn-rilevaweb {
	/*width						: 52px !important;*/
	border-radius				: 5px 5px 5px 5px;
	border-width				: 2px;
	border-color				: #000000;
	border-style				: solid;
	background-color			: #FFFFFF;
	height						: 52px;
	vertical-align				: middle;
	text-align					: center;
	font-size					: 32px;
}
.btn-rilevaweb:active,
.btn-rilevaweb:hover {
	border-color				: #000000 !important;
	color						: #FFF;
	background-color			: #000000;
}

.ril_schermo {
	display						: inline-block;
	text-align					: center;
	padding						: 20px;
	background-color			: #789;
	border						: 5px solid #357;
	border-radius				: 10px;
	color						: #FFF;
}

#table_rilevaweb td{
	text-align					: center;
}

#table_rilevaweb_first {
	height						: 100px;
}

#ril_ore, #ril_minuti, #ril_secondi, #ril_separatore {
	display						: inline-block;
	text-align					: center;
}

#ril_ore, #ril_minuti {
	font-size					: 60px;
	min-width					: 70px;
}

#ril_secondi, #ril_separatore  {
	font-size					: 40px;
}

#ril_secondi {
	min-width					: 50px;
}

#ril_separatore  {
	min-width					: 15px;
}

.rilweb_pulsante {
	width						: 150px;
	height						: 50px;
	border						: 5px solid black;
	background-color			: #FFF;
	font-weight					: bold;
	text-align					: center;
	border-radius				: 5px;
	margin						: auto;
	display						: inline-block;
	padding-top					: 5px;
	font-size					: 20px;
	cursor						: pointer;
}

.rilweb_pulsante:active,
.rilweb_pulsante:hover {
	border-color				: #000000;
	color						: #FFF;
	background-color			: #000000;
}

/* FINE RILEVATORE WEB */

.btn-table {
	color						: #FFF !important;
	padding						: 4px;
	padding-right				: 5px;
	cursor						: pointer;
	margin-right				: -2px;
}

.lin_primariga{
	background					: url("../img/unitabaseora.png") repeat-x;
	background-size				: 40px 20px;
	border-bottom				: 1px solid black;
}

.lin_primariga_stmp{
	background					: url("../img/unitabaseora.png") repeat-x;
	background-size				: 32px 20px;
	border-bottom				: 2px solid black;
}

.lin_lastriga{
	background					: url("../img/unitabaseora_inv.png") repeat-x;
	background-size				: 40px 20px;
	border-top					: 1px solid black;
}

.lin_lastriga_stmp{
	background					: url("../img/unitabaseora_inv.png") repeat-x;
	background-size				: 32px 20px;
	border-top					: 2px solid black;
}

.lin_numriga{
	border-top					: 1px solid black;
	background					: url("../img/unitabase_num.png") repeat-x;
	background-size				: 40px 20px;
}

.lin_numriga_stmp{
	border-top					: 2px solid black;
	background					: url("../img/unitabase_num.png") repeat-x;
	background-size				: 32px 30px;
}

.lin_riga{
	background					: url("../img/unitabase.png") repeat-x;
	background-size				: 40px 20px;
	border-bottom				: 1px solid black;
	margin-top					: 5px;
}

.lin_riga_stmp{
	background					: url("../img/unitabase.png") repeat-x;
	background-size				: 32px 30px;
	border-bottom				: 2px solid black;
	margin-top					: 5px;
}

.lin_ultimariga{
	background					: url("../img/unitabase.png") repeat-x;
	background-size				: 40px 20px;
	border-bottom				: 1px solid black;
	margin-top					: 5px;
}

.tim_riga{
	background					: url("../img/timbrabase.png") repeat-x;
	background-size				: 40px 20px;
	border-top					: 1px solid black;
	margin-top					: -2px;
	margin-bottom				: 3px;
}

.tim_riga_stmp{
	background					: url("../img/timbrabase.png") repeat-x;
	background-size				: 32px 30px;
	margin-top					: -2px;
	margin-bottom				: 3px;
}

.ctrl_riga{
	background					: url("../img/controbase.png") repeat-x;
	background-size				: 40px 20px;
	border-top					: 1px dashed #0055FF;
	border-bottom				: 1px dashed #0055FF;
	margin-bottom				: 3px;
}

.lnr_chiuso{
	background-color			: #FFFFFF;
	margin-top					: 5px;
}

.tim_chiuso{
	background-color			: #FFFFFF;
}

.lnr_generico{
	background-color			: #0055FF;
}

.lnr_selezionato{
	background-color			: #32CD32 !important;
}

.refe_checkbox,
.sedi_checkbox,
.avg_checkbox{
	width						: 20px;
	height						: 20px;
	-moz-border-radius			: 5px;
	-webkit-border-radius		: 5px;
	border-radius				: 5px;
	margin-bottom				: 5px;
	outline						: 1;
	border						: 2px solid #4697e4 !important;
}

#footernav {
	padding						: 3px;
	padding-top					: 7px;
	position					: fixed;
	left						: 0px;
	bottom						: 0px;
	height						: 40px;
	width						: 100%;
	background					: #222222;
	z-index						: 1049; /* 5554; */
}

/* IE 6 */
* html #footernav {
   position						: absolute;
   top							: expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}

#colorpick .input-group-addon{

}

.contieni_overflow{
	height						: 380px;
	overflow-y					: auto;
	border						: 2px solid #E6E5EB;
	border-radius				: 5px;
}

.mittente {
	width						: 80%;
	border						: 2px solid #49B9FB;
	border-radius				: 5px;
	padding						: 5px;
	background-color			: #49B9FB;
	color						: #FFFFFF;
}

.destinatario {
	width						: 80%;
	border						: 2px solid #E6E5EB;
	border-radius				: 5px;
	padding						: 5px;
	background-color			: #E6E5EB;
	color						: #000000;
	float						: right;
}

.mestesso {
	width						: 80%;
	border						: 2px solid #4FD73B;
	border-radius				: 5px;
	padding						: 5px;
	background-color			: #4FD73B;
	color						: #FFFFFF;
}

.userfoot{
	text-align					: right;
	font-size					: 11px;
	font-weight					: lighter;
}

.usersend{
	border						: 2px solid #49B9FB;
	border-radius				: 5px;
	width						: 100%;
	resize						: none;
}

.textMsgDiv{
	padding						: 5px;
	border-radius				: 5px;
	border						: 2px solid #E6E5EB;
	margin-top					: 3px;
	display						: inline-block;
	width						: 100%;
}

.textMsgBox{
	width						: 77%;
	float						: left;
}

.btnMsgBox{
	width						: 20%;
	float						: right;
}

.selectMsgBox{
	border						: 2px solid #49B9FB;
	border-radius				: 5px;
	padding						: 5px;
	width						: 100%;
	margin-bottom				: 5px;
}

.buttMsgBox{
	border						: 2px solid #49B9FB;
	background-color			: #49B9FB;
	border-radius				: 5px;
	height						: 48px;
	color						: #FFFFFF;
}

.buttMsgBox:disabled{
	border						: 2px solid #49B9FB;
	background-color			: #E6E5EB;
	color						: #000000;
}

/*##################################
##	LINEARI
##################################*/
#operazioneLineari{
	width						: 100%;
}

#operazioneLineari td{
	padding						: 5px;
}

#operazioneLineari th{
	padding						: 5px;
	color						: #FFFFFF;
	background-color			: #49B9FB;
}

.imgLineare{
	width						: 20px;
}

.dificulta {
	border						: 2px dotted #222222;
	background-color			: #FF0000;
	color						: #FFFFFF;
	padding-top					: 3px;
	margin-top					: -3px !important;
	text-align					: center;
	font-weight					: bold;
	animation					: blinker 2.0s cubic-bezier(.5, 0, 1, 1) infinite alternate;
}

.nodificulta {
	border						: 2px dotted #222222;
	background-color			: #8FBC8F;
	color						: #222222;
	padding-top					: 3px;
	margin-top					: -3px !important;
	text-align					: center;
	font-weight					: bold;
	animation					: blinker 2.0s cubic-bezier(.5, 0, 1, 1) infinite alternate;
}

.noTimbraNoLin {
	color						: #FF0000;
	padding-top					: 3px;
	margin-top					: -3px !important;
	text-align					: center;
	font-weight					: bold;
	font-size					: 16px !important;
	animation					: blinker 2.0s cubic-bezier(.5, 0, 1, 1) infinite alternate;
}

@keyframes blinker { to { opacity: 0.5; } }

.controlli td{
	border-bottom				: 1px solid #DEDEDE;
}

.btn_timbratura{
	cursor						: pointer;
}

.btn_timbra_ok{
	background-color			: #00FF00;
}

.btn_timbra_no{
	background-color			: #696969;
	color						: #FFFFFF;
}

/*##################################
##	RESPONSIVE TABS
##################################*/

.deco-none {
	text-decoration				: none !important;
}

/*##################################
##	PROSPETTI MENSILI
##################################*/

#contenitore {
	padding						: 10px;
	min-width					: 1550px;
	width						: 1550px;
}

#lista_dipendenti_paghe{
	border-right				: 1px solid black;
	width						: 300px;
	float						: left;
	padding						: 5px;
}

#resoconto_mensile_dip{
	width						: 1200px;
	float						: left;
	margin-left					: 10px;
	padding						: 5px;
	padding-top					: 0px;
}

#tabella_lista_dipendenti_paghe td:hover{
	background-color			: #777 !important;
	color						: #FFF;
}

.resoconto_selezionato{
	background-color			: #444 !important;
	color						: #FFF;
}

.resoconto_completo{
	background-color			: #71fc8d;
	border-bottom				: 1px dashed #999;
}

.resoconto_parziale{
	background-color			: #ffaf3f;
	border-bottom				: 1px dashed #999;
}

.resoconto_vuoto{
	border-bottom				: 1px dashed #999;
}

.input_num{
	width						: 60px;
	text-align					: right;
}

.ora_resoc {
	border						: 1px solid #8b9bbc;
	background-color			: #C1D5FF;
	padding						: 2px;
	width						: 60px;
	margin						: auto;
}

#tabella_resoconto td{
	padding						: 5px;
	text-align					: center;
}

#tabella_resoconto th{
	color						: #555;
	padding						: 5px;
	padding-bottom				: 0px;
	text-align					: center;
	font-weight					: bold;
	border-bottom				: 2px solid #000;
}

.div_num_reso {
	border						: 1px solid #CCC;
	background-color			: #F5F5F5;
	padding						: 2px;
	width						: 60px;
	margin						: auto;
	text-align					: center;
}

.tabella_resoconto_totali_tr td{
	border-top					: 1px solid black;
}

.contratto_info {
	border						: 1px solid #888;
	border-radius				: 2px;
	padding						: 5px;
	max-width					: 350px;
}

.tabella_reso_teorico {
	border						: 0px !important;
	text-align					: right !important;
	padding						: 0px !important;
	padding-right				: 25px !important;
}

/*##################################
##	REGOLE DI STILE PER PRODUTTIVITA
##################################*/
.produt{
	font-size					: 11px;
	width						: 10px;
	height						: 20px;
	text-align					: center;
	margin-top					: 0;
	padding-top					: 5px;
	display						: inline-block;
}

#deltaprod{
	font-size					: 14px;
	height						: 20px;
	margin-top					: 5px;
	padding-top					: 0px;
}

#div_produttivita_consu{
	padding-top					: 5px;
}

#div_produttivita{
	padding-top					: 20px;
}

#tabella_produttivita {
	max-width					: 100%;
	overflow					: scroll;
}

#tabella_produttivita th, #tabella_produttivita td{
	padding						: 2px 5px;
}
#tabella_produttivita th{
	padding-bottom				: 0px;
	text-align					: center;
}

.td_produttivita_turno i, .td_produttivita_importo i {
	font-size					: 11px;
}

.td_produttivita_turno {
	font-size					: 12px;
	min-width					: 60px;
	background-color			: #DEF;
	text-align					: right;
}

.td_produttivita_importo {
	font-size					: 12px;
	min-width					: 80px;
	border-right				: 1px solid #58B;
	border-left					: 1px solid #000;
	text-align					: right;
}

.td_produttivita_cella {
	border						: 1px solid black;
	border-top					: 2px solid #708090;
	text-align					: center;
}

.td_produttivita_left {
	border-left					: 2px solid #222;
}

.td_produttivita_right {
	border-right				: 2px solid #222;
}

.td_produttivita_right_min {
	border-right				: 1px solid #000;
}

.td_produttivita_delta {
	background-color			: #ADD8E6;
	border						: 1px solid #6495ED;
	border-top					: 2px solid #708090;
}

.td_produttivita_label {
	background-color			: #FFF;
	color						: #222;
	padding-right				: 10px !important;
	padding-left				: 10px !important;
	border-bottom				: 2px solid #222;
	font-weight					: bold;
	text-align					: center;
}

.td_produttivita_titoletto {
	border-bottom				: 1px solid #555;
	padding-right				: 10px !important;
	padding-left				: 10px !important;
}

.td_produttivita_titolo{
	border-bottom				: 2px solid #00008B;
	border-top					: 1px solid #000;
	background-color			: #6495ED;
	color						: #FFFFFF;
	padding-bottom				: 2px !important;
	line-height					: 15px;
	font-weight					: bold;
	text-align					: center;
}



table.DTFC_Cloned thead,table.DTFC_Cloned tfoot{
	background-color			: white;
}

div.DTFC_Blocker{
	background-color			: white;
}

div.DTFC_LeftWrapper table.dataTable,div.DTFC_RightWrapper table.dataTable{
	margin-bottom				: 0;
	z-index						: 2;
}

div.DTFC_LeftWrapper table.dataTable.no-footer,div.DTFC_RightWrapper table.dataTable.no-footer{
	border-bottom				: none;
}

/*#####################################################
##	REGOLE DI STILE PER CONSUNTIVI e CALENDARIO SEDE
#####################################################*/

#tabella_consuntivi td {
	font-size					: 13px;
	border-right				: 1px solid #CDC;
}

#tabella_consuntivi tr:hover {
	background-color			: #777;
	color						: #FFF;
}

#tabella_consuntivi th {
	font-size					: 12px;
	border-bottom				: 2px solid #777;
	background-color			: #FFF !important;
	color						: #000 !important;
}

#calendario_sede td {
	font-size					: 13px;
	border-right				: 1px solid #CDC;
}

#calendario_sede th {
	font-size					: 12px;
	border-bottom				: 2px solid #777;
	background-color			: #FFF !important;
	color						: #000 !important;
}

#calendario_sede td{
	padding						: 0px;
	border-bottom				: 1px solid #BBB;
}

.calse_checkbox{
	vertical-align				: middle;
	position					: relative;
	top							: -3px;
}

.calse_th{
	border-bottom				: 2px solid #777;
	background-color			: #FFF !important;
	color						: #000 !important;
}
.calse_th_mese{
	border-top					: 2px solid #777;
	background-color			: #FFF !important;
	color						: #000 !important;
}

#rigatot td{
	border-top					: 2px solid #555;
}

.res_tondo {
	width						: 30px;
	border-radius				: 50px;
	padding						: 2px;
	margin						: auto;
    text-align					: center;
}

.res_festa{
	border						: 2px solid #0055FF;
	background-color			: #B0C4DE;
}

.res_noninforze {
	border-radius				: 0px !important;
	border						: 2px solid #BCB7B7;
	background-color			: #EFF0F2;
	opacity						: 0.6;
}

.div_bacheca_societa {
	border						: 1px solid #000;
	border-radius				: 5px;
	padding						: 5px;
	color						: #FFF;
	background-color			: #337ab7;
	margin-bottom				: 5px;
	display						: inline-block;
	font-size					: 15px;
	margin-top					: 5px;
}

/*##################################
##	REGOLE DI STILE PER BOX
##################################*/
.box-informazioni {
	padding 					: 10px;
	text-align					: left;
	max-height 					: 200px;
	overflow					: auto;
}

.box-informazioni td, .box-informazioni th {
	padding 					: 3px;
}

/*##################################
##	REGOLE DI STILE PER CERCHIO
##################################*/

#circle {
    background					: #337ab7;
    width						: 20px;
    height						: 20px;
    border-radius				: 50%;
    color						: #FFFFFF;

}
.innerTEXT{
    position					: relative;
    top							: 0px;
    left						: 6px;
}

@media only screen and (max-width: 800px) {
	#cambiaSede {
		width: 100% !important;
	}
}

/*##################################
##	REGOLE DI STILE PER GRAFICI
##################################*/
.form_aph select, .form_aph button{
	padding						: 4px;
	border-top					: 1px solid #ccc;
	border-left					: 1px solid #ccc;
	border-right				: 1px solid #eee;
	border-bottom				: 1px solid #eee;
	-moz-border-radius			: 5px;
	-webkit-border-radius		: 5px;
	border-radius				: 5px;
	margin-bottom				: 5px;
	outline						: 0;
	border						: 1px solid #777;
}

.container_grafico {
	margin-bottom				: 50px;
}
/*
.c3-axis.c3-axis-x .tick text {
	display						: none !important;
}
*/

/*##################################
##	REGOLE DI STILE PER SOS
##################################*/

.tbl_sos {
	padding						: 2px;
	border						: 1px solid black;
	text-align					: center !important;
}

.tbl_sos_drive {
	background-color			: #1cdd97;
}

.tbl_sos_kiosk {
	background-color			: #ddaf1c;
}

.tbl_sos_produttivita {
	background-color			: #23aaff;
}

/*#####################################################
##	REGOLE DI STILE PER DATI CONSOLIDATI
#####################################################*/

.resConteggiDiv {
	text-transform				: uppercase;
	border-top					: 1px dashed #ccc;
	margin-top					: 5px;
	display						: inline-block;
}

.resConteggiDiv  td {
	padding						: 5px;
}

/*#####################################################
##	            RESTYLING NAVBAR VRISKO
#####################################################*/


#footernav,
.navbar-inverse .container-fluid,
.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-nav > li > a,
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-collapse:hover,
.navbar-inverse .navbar-nav > li > a:hover{
		color: #fff;
		background-color:  #273A7D;
}
#navbar_home img{
 width: 100px !important;
}
.navbar-inverse .container-fluid strong{
 margin-left: 50px;
}

#div_centrale{
	background-image: url("/img/banner-platform-01.jpg");
background-position: top;
background-repeat: no-repeat;
padding-top: 90px;
background-size: contain;
}
#cambiaSede{
  color: #000;
}

.highcharts-credits{
  display: none;
}

#graficosesso_mobile, #graficoeta_mob, #graficocontratti_mob, #dipsede_mob, #graficolic_mob, #graficoturn_mob { display: none; }

@media only screen and (max-width: 800px) {
	#div_centrale {
	background-image: url("/img/banner-platform-01.jpg");
background-repeat: no-repeat;
padding-top: 90px;
background-position-x: center;
background-size: auto;
}

.contenuto-tab-ratei td{
	text-align: center !important;
}
.contenuto-tab-ratei ::before{
	font-size: 12px;
}
#graficosesso, #graficoeta, #graficocontratti, #dipsede, #graficolic, #graficoturn{{ display: none; }
#graficosesso_mobile, #graficoeta_mob, #graficocontratti_mob, #dipsede_mob, #graficolic_mob, #graficoturn_mob { display: block; }
#timbratura_div { text-align: center; font-weight: 900px; font-size: 28px; }
#timbratura_div button{ 
background-color: white;
padding: 20px;
border: 5px solid black;
border-radius: 10px; 
}
}