/* ==========================================================================
 FORM elements GUI
========================================================================== */

body.iframe #form-heading {
	display: none;
}

form {
	margin: 0 0 20px;
	transition: .3s ease-out;
}

fieldset {
	display: block;
	width: 100%;
	padding: 0;
	margin: 0 0 20px;
	border: 0;
}
.fieldset {
	margin-bottom:20px;
}

legend {
	display: block;
	width: 100%;
	padding: 0;
	margin-bottom: 20px;
	font-size: 21px;
	line-height: 40px;
	color: #333333;
	border: 0;
	border-bottom: 1px solid #ccc;
}

legend small {
	font-size: 15px;
	color: #999999;
}

label,
input,
button,
select,
textarea {
	font-weight: normal;
	line-height: normal;
}

input,
button,
select,
textarea {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

label {
	display: block;
	margin-bottom: 5px;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
	display: inline-block;
	padding: 8px 7px;
	margin-bottom: 14px;
	font-size: 14px;
	/*height:35px;*/
	color: #555555;
	vertical-align: middle;
	border-radius: 3px;
	background-color: #fafafa;
	border: 1px solid #cccccc;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	vertical-align: middle;
}
input[disabled] {
	background-color: #DFDFDF;
	cursor: not-allowed;
}
textarea[disabled] {
	background-color: #DFDFDF;
	cursor: not-allowed;
}

input:not([type="radio"]),
textarea {
	max-width:100%;
}

textarea {
	display:block;
	line-height: 1.5;
	min-height:80px;
	height: auto;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus{
	background-color: #ffffff;
	border-color: #B1B1B1;
	outline: 0;
	box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.3);
}

input[type="radio"],
input[type="checkbox"] {
	margin: 4px 0 0;
	line-height: normal;
}

input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
	width: auto;
}

select,
input[type="file"] {
	height: 34px;
	line-height: 1;
}

select {
	background-color: #fafafa;
	border: 1px solid #cccccc;
	max-width: 100%;
}

select[multiple],
select[size] {
	height: auto;
}

select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
	outline: thin dotted #333;
	outline: 5px auto;
	outline-offset: -2px;
}

input:-moz-placeholder,
textarea:-moz-placeholder,
input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #999999;
}

/* Old 'radio' and 'checkbox' classes */
.radio, .checkbox {
	min-height: 20px;
	padding-left: 20px;
	cursor: pointer;
}
.radio:last-child, .checkbox:last-child {
	margin-bottom: 0;
}
.radio:not(.horiz)+.radio:not(.horiz), .checkbox+.checkbox {
	margin-top: 10px;
}
.radio input[type="radio"],
.checkbox input[type="checkbox"] {
	float: left;
	margin-left: -20px;
}
.radio.horiz { float: left; }
.radio.horiz ~ .radio.horiz { margin-left: 20px; }
.checkbox.horiz { float: left; }
.checkbox.horiz:not(:last-child) { margin-right: 20px; }
.checkbox.horiz input[type="checkbox"] {
	margin-left: 0;
	margin-right: 5px;
	cursor: pointer;
}

/* Help text */

.help-block {
	color: #595959;
	font-size: 13px;
	line-height: 1;
	display: block;
	margin-bottom: 10px;
}

fieldset dd {
	min-height: 30px;
}

button.text_disabled {
	color: #AAA !important;
	font-style: italic;
}
label.disabled {
	color: #AAA;
	font-style: italic;
}
label.inline {
	display: inline-block;
	margin: 0 0 14px 0;
	padding: 0 10px 0 0;
	line-height: 34px;
	vertical-align: middle;
}
label.float {
	float: left;
	display: block;
	margin: 0 0 10px 0;
	padding: 0 10px 0 0;
	line-height: 34px;
}
label.line {
	float: left;
	clear: left;
	width: 15%;
	display: block;
	margin: 0 0 10px 0;
	padding: 0 10px 0 0;
	line-height: 34px;
}
label.line span {
	float: right;
	display: block;
	line-height: 34px;
}
input.line {
	float: left;
	width: 85%;
	display: block;
	margin: 0 0 10px 0;
}

