@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css');

#block-block-120 .logo-footer {
	width: 40px;
	height: 40px;
	float: left;
	/*background-image: url('../images/logo_grigio.png');*/
	background-image: url('../images/logo_blu.png');
	background-repeat:  no-repeat;
	background-size: 100% auto;
	margin-right: 10px;
}

#block-block-120 p {
	margin-top: 0;
	position: relative;
	display: inline-block;
	font-weight: bold;
}

#section-bottom {
	/*background: #333!important;*/
}

.webform-client-form .webform-client-form {

}

.webform-client-form .webform-client-form label{
	width: 100%;
	display: inline-block;
}

.webform-client-form .form-item .controls:before {
	background: none repeat scroll 0 0 rgba(34, 34, 34, 0.05);
    border: 1px solid rgba(34, 34, 34, 0.25);
    color: #23408e;
    display: block;
    float: left;
    font-family: FontAwesome;
    font-size: 18px;
    height: 30px;
    line-height: 25px;
    margin-right: -1px;
    text-align: center;
    width: 40px;	
}
.webform-client-form #webform-component-nome .controls:before {
    content: "\f007";
}

.webform-client-form #webform-component-cognome .controls:before {
	content: "\f007";
}

.webform-client-form #webform-component-telefono .controls:before {
	content: "";
}
.webform-client-form #webform-component-oggetto .controls:before {
	content: "";
}
.webform-client-form #webform-component-e-mail .controls:before {
	content: "";
}
.webform-client-form #webform-component-messaggio textarea{
	height: 220px;
	max-width: 650px;
	width: 100%;
}
.webform-client-form #webform-component-messaggio .controls:before {
	content: "";
	height: 220px;
}
.webform-client-form #webform-component-sesso .controls:before {
	content: "";	
}
.webform-client-form #webform-component-residente-in .grippie {
	display: none;
}
.webform-client-form #webform-component-residente-in .controls:before {
	content: "";
}
.webform-client-form #webform-component-mobile .controls:before {
	content: "";
}
.webform-client-form #webform-component-attivita-svolte .controls:before {
	content: "";
}

.webform-client-form .webform-component-managed_file {

}
.webform-client-form .webform-component-managed_file button {
	margin-top: 15px;
}

.webform-client-form #webform-component-cap,.webform-client-form #webform-component-citta, .webform-client-form #webform-component-provincia {
	margin-left: 40px;
}
#block-webform-client-block-120 {
	margin-top: 0;
}
.webform-client-form-120 .form-required {
	display: none;
}


#edit-submitted-allega-cv button {
	color: #23408E;
}
#edit-submitted-allega-cv button:hover {
	color: #FFF;
}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
	margin-left: 0;
}

.webform-client-form select {
	text-indent: 0;
	padding: 0 10px;
}

#popup-privacy, #popup-privacy2 {
	display:none;
	background-color: white;
	border: 1px solid #232323;
	height: auto;
	left: 10%;
	padding: 20px 20px 40px;
	position: fixed;
	top: 30px;
	width: 80%;
	z-index: 100;
	margin-left: 0;
	box-shadow: 10px 10px 20px #000000;
	-webkit-box-shadow: -10px 10px 20px;
	color: #949599;
}
#popup-privacy h3, #popup-privacy2 h3 {
	color: #23408E;
}
.riquadro {
	border: 1px solid #ddd;
	padding: 15px;
	background: #f5f5f5;
	max-width: 690px;
	width: auto;
}
.webform-submit.button-primary.btn.btn-primary.form-submit {
	padding: 9px 60px;
}

.shPriceTable.col4.col-xs-12{
	padding-top: 0;
}

.shPriceTable.col4.col-xs-12 dl {
	width: 100%;
}
.shPriceTable.col4.col-xs-12 dt {
	color: #000080;
	height: 129px;
}
.shPriceTable dd {
	text-align: left;
}


