/****************** __inc_componenti.css *********************/
/** 														**/
/** Versione 1.0.2										 	**/
/** Last update 02/09/2020								    **/
/** 														**/
/*************************************************************/


@import url("__inc_componenti_css.php");

@charset "utf-8";
/* CSS Componenti */

.clear {clear:both;}
.contenitoreComponente{margin-bottom:1em;}
.intestazioneComponente h3 {padding:0em; margin:0em;}
.intestazioneComponente h4 {padding:0em; margin:0em;}

/*****************************************************/

fieldset{border:solid 1px #EEE;	padding:10px; margin-bottom:10px;}

.formLabel{	font-weight:bold; padding-right:1em; display:inline; transition: all 0.5s;}

.form_campo{}
.form_riga_required{color:#000;}
.form_riga{margin-bottom:20px; padding:10px;}
.form_riga_sbagliata .formLabel{color:#F00;}
.form_riga_sbagliata input.vis_TEXT, .form_riga_sbagliata input.vis_BOOL,  .form_riga_sbagliata  textarea.vis_TEXTAREA, .form_riga_sbagliata  input.vis_FILE, .form_riga_sbagliata  input.vis_CAPTCHA, .form_riga_sbagliata  .vis_DATEFIELD, .form_riga_sbagliata  .vis_SELECT, .form_riga_sbagliata .vis_sup_button, .form_riga_sbagliata .vis_CUSTOMTABLEOPTIONSET SELECT{border:solid 1px #b7b7b7;border-radius:5px; max-width:100%; }
.form_riga_sbagliata_text{ display: inline-block; padding: 5px 15px; background: #F00; color: #FFF; font-size: 0.7em; margin: 3px 0; border-radius: 3px; line-height: 1em;}
.form_riga_additional_text{ font-style:italic;} 

.vis_HIDDEN_FIELD, .vis_HIDDEN_FIELD_out_top, .vis_HIDDEN_FIELD_OUT_CMS_out_top , .vis_HIDDEN_FIELD_OUT_CMS{display: none;}
.vis_SEP_HOR_EXT, .vis_SEP_SPACE_EXT{ clear:both; padding:10px 0 20px 0;} 
.vis_SEP_HOR_EXT hr{ border:solid 3px #EEE;} 

.vis_TEXT, .vis_TEXTAREA{}
.vis_DATEFIELD {width:200px;}
input.vis_TEXT {width:80%;}

/**********************************************************************************/

.comps_pagination_box{}

.comps_pagination_first, .comps_pagination_last, .comps_paginations_page
{
	padding:10px;
	background:#EEE;
	display:inline-block;
	text-decoration:none;
	border-radius:3px; 
	min-width:40px;
	text-align:center;
}

.comps_pagination_first, .comps_pagination_last {background:#DDD;}
.comps_paginations_page{ background:#EEE;}
.comps_paginations_page_selected, .comps_paginations_page:hover, .comps_pagination_first:hover, .comps_pagination_last:hover{ background:#199fb5; color:#FFF;}

/**********************************************************************************/


input.vis_MONTH_ONLY, input.vis_WEEK_ONLY, input.vis_DATATIMELOCAL, input.vis_DATATIMELOCAL, input.vis_COLOR{width:auto;}

input.vis_COLOR
{
	padding:0;
	width:auto;
	width:50px;
	height:30px;
}

.vis_REMOTE_UPLOAD_BTN
{
	background: #DDD;
	padding: 20px;
	font-size: 12px;
	border-radius: 5px;
	border: none;
	display: inline-block;
}

input.vis_sup_button
{
	border:none;
	background:#555;
	color:#FFF;
	width:auto;
	margin:0px;
}

.fields_tab_container
{
	background:#F0F0F0;
	border-radius:3px;
	border-bottom-right-radius:0;
	border-bottom-left-radius:0;
	padding:10px 10px 0 35px;
}

.fields_tab_container a
{
	display:inline-block;
	padding:10px 20px;
	margin-right:5px;
	font-size:15px;
	text-decoration:none;
	background:#DDD;
}

.fields_tab_container a.active
{
	background:#FFF; font-weight:bold
}

.fields_tab
{
	padding:20px 20px 0px 20px;
	border:solid 1px #F0F0F0;
	border-top:none;
}

.fields_tab_hidden
{
	display:none;	
}

@media screen and (max-width: 992px)
{
	.fields_tab{ padding:10px;} 
	.fields_tab_container {padding:0;} 
	.fields_tab_container a{ display: block; margin: 0;} 
} 

/**********************************************************************************/

textarea.vis_TEXTAREA
{
	width:100%;
}

input.vis_SUBMIT, input.vis_SUBMIT_ALT:hover, input.vis_RESET, button.vis_SUBMIT, button.vis_SUBMIT_ALT:hover, button.vis_RESET
{
	background:#199fb5;
	color:#FFF;
	font-size:20px; 
	padding:20px 40px; 
	border-radius:200px;
	text-transform:uppercase;
	border:solid 3px #199fb5;
	/*word-break: break-all;*/ 	
    white-space: normal;
}

input.vis_SUBMIT.vis_SMALL, input.vis_SUBMIT_ALT.vis_SMALL, input.vis_SUBMIT_ALT.vis_SMALL:hover, input.vis_RESET.vis_SMALL, button.vis_SUBMIT.vis_SMALL, button.vis_SUBMIT_ALT.vis_SMALL:hover, button.vis_RESET.vis_SMALL
{
	font-size:16px !important;
	padding:10px 20px !important;
}

input.vis_SUBMIT:hover, input.vis_SUBMIT_ALT, button.vis_SUBMIT:hover, button.vis_SUBMIT_ALT
{
	background:#199fb5;
	color:#FFF;
	font-size:20px; 
	padding:20px 40px; 
	border-radius:200px;
	text-transform:uppercase;
	border:solid 3px #199fb5;
	background:#FFF;
	color:#199fb5;
	border:solid 3px #199fb5;
}

input.vis_RESET, button.vis_RESET
{
	background-image:none;
	background:#ff802c;
	border:outset 1px #AAA;
	width:auto;
	text-align:center;
	color:#FFF;
}

input.vis_RESET:hover, button.vis_RESET:hover
{
	color:#AAA;
}


.vis_BOOL, .vis_RADIO
{
	margin:5px;
	padding:0px;
	width:auto;
	display:inline;
}

.vis_BOOL input
{
	background:none;
	width:auto;
	border:none;
}


.inputSubmit
{
	border:none;
	font-size:10px;
	padding:5px 0px 5px 0px;
	color:#ffffff;
	background:url(img/bg_bottone_accedi.png) no-repeat;
	text-align:center;
}

.vis_CAPTCHA img
{
	margin-left:10px;
}

input.vis_FILE
{
	width:50%;
}

.vis_TEXT:focus, input.vis_TEXT:focus, textarea.vis_TEXTAREA:focus, input.vis_FILE:focus, input.vis_CAPTCHA:focus, .vis_DATEFIELD:focus, .vis_SELECT:focus, .vis_sup_button:focus, .vis_CUSTOMTABLEOPTIONSET SELECT:focus
{
	background-color:#EEE;
}

.vis_TEXT, input.vis_TEXT, textarea.vis_TEXTAREA, input.vis_FILE, input.vis_CAPTCHA, .vis_DATEFIELD, .vis_SELECT, .vis_sup_button, .vis_CUSTOMTABLEOPTIONSET SELECT
{
	background:#f9f9f9;
	border:solid 1px #b7b7b7;
	border:none;
	border-radius:3px;
	padding:15px;
	transition: all 0.5s;
}

.vis_SELECT{-webkit-appearance: none;     min-width: 80%; max-width: 100%;}
.vis_BOOL{display:inline;}
.vis_BOOL input { background:none; width:auto; border:none;}

/***************************/

.relative{ position:relative;}
.padding5 {padding:5px}
.padding10{padding:10px}
.padding20{padding:20px}
.padding30{padding:30px}
.padding40{padding:40px}
.padding50{padding:50px}
.padding60{padding:50px}
.padding70{padding:50px}
.padding80{padding:50px}
.padding90{padding:50px}
.padding100{padding:100px}

.spessore5{width:5px; height:5px}
.spessore10{width:10px; height:10px}
.spessore20{width:20px; height:20px}
.spessore30{width:30px; height:30px}
.spessore40{width:40px; height:40px}
.spessore50{width:50px; height:50px}

.float5{width:5%;   float:left}
.float10{width:10%; float:left}
.float15{width:15%; float:left}
.float20{width:20%; float:left}
.float25{width:25%; float:left}
.float30{width:30%; float:left}
.float33{width:33%; float:left}
.float35{width:35%; float:left}
.float40{width:40%; float:left}
.float45{width:45%; float:left}
.float50{width:50%; float:left}
.float55{width:55%; float:left}
.float60{width:60%; float:left}
.float65{width:65%; float:left}
.float66{width:66%; float:left}
.float70{width:70%; float:left}
.float75{width:75%; float:left}
.float80{width:80%; float:left}
.float85{width:85%; float:left}
.float90{width:90%; float:left}
.float95{width:95%; float:left}

.textWhite, .textWhite h1 , .textWhite h1 a, .textWhite h2 , .textWhite h2 a, .textWhite h3 , .textWhite h3 a, .textWhite h4 , .textWhite h4 a {color:#FFFFFF} 
.textBlack, .textBlack h1 , .textBlack h1 a, .textBlack h2 , .textBlack h2 a, .textBlack h3 , .textBlack h3 a, .textWhite h4 , .textWhite h4 a {color:#000000}
.textGrey,	.textGrey  h1 , .textGrey  h1 a, .textGrey  h2 , .textGrey  h2 a, .textGrey  h3 , .textGrey  h3 a, .textWhite h4 , .textWhite h4 a {color:#777777}

.textTransformNone, .textTransformNone h1, .textTransformNone h2, .textTransformNone h3, .textTransformNone h4 { text-transform:none;}
.textTransformUppercase, .textTransformUppercase h1, .textTransformUppercase h2, .textTransformUppercase h3, .textTransformUppercase h4{ text-transform:uppercase;}
.textTransformLowercase, .textTransformLowercase h1, .textTransformLowercase h2, .textTransformLowercase h3, .textTransformLowercase h4{ text-transform:lowercase;}

.noCompMargin div.contenitoreComponente
{
	margin:0;
	margin-bottom:0;
}

.noBgImage{ background-image:none;}
.bgWhite{ background-color:#FFF;}
.bgBlack{ background-color:#000;}
.bgGrey{ background-color:#777;}

.textAlignLeft{text-align:left}
.textAlignCenter{text-align:center}
.textAlignRight{text-align:right}
.textAlignJustify{text-align:justify}
.centerContent{ margin:0 auto;}

blockquotes
{
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee;
}


/***************************/

.standard_table
{
	width:100%;
	border-collapse:collapse;
	background:#FFF;
}

.standard_table th
{
	padding:10px;
	margin:1px;
	white-space:nowrap;
	text-align:left;
	text-transform:uppercase;
	background:#D9D9D9;
}
.standard_table td, .standard_table th
{
	padding:10px;
	border:solid  #DDD ;
	border-width:0 1px 1px  0;

}
tr.standard_table_odd_row{background:#F0F0F0;}
tr.standard_table_even_row{background:#F9F9F9;}

tr.standard_table_odd_row:hover{background:#E3E3E3;}
tr.standard_table_even_row:hover{background:#E3E3E3;}


/***************************/

.comp_paginiazione
{
	margin:2em 0;
	clear:both;
}

.comp_paginiazione_pagine
{
	display:inline;
	margin-right:0.2em;
	margin-left:0.2em;	
}


.comp_paginiazione_pagine a, .comp_paginiazione_pagine_precedente a, .comp_paginiazione_pagine_successiva a
{
	font-size:10px; 
	display:inline-block ;
	text-align:center;
	padding:7px 14px;
	background:#EEE;
	text-decoration:none;
	margin-bottom:5px;
	border-radius: 3px;
}

.comp_paginiazione_pagine a:hover, .comp_paginiazione_pagine_precedente a:hover, .comp_paginiazione_pagine_successiva a:hover
{
	background:#DDD;
}

.comp_paginiazione_pagine a
{
}
.comp_paginiazione_pagine_selezionata a
{
	font-weight:bold;
	background:#CCC;
}

.comp_paginiazione_pagine_precedente
{
	font-weight:bold;
}

.comp_paginiazione_pagine_successiva
{
	font-weight:bold;
}


/***************************/

.roundBoxGrigio1, .div_cel_module_email_esito {
    background: #dedede;
    padding: 25px;
    box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
}

.standarPageContainerExtended {
	width: 65%;
	float: left;
}