@charset "iso-8859-1";
/* CSS Document */

html{
	height: 100%;
	margin:0;
}

body {
	font-family: 'Open Sans', sans-serif;
	font-size: 11px;
	background-color: #eceded;
	margin: 0px;
	padding: 0px;
	height: 100%;
	background-image: url(bg_sfuma_footer.png);
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-position: left bottom;
	min-width:960px;
}
img{
	border:0;
}

form{
	margin: 0px;
	padding: 0px;
}

#defaultWaitIcon
{
	position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2);
	display: flex; align-items: center; justify-content: center; z-index: 999;
}

/* LINK */
a:link, a:visited, a:hover, a:active {
	color: #7d7d7d;
	text-decoration: none;
}
a:hover{
	color: #1970ae;
	;
}

a.item:link, a.item:visited, a.item:hover, a.item:active {
	color: #7d7d7d;
	text-decoration: none;
}
a.item:hover {
	color: #1a932e;
	text-decoration: none;
}

a.dida:link, a.dida:visited, a.dida:hover, a.dida:active {
	color: #000;
	font-size: 9px;
	text-transform: uppercase;
	font-family: Tahoma, Arial;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
	font-weight: bold;
}

a.dida:hover{
	background-color: #dedfdf !important;
}

a.dida2:link, a.dida2:visited, a.dida2:hover, a.dida2:active {
	color: #FFF;
	font-size: 9px;
	text-transform: uppercase;
	font-family: Tahoma, Arial;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	background-color: #999;
}

a.dida2:hover{
	background-color: #dedfdf !important;
	color: #666;
}


/* FONT SIZE */

.cfText11 {
	font-size: 11px;
	font-weight:400;
}
.cfText12 {
	font-size: 12px;
	font-weight:400;
}
.cfText14 {
	font-size: 14px;
	font-weight:400;
	font-family: 'Open Sans', sans-serif;
}
.cfText16 {
	font-size: 16px;
	font-weight:400;
	font-family: 'Open Sans', sans-serif;
}
.cfText18 {
	font-size: 18px;
	font-weight:400;
	font-family: 'Open Sans', sans-serif;
}
.cfText30 {
	font-size: 30px;
	font-weight:300;
	font-family: 'Open Sans', sans-serif;
}
.cfText30b {
	font-size: 30px;
	font-weight:400;
	font-family: 'Open Sans', sans-serif;
}

.DIV_area{
	width:100%;
	height:63px;
	position:relative;
	margin-bottom:12px;
}


.DIV_botton {
    float: right;
    height: 100px;
    width: 100px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 1px;
    text-align: center;
    vertical-align: bottom;
    position: relative;
    cursor:pointer;
    background-position: center 25px;
    background-repeat: no-repeat;
}
.DIV_botton2 {
	float: right;
	height: 100px;
	width: 50px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 1px;
	text-align: center;
	vertical-align: bottom;
	position: relative;
	cursor:pointer;
    background-position: center 25px;
    background-repeat: no-repeat;
}

.DIV_botton_title {
	position: absolute;
	bottom:10px;
	right:0;
    left: 0;
    margin: auto;
}
.DIV_boxedit {
	width:100%;
	position:relative;
	display: inline-block;
}
.DIV_boxedit_content {
	position:relative;
	width: 80%;
	min-width:960px;
	margin-left:auto;
	margin-bottom:20px;
	background-color: #7b7c7e;
	min-width: 960px;
	clear: both;
	border-top: 4px solid #eceded;
	border-bottom: 4px solid #f6f6f6;
	/* [disabled]height: 120px; */
	/* [disabled]text-align: center; */
	background-image: url(bg_pattern_filter.png);
	background-repeat: repeat-y;
	background-position: -17px;
	vertical-align:middle;
	margin-top: -12px;
}

.DIV_boxedit_content2 {
	position:relative;
	width: 100%;
	min-width:960px;
	margin-bottom:20px;
	background-color: #7b7c7e;
	min-width: 960px;
	clear: both;
	border-top: 4px solid #eceded;
	border-bottom: 4px solid #f6f6f6;
	/* [disabled]height: 120px; */
	/* [disabled]text-align: center; */
	background-image: url(bg_pattern_filter.png);
	background-repeat: repeat-y;
	background-position: -17px;
	vertical-align:middle;
	margin-top: -12px;
}
.DIV_boxedit_content3 {
	position:relative;
	width: 86%;
	/* [disabled]min-width:960px; */
	/* [disabled]margin-left:auto; */
	/* [disabled]margin-bottom:4px; */
	background-color: #7b7c7e;
	/* [disabled]min-width: 960px; */
	clear: both;
	border-top: 4px solid #eceded;
	border-bottom: 4px solid #f6f6f6;
	/* [disabled]height: 120px; */
	/* [disabled]text-align: center; */
	background-image: url(bg_pattern_filter.png);
	background-repeat: repeat-y;
	/* [disabled]background-position: -17px; */
	vertical-align:middle;
	margin-top: 4px;
}


.DIV_boxedit_form {
	margin-top: 8px;
	margin-right: 8px;
	margin-bottom: 8px;
	margin-left: 150px;
}

.DIV_boxlista_content {
	position:relative;
	width: 86%;
	/* [disabled]min-width:960px; */
	/* [disabled]margin-left:auto; */
	/* [disabled]margin-bottom:4px; */
	background-color: #ECEDED;
	/* [disabled]min-width: 960px; */
	clear: both;
	border-top: 4px solid #fff;
	border-bottom: 4px solid #f6f6f6;
	/* [disabled]height: 120px; */
	/* [disabled]text-align: center; */
	background-image: url(bg_pattern_filter.png);
	background-repeat: repeat-y;
	/* [disabled]background-position: -17px; */
	vertical-align:middle;
	/* [disabled]margin-top: 4px; */
	display: none;
}
.DIV_boxlista_voice {
	margin-top: 8px;
	margin-right: 8px;
	margin-bottom: 8px;
	margin-left: 150px;
}