@media (max-width: 992px) {
	.shPriceTable.col4.col-xs-12 dt {
		height: 110px;
		font-size: 20px
	}
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
	.region-user-fourth, .region-user-first, .region-user-second, .region-user-third {
		width: 50%;
	}
	.shPriceTable.col4.col-xs-12 dt {
		height: 80px;		
	}
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
	.shPriceTable.col4.col-xs-12 dl {
		font-size: 11px;		
	}
	.shPriceTable.col4.col-xs-12 dt {
		height: 80px;
		font-size: 20px
	}
	.shPriceTable.col4.col-xs-12 dd {
		height: 40px;
	}
}


.view-servizi {

}

.view-servizi .views-row {
	margin-bottom: 30px;
}

.view-servizi.view-display-id-block_2 .views-field-field-immagine-servizio{
	margin-bottom: 10px;
}

.view-servizi.view-display-id-block_2 .views-row{
	/*margin-bottom: 60px;*/
}

.view-servizi .views-field-field-immagine-servizio img {
	width: 100%;
	height: auto;
	padding: 2px;
	background: #FFF;
	border: 1px solid #bbb;
}

.view-servizi .views-field-title a {
	color: #23408e;
	font-size: 18px;
	text-transform: uppercase;
	font-family: "MontserratRegular";
	margin: 0px 0px 5px;
}

.view-servizi .views-field-body p{
	margin-bottom: 10px;
	font-size: 13px;
	font-family: "opensans-regular-webfont";
	color: #1F1F1F;
	line-height: 20px;
}

.view-servizi .col-xs-12 {

}
/*
.view-servizi .views-field-view-node a{
	border: 2px solid #222;
	color: #333;
}
*/

#block-views-servizi-block, #block-views-servizi-block-2 {
	margin-top: 0;
}


.node-strumento img {
	padding: 2px;
	background: #FFF;
	border: 1px solid #ddd;
	margin-bottom: 15px;
}

.node-strumento h4 {
	color: #23408E;
}

.ltr .sh-blocknumber {
	float: left;
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
	.node-strumento .field-name-body .col-md-6 {
		clear: both;
	}	
}

.field-name-field-sfondo-pagina {
	display: none;
}

/*
.node-page .content:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, .7);
	z-index: 1;
	top: 0;
}

.node-page .content .field {
	position: relative;
	z-index: 100;
}
*/

/*OSSERVATORIO TASSI*/
.tasso {
	font-size: 15px;
}

@media (max-width: 992px) {
	.tasso {		
		margin-bottom: 30px;
	}
}

.tipologia {
	width: 100%;
	text-align: center;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 21px;
	font-family: "MontserratRegular";
}

.tasso table {
	width: 100%;
	border: 1px solid #ddd;
	border-bottom: none;
}

.tasso thead {
	padding: 5px 0;
	font-weight: 700;
	text-transform: uppercase;
}

.tasso tr {
	padding: 2px 4px;
	border-bottom: 1px solid #ddd;
	display: inline-block;
	width: 100%;
}

.tasso .left {
	width: 60%;
}
.tasso .right {
	width: 40%;
	text-align: right;
}

.tasso .left {
	font-weight: bold;
}


/*CALCOLO RATA*/
#sammarco-calcolo-rata select, #sammarco-piano-ammortamento select, #sammarco-debito-residuo select, #sammarco-surroga select  {
	text-indent: 0;
	max-width: 100%;
	width: 100%;
}
#sammarco-calcolo-rata input, #sammarco-piano-ammortamento input, #sammarco-debito-residuo input, #sammarco-surroga input {
	max-width: 100%;
	width: 100%;
}

#risultati {
	margin-top: 30px;
	margin-bottom: 50px;
	font-size: 15px;
	float: left;
	width: 100%;
}
#risultati .item {
	margin-bottom: 5px;
}

#sammarco-piano-ammortamento table, #sammarco-debito-residuo table {
	width: 100%;
	text-align: center;
	font-size: 15px;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 30px;
	float: left;
}

#sammarco-piano-ammortamento table {
	margin-left: 0;
	margin-right: 0;
}

#sammarco-piano-ammortamento table th, #sammarco-debito-residuo table th {
	text-align: center;
	font-size: 18px;
	font-family: "MontserratRegular";
}

table .odd, table .odd {
	background-color: #fcfcfc;
}


table .green.even {
	background-color: #9BD356;
	color: #555;
}

table .green.odd {
	background-color: #BADD8B;
	color: #555;
}