/* ==========================================================================
  GUI Buttons
========================================================================== */
/* btn-group bs-btn */
.btn-group .btn.bs-btn {
	min-height: 34px;
	line-height: 24px;
}

/* not bs-btn */
.btn:not(.bs-btn), input.btn:not(.bs-btn) {
	display: inline-block;
	position: relative;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	font-size: 13px;
	line-height: 1;
	padding: 8px 12px;
	border: 1px solid;
	border-bottom-width: 2px;
	border-radius: 3px;
	box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.35);
	background-color: #E3E3E3;
	border-color: #C4C4C4;
	vertical-align: middle;
	margin: 0 0 10px;
	min-height: 34px;
}
.btn:not(.bs-btn):hover, input.btn:not(.bs-btn):hover {
	text-decoration: none;
	background-color: #EDEDED;
	border-color: #BEBEBE;
}
.btn.active:not(.bs-btn), input.btn.active:not(.bs-btn),
.btn:not(.bs-btn):active, input.btn:not(.bs-btn):active {
	background-color: #CCC;
	border-color: #A8A8A8;
	box-shadow: inset 0 1px 6px 0 rgba(0, 0, 0, 0.35);
}

/* reset margin if in table */
td .btn:not(.bs-btn), td input.btn:not(.bs-btn) {
	margin: 0;
}

/* bs primary */
.btn.bs-primary, input.btn.bs-primary {
	color: #fff;
	background-color: #428bca;
	border-color: #357ebd;
}
.btn.bs-primary:hover, input.btn.bs-primary:hover,
.btn.bs-primary:active, input.btn.bs-primary:active {
	color: #fff;
	background-color: #3276b1;
	border-color: #285e8e;
}

/* bs success */
.btn.bs-success, input.btn.bs-success {
	color: #fff;
	background-color: #5cb85c;
	border-color: #4cae4c;
}
.btn.bs-success:hover, input.btn.bs-success:hover,
.btn.bs-success:active, input.btn.bs-success:active {
	color: #fff;
	background-color: #47a447;
	border-color: #398439;
}

/* bs info */
.btn.bs-info, input.btn.bs-info {
	color: #fff;
	background-color: #5bc0de;
	border-color: #46b8da;
}
.btn.bs-info:hover, input.btn.bs-info:hover,
.btn.bs-info:active, input.btn.bs-info:active {
	color: #fff;
	background-color: #39b3d7;
	border-color: #269abc;
}

/* bs warning */
.btn.bs-warning, input.btn.bs-warning {
	color: #fff;
	background-color: #f0ad4e;
	border-color: #eea236;
}
.btn.bs-warning:hover, input.btn.bs-warning:hover,
.btn.bs-warning:active, input.btn.bs-warning:active {
	color: #fff;
	background-color: #ed9c28;
	border-color: #d58512;
}

/* bs danger */
.btn.bs-danger, input.btn.bs-danger {
	color: #fff;
	background-color: #d9534f;
	border-color: #d43f3a;
}
.btn.bs-danger:hover, input.btn.bs-danger:hover,
.btn.bs-danger:active, input.btn.bs-danger:active {
	color: #fff;
	background-color: #d2322d;
	border-color: #ac2925;
}

/* bs success when active */
.btn.bsa-success.active, input.btn.bsa-success.active {
	color: #fff;
	background-color: #5cb85c;
	border-color: #4cae4c;
}
.btn.bsa-success.active:hover, input.btn.bsa-success.active:hover,
.btn.bsa-success.active:active, input.btn.bsa-success.active:active {
	color: #fff;
	background-color: #47a447;
	border-color: #398439;
}

