/*20180208154500*/

html, body, form {
	padding: 0px;
	margin: 0px;
	font-family: "OpenSans",arial,sans-serif;
	vertical-align: middle;
	font-weight: normal;
	color: #605D5C;
	font-size: medium;
}

/* input per ricerca */
input#search-term {
	height: 36px;
	border-radius: 6px 0 0 6px;
	margin: 0px;
	padding: 0 10px;
	color: #6E6E6E;
	font-size: 10.5pt;
	background-color: #F0F0F0;
	width: 380px;
	border: none;
	font-weight: light;
}

/* buttone per la ricerca */
div#search {
    border: none;
    border-radius: 0 6px 6px 0;
    cursor: pointer;
    height: 36px;
    width: 36px;
	box-shadow: none;
    background: #6EBB3B url("../../img/gear_pict/cerca_bianco.svg") no-repeat;
    background-size: 20px 20px;
    background-position: center;
    float: right;
    position: absolute;
    display: inline;
}

.open_sans{
	font-family: "OpenSans";
}

.open_sans_italic{
	font-family: "OpenSans";
	font-style: italic;
}

.open_sans_extrabold{
	font-family: "OpenSans ExtraBold";
}

.bold{
	font-family: "OpenSans";
	font-weight: bold;
}

.uppercase {
	text-transform: uppercase;
}

.text_underline {
	text-decoration: underline;
}

.text_align_left {
	text-align: left;
}

.text_align_center {
	text-align: center;
}

.text_align_right {
	text-align: right;
}

.font_color_red {
	color: rgb(233, 79, 53) !important;
}

.font_color_sdg {
	color: #6EBB3B !important;
}

.open_sans_extrabold_italic{
	font-family: "OpenSans ExtraBold";
	font-style: italic;
}

.open_sans_condensed{
	font-family: "OpenSans Condensed";
}

.open_sans_condensed_italic{
	font-family: "OpenSans Condensed";
	font-style: italic;
}

.top_link_cerca {
	line-height: 80px;
}

.top_link_a {
	font-size: 9pt;
	font-family: "OpenSans";
}

.menu_selected {
    border-bottom: 4px solid #6EBB3B ;
    font-weight: bold;
}

.menu_selected a{
	line-height: 72px !important;	
}

.menu_toplink a{
	line-height: 80px;
	color: #6E6E6E !important;
}

.title_toplink{
	font-size: 14pt;
	font-weight: bold;
	font-family: "OpenSans";
	color: #6E6E6E;
	/*line-height: 60px;*/
}

.subtitletitle_toplink{
	font-size: 14pt;
	font-family: "OpenSans";
	color: #6EBB3B;
	line-height: 60px;
}

.action_toplink{
	color: #6EBB3B;
	font-family: "OpenSans Condensed";
	font-size: 11pt;
	text-align: center;
	height: 36px;line-height: 60px;
	cursor: pointer;
}

.img_toplink{
	height: 30px;
	margin-top: 15px;
}

.cursor_pointer{
	cursor: pointer;
}

.grid-item {
  float: left;
}

.grid-clear{
	clear: both;
	font-size: 0px;
}

/* 1 columns wide of 48 */
.grid-item--width48_1 { width: calc(100%/48); }

/* 2 columns wide of 48 */
.grid-item--width48_2 { width: calc((100%/48)*2); }

/* 3 columns wide of 48 */
.grid-item--width48_3 { width: calc((100%/48)*3); }

/* 4 columns wide of 48 */
.grid-item--width48_4 { width: calc((100%/48)*4); }

/* 5 columns wide of 48 */
.grid-item--width48_5 { width: calc((100%/48)*5); }

/* 6 columns wide of 48 */
.grid-item--width48_6 { width: calc((100%/48)*6); }

/* 7 columns wide of 48 */
.grid-item--width48_7 { width: calc((100%/48)*7); }

/* 8 columns wide of 48 */
.grid-item--width48_8 { width: calc((100%/48)*8); }

/* 9 columns wide of 48 */
.grid-item--width48_9 { width: calc((100%/48)*9); }

/* 10 columns wide of 10 */
.grid-item--width48_10 { width: calc((100%/48)*10); }

/* 11 columns wide of 48 */
.grid-item--width48_11 { width: calc((100%/48)*11); }

/* 12 columns wide of 48 */
.grid-item--width48_12 { width: calc((100%/48)*12); }

/* 13 columns wide of 48 */
.grid-item--width48_13 { width: calc((100%/48)*13); }

/* 14 columns wide of 48 */
.grid-item--width48_14 { width: calc((100%/48)*14); }

/* 15 columns wide of 48 */
.grid-item--width48_15 { width: calc((100%/48)*15); }