.DIV_container {
	min-height: 200px;
	margin-top:165px;
	padding:58px 0px;
	position:relative;
}

.DIV_content{
	width:100%;
	/*position:relative;*/
	margin-bottom:40px;
	display: inline-block;
}

.DIV_content_form {
	position:relative;
	width: 80%;
	min-width:960px;
	margin-left:auto;
	margin-bottom:58px;
}

.DIV_content_txt {
	width: 100%;
    max-width: 1024px;
	min-width:980px;
	margin:auto;
}

.DIV_content_txt2
{
	width: min-content;
	min-width:1200px;
	margin:auto;
}

.DIV_content_txt_fullscreen{
	max-width: calc(100% - 40px);
}

.DIV_msg_panel{
	width:100%;
	height:100%;
	position:fixed;
	background-image: url('vuotoAlpha8-b80.png');
	display:none;
	z-index:800;
	vertical-align:middle;
	text-align:center;
}
.DIV_msg_panel_txt{
	position:absolute;
	width:500px;
	height:20px;
	text-align:center;
	top:50%;
	left:50%;
	margin-left:-250px;
	margin-top:-10px;
}
.DIV_msg_nomod{
	width: 450px;
	height: 450px;
	position: absolute;
	background-image: url('vuotoAlpha8-b80.png');
	z-index: 999;
	top: -233px;
	right: -233px;
	-webkit-transform:rotate(135deg);
	-moz-transform:rotate(135deg);
	-o-transform:rotate(135deg);
	/* filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1.5); */
	-ms-transform:rotate(135deg);
}
.DIV_msg_mod{
	width: 450px;
	height: 450px;
	position: absolute;
	z-index: 1001;
	top: -300px;
	right: -300px;
	-webkit-transform:rotate(135deg);
	-moz-transform:rotate(135deg);
	-o-transform:rotate(135deg);
	/* filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1.5); */
	-ms-transform:rotate(135deg);
}
.DIV_msg_txt{
    top:30px;
    right:35px;
	vertical-align: center;
	text-align: right;
	z-index: 1000;
	position: absolute;
	width: 200px;
	height: 180px;
}
.DIV_msg_txt cufon{
	padding-top:4px;
}
.DIV_msg_label{
	width: 70px;
	height: 70px;
	position: absolute;
	z-index: 1001;
	top: -35px;
	right: -35px;
	-webkit-transform:rotate(135deg);
	-moz-transform:rotate(135deg);
	-o-transform:rotate(135deg);
	/* filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1.5); */
	-ms-transform:rotate(135deg);
}
.DIV_msg_box{
	position: fixed;
	top:0;
	right:-600px;
	display:none;
	z-index: 1010;

}

.DIV_logo {
    position: relative;
	background-color: #242424;
	height: 100px;
	width: 200px;
	float:left;
	text-align:center;
	vertical-align:middle;
}
.DIV_header {
	position: fixed;
	z-index:100;
	height: 165px;
	width: 100%;
	background-color:#d9dadb;
	min-width: 960px;
	top:0;
	left:0;
}
.DIV_header_content {
	position: relative;
	z-index:100;
	height: 100px;
	width: 100%;
	overflow:hidden;
	background-color:#d9dadb;
	clear: both;
	min-width: 960px;
}
.DIV_filter {
	position:relative;
	height: 57px;
	width: 100%;
	background-color: #FFF;
	min-width: 960px;
	clear: both;
	border-top: 4px solid #eceded;
	border-bottom: 4px solid #ffffff;
}
.DIV_filter_box {
	position:relative;
	width: 100%;
	background-color: #7b7c7e;
	min-width: 960px;
	clear: both;
	border-top: 4px solid #eceded;
	border-bottom: 4px solid #f6f6f6;
	height: 70px;
	/* [disabled]text-align: center; */
	background-image: url(bg_pattern_filter.png);
	background-repeat: repeat-y;
	background-position: -17px;
	vertical-align:middle;
}

.DIV_filter_form {
	margin-top: 8px;
	margin-right: 8px;
	margin-bottom: 8px;
	margin-left: 150px;
}




.DIV_filter_voice {
	background-color: #fafafa;
	background-image: url(bg_pattern_12.png);
	background-repeat: repeat;
	background-position: left top;
	position: absolute;
	bottom: 0px;
	left: 0px;
	text-align: right;
	vertical-align: middle;
	cursor: pointer;
}
.DIV_menu{
	width: 100%;
	position: absolute;
	z-index:250;
	background-color:red;
}
.DIV_orari {
	font-family: Arial;
	font-size: 16px;
	color: #cccccc;
	margin: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #949698;
	border-right-color: #a6a8aa;
	border-bottom-color: #a6a8aa;
	border-left-color: #949698;
	padding-top: 18px;
	padding-right: 8px;
	padding-bottom: 18px;
	padding-left: 8px;
	display: inline-block;
	vertical-align:middle;
}