/* blue */
.btn-blue:not(.bs-btn), input.btn-blue:not(.bs-btn) {
	color: #fff;
	background-color: #1E77AE;
	border-color: #1A6699;
}
.btn-blue:not(.bs-btn):hover, input.btn-blue:not(.bs-btn):hover {
	color: #fff;
	background-color: #2595DA;
	border-color: #2183C4;
}
.btn-blue.active:not(.bs-btn), input.btn-blue.active:not(.bs-btn),
.btn-blue:not(.bs-btn):active, input.btn-blue:not(.bs-btn):active {
	background-color: #1A6899;
	border-color: #12496D;
}

/* green */
.btn-green:not(.bs-btn), input.btn-green:not(.bs-btn) {
	color: #fff;
	background-color: #27ae60;
	border-color: #229955;
}
.btn-green:not(.bs-btn):hover, input.btn-green:not(.bs-btn):hover {
	color: #fff;
	background-color: #2BBF69;
	border-color: #25A75D;
}
.btn-green.active:not(.bs-btn), input.btn-green.active:not(.bs-btn),
.btn-green:not(.bs-btn):active, input.btn-green:not(.bs-btn):active {
	background-color: #1E8549;
	border-color: #19713F;
}

/* orange */
.btn-orange:not(.bs-btn), input.btn-orange:not(.bs-btn) {
	color: #fff;
	background-color: darkorange;
	border-color: #db7900;
}
.btn-orange:not(.bs-btn):hover, input.btn-orange:not(.bs-btn):hover {
	color: #fff;
	background-color: #ff9c24;
	border-color: darkorange;
}
.btn-orange.active:not(.bs-btn), input.btn-orange.active:not(.bs-btn),
.btn-orange:not(.bs-btn):active, input.btn-orange:not(.bs-btn):active {
	background-color: #db7900;
	border-color: #b86500;
}

/* red */
.btn-red:not(.bs-btn), input.btn-red:not(.bs-btn) {
	color: #fff;
	background-color: #E53C2A;
	border-color: #C32918;
}
.btn-red:not(.bs-btn):hover, input.btn-red:not(.bs-btn):hover {
	color: #fff;
	background-color: #E95949;
	border-color: #E3301C;
}
.btn-red.active:not(.bs-btn), input.btn-red.active:not(.bs-btn),
.btn-red:not(.bs-btn):active, input.btn-red:not(.bs-btn):active {
	color: #fff;
	background-color: #D52D1A;
	border-color: #A82315;
}

/* disabled */
.btn.disabled:not(.bs-btn), .btn[disabled]:not(.bs-btn),
.btn.disabled:not(.bs-btn):active, .btn[disabled]:not(.bs-btn):active {
	color: #E6E6E6;
	background-color: #9E9E9E;
	border-color: #858585;
	cursor: not-allowed;
	border-bottom-width: 2px;
	top: 0;
	box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.2);
}

/* toolbar & button groups */
.toolbar {
	background: #e6e6e6;
	font-size:14px;
	border: 1px solid #cccccc;
	padding: 10px 15px 0;
	margin: 0 0 10px;
	border-bottom-width: 2px;
	box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5);
}
.toolbar label {
	display:inline-block;
	padding: 0 0 0 5px;
	vertical-align: top;
	line-height: 34px;
	font-size: 13px;
}
.toolbar select, .toolbar input, .toolbar button {
	margin-bottom: 10px;
	margin-left: 4px;
}
.toolbar .ms-options-wrap {
	 margin-right: 4px;
}

/*
.btn-group {
	position: relative;
	display: inline;
	font-size: 0.9px;
}

.btn-group .btn:first-child {
	border-radius: 3px 0 0 3px;
}

.btn-group .btn + .btn {
	border-radius: 0px;
	margin-left: -5px;
}

.btn-group .btn:last-child {
	border-radius: 0 3px 3px 0;
}
*/

.btns, .back-btn, .back-btn.btn:not(.bs-btn) {
	position: absolute;
	display: inline-block;
	top: 50%;
	margin-top: -17px;
	margin-bottom: 0;
}

