/*
version 1gv
date	20/06/2023
*/

/* mdl-button ripple iOS fix - correzione bottone mdl per iOS */
.mdl-ripple { background: #000; opacity: 0.001; }

form.piove-form {
	width:300px;
}
form.piove-form-center {
	margin:0 auto;
}

form.piove_form fieldset,
fieldset.piove_form {
    border:1px solid rgba(0, 0, 0, 0.12);
    padding:0 2em;
    display:inline-block;
}

/* generiche - classi da applicare manualmente in casi particolari */
.piove-form-block {
	margin:30px 0;
}
.piove-form-flex-container-40 {
	display:flex;
	gap:40px;
}
.piove-form-label {
	display:block;
	margin: 0 0 6px;
	color:var(--primary-color);
}
.piove-form-help-text {
	display:block;
	margin: 6px 0 0;
	font-size: smaller;
}
.piove-form-error-text {
	display:block;
	margin: 6px 0 0;
	font-size: smaller;
	color:#d50000;
}
.piove_inline_field {
	display:inline-block;
}
.piove-form-textfield-nomargin { 
	padding:0;
}
.piove-form-textfield-extrasmall { 
	width:32px;
}



form.piove_form fieldset legend,
fieldset.piove_form legend {
    color:rgba(0, 0, 0, 0.3);
}

label.piove-jqueryui {
    display:block;
    color: var(--primary-color);
	font-size: 12px;
	text-align: left;
}
.piove-form-textarea label.piove-jqueryui {
	font-size: 14px;
}

a.action_link {
	cursor:pointer;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    font-weight: normal;
}

.ui-selectmenu-button.ui-button {
    width:269px;
}
.piove-form-select-full-width .ui-selectmenu-button.ui-button {
    width:calc(100% - 34px);
}

.piove-plain-select {
	min-width:200px;
	font-size:16px;
	padding:6px 10px;
}

.piove-form-select {
	margin:20px 0;
}
.piove-form-switch {
	padding: 20px 0 10px;
	/* prima era solo padding-bottom: 20px */
}
.piove-form-select.is-invalid label.piove-jqueryui {
	color: #d50000 !important;
}
.piove-form-select.is-invalid span.ui-selectmenu-button {
	border-color: #d50000 !important;
}
.piove-form-select-after-text {
	display: block;
	width: 100%;
	color: #212121;
	font-size: 12px;
	line-height: 12px;
	margin-top:2px;
}

.piove-form-suggestion {
	font-size:smaller;
}

/* textfield */
.piove_form_textfield-after-text {
	display: block;
	width: 100%;
	color: #212121;
	font-size: 12px;
	line-height: 12px;
	position:relative;
	top:-18px;
}


/* textarea */
.piove-form-textarea textarea {
	background-color:rgb(246, 246, 246);
	border:1px solid rgb(197, 197, 197);
	border-radius:3px;
	width:300px;
	height:100px;
}
.piove-form-textarea-char-counter-container {
	text-align:right;
	font-size:smaller;
	font-style: italic;
}
.piove-form-textarea.is-invalid textarea {
	border-color: #d50000 !important;
    background-color: rgb(255,246,246) !important;
}
.piove-form-textarea.is-invalid label.piove_form_input {
	color: #d50000 !important;
}
.piove-form-textarea.is-invalid .piove-form-textarea-char-counter-container {
	color: #d50000 !important;
}
.piove_form_textarea-after-text {
	display: block;
	color: #212121;
	font-size: 12px;
	line-height: 12px;
}

/* checkbox */
.piove-form-checkbox.is-invalid .mdl-checkbox__label {
	color:#d50000 !important;
}
.piove-form-checkbox.is-invalid .mdl-checkbox__box-outline {
	border-color:#d50000 !important;
}
.piove-form-checkbox.is-invalid .mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
	background-color:#d50000 !important;
}

/* pcheckbox */
.piove-form-pcheckbox-container input {
	vertical-align: bottom;
}
.piove-form-pcheckbox-container label {
	cursor:pointer;
}
.piove-form-pcheckbox-container input:hover {
	
}
.piove-form-checkbox-icon {
	font-size: 20px;
	vertical-align: bottom;
	line-height: 20px;
}
.piove-form-checkbox-icon-small {
	font-size: 16px;
}
.piove-form-checkbox-icon-large {
	font-size: 24px;
}