.DIV_pattern_area{
	position:relative;
	width: 100%;
    max-width:1024px;
	min-width:980px;
	margin:auto;
	margin-bottom:58px;
	height:63px;
	background-image: url(bg_pattern_area.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.DIV_pattern_area-2{
	max-width: none;
}

.DIV_pattern_area_fullscreen{
	max-width: calc(100% - 40px);
}

.DIV_point {
	float: left;
	height: 84px;
	width: 184px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 0px;
	text-align: right;
	vertical-align: bottom;
	position: relative;
	cursor:pointer;
	background-image: url(bg_pattern_3.png);
	background-repeat: repeat;
	background-position: left top;
	background-clip:padding-box;
	padding:8px;
	border:8px solid #ddd;
}
.DIV_point_title {
	position: absolute;
	bottom:10px;
	right:10px;
}

.DIV_righe{
	position: absolute;
	z-index: 3;
	height:63px;
	width: 80%;
	min-width:960px;
	right:0;
	background-image: url(bg_pattern_12.png);
	background-repeat: repeat;
	background-position: left top;
}
.DIV_selector{
	position: relative;
	text-align:center;
	display:inline-block;
	margin:0 8px;
	width: 180px; height: 170px;
}
.DIV_selector_group{
	position: relative;
	z-index: 5;
	margin:auto 0;
	text-align:center;
}
.DIV_selector_band {
	/*position:absolute;*/
	height: 57px;
	width: 100%;
	background-color: #FFF;
	border-top: 4px solid #eceded;
	border-bottom: 4px solid #f6f6f6;
	z-index: 4;
	top: 88px;
}
.DIV_selector_zone{
	width: 100%;
	position:relative;
	min-width: 960px;
}
.DIV_sfuma {
	position: absolute;
	z-index: 5;
	height:63px;
	background-image: url(bg_sfuma_title.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	width: 80%;
	min-width:960px;
	right:0;
}
.DIV_title_BE{
	margin-left:35px;
    margin-top:15px;
	margin-bottom:8px;
	float:left;
	min-width:300px;
}

.DIV_txt {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #bdbebe;
	font-family: Arial;
	font-size: 12px;
	line-height: 20px;
	padding: 16px;
	margin-bottom: 24px;
	color: #666;
	max-width: 900px;
}

.DIV_sfuma_header {
	position: fixed;
	z-index:100;
	background-image: url(bg_sfuma_header.png);
	background-repeat: repeat-x;
	background-position:left top;
	width: 100%;
	height:53px;
	min-width: 960px;
	top:165px;
	left:0;
}


/* IMMAGINI */
.IMG_logo_min{
    position: absolute;
    margin: auto;
    height: 70%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
/* TITOLI */
.TXT_title_BE{
	font-size: 36px;
	color: #262626;
	font-weight:300;
	font-family: 'Open Sans', sans-serif;
}
.TXT_botton {
	font-size: 11px;
	color: #FFF;
	text-transform: uppercase;
	font-weight:300;
	font-family: 'Open Sans', sans-serif;
}
.TXT_botton2 {
	font-size: 30px;
	font-weight:300;
	text-transform: none;
}
.TXT_standard {
	font-family: Arial;
	font-size: 12px;
	line-height: 18px;
}
.TXT_filter  {
	font-size: 18px;
	color: #5C5C5C;
	padding-left: 11px;
	padding-right: 67px;
	padding-top: 8px;
	padding-bottom:8px;
	background-image: url(bg_corner_w.png);
	background-repeat: no-repeat;
	background-position: right top;
	font-weight:300;
	float: left;
	font-family: 'Open Sans', sans-serif;
}

.TXT_navy{
	font-size: 18px;
	color:#87888a;
	font-weight:300;
	margin-top:5px;
	font-family: 'Open Sans', sans-serif;
}
.TXT_title_area{
	/*position: absolute;*/
	font-size: 30px;
	color:#262626;
	font-weight:300;
	padding: 20px 50px 20px 26px;
	height:23px;
	min-width:420px;
	float: left;
	font-family: 'Open Sans', sans-serif;
}
.TXT_ico_area {
	height:50px;
	/*position: absolute;
	left: 500px;*/
	vertical-align: bottom;
	bottom: 1px;
	float: left; margin-top: 11px;
}
.TXT_title_cat{
	font-size: 16px;
}

/* TABELLA */
.TAB_table{
	width: 924px;
	border-bottom-width: 0px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	vertical-align:middle;
	margin-left:17px;
}
.TAB_table2{
	width: 95%;
	border-bottom-width: 0px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	vertical-align:middle;
	margin-left:17px;
}

.TAB_table3
{
	width: 100%;
	border-bottom-width: 0px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	vertical-align:middle;
}

.table_wrapper
{
	width:max-content;
	margin:auto;
}

.TD_table_auto{
	padding-left: 8px;
	padding-right: 8px;
	font-size: 14px;
	height:49px;
	text-align:left;
	vertical-align:middle;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}

.TD_table_title,.TD_table_title2{
	padding-left: 8px;
	padding-right: 8px;
	font-size: 13px;
	font-weight: 600;
	width: 292px;
	height:49px;
	text-align:left;
	vertical-align:middle;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	text-transform: none;
	color: #727274;
}
.TD_table_title2{
	width: 195px;
}

.TD_table_title3{
	padding-left: 8px;
	padding-right: 8px;
	font-size: 14px;
	width: 292px;
	height:49px;
	text-align:left;
	vertical-align:middle;
	border-bottom-width: 0px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	background-color: #D9DADB;
}
.TD_table_storico{
	padding-left: 8px;
    padding-right: 8px;
    font-size: 14px;
    width: 292px;
    height: 49px;
    text-align: left;
    vertical-align: middle;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #CCC;
}

.TD_table_txt,.TD_table_txt2,.TD_table_txt3 {
	padding-left: 8px;
	padding-right: 8px;
	font-size: 14px;
	/* width: 292px; */
	height:49px;
	text-align:left;
	vertical-align:middle;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}

.TD_table_txt{
	width: 600px;
}
.TD_table_txt2 {
	width: 194px;
}
.TD_table_txt2.padded {
    padding-top: 14px;
    padding-bottom: 14px;
}

.TD_table_txt3 {
	text-align:center;
}
.TD_table_ico{
	padding-left: 8px;
	padding-right: 8px;
	font-size: 14px;
	width: 292px;
	height:49px;
	text-align:right;
	vertical-align:middle;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
.TD_boxlista_voice {
	width: 239px;
}

.TAB_table_fatture{
	width: 924px;
	border-bottom-width: 0px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	vertical-align:middle;
	margin-left:17px;
}
.TAB_table_fatture th{
	width: 292px; height:49px;
	text-align:left;
	vertical-align:middle;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	color: #000;
    font-size: 9px;
    text-transform: uppercase;
    font-family: Tahoma, Arial;
    padding-top: 4px;
    padding-right: 6px;
    padding-bottom: 4px;
    padding-left: 6px;
    font-weight: bold;
}
.TAB_table_fatture td {
	padding-left: 8px;
    padding-right: 8px;
    font-size: 14px;
    /* width: 292px; */
    height: 49px;
    text-align: left;
    vertical-align: middle;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #CCC;
    color: #262626;
}

/* COLORI */
.colorGrey1{
	color:#262626;
}
.colorGrey2 {
	color:#7d7d7d;
}
.colorCyan {
	color: #50aec6;
}
.colorWhite {
	color: #fff;
}
.colorBlack {
	color: #000;
}


/* BACKGROUND DA SCURO A CHIARO */
.bgGreen5 {
	background-color: #022945;
}
.bgGreen1 {
	background-color: #0e4063;
}
.bgGreen2 {
	background-color: #1970ae;
}
.bgGreen3 {
	background-color: #137fcb;
}
.bgGreen4 {
	background-color: #1986d4;
}
.bgGreen6{
	background-color: #11588b;
}
.bgGrey1 {
	background-color: #b8c4b0;
}
.bgGrey2 {
    background-color: #CCC;
}
.bgGrey3 {
	background-color: #999999;
}
.bgGrey4 {
	background-color: #b5b5b5;
}
.bgGrey5 {
	background-color: #c0c0c0;
}
.bgRed {
	background-color: #FF0000;
}
.bgRed2 {
	background-color: #b30000;
}
.bgYellow {
	background-color: #FFDF0A;
}
.bgCyan {
    background-color: #50AEC6;
}
.bgBlack {
	background-color: #000000;
}

.btnMenuAbbonamento{
	background-color: #13629b;
}


/* FORM */
.FORM_text {
    position: relative;
    float: left;
    width: calc(30% - 30px);
	font-size: 15px;
	font-weight: bold;
	padding: 15px;
	text-align: right;
	background-color: #7b7c7e;
	color: #FFF;
	font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
}
.FORM_input{
    position: relative;
    float: left;
    width: calc(70% - 25px);
	font-size: 15px;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
    margin-bottom: 25px;
    min-height: 30px;
}

.FORM_buttons{
    width: 100%;
    text-align: center;
}

.FORM_button{
    display: inline-block;
    height: 40px;
    /*padding: 0 55px;*/
    /*margin: 0 25px;*/
    margin: 1px;
    border: 0;
    background-color: #0d72b9;
    color: #ffffff;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    min-width: 200px;
}

.FORM_button_autow{
	width: max-content;
}

.FORM_button_inverse{
    display: inline-block;
    height: 36px;
    /*padding: 0 55px;*/
    /*margin: 0 25px;*/
    margin: 1px;
    border: 1px solid #0d72b9;
    background-color: transparent;
    color: #0d72b9;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    width: 196px;
	box-sizing: content-box;
}

.FORM_button_small{
    display: inline-block;
    height: 30px;
    /*padding: 0 55px;*/
    /*margin: 0 25px;*/
    margin: 1px;
    border: 0;
    background-color: #0d72b9;
    color: #ffffff;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    width: 200px;
}

.FORM_button_small2{
    display: inline-block;
    height: 22px;
    /*padding: 0 55px;*/
    /*margin: 0 25px;*/
    margin: 1px;
    border: 0;
    background-color: #0d72b9;
    color: #ffffff;
    font-size: 12px;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    padding-left: 5px; padding-right: 5px;
}
.FORM_button_wauto{
    display: inline-block;
    height: 40px;
    padding: 0 10px;
    /*margin: 0 25px;*/
    margin: 1px;
    border: 0;
    background-color: #0d72b9;
    color: #ffffff;
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    width: auto;
}

.FORM_object{
	font-family: Arial;
	font-size: 16px;
	color: #666666;
	width: Calc(100% - 48px);
	margin: 0px;
	border: 0;
	border-bottom: 0px solid #A7A7A7;
	padding: 9px;
	background-color: #fff;
}
.FORM_object_half{
	font-family: Arial;
	font-size: 16px;
	color: #666666;
	width: Calc(48% - 20px);
	margin: 0px;
	border: 0;
	border-bottom: 0px solid #A7A7A7;
	padding: 9px;
	background-color: #fff;
}
.FORM_object2 {
	font-family: Arial;
	font-size: 16px;
	color: #666666;
	width: 65px;
	margin: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #CCCCCC;
	padding: 8px;
	background-color: #eceded;
}

.FORM_object3 {
	font-family: Arial;
	font-size: 16px;
	color: #666666;
	width: 200px;
	margin: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #CCCCCC;
	padding: 8px;
	background-color: #eceded;
}

.FORM_object_grey{
	font-family: Arial;
	font-size: 16px;
	color: #cccccc;
	width: 534px;
	margin: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #949698;
	border-right-color: #a6a8aa;
	border-bottom-color: #a6a8aa;
	border-left-color: #949698;
	padding: 8px;
	background-color: #7b7c7e;
}

.button_comando{
	margin: 10px 1px 1px 1px;
}

.FORM_min {
	width: 220px;
}
.FORM_min2 {
	width: 70px;
}
.FORM_min3 {
	width: 150px;
}
.FORM_time {
	width: 80px; padding: 0px; height: 35px;
}
.FORM_medium1 {
	width: 400px;
}

.FORM_object_green{
	background-color: #0d72b9;
    color: white;
    font-size: 14px;
    border-width: 0px;
    padding: 3px;
}

.FORM_table{
}
.FORM_td{
	height:22px;
}
.FORM_buttom{

}

.FORM_object:focus,.FORM_object_grey:focus{
	color: #666666;
	background-color: #FFF !important;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
}


*:focus{
    outline: none;
}

input[type=text]::placeholder{
	color: #cfcfcf;
}


/* BUTTON */

/* #0d72b9 */

/*.button {
	background: #50aec6 url(overlay-button.png) repeat-x 0 0;
	display: inline-block;
	color: white !important;
	font-size: 14px;
	padding: 7px 16px;
	font-weight: bold;
	line-height: 1;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,0.30);
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.30);
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.30);
	border: 1px solid rgba(255, 255, 255, 0.35);
	position: relative;
	cursor: pointer;
	overflow: visible;
	width: auto;
	font-family: Tahoma, Arial;
}
.button:hover{
	background-color: #449fb2 !important;
	border: 1px solid rgba(255, 255, 255, 0.35);
}
.button:focus{
	background-color: #50aec6 !important;
	-moz-box-shadow: 0 0px 0px rgba(0,0,0,0.00);
	-webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.00);
	border: 1px solid rgba(255, 255, 255, 0.35);
}*/

.button {
	background-color: #0d72b9;
	display: inline-block;
	color: white !important;
	font-size: 14px;
	padding: 7px 16px;
	font-weight: bold;
	line-height: 1;
	text-decoration: none;
	position: relative;
	cursor: pointer;
	overflow: visible;
	width: auto;
	font-family: Tahoma, Arial;
	margin: 1px;
	border-style: none;
}

.button_small
{
	padding:3px;
	white-space: nowrap;
}

/*.button_red {
	display: inline-block;
	color: white !important;
	font-size: 14px;
	padding: 7px 16px;
	font-weight: bold;
	line-height: 1;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,0.30);
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.30);
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.30);
	border: 1px solid rgba(255, 255, 255, 0.35);
	position: relative;
	cursor: pointer;
	overflow: visible;
	width: auto;
	font-family: Tahoma, Arial;
	background-color: #C00;
	background-image: url(overlay-button.png);
	background-repeat: repeat-x;
	background-position: 0 0;
}
.button_red:hover{
	background-color: #900 !important;
	border: 1px solid rgba(255, 255, 255, 0.35);
}
.button_red:focus{
	background-color: #C00 !important;
	-moz-box-shadow: 0 0px 0px rgba(0,0,0,0.00);
	-webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.00);
	border: 1px solid rgba(255, 255, 255, 0.35);
}*/
.button_red {
	background-color: #C00;
	display: inline-block;
	color: white !important;
	font-size: 14px;
	font-weight: bold;
	line-height: 40px;
	text-decoration: none;
	position: relative;
	cursor: pointer;
	overflow: visible;
	width: 200px;
	font-family: Tahoma, Arial;
	margin: 1px;
	border-style: none;
}

.button_long {
	/* funziona su DIV, LINK e BUTTON */
	background: #c7c8ca url(overlay-button_long2.png) repeat-x 0 0;
	background-size: contain;
	display: inline-block;
	color: #636365 !important;
	font-size: 9px;
	font-weight: normal;
	line-height: 1;
	text-decoration: none;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25);
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.08);
	border: 1px solid rgba(150, 152, 154, 1);
	position: relative;
	cursor: pointer;
	overflow: visible;
	width: auto;
	padding-top: 3px;
	padding-right: 9px;
	padding-bottom: 3px;
	padding-left: 9px;
	text-transform: uppercase;
	font-family: Tahoma, Arial;
}
.button_long:hover{
	background-color: #b2b3b5 !important;
	border: 1px solid rgba(150, 152, 154, 1);
}
.button_long:focus{
	background-color: #c7c8ca !important;
	-moz-box-shadow: 0 0px 0px rgba(0,0,0,0.00);
	-webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.00);
	border: 1px solid rgba(150, 152, 154, 1);
}

.button_grey{
	background-color: rgb(97, 97, 97);
}

.imgbutton{
	opacity:0.25;
	filter:alpha(opacity=25); /* For IE8 and earlier */
	vertical-align: middle;
	cursor: pointer;
}

.imgbutton:hover{
	opacity:1.00;
	filter:alpha(opacity=100); /* For IE8 and earlier */
	background-color: #dedfdf !important;
}

.imgon{
    vertical-align: middle;
}

.online{
	opacity:1.00;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}

.online:hover{
	opacity:1.00;
	filter:alpha(opacity=100); /* For IE8 and earlier */
	background-color: #dedfdf !important;
}

/* DIV */
#BoxRicerca,#BoxEdit,#BoxEdit2,#BoxEdit3,#BoxEdit4{
	display:none;
}
#PanRicerca{
	cursor:pointer;
}
#tr2 {
	display: none;
}

