body {

	/* [disabled]font-style: normal; */
	color: #4B4B4B;
	font-size: 14px;
}

a:link {
    text-decoration: none;
}

a {
    text-decoration: none;
    color: #4b4b4b;
}


/* offset verticali */
.voffset  { margin-top: 2px; }
.voffset1 { margin-top: 5px; }
.voffset2 {	margin-top: 10px; }
.voffset3 { margin-top: 15px; }
.voffset4 { margin-top: 30px; }
.voffset5 { margin-top: 40px; }
.voffset6 { margin-top: 60px; }
.voffset7 { margin-top: 80px; }
.voffset8 { margin-top: 100px; }
.voffset9 { margin-top: 150px; }

/* offset orrizontali */
.hoffset  { margin-left: 0px; margin-right: 0px;}
.hoffset1  { margin-left: 5px; margin-right: 5px;}
.hoffset2  { margin-left: 10px; margin-right: 10px;}
.hoffset3  { margin-left: 15px; margin-right: 15px;}
.hoffset4  { margin-left: 30px; margin-right: 30px;}
.hoffset5  { margin-left: 40px; margin-right: 40px;}
.hoffset6  { margin-left: 60px; margin-right: 60px;}
.hoffset7  { margin-left: 80px; margin-right: 80px;}
.hoffset8  { margin-left: 100px; margin-right: 100px;}
.hoffset9  { margin-left: 150px; margin-right: 150px;}


/*********************************************** TEMI DI BOOTSTRAP  *************************************************/

/********************************************************/
/************************ btn ***************************/
.btn-custom {
    background: #666666;
    color: #f0f0f0;
    border-color: #666666;
}
.btn-custom:active, .btn-custom.active{
    background: #f0f0f0;
    color: #333333;
}
.btn-custom:hover, .btn-custom:focus,  .open > .dropdown-toggle.btn-custom {
    background: #464646;
    color: #f0f0f0;
}

.btn-sm {
    padding: 0.15rem 0.3rem;
    font-size: 0.875rem;
    line-height: 1.2;
    border-radius: 0.2rem;
}
/********************************************************/
/************************ menu ***************************/

.bg-grigio {
	background-color: #f3f5f6;
}

.dropdown-item:hover {
	background-color: #aeb6bf;	
}
/************************************************************/
/************************** Pannel **************************/