/* 16 columns wide of 48 */
.grid-item--width48_16 { width: calc((100%/48)*16); }

/* 17 columns wide of 48 */
.grid-item--width48_17 { width: calc((100%/48)*17); }

/* 18 columns wide of 48 */
.grid-item--width48_18 { width: calc((100%/48)*18); }

/* 19 columns wide of 48 */
.grid-item--width48_19 { width: calc((100%/48)*19); }

/* 20 columns wide of 48 */
.grid-item--width48_20 { width: calc((100%/48)*20); }

/* 21 columns wide of 48 */
.grid-item--width48_21 { width: calc((100%/48)*21); }

/* 22 columns wide of 20 */
.grid-item--width48_22 { width: calc((100%/48)*22); }

/* 23 columns wide of 48 */
.grid-item--width48_23 { width: calc((100%/48)*23); }

/* 24 columns wide of 48 */
.grid-item--width48_24 { width: calc((100%/48)*24); }

/* 25 columns wide of 48 */
.grid-item--width48_25 { width: calc((100%/48)*25); }

/* 26 columns wide of 48 */
.grid-item--width48_26 { width: calc((100%/48)*26); }

/* 27 columns wide of 48 */
.grid-item--width48_27 { width: calc((100%/48)*27); }

/* 28 columns wide of 48 */
.grid-item--width48_28 { width: calc((100%/48)*28); }

/* 29 columns wide of 48 */
.grid-item--width48_29 { width: calc((100%/48)*29); }

/* 30 columns wide of 48 */
.grid-item--width48_30 { width: calc((100%/48)*30); }

/* 31 columns wide of 48 */
.grid-item--width48_31 { width: calc((100%/48)*31); }

/* 32 columns wide of 48 */
.grid-item--width48_32 { width: calc((100%/48)*32); }

/* 33 columns wide of 48 */
.grid-item--width48_33 { width: calc((100%/48)*33); }

/* 34 columns wide of 48 */
.grid-item--width48_34 { width: calc((100%/48)*34); }

/* 35 columns wide of 48 */
.grid-item--width48_35 { width: calc((100%/48)*35); }

/* 36 columns wide of 48 */
.grid-item--width48_36 { width: calc((100%/48)*36); }

/* 37 columns wide of 48 */
.grid-item--width48_37 { width: calc((100%/48)*37); }

/* 38 columns wide of 48 */
.grid-item--width48_38 { width: calc((100%/48)*38); }

/* 39 columns wide of 48 */
.grid-item--width48_39 { width: calc((100%/48)*39); }

/* 40 columns wide of 48 */
.grid-item--width48_40 { width: calc((100%/48)*40); }

/* 41 columns wide of 48 */
.grid-item--width48_41 { width: calc((100%/48)*41); }

/* 42 columns wide of 48 */
.grid-item--width48_42 { width: calc((100%/48)*42); }

/* 43 columns wide of 48 */
.grid-item--width48_43 { width: calc((100%/48)*43); }

/* 44 columns wide of 48 */
.grid-item--width48_44 { width: calc((100%/48)*44); }

/* 45 columns wide of 48 */
.grid-item--width48_45 { width: calc((100%/48)*45); }

/* 46 columns wide of 48 */
.grid-item--width48_46 { width: calc((100%/48)*46); }

/* 47 columns wide of 47 */
.grid-item--width48_47 { width: calc((100%/48)*47); }

th{
	color: #6E6E6E;
	font-family: "OpenSans" !important;
}

/*
.ui-widget-header{
	background-color: #8A8E96 !important;
	border-radius: 5px 5px 0px 0px;
	
}

.ui-datepicker .ui-datepicker-header{
	width: 100% !important;
	height: 30px !important;
	margin: 0 !important;
	padding: 0 !important;
}

.ui-widget.ui-widget-content{
	border: 1px solid #8A8E96 !important;
	border-radius: 5px !important;
}

.ui-datepicker{
	padding: 0px !important;
}

.ui-datepicker-title{
	font-family: "OpenSans" !important;
	line-height: 30px !important;
	font-size: 16px !important;
}

.ui-icon-circle-triangle-w{
    background-image: url("/img/gear_pict/freccia_sx_bianco.svg") !important;
	background-position: center;
	background-size: 16px 16px;
	background-repeat: no-repeat;
}

.ui-icon-circle-triangle-e{
    background-image: url("/img/gear_pict/freccia_dx_bianco.svg") !important;
	background-position: center;
	background-size: 16px 16px;
	background-repeat: no-repeat;
}

.ui-state-default{
	
	width: 20px !important;
	height: 20px !important;
	margin-left: 5px !important;
	text-align: center !important;
	font-family: "OpenSans" !important;
	border: none !important;
	background-color: #FFF !important;
	line-height: 20px !important;
}

.ui-state-active{
	border-radius: 20px !important;
	border: 1px solid #DCDCDC !important;
	background-color: #FFF !important;
	color: #6E6E6E !important;
}

.ui-state-highlight{
	border-radius: 20px !important;
	background-color: #8A8E96 !important;
	color: #FFF !important;
}

.ui-widget{
	font-family: "OpenSans" !important;
}
*/