.item_impianto{
    width: 420px; height: 50px; background: #ffffff url(freccia_dx_blu.png) right center no-repeat;
    margin: 20px; cursor: pointer;
    position: relative;
    text-align: center;
    display: inline-block;
}
.item_impianto_pin{
    float: left; width: 50px; height: 50px; background: #0d72b9 url(ico_pin.png) center center no-repeat;
}
.item_impianto_nome{
    float: left; text-align: left; font-size: 18px; vertical-align: middle; color: #727274; padding-top: 15px; padding-left: 5px;
}

.breaker {
    clear: both;
}

.footer {
    padding: 30px 0;
    text-align: center;
    font-size: 12px;
    line-height: 14px;
    color: #A7A7A7;
    border-top: 1px solid #DBDBDB;
}

#DIV_filter_open {
    position: relative;
    cursor: pointer;
    display: none;
}

#menu_mobile_btn {
    position: absolute;
    width: 80px;
    height: 100%;
    right: 0;
    top: 0;
    background-image: url('menu_btn.png');
    background-repeat: no-repeat;
    background-position: center;
    display: none;
}

#menu1_cont {
    position: fixed;
    right: 0;
    top: 100px;
    z-index: 999;
    background-color: #000000;
    display: none;
}

.menu1_elem{
    position: relative;
    padding: 13px 25px;
    color: #ffffff;
    font-size: 20px;
    text-align: left;
    border-bottom: 1px solid #242424;
}