.panel-default > .panel-heading {
    background-image: none;
    background-color: #606872;
    color: white;
    padding: 3px 15px;  /*spessore titolo*/ 	
}
.panel-default {
	border: 1px solid #606872;
	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;

}
.panel-default > .panel-body{
	background-color: #f4f4f4;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}
.panel-title{
	font-size: 17px;
	font-weight: bold;
	margin-top: 5px;
   margin-bottom: 3px;
}

/************************************************************/
/********************* input-group **************************/
.form-control:focus {/* alone attorno agli input*/
  border-color: #757d8a;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(27, 137, 247, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(27, 137, 247, .6);
 } 
 
 .form-control {
 	font-size: 0.9rem;
 }
  
.form-group{
	margin-bottom: 6px;
}

.list-unstyled{
	font-size: 12px;
}

.help-block {
	margin-top: 2px;
	margin-bottom: 0px;
}

.input-group-text{
	font-size: 0.9rem;
}
/************************************************************/
/********************* tabelle ******************************/

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {/*testo table al centro verticale*/
	vertical-align: middle;
}

.table > tbody > tr > td{
	border-top: 1px solid #afafaf;
	padding: 6px;
	font-size: 13px;
}

.table-hover > tbody > tr:hover {
	color: white;
	background-color: #969696;
}

.table-hover > tbody > tr:hover a {
	color: white;
}

.table-hover > tbody > tr:hover input {
	color: #7e7e7e;
}

.table > thead > tr > td, .table > thead > tr > th{
	border-bottom: 2px solid #7e7e7e;
	background-color: white;
	cursor: pointer;
}

/************************************************************/
/********************* tooltip ******************************/

.tooltip.bottom { 
	margin-top: 5px;
	margin-left: -4px;   
}

.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.bs-tooltip-bottom .arrow::before {
    margin-left: -3px;
    content: "";
    border-width: 0 5px 5px;
    border-bottom-color: #373737;
}
.tooltip-inner {
    max-width: 450px;
    background-color:#373737;
}
/************************************************************/
/********************* modal ********************************/

.modal-xl {
	width: 90%;
	max-width:1200px;
}

.modal-title {
	width: 100%;
}

/************************************************************/
/*********************** CARD *******************************/
.card_custom {
	background-color: #f1f1f1;
	padding: 0.5rem;
}


/************************************************************/
/******************* Label colorate *************************/
.lb-sm {
  font-size: 12px;
}

.lb-md {
  font-size: 16px;
}

.lb-lg {
  font-size: 20px;
}
/***************************************************************************************************
***************************************************************************************************/  


.scrolltotop {
    width:51px;
    height:51px;
    position:fixed;
    bottom:25px;
    right:10px;
    display:none;
    text-indent:-1000px;
    opacity:0.7;
    background: url('immagini/arrow-up.png') no-repeat;
    z-index: 1000;
}

.scrolltotop:hover {
    opacity:0.9;
}

.border_dx_sx{
	border-right: 1px solid #8C8C8C;
	border-left:  1px solid #8b8b8b;
   margin-top: -6px;
   margin-right: -16px;
   margin-left: -16px;
}

input { 
	padding-left: 5px;
	border-color: #d6dcdc;
	border-width: 1px;
	border-style: solid;
}  

hr {
  margin-top: 2px;
  margin-bottom: 2px;
  border-top: 1px solid #d8d8d8;
}

.text-through{
	text-decoration: line-through;
}

.Testo_grande {
	font-size: 12px;
	}
.t_rosso {
	color:#F00;
}

.arrow-up {
  width: 0px; 
  height: 0px; 
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid;
  position: relative;
  bottom: 10px;
  margin-left: 4px;
}

.arrow-down {
  width: 0px; 
  height: 0px; 
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #f00;
  position: relative;
  top: 10px;
  margin-left: 4px;
}
	
.loading_ajax {
	background-image:url('immagini/ajax2.gif');
	z-index: 10;
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:center;
   -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
	border: 1px solid #c7c7c7;
	opacity: 0.9;
	position: absolute;
}

.messaggio_ok {
	
	z-index: 10;
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:center;
   -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
	border: 1px solid #c7c7c7;
	opacity: 0;
	position: absolute;
}
	
.SuperTitolo {
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	background-color: #666;
	text-align: center;
	background-image: none;
	color: #F30;
	}
	
.Titolo {
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	background-color: #666;
	text-align: center;
	background-image: none;
	color: #FFF;
	margin-right: 120px;
	margin-left: 120px;
}
.Titolo3 {
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	background-color: #CCC;
	text-align: center;
	background-image: none;
	color: #666;
	margin-right: 120px;
	margin-left: 120px;
}
.Titolo2 {
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	background-color: #666;
	text-align: center;
	background-image: none;
	color: #FFF;
}

.textGr {
	font: normal 12px/12px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	border: 1px solid #CCC;
	padding-right: 2px;
	padding-left: 2px;
	vertical-align: middle;
	background-color: #F3F3F3;
	text-align: center;
}

.testo_evidenziato {
	font-size: 12px;
	color: #FF0000;
	text-align: center;
}

.pulsante_down {
	font-weight: bold;
	color: #FFFFFF;
}
.pulsante_up {
	font-weight: bold;
	color: #FFFFFF;
}

 
.spento_1 {
	background-color: #eaeaea;
	-webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; /* animate style changes (hover, active, etc.) */
}
.spento_2 {
	background-color: #d4d4d4;
	-webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; /* animate style changes (hover, active, etc.) */
}

.spento_1:hover {
	background-color: #c1c1c1;
}
.spento_2:hover {
	background-color: #c1c1c1;
}

.titolo_cornice_grossa { 
	background: #6c8074; 
	border-right:1px solid #6c8074; 
	border-left:1px solid #6c8074; 
	font-size: 18px; 
	font-weight: bold; 
	text-align: center; 
	color: #FFF; 
	line-height: 6px; 
	padding-bottom: 10px;
	height: 13px;
}
.titolo_mod_ins { 
	background: #666; 
	border-right:1px solid #111; 
	border-left:1px solid #111; 
	font-size: 16px; font-weight: bold; 
	text-align: center; 
	color: white; 
	text-shadow: 0px 0px 10px red, 0px 0px 2px red;
	padding-top: 10px;
	height: 35px;
	/* border radius */
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
}
.cornice_grossa {
	background-color: #dbdbdb;
	border-style: solid;
	border-color:  #6c8074;
	border-width: 3px;
	border-style: solid;
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
	border-spacing: 0px;
	/* border radius */
	-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
}
.cornice_bianca {
	background-color: white;
	border-style: solid;
	border-color: #666;
	border-width: 1px;
	border-bottom-style: solid;
	margin: 4px;
	/* border radius */
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
	border-spacing: 2px;
	border-collapse: separate;
}



.navigation {
border:0 none;
color:#666666;
padding:2px;
}
.navigation a:link, .navigation a:visited, .navigation a:hover, .navigation a:active {
background-color:#F9F9F9;
border:1px solid #666;
color:#636363;
padding:3px 6px;
text-decoration:none;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #666;
border-right-color: #666;
border-bottom-color: #666;
border-left-color: #666;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-bottom-style: solid;
margin: 0px;
padding:2px 4px;
/* border radius */
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; /* animate style changes (hover, active, etc.) */	
}
.navigation a:hover {
background:none repeat scroll 0 0 #666;
border-color:#666;
color:#FFFFFF;
text-decoration:none;
-webkit-box-shadow: 0 0 5px rgba(144, 208, 149, .8); 
-moz-box-shadow: 0 0 5px rgba(144, 208, 149, .8); 
box-shadow: 0 0 5px rgba(144, 208, 149, .8);
}
.navigation span {
background-color:#FFFFFF;
border:1px solid #666;
color:#CCCCCC;
padding:3px 6px;
text-decoration:none;
/* border radius */
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
}


/* Forms and inputs
---------------------------------------------- */
textarea:hover, input[type="text"]:hover, input[type="password"]:hover, .textInput:hover, .textInput.inputHover { /* color - hover */
	background: #f4f4f4;
	}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, .textInput:focus, .textInput.inputFocus { /* color - hover */
	background: white;
	}

	



/***************************************************************************************************
BODY
***************************************************************************************************/

#loading{
	position: absolute;
	left: 2px;
	top: 14px;
}



/**************************************************************************************************************************/
/*************************************************  max-width: 510px  *****************************************************/
/**************************************************************************************************************************/
/**************************************************************************************************************************/
@media (max-width: 510px){
 /* margini a sx */
	.container, .container-fluid {
  		padding-left: 2px;
	}
	
	.navbar-toggle {
		margin-right: 29px;
	}
	
	.panel-body {
    	padding-left: 4px;
    	padding-right: 4px;
	}
/***********************/
	.border_dx_sx{
   	margin-right: -5px;
   	margin-left: -5px;
	}
}
/**************************************************************************************************************************/
/**************************************************************************************************************************/