.btns {
	right: 15px;
}

.panel-list .btn:not(.bs-btn),
.btns .btn:not(.bs-btn) {
	font-size: 20px;
	padding: 5px 9px;
	margin-bottom: 0;
}
.panel-list .font-normal,
.btns .font-normal {
	font-size: 14px;
	padding: 8px 12px;
}


/* ==========================================================================
  TouchSpin buttons
========================================================================== */

.input-group.bootstrap-touchspin .input-group-btn .btn {
	width: 34px;
	border-bottom-width: 1px;
	color: #333;
}
.input-group.bootstrap-touchspin .spinner.not-valid {
	background-color: #ffdddd!important;
	color: red!important;
	font-weight: bold!important;
}
div.bootstrap-touchspin input[type=text].not-valid {
	background-color: #ffdddd!important;
	color: red!important;
	font-weight: bold!important;
}


/* ==========================================================================
  GUI Icons/Anchors
========================================================================== */

.icon-blue {
	color: #1E77AE;
}

.icon-blue:hover {
	color: #2595DA;
}

.icon-blue:active {
	color: #1A6899;
}

.icon-green {
	color: #27ae60;
}

.icon-green:hover {
	color: #2BBF69;
}

.icon-green:active {
	color: #1E8549;
}

.icon-orange {
	color: darkorange;
}

.icon-orange:hover {
	color: #ff9c24;
}

.icon-orange:active {
	color: #db7900;
}

.icon-red {
	color: #E53C2A;
}

.icon-red:hover {
	color: #E95949;
}

.icon-red:active {
	color: #D52D1A;
}

/* ==========================================================================
  Search box
========================================================================== */

.search-box{
	position:relative;
	display: inline-block;
	margin: 0 0 10px;
	white-space: nowrap;
	vertical-align: middle;
	letter-spacing: -0.31em;
	max-width: 100%;
}

.search-box * {letter-spacing: normal;}
.search-box label,
.search-box input{
	margin-bottom:0;
}

.search-box input[type="text"]{
	padding: 9px 45px 7px 10px;
	border-radius: 3px 0 0 3px;
}

.toolbar .search-box input[type="text"] { width:190px; }
.search-box .btn {
	margin: 0 0 0 -40px;
	border-radius: 0 3px 3px 0;
	font-size: 18px;
	padding: 2px 10px;
	line-height: 1.3;
}

.search-box a.reset_btn {
	position: absolute;
	display: none;
	height: 100%;
	line-height: 37px;
	top: 0;
	right: 46px;
	color: #b0b0b0;
	cursor: pointer;
}

/* Form Elements dimensions*/

input.wide, select.wide, textarea.wide {
	width: 100%;
}
input.large, select.large, textarea.large {
	width: 250px;
	max-width: 100%;
}
input.x-small, select.x-small, textarea.x-small {
	width: 36px;
}
/* jquery max-lenght plugin*/

textarea.ml-notification {
	border-color: #E53C2A;
}
.ml-status {
	text-align: right;
	font-size: 14px;
	font-weight: bold;
	padding: 1px 10px;
	background: #D9D9D9;
	position: relative;
	border-radius:2px;
	margin-bottom: 14px;
}
.ml-status:before {
	content: '';
	position: absolute;
	top: -8px;
	right: 20px;
	border-bottom: 8px solid #D9D9D9;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;

}
.ml-notification + .ml-status {
	color: #E53C2A;
}

/* ==========================================================================
  Login Page Form
========================================================================== */

.login-page {
	width: 100%;
	height: 100%;
	position: relative;
	/*background: url(prova.jpg);
	background-size: cover;*/
}

.login {
	width: 300px;
	height: 350px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left:-150px;
	margin-top:-175px;
}

.login form {
	margin: 0;
}

.login .btn {
	margin: 0px auto;
	text-align: center;
}

.login input {
	width:100%;
}

.login .btn {
	width: 50%;
}