.menu1_item{
	color: #7d7d7d;
	text-decoration: none;
}
.menu1_item:hover{
	color: #1970ae;
}
.menu1_elem select{
	background-color: #000;
	color: #fff;
}

#menu2_cont {
    position: relative;
    height: 50px;
    background-color: #EAEBEB;
    -webkit-box-shadow: 0px 5px 5px 0px #aaa;
    -moz-box-shadow: 0px 5px 5px 0px #aaa;
    box-shadow: 0px 5px 5px 0px #aaa;
    display: none;
}

.menu2_btn {
    position: relative;
    float: right;
    width: 50px;
    height: 50px;
    background-position: center;
    background-repeat: no-repeat;
}

.checkbox_movimento {
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    color: white;
    padding-left: 5px;
}

.check_profilo_main{
	font-size: 16px; padding: 5px;
}

.check_profilo_sec{
	font-size: 16px; padding: 5px 5px 5px 40px;
}

.admin_check_clienti{
	font-size: 16px;
}

td[disabled=disabled] label{
	color: gray;
}

.td_noborder{
	border-bottom: none; padding-top: 10px; height: 30px;
}
.td_plant_data{
	height: 30px; padding-bottom: 10px;
}

/* Grafica home 2020 */
.home_data_row{
	display: flex; min-height: 50px; padding-left: 30px;
}
.home_data_cell{
	display: flex; flex-direction: row; flex-wrap: wrap; width: 45%;
}
.home_data_separator{
	width: calc(100% - 30px); height: 1px; border-bottom: 1px dotted #ccc; margin: 15px;
}
.home_data_fieldname{
	width: 170px; display: flex; flex-direction: row; align-items: center;
	font-size: 10px; font-weight: bold; text-transform: uppercase; color: #727274;
}
.home_data_plantCustomerName{
	width: 170px; display: flex; flex-direction: row; align-items: center;
	font-weight: 600; color:#242424; font-size: 14px;
}
.home_data_fieldvalue{
	display: flex; flex-direction: row; align-items: center;
	font-size: 28px; text-transform: uppercase; color: #242424;
}
.home_data_fieldvalue_small{
	display: flex; flex-direction: row; align-items: center;
	font-size: 20px; text-transform: uppercase; color: #242424;
}
.home_data_action{
	display: flex; flex-direction: row; align-items: center; flex-grow: 1; justify-content: flex-end; padding-right: 30px;
	font-size: 13px; font-weight: 600; color: #1970ae;
}
.home_data_action span{
	cursor: pointer;
}
.home_data_link{
	display: flex; flex-direction: row; justify-content: flex-end; flex-grow: 1; align-items: center; padding-right: 30px; position: relative;
}
.home_data_button{
	color: #094d7e; font-size: 13px; padding: 3px 10px; font-weight: 600;
	margin-left: 5px; text-transform: capitalize; cursor: pointer;
}
.home_data_button .three_dots{
	font-size: 18px;
}
.home_data_button_popup{
	display: none; flex-direction: column;
	background: transparent linear-gradient(180deg, #FFFFFF 0%, #EAEBEB 100%) 0% 0% no-repeat padding-box; box-shadow: 0px 2px 3px #00000029; border-radius: 2px;
	position: absolute; right: 40px; top: 100%; z-index: 99; padding: 10px;
}
.home_stations_box{
	padding-left: 30px;
}
.home_station{
	display: flex; align-items: center; color: #242424; font-size: 13px; font-weight: 600; text-transform: uppercase; padding-right: 20px;
	cursor: pointer;
}
.home_station_count{
	width: 28px; height: 28px; background-color: #1970ae; border-radius: 50%; display: inline-block; margin-right: 10px;
	text-align: center; color: #ffffff; font-size: 16px; line-height: 28px;
}
.home_station_group{
	display: flex; align-items: center; color: #242424; font-size: 13px; font-weight: 600; text-transform: uppercase; padding-left: 35px;
	margin-top: 20px;
}
.home_station_list{
	display: flex; flex-wrap: wrap; padding-left: 70px; padding-top: 10px; padding-right: 100px;
}
.home_station_item{
	background: transparent linear-gradient(180deg, #216ba0 0%, #136eaf 100%) 0% 0% no-repeat padding-box; box-shadow: 0px 2px 3px #00000029; border-radius: 2px;
	color: #ffffff; padding: 3px 10px; text-transform: uppercase; font-size: 13px; font-weight: 600; margin-right: 10px; margin-bottom: 10px;
}
.home_station_alarm{
	/**/
}
.home_station_alarm .home_station_count{
	background-color: #EF5D38;
}
.home_item_alarm{
	background: transparent linear-gradient(180deg, #EF5D38 0%, #DB411A 100%) 0% 0% no-repeat padding-box; box-shadow: 0px 2px 3px #00000029; border-radius: 2px;
}

.home_dispositivi_list{
	width: calc(100% - 30px); padding-left: 30px; display: flex; flex-wrap: wrap;
}
.home_station_item_small{
	box-shadow: 0px 2px 3px #00000029; border-radius: 10px;
	color: #ffffff; padding: 3px 10px; text-transform: uppercase; font-size: 13px; font-weight: 600; margin-right: 10px; margin-bottom: 10px;
}
.home_disp_status_1, .home_disp_status_11, .home_disp_status_12{
	background-color: #72b734;
}
.home_disp_status_2, .home_disp_status_3, .home_disp_status_10{
	background-color: #ec9a00;
}
.home_disp_status_4{
	background-color: #bdbdbd;
}
.home_disp_status_5, .home_disp_status_7, .home_disp_status_9{
	background-color: #d80000;
}
.home_disp_status_6{
	background-color: #000000; color: #ffffff;
}
.home_disp_status_8{
	background-color: #1c64c7; color: #ffffff;
}

.stato_disp_ico{
	padding: 0px 5px; border-radius: 3px;
}

.storico_td{
	font-weight: normal; font-size: 14px; color: #242424;
	padding-left: 8px;
    padding-right: 8px;
    width: 292px;
    height: 49px;
    text-align: left;
    vertical-align: middle;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #CCC;
}
.storico_td_header{
	color: #242424;
    font-size: 10px;
    text-transform: uppercase;
    padding-top: 4px;
    padding-right: 6px;
    padding-bottom: 4px;
    padding-left: 6px;
    font-weight: bold;
}

.switch_raggruppamento{
	display: flex; padding-left: 55px; padding-top: 10px; align-items: center;
	font-weight: 600; color: #242424; font-size: 14px;
}
.switch_raggruppamento select{
	height: 48px; margin-left: 10px; font-weight: 600;
}

.detail_pointer {
	cursor: pointer;
}

.btnExport_incasso{
	display: inline-block;
	height: 40px;
	margin: 1px;
	border: 0;
	background-color: #0d72b9;
	color: #ffffff;
	font-size: 14px;
	line-height: 16px;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
	width: 140px;
}
.btnExport_incasso_small{
	display: inline-block;
	height: 40px;
	margin: 1px;
	border: 0;
	background-color: #0d72b9;
	color: #ffffff;
	font-size: 14px;
	text-align: center;
	text-transform: uppercase;
	cursor: pointer;
	width: 180px;
}

.tableAnchor{
	position: relative;
}
.tableAnchorA{
	position: absolute; top:-200px; left: 0px;
}

.tableAlarms{
	width: 100%; border: 1px solid #999999; border-collapse: collapse; table-layout: fixed;
}
.tableAlarms th{
	border: 1px solid #999999; padding: 3px;
}
.tableAlarms th span {
    overflow-wrap: break-word;
}
.tableAlarms th:first-child{
	width: 170px;
}
.tableAlarms td{
	border: 1px solid #999999; padding: 3px;
}
.tableAlarms td.tdCtrl{
	text-align: center;
}
.tableAlarms td.tdCtrl input{
	text-align: center;
}
.tableAlarmsIco{
	height: 13px; padding-top: 3px; cursor: pointer;
}
.tableAlarmsCheck{
	text-align: center;
}

.meteoData{
	font-size: 12px; padding-left: 10px; font-weight: bold;
	display: flex; align-items: center;
}
.meteoIcon{
	height: 50px; width: 50px;
}
.TAB_meteo img{
	background-color: #ddd; border-radius: 3px; height: 60px; width: 60px;
}

.meteo_ora{
	text-align: center; background-color: #ddd;
    border-radius: 3px; margin-top: 3px; margin-bottom: 3px; display: flex; flex-direction: column; align-items: center;
}
.meteo_ora img{
	height: 50px;
    width: 50px;
    margin-top: -8px;
    margin-bottom: -8px;
}

.DIV_table{
	display: table; width: 100%; font-size: 14px;
}
.DIV_tr{
	display: table-row;
}
.DIV_td{
	display: table-cell; padding: 5px 2px; border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #CCC;
}
.rowAlertHg{
	background-color: #ffb4b4;
}

.table-filter{
	display: flex; font-size: 14px; font-weight: bold; align-items: center; padding-left: 20px;
}

.stats_elenco_filtri{
	display: flex;
}
.stats_filtro{
	display: flex; align-items: center;
	margin-right: 20px;
	font-size: 16px; font-weight: bold;
}
.stats_filtro_ctrl{
	height: 40px; margin-left: 5px; min-width: 80px; width: 160px;
	border: 0px; font-size: 16px; border-collapse: collapse;
}
.stats_filtro_btn{
	height: 40px;
}

.stats_tabella_box{
	margin-top: 30px;
}
.stats_table{
	font-size: 14px; font-weight: 600; border-collapse: collapse; text-align: center; text-transform: uppercase;
}
.stats_table td{
	padding: 5px; vertical-align: top;
}
.stats_td_border_left{
	border-left: 2px solid #0a5a92;
}
.stats_td_border_right{
	border-right: 2px solid #0a5a92;
}
.stats_td_border_bottom{
	border-bottom: 2px solid #0a5a92;
}
.stats_td_tl{
	padding: 5px; text-align: right; vertical-align: bottom !important;
}
.stats_td_totale1{
	color: #ffffff; background-color: #0a5a92;
}
.stats_td_totale2{
	color: #ffffff; background-color: #2b7db7;
}
.stats_td_mese{
	background-color: #ffffff;
}
.stats_th_tot{
	background-color: #1970ae; color: #ffffff; padding: 15px 20px !important;
}
.stats_th_mese{
	background-color: #ebebeb; padding: 15px 20px !important;
}
.stats_td_dati_tot{
	background-color: #ffffff; vertical-align: top;
	border-bottom: 2px solid #0a5a92;
}
.stats_tr0{
	background-color: #c1c1c1;
}
.stats_tr1{
	background-color: #e7e7e7;
}
.stats_perc_ok{
	font-weight: normal; color: #077bcd;
}
.stats_perc_ko{
	font-weight: normal; color: #c10303;
}
.stats_chart{
	width: 1000px; height: 500px; margin-top: 100px;
}
.stats_imp_select{
	cursor: pointer;
}
.stats_imp_select:hover{
	text-decoration: underline;
}
.stats_imp_tutti{
	margin-top: 20px;
}
.stats_export{
	margin-top: 10px;
}

.table_corrispettivi_header td{
	position: sticky; top: 170px;
}
.table_corrispettivi_header2 td{
	position: sticky; top: 190px;
}

.stats_col_totale{
	font-weight: bold; font-size: 110%;
}

.status_tariffario_on{
	color: #fff;
    font-weight: bold;
    background-color: #0d72b9;
    padding: 0px 5px;
    border-radius: 10px; cursor: pointer;
}
.status_tariffario_off{
    font-weight: normal;
    background-color: transparent;
    padding: 0px 5px;
    border-radius: 10px; cursor: pointer; opacity: 0.2;
}

.errorMessage{
	font-size: 16px; font-weight: bold; color: #990000; text-align: center; padding-bottom: 20px;
}

.barcodeSummary
{
	margin-bottom:50px;
}

.datagridPaginatorBottom{
	padding:15px; text-align: center;
}

.stats_td_sticky{
	position: sticky; left: 0px; background-color: #eceded;
}
.stats_tr0 .stats_td_sticky{
	background-color: #c1c1c1;
}

.popup_expiring_license {
	width: 80%;
    margin: auto 10%;
    padding: 20px 10px;
    position: fixed;
    top: 200px;
    font-size: 20px;
    text-align: center;
    background-color: tomato;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    z-index: 10;
}

.popup_expiring_license-close {
	width: 30px;
    height: 30px;
    position: absolute;
    top: 10px;
    right: 20px;
	background-color: lightgray;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
}

.ck-editor__editable_inline {
    min-height: 400px;
}

.txtNoteFatture{
	margin: 10px 0px;
}

#MsgOkContainer{
	display: none;
}
.MsgOk{
	position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2);
	display: flex; align-items: center; justify-content: center; z-index: 999; flex-direction: column;
}
.MsgOkBox{
	display: flex; align-items: center; justify-content: center; z-index: 999; flex-direction: column;
	padding: 20px; background-color: #ebebeb;
}
.MsgOkText{
	color: #000000; font-weight: bold; font-size: 14px; padding: 10px; margin-bottom: 10px;
}
.MsgOkBtn{
	background-color: #0d72b9; color: #ffffff; padding: 5px 35px; font-size: 16px; cursor: pointer;
}

.FORM_print {
	text-align: center;
}

td.storico > span{
	padding: 5px;
}

.promo_setup_subtitle{
	width: 100%; padding: 20px; font-size: 16px;
}

.abb_subpanel{
	display: block; width: 100%;
}

.adminDatagrid{
	width: 100%; max-width: 1024px; margin: auto;
}
.adminDatagrid th{
	padding: 10px; text-align: left; border-bottom: 1px dotted #cccccc; text-transform: uppercase; font-size: 12px;
}
.adminDatagrid td{
	padding: 5px; text-align: left; border-bottom: 1px dotted #cccccc; text-transform: uppercase; font-size: 14px; color: #666666;
}

.adminDataGridTitle{
	font-size: 20px; font-weight: bold; padding: 5px; border-bottom: 1px dotted #cccccc; margin: 20px 0px 0px 0px;
}
.adminDataGridTitle .title{
	text-transform: uppercase; border-bottom: 1px solid #222222; display: block; margin-bottom: 5px; padding: 5px;
}
.adminDataGridTitle .subtitle{
	font-weight: normal; font-size: 12px; color: #222222;
}
.adminDataGridTitle2{
	font-size: 14px; font-weight: bold; padding: 5px; border-bottom: 1px dotted #cccccc; margin: 0px; text-transform: uppercase;
}
.adminDataGridTitle3{
	font-size: 14px; font-weight: bold; padding: 5px; border-bottom: 1px dotted #cccccc; margin: 0px; text-transform: uppercase;
	width: 100%; max-width: 1024px; margin: auto;
}

.fields_grid{
	display: flex; flex-wrap: wrap;
}


.textfield_grid label, .textarea_grid label, .listbox_grid label{
	font-weight: bold; font-size: 15px; text-transform: uppercase; color: #7b7c7e;
}

.textfield_grid{
	width: calc(50% - 20px); margin: 8px;
}
.textfield_grid input, .textfield_grid_input{
	width: calc(100% - 18px); padding: 9px; font-size: 16px; color: #666666; border: 0px;
}

.textarea_grid{
	width: calc(100% - 20px); margin: 8px;
}
.textarea_grid textarea{
	width: calc(100% - 18px); height: 100px; padding: 9px; font-size: 16px; color: #666666; border: 0px;
	font-family: 'Open Sans', sans-serif;
}

.listbox_grid{
	width: calc(50% - 20px); margin: 8px;
}
.listbox_grid select{
	width: 100%; padding: 9px; font-size: 16px; color: #666666; border: 0px;
}

.gridCheckBox td{
	border: none;
}

.gridHalfColumn{
	width: calc(50% - 20px); padding: 10px;
}

.gridCheckBox{
	padding: 0px; text-align: left; text-transform: uppercase; font-size: 16px; color: #666666;
}
.gridSelect{
	width: 100%; padding: 9px; font-size: 16px; color: #666666; border: 0px;
}

.abb_programmi_panel_box{
	position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.2);
	display: flex; justify-content: center; align-items: flex-start; z-index: 999; overflow-y: auto;
}
.abb_programmi_panel{
	width: 500px; background-color: #eceded; padding: 0px 20px 20px 20px; margin-top: 20px;
}