.ui-button.ui-state-default {
	background: #A0A0A0;
	border: none;
	height: 30px;
	padding: 0;
	margin: 0;
	min-width: 100px;
}

.ui-button.ui-widget {
	color: #FFFFFF;
}

.ui-dialog-buttonset>.ui-button {
    background-color: #A0A0A0;
}

.ui-dialog-titlebar-close  {
	border: none;
}

.ui-button-text {
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 14px;
}

.ui-dialog-buttonpane {
	padding: 10px 0 10px 10px !important;
	margin: 0 !important;
}

.ui-datepicker-month{
	margin-top: 4px !important;
	box-sizing: border-box !important;
	font-family: "OpenSans" !important;
    font-size: 14px !important;
    border: none !important;
	border-radius: 4px;
    background: url(../../img/gear_pict/espandi_bianco.svg) no-repeat right 5px center !important;
	background-size: 16px !important;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none; 
	padding-right: 30px;
	color: #FFF;
	font-weight: bold;
}

.ui-datepicker-year{
	margin-top: 4px !important;
	box-sizing: border-box !important;
	font-family: "OpenSans" !important;
    font-size: 14px !important;
    border: none !important;
	border-radius: 4px;
    background: url(../../img/gear_pict/espandi_bianco.svg) no-repeat right 5px center !important;
	background-size: 16px !important;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none; 
	padding-right: 30px;
	color: #FFF;
	font-weight: bold;
}

.ui-dialog-title {
	text-transform: uppercase;
	font-size: 14px;
	margin-left: 10px;
}

.ui-dialog-titlebar {
	height: 30px;
	padding: 0 10px !important;
	line-height: 27px;
	border: none;
}
/*
.ui-icon-closethick {
	background: url('/img/20/delete_white.png');
	background-size: 16px 16px;
	background-repeat: no-repeat;
	background-position: center;
}
*/

.btn {
	border: none;
	border-radius: 6px;
	height: 30px;
	font-family: "OpenSans" !important;
	font-size: 9.5pt !important;
	font-weight: bold !important;
	line-height: 30px;
	background-color: #A0A0A0 !important;
	color: white !important;
	cursor: pointer;
	text-align: center;
	text-transform: uppercase;
	padding: 0 20px;
}

.btnActive {
	background-color: #6EBB3B;
}

.button_popup{
	height: 30px;
	padding: 0px 40px 0px 40px;
	margin-right: 10px;
	border-radius: 5px;
	border: none;
	font-family: "OpenSans";
	font-size: 11pt;
	font-weight: bold;
	line-height: 30px;
	background-color: #DCDCDC;
	color: white;
	float: right;
	margin-bottom: 10px;
	cursor: pointer;
	
}

.label8pt {
	font-size: 8pt;
}

.btn_ngs_color{
	background-color: #8A8E96;
}

.label_popup{
	font-family: "OpenSans";
	font-size: 11pt;
	line-height: 30px;
	color : #6E6E6E;
}

.label_header {
	font-size: 10pt;
	font-weight: bold;
	font-family: "OpenSans";
	color: #6E6E6E;
	line-height: 60px;
}

.label_row_desc {
	font-family: "OpenSans";
	font-size: 10pt;
	color: #6E6E6E;
	line-height: 30px;
}

.border_input_error{
	border-bottom: 2px solid #CC1020 !important; 
}

.label_popup_error{
	font-family: "OpenSans";
	font-size: 8pt;
	color : #CC1020;
}

.label_title_row{
	font-family: "OpenSans";
	font-size: 10pt;
	line-height: 30px;
	color : #A0A0A0;
}

.label_value_row{
	font-family: "OpenSans";
	font-size: 10pt;
	line-height: 30px;
	color : #6E6E6E;
}

.inputFiltro {	
	font-size: 10.5pt !important;
	font-family: "OpenSans" !important;
	height: 36px !important;
	padding: 0px;
	padding: 0 10px;
	width: 100%;
	border: 1px solid #DCDCDC;
	box-sizing: border-box !important;
	border-radius: 6px;
	background-color: #FFFFFF;
	color: #6E6E6E;
}