.login-panel {
	overflow: hidden;
	padding: 15px 20px;
	background: #fff;
	border: 1px solid #ddd;
	border-bottom-width: 2px;
	margin: 0 0 20px;
}

.login-paneltitle {
	color: #476380;
	font-size: 1.5em;
	font-weight: 400;
	padding: 20px 20px;
	background: #F8F8F8;
	margin: -15px -20px 20px;
	border-bottom: 2px solid #ddd;
}

/* ==========================================================================
  No Margin
========================================================================== */
.no-margin {
	margin: 0 !important;
}
.no-margin-bottom {
	margin-bottom: 0 !important;
}
/* ==========================================================================
  No Padding Bottom
========================================================================== */
.no-padding-bottom {
	padding-bottom: 0 !important;
}

/* ==========================================================================
  Tokenfield
========================================================================== */
.tokenfield {
	margin-bottom: 14px;
}
.tokenfield .token {
	line-height: 1!important;
	padding: 3px!important;
}
.tokenfield .token .close {
	line-height: 1!important;
}

/* ==========================================================================
  Bootstrap 5 Tabs
========================================================================== */
.nav-tabs .nav-link {
	color: #555;
	background-color: #fff;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
	color: #ecf0f1;
	background-color: #476380;
	border-color: #476380;
}
.tab-content .tab-pane {
	border-top-width: 5px;
	border-top-color: #476380;
}

/* ==========================================================================
  Bootstrap Switch
========================================================================== */
.bootstrap-switch {
	margin: 0 0 10px 0;
}
.bootstrap-switch-mini {
	margin: 0;
}
.bootstrap-switch-nowrap {
	white-space: nowrap;
}

/* ==========================================================================
  Module tab Labels / Inputs
========================================================================== */
.module-tab-out {
	padding-top: .5em !important;
	padding-bottom: 0 !important;
}
.module-tab-out .module-tab-border {
	border-bottom: 1px dashed #ccc;
	margin-bottom: 1em;
}
.module-tab-out .module-tab-border:last-child {
	border-bottom: none;
}
.module-tab-border .title {
	color: #476380;
	font-size: 18px;
	font-weight: 600;
	line-height: 40px;
}
.module-tab-border .myrow {
	display: flex;
	align-items: center;
	min-height: 54px;
	transition: all .2s;
}
.module-tab-border .myrow:not(.title):hover {
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
}
.module-tab label {
	margin: 0;
	padding: 0 10px 0 0;
	/*line-height: 50px;*/
}
.module-tab .bootstrap-switch {
	margin: 10px 0;
}
.module-tab label.switch {
	display: inline-block;
}
.module-tab input,
.module-tab select {
	margin: 10px 0;
}

/* ==========================================================================
  CKEditor
========================================================================== */
.cke {
	margin-bottom: 14px !important;
}

/* jquery-multiselect */
.heading-box .ms-options-wrap > .ms-options {
	left: unset;
	right: 0;
}
.ms-options-wrap > button,
.ms-options-wrap > button:focus {
	background-color: #fafafa;
	border: 1px solid #cccccc;
	border-radius: 3px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	color: #555555;
	display: inline-block;
	font-size: 14px;
	padding: 8px 20px 8px 7px;
	vertical-align: middle;
}
.ms-options-wrap.ms-active > button {
	border-color: #86b7fe;
	box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25);
	outline: 0;
}
.ms-options-wrap > button:after {
	border-top-color: #555555;
}
.ms-options-wrap > .ms-options > .ms-search > input {
	background-color: #ddd;
	border-bottom: 1px solid #000;
	border-radius: 0;
	font-size: 16px;
	font-weight: bold;
	margin-left: 0;
	margin-right: 0;
	padding-bottom: 10px;
	padding-top: 10px;
}
.ms-options {
	width: 500px!important;
}
.ms-options label {
	font-size: inherit;
	line-height: initial;
}
.toolbar .collapsing .ms-options {
	display: none;
}