/***
 * F5 - Content Management System
 * 
 * Copyright © 2022
 * Reload - Laboratorio Multimediale
 * (http://www.reloadlab.it - info@reloadlab.it)
 * 
 * authors: Domenico Gigante (domenico.gigante@reloadlab.it) and Alessio Attanasio (alessio.attanasio@reloadlab.it)
 ***/
@charset "utf-8";

/* Form */
/* Nomalize */
button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
	outline: 0;
}
button {
	overflow: visible;
}
button,
select {
	text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}
button[disabled],
html textarea[disabled],
html select[disabled],
html input[disabled] {
	cursor: default;
}
html textarea[disabled],
html select[disabled],
html input[disabled] {
	opacity: 0.7;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
input {
	line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}
input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
/* § Nomalize */

input[type="text"], 
input[type="password"], 
input[type="search"], 
input[type="range"], 
input[type="number"], 
input[type="url"], 
input[type="email"], 
input[type="tel"], 
input[type="date"], 
input[type="datetime"], 
input[type="month"], 
input[type="week"], 
input[type="time"], 
input[type="datetime-local"], 
input[type="color"], 
select, 
textarea {
	display: inline-block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	border: 1px solid #DED7C2;
	border-radius: 4px;
	background: #fff;
	color: #555;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	vertical-align: bottom;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
textarea {
	height: 125px;
}
input[type="text"]:focus, 
input[type="password"]:focus, 
input[type="search"]:focus, 
input[type="range"]:focus, 
input[type="number"]:focus, 
input[type="url"]:focus, 
input[type="email"]:focus, 
input[type="tel"]:focus, 
input[type="date"]:focus, 
input[type="datetime"]:focus, 
input[type="month"]:focus, 
input[type="week"]:focus, 
input[type="time"]:focus, 
input[type="datetime-local"]:focus, 
input[type="color"]:focus, 
select:focus, 
textarea:focus {
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(165, 150, 104, .6);
}

/* Label form */
.F5label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: 600 !important;
	line-height: 1.42857143;
	vertical-align: bottom;
}
.F5label.mandatory {
	color: #a94442;
}
.F5label .fa {
	font-size: 16px;
	vertical-align: top;
}
/* § Label form */

/* Pulsanti form */
button.submit {
	height: 34px;
	padding: 6px 12px;
	border: 1px solid #fff;
	border-radius: 5px;
	background-color: #006AA0;
	font-weight: 600;
	color: #fff;
	line-height: 1.42857143;
	text-transform: uppercase;
	outline: 0;
	text-shadow: 1px 1px 0px #666;
}
button.submit:hover {
	background-color: #005987;
}
button.submit.reset {
	background-color: #990000;
}
button.submit.reset:hover {
	background-color: #800000;
}
button.submit.search {
	border: 1px solid #897b51;
	background-color: #A59668;
}
button.submit.search:hover {
	background-color: #99895b;
}
/* §Pulsanti form */

/* Campi particolari form */
input[type="text"].searchInput {
	width: 20%;
	min-width: 200px;
	border: 1px solid #A59668;
}
select.dirSelection {
	width: 100%;
	border: 1px solid #A59668;
}
/* § Campi particolari form */

/* Input group */
.F5inputGroup {
	position: relative;
	display: table;
    border-collapse: separate;
}
.F5inputGroup.F5pwdgen {
	width: 400px !important;
}
.F5tableForm td.field .F5inputGroup {
	width: 100%;
	max-width: 800px;
}
.F5inputGroup input {
	position: relative;
	z-index: 2;
	display: table-cell !important;
	float: left;
	width: 100% !important;
	border-right: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.F5inputGroup .F5inputAddon {
	display: table-cell;
	width: 1%;
    white-space: nowrap;
    vertical-align: middle;
	padding: 6px 12px;
	background-color: #A59668;
	border: 1px solid #DED7C2;
	border-left: 0;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	color: #fff;
	text-align: center;
}
.F5inputGroup .F5inputAddon:hover {
	background: #99895b;
}
/* § Input group */

/* Upload */
.F5wrapUpload {
	position: relative;
	overflow: hidden;
    margin-right: 5px;  
}
.F5wrapUpload input[type="file"] {
    position: absolute;
	width: auto !important;
    top: 0;
    right: 0;
	bottom: 0;
	opacity: 0;
    cursor: pointer;
}
.F5wrapUpload button {
	height: 34px;
	padding: 6px 12px;
	border: 1px solid #fff;
	border-radius: 4px;
	background-color: #A59668;
    color: #fff;
    font-weight: 600;
	text-transform: uppercase;
}
.F5wrapUpload:hover button {
	background-color: #99895b;
}
.F5fileHolder {
	line-height: 34px;
}
/* § Upload */

/* Select */
.F5wrapSelect {
	position: relative;
	overflow: hidden;
	width: 100%;
	max-width: 800px;
	height: 34px;
	border: 1px solid #DED7C2;
	border-radius: 4px;
	background: #fff;
}
.F5wrapSelect select {
    position: absolute;
	z-index: 10;
    top: 0;
    left: 0;
	width: 100% !important;
	padding-right: 42px;
	border: 0 none;
	border-radius: 0;
	background: transparent;
	-webkit-appearance: none;
}
.F5wrapSelect:after {
    position: absolute;
    top: -1px;
    right: -1px;
	z-index: 100;
	height: 34px;
	padding: 6px 12px;
	background: #A59668;
    content: '\f078';
    font-size: 14px;
	line-height: 1.42857143;
    color: #fff;
    font-family: FontAwesome;
	pointer-events: none;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.F5wrapSelect:hover:after {
	background: #99895b;
}
.F5formSearch .F5wrapSelect {
	width: 20%;
	min-width: 200px;
	text-align: left !important;
	border: 1px solid #A59668 !important;
}

/* select e button affiancati */
.F5colWrap {
	position: relative;
	display: table;
    border-collapse: separate;
	width: 100%;
	max-width: 800px;
}
.F5colWrap .F5wrapSelect {
	position: relative;
	z-index: 2;
	display: table-cell !important;
	float: left;
	width: 100% !important;
}
.F5colWrap .F5colBtn {
	display: table-cell;
	padding: 0 8px 0 5px;
	width: 1%;
    white-space: nowrap;
    vertical-align: middle;
	border-left: 0;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.F5translForm {
	position: relative;
	display: table;
    border-collapse: separate;
	width: 100%;
	max-width: 800px;
}
.F5translForm .F5wrapSelect {
	position: relative;
	z-index: 2;
	display: table-cell !important;
	float: left;
	width: 100% !important;
}
.F5translForm .F5colBtn {
	display: table-cell;
	padding: 0 8px 0 5px;
	width: 1%;
    white-space: nowrap;
    vertical-align: middle;
	border-left: 0;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
/* § Select */

/* Radio e checkbox */
.F5checkRow,
.F5radioRow {
	margin-top: 5px;
}
.F5checkRow:first-child,
.F5radioRow:first-child {
	margin-top: 0;
}
input.F5checkgroup,
input.F5radiogroup {
	position: absolute;
	height: 24px !important;
	width: 24px !important;
	margin: 0;
	padding: 0;
	border: 0 none;
	opacity: 0;
}
input.F5radiogroup + label.F5radio,
input.F5checkgroup + label.F5checkbox {
	position: relative;
	display: inline-block;
	height: 24px; /* Altezza della label = all'immagine */
	margin: 0;
	padding: 1px 0 0 30px;
	font-weight: 600;
	line-height: 24px;
	vertical-align: middle;
	cursor: pointer;
}
input.F5checkgroup + label.F5checkbox:before {
	position: absolute;
	left: 5px;
	content: '\f096';
	font-family: FontAwesome;
	font-size: 24px;
	color: #a59668;
}
input.F5checkgroup:checked + label.F5checkbox:before {
	content: '\f046';
}
input.F5radiogroup + label.F5radio:before {
	position: absolute;
	left: 5px;
	content: '\f10c';
	font-family: FontAwesome;
	font-size: 24px;
	color: #a59668;
}
input.F5radiogroup:checked + label.F5radio:before {
	content: '\f192';
}
/* § Radio e checkbox */

/* Datetimepicker */
.F5datetimepicker {
	position: relative;
	display: table;
    border-collapse: separate;
}
.F5datetimepicker.date {
	width: 150px;
}
.F5datetimepicker.time {
	width: 120px;
}
.F5datetimepicker.datetime {
	width: 190px;
}
.F5datetimepicker input {
	position: relative;
	z-index: 2;
	display: table-cell;
	float: left;
	border-right: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.F5datetimepicker .F5dateicon {
	display: table-cell;
	width: 1%;
    white-space: nowrap;
    vertical-align: middle;
	padding: 6px 12px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.42857143;
	color: #fff;
	text-align: center;
	background-color: #A59668;
	border: 1px solid #DED7C2;
	border-left: 0;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.F5datetimepicker .F5dateicon:hover {
	background: #99895b;
}
/* § Datetimepicker */

/* Color picker */
.F5colorpicker {
	width: 200px !important;
}
.F5inputGroup.F5colorpicker .colorhidden {
	display: none !important;
}
.F5colorpicker .sp-replacer {
	display: table-cell;
	border: solid 1px #DED7C2;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	background-color: #A59668;
	border-left: 0;
	width: 50px;
	white-space: nowrap;
}
.F5colorpicker .sp-replacer:hover {
	background: #99895b;
}
/* § Color picker */

/* Error label */
div.F5error,
label.F5error {
	display: block;
	margin-top: 5px;
	margin-bottom: 0;
	font-weight: 400;		
	color: red;
	line-height: 1;
}
input[type="text"].F5error, 
input[type="password"].F5error, 
input[type="search"].F5error, 
input[type="number"].F5error, 
input[type="url"].F5error, 
input[type="email"].F5error, 
input[type="tel"].F5error, 
input[type="date"].F5error, 
input[type="datetime"].F5error, 
input[type="month"].F5error, 
input[type="week"].F5error, 
input[type="time"].F5error, 
input[type="datetime-local"].F5error,
textarea.F5error {
	border: 1px solid red;
}
.F5wrapUpload.F5error button {
	background-color: red;
}
.F5wrapSelect.F5error {
	border: 1px solid red;
}
.F5wrapSelect.F5error:after {
	background-color: red;
}
.F5datetimepicker.F5error input {
	border: 1px solid red;
}
.F5datetimepicker.F5error .F5dateicon {
	border: 1px solid red;
	background-color: red;
}
.F5colorpicker.F5error input {
	border: 1px solid red;
}
.F5colorpicker.F5error .sp-replacer {
	border: 1px solid red;
	background-color: red;
}
input.F5radiogroup + label.F5radio.F5error,
input.F5checkgroup + label.F5checkbox.F5error {
	color: red;
}
input.F5checkgroup + label.F5checkbox.F5error:before {
	color: red;
}
input.F5radiogroup + label.F5radio.F5error:before {
	color: red;
}
/* § Error label */

/* Table */
.F5tableForm td,
.F5tableForm th {
	padding: 8px;
	vertical-align: top;
	line-height: 1;
}
.F5tableForm th.head,
.F5tableForm td.head {
	background-color: #F3EFE2;
	white-space: nowrap;
	color: #444;
	font-weight: 600;
	text-shadow: 1px 1px 0px #fff;
}
.F5tableForm td.F5subtitle {
	background-color: #DED7C2;
	font-size: 16px;
	font-weight: 600;
	color: #006AA0;
	text-transform: uppercase;
	text-shadow: 1px 1px 0px #fff;
}
.F5tableForm td.field {
	background-color: #F3EFE2;
	border-right: 0 none;
	vertical-align: middle;
}
.F5tableForm th.head .F5label,
.F5tableForm td.head .F5label {
	margin-bottom: 0;
	padding: 7px 0;
	text-transform: uppercase;
}
.F5tableForm td.field input[type="text"], 
.F5tableForm td.field input[type="password"], 
.F5tableForm td.field input[type="search"], 
.F5tableForm td.field input[type="range"], 
.F5tableForm td.field input[type="number"], 
.F5tableForm td.field input[type="url"], 
.F5tableForm td.field input[type="email"], 
.F5tableForm td.field input[type="tel"], 
.F5tableForm td.field input[type="date"], 
.F5tableForm td.field input[type="datetime"], 
.F5tableForm td.field input[type="month"], 
.F5tableForm td.field input[type="week"], 
.F5tableForm td.field input[type="time"], 
.F5tableForm td.field input[type="datetime-local"], 
.F5tableForm td.field input[type="color"], 
.F5tableForm td.field select, 
.F5tableForm td.field textarea {
	max-width: 800px;
}
.F5tableForm td.field textarea {
	height: 125px;
}
.F5tableForm td.field .fileLink {
	margin-top: 5px;
}
.F5tableForm td.field .flag-icon {
    width: 2.66666667em;
    line-height: 2em;
}
/* $ Table */
/* § Form */