.width400 {
	width: 400px;
}

.selectFiltro {
	font-size: 14px !important;
	font-family: "OpenSans" !important;
	height: 36px;
	padding: 0;
	width: 100%;
	border: 1px solid #DCDCDC;
	box-sizing: border-box !important;
	border-radius: 6px;
	padding-left: 10px;
    background: url(../../../cdn-image.spaggiari.eu/img/next_down.png) no-repeat right 5px center !important;
	background-size: 16px !important;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none; 
	padding-right: 30px;
	cursor: pointer;
}

.check-radio-container {
    float: left;
    background-position: left;
    background-repeat: no-repeat;
    height: 30px;
    line-height: 28px;
    padding-left: 35px;
	line-height: 30px;
    display: inline;
}

.radio_checked {
    background-image: url("../../img/gear_pict/radio_checked.svg");
	background-size: 20px;
}

.radio_ {
    background-image: url("../../img/gear_pict/radio_unchecked.svg");
	background-size: 20px;
}

.inputText {	
	font-size: 10.5pt !important;
	font-family: "OpenSans";
	font-weight: lighter;
	height: 30px;
	padding: 0 10px;
	width: 100%;
	border: none;
	box-sizing: border-box !important;
	border-radius: 6px;
	background-color: #F0F0F0;
	color: #6E6E6E;
}

.inputText_disabled {
	border: 1px solid #F0F0F0;
	background-color: #FFFFFF;
}

.select {	
	font-size: 10.5pt !important;
	font-family: "OpenSans" !important;
	height: 30px;
	padding: 0;
	width: 100%;
	border: 1px solid #F0F0F0;
	box-sizing: border-box !important;
	border-radius: 6px;
	padding-left: 10px;
    background: url(../../../cdn-image.spaggiari.eu/img/next_down.png) #FFFFFF no-repeat right 5px center !important;
	background-size: 16px !important;
	color: #6E6E6E;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none; 
	padding-right: 30px;
	cursor: pointer;
}

.statoErrore_bgc {
	background-color: rgb(233, 79, 53);
}

.statoErrore_borderBottom {
	border-bottom: 1px solid rgb(233, 79, 53);
}

.divSeparator {
	height: 10px;
}

tr.border-bottom td{
	border-bottom: 1px solid #F0F0F0;
}

.label_row20{
	font-family: "OpenSans";
	line-height: 20px;
	color: #6E6E6E;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.label_row30{
	font-family: "OpenSans";
	line-height: 30px;
	color: #6E6E6E;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.label_row40{
	font-family: "OpenSans";
	line-height: 40px;
	color: #6E6E6E;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.d-flex {
	display: flex !important;
}

.align-items-center {
	align-items: center !important;
}

.btn_sdg_color {
	background-color: #6EBB3B !important;
}

.btn_sdg_color_secondary {
	background-color: rgb(251, 190, 94) !important;
	border: none !important;
}

.btn_sdg_color_ligth_blu {
	background-color: #83D0F5;
}

.popup_header_bg_sdg {
	background-color: #6EBB3B !important;
}

.check-box-stato:not(:checked) {
    border-radius: 10px;
    border: 2px solid;
    width: 35px;
    height: 35px;
    	/*float: left;*/
    padding: 0px !important;
    	/*margin-top: 3px;*/
    margin-left: 0px !important;
	border: 1px solid #6EBB3B;
	-webkit-appearance:none;
}

.check-box-stato {
    width: 35px;
    height: 35px;
}

.ui-datepicker {
	width: 20em !important;
}

.btn_color_inoltra {
	background-color: rgb(86, 159, 115);
}

.ui-menu-item-wrapper.ui-state-active {
	border: none;
	margin: 0px;
}

.ui-menu-item .ui-state-active * {
	border: 1px solid #8BC91E;
	background: #8BC91E url(../../../cdn-image.spaggiari.eu/sdg/css/images/ui-bg_highlight-hard_15_8BC91E_1x100.png) 50% 50% repeat-x;
	font-weight: bold;
	color: #ffffff !important;
	/* border-radius: 6px; */
}

.ui-menu-item-wrapper > p {
    padding: 0.2em 0.4em;
}

.motivazione-textarea {
	height: 350px;
	min-width: 450px;
	width: auto;
}

.jSignature {
	width: 90vw !important;
}

@media (max-width: 500px) {
    .pl-responsive {
        padding-left: 1.5rem;
    }

	.motivazione-textarea {
		height: 350px;
		min-width: 300px;
		width: auto;
	}

	.bb-responsive {
		border-bottom: 1px solid #dddddd;
	}

	.bb-responsive:last-child {
		border-bottom: 0;
	}
}