.error{
	font-weight: bold; color: #db0000; font-size: 14px;
}
.abb_info_panel_servizio{
	margin-bottom: 2px;
}

.abb_button_small{
	width: max-content; font-size: 12px; cursor: pointer;
}
.abb_button_small:disabled{
	opacity: 0.5; cursor: default;
}
.abb_button_small_off{
	background-color: #333333;
}
.abb_button_green{
	background-color: #005c00;
}

textarea:disabled{
	opacity: 0.5;
}

.generic_contdx_box {
	width: 100%;
    max-width: 1024px;
    margin: auto;
	font-family: arial;
	font-size: 14px;
    line-height: 16px;
}

.boxFlexContainer {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    width: 100%;
}

.boxFlexFull {
    width: calc(100% - 20px);
    padding: 10px;
    border-bottom: 1px dashed #DBDBDB;
}

.boxFlexTitle {
    color: #A7A7A7;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 10px;
}

.boxFlexTitle2 {
	margin: 0;
    color: #A7A7A7;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}

.abbDatiGiorno {
    display: flex;
}

.abbonamenti_ext .abbDatiGiorno {
    align-items: center;
}

.abbDatiGiornoNome {
    width: 130px;
	color: #262626;
	font-size: 13px;
    font-weight: 600;
    border-radius: 2px;
}

.abbDatiGiornoValore {
    width: 50px;
    text-align: right;
    margin-right: 10px;
}