.page-node-116 .region-sidebar-second img {
    border: 2px solid #FFF;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

#section-footer, #section-footer a, #section-footer p {
	color: #FFF!important;
}


#block-block-131 {
	width: 33.3333%;
	float: left;
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: -15px;	
}

#block-block-131 img {
	padding: 2px;
	background: #FFF none repeat scroll 0% 0%;
	border: 1px solid #DDD;
	margin-bottom: 15px;
}

#block-views-servizi-block-3 {
	float: left;
	position: relative;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;	
	margin-left: 16.6667%;
	width: 50%;
	margin-right: -15px;
}

.square {
	width: 15px;
	height: 15px;
	margin-right: 3px;
	display: inline-block;
	position: relative;
	top: 2px;
	border: 1px solid #ccc;
}

.square.green.even {
	background-color: #9BD356;
	background-image: url('green-even.png')!important;
}

.square.green.odd {
	background-color: #BADD8B;
	background-image: url('green-odd.png')!important;
}

.square.yellow {
	background-image: url('yellow.png')!important;
	background-color: #FFFF99;
	/*-webkit-print-color-adjust: exact;*/
}

.square.grey.even {
	background-image: url('grey-even.png')!important;
	background-color: #eee;
}

.square.grey.odd {
	background-color: #fcfcfc;
	background-image: url('grey-odd.png')!important;
}

tr.even {
	background-color: #eee;
	background-image: url('grey-even.png')!important;
	-webkit-print-color-adjust: exact;
}

tr.odd {
	background-color: #fcfcfc;
	background-image: url('grey-odd.png')!important;	
	-webkit-print-color-adjust: exact;
}

table .green.even {
	background-color: #9BD356;
	background-image: url('green-even.png')!important;
	background-repeat: repeat;
	-webkit-print-color-adjust: exact;
}

table .green.odd {
	background-color: #BADD8B;
	background-image: url('green-odd.png')!important;
	background-repeat: repeat;
	-webkit-print-color-adjust: exact;
}


table .yellow {
	background-color: #FFFF99;
	background-image: url('yellow.png')!important;
	background-repeat: repeat;
	color: #555;
	-webkit-print-color-adjust: exact;
}

table .end {
	border-width: 2px;
	border-color: #aaa;
}

table {
	width: 100%;
}


.loader {
    position: fixed;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .9);
    z-index: 999 !important;
    top: 0px;
    color: white;
    text-align: center;
    padding-top: 300px;
    font-size: 20px;	
    display: none;
}

.stampa.btn {
	background-color: #FFF;
	background-image: none;
	margin: 15px 0 15px;
}

.stampa.btn:hover {
    background: #23408e !important;
    color: #fff;	
}

#img-out {
	display: none;
}

.piano-ammortamento-stampato {
	display: block!important;
}


.piano-ammortamento-stampato .btn {
	display: none;
}

table.sticky-table {
	top: 107px;
}

/*
All common (screen) styles here, in the normal way.
*/

@media print {
  .btn { 
  	display: none; 
  }
	.hide-print {
		display: none;
	}
	.body {
		display: none;
	}
}
/*
.html2canvas-container {
	position: relative!important;
	left: 0!important;
	visibility: visible!important;
	display: none;
}*/
#print {
	/*display: none;*/
	height: auto;
	background-image: url('template-stampa-sammarco.jpg')!important;
	background-size: contain!important;
	background-repeat: repeat-y!important;
	background-position: top center;
	/*padding: 170px 75px 0;*/
  /*width: 793px;
  height: 1100px;*/
  /*width: 100%;
  height: 930px;*/
	z-index: 0;
	-webkit-print-color-adjust:exact;
}

#print.canvas {
	background-size: cover!important;
  width: 21cm;
  min-height: 29.7cm;
}

#print.canvas .inner {
  padding: 110px 45px 0 20px;
}

#print-result {
	/*display: */
}

.sammarco-table th {
	width: 50%;
	display: inline-block;
	
}

#block-sammarco-sammarco-osservatorio-tassi.block {
	margin-top: 0;
}

.tasso .sammarco-table tbody td {
	width: 50%;
	display: inline-block;
}