/* radio */
span.piove-form-radio-title {
	margin-right:10px;
	font-size: 16px;
	line-height: 24px;
	color:var(--primary-color);
}
label.piove-form-radio-container {
	margin:0 10px;
}
.piove-form-radiobox.piove-form-radiobox-vertical label.piove-form-radio-container {
	display:block;
	margin:5px 0;
}
.piove-form-radiobox.is-invalid span.piove-form-radio-title,
.piove-form-radiobox.is-invalid span.mdl-radio__label {
	color:#d50000 !important;
}
.piove-form-radiobox.is-invalid span.mdl-radio__outer-circle {
	border-color:#d50000 !important;
}

.piove-form-radiobox-flex span.piove-form-radio-title {
	display:block;
	margin:0 0 6px;
}
.piove-form-radio-flex-container {
	display:flex;
	gap:20px 30px;
	flex-wrap: wrap;
}
.piove-form-radio-flex-container label.piove-form-radio-container {
	margin:0;
}


/* piove-form-button */
/*.piove-form-button {
	margin:0 10px 10px;
}
.piove-form-button.piove-form-button-nomargin { TODO remove piove-form-button-nomargin
	margin:0;
} */

/* piove-form-buttons */
.piove-form-buttons {
	/*margin:20px 0 0 0;*/
	display:flex;
	gap:20px;
}
.piove-form-buttons-left {
	justify-content:flex-start;
}
.piove-form-buttons-center {
	justify-content:center;
}
.piove-form-buttons-right {
	justify-content:flex-end;
}
.piove-form-buttons-separed {
	justify-content:space-between;
}

/* checkbox-group */
.piove_form_checkbox_group_left {
	text-align: left;
}
.piove_form_checkbox_group_center {
	text-align: center;
}
.piove_form_checkbox_group_right {
	text-align: right;
}
.piove_form_checkbox_group.piove_form_checkbox_group_inline .piove-form-checkbox,
.piove_form_checkbox_group.piove_form_checkbox_group_inline .piove-form-pcheckbox {
	display:inline-block;
	margin:0 10px;
}
.piove_form_checkbox_group_wrapper {
	display:inline-block;
}

/* text */
.piove_form_text {
	margin:20px 0;
}

/* piove-color-picker pcp */
.pcp-transparent-glass {
	display:none;
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	background-color: transparent;
}
.pcp-selected {
	color:inherit;
}
.pcp-selected[data-status=disabled] {
	color:#666;
	cursor:default;
}
.pcp-selected[data-status=readonly] {
	cursor:default;
}
.pcp-selected-color {
	display:inline-block;
	width:30px;
	height:30px;
	border:1px solid #999;
}
.pcp-none-color {
	background-color:#999;
	border-width: 0 0 30px 30px;
	border-style: solid;
	border-color:transparent transparent #900 transparent;
	width: 0;
	height: 0;
	margin:1px;
}
.pcp-selected-text {
	display: inline-block;
	line-height:30px;
	vertical-align: top;
	margin-left:5px;
}


.pcp-color-container {
	display:none;
	max-width: 172px;
	position:absolute;
	padding:2px 0;
	background-color:#FFF;
}
.pcp-color-container-top {
	margin-top: -210px;
}
.pcp-null-value {
	color:inherit;
	display:block;
	text-align:center;
	height:30px;
	line-height:30px;
	margin:4px;
	background-color:#FFF;
	border:1px solid #999;
}
.pcp-color {
	display:inline-block;
	width:30px;
	height:30px;
	margin:2px 4px;
	border:1px solid #999;
}

/* personalizzazioni per i campi del form */
.form_item_padding_top_0 {
	padding-top:0;
}
.form_item_margin_top_0 {
	margin-top:0;
}
.form_item_margin_bottom_0 {
	margin-top:0;
}
.form_item_margin_top_20 {
	margin-bottom:20px;
}
.form_item_margin_bottom_20 {
	margin-bottom:20px;
}
.form_input_full_width {
	width:100% !important;
}
.form_input_width_300 {
	width:300px !important;
}