body {
	font-family:'dinregular', Verdana, Arial;
	font-size:12px;
}

img, a img {
	max-width:100%;
}

.cleaner {
	clear:both;
}

header {
	padding:10px;
	box-sizing:border-box;
}
.boldElm {
	font-family:'dinblack', 'dinregular', Verdana, Arial;
}
.ballon{margin: 0px; padding: 0px;}

.containerRelative{position: relative;}

.Valigner {
	display:flex;
	height:100%;
	/*align-items:center;*/
	align-items:top;
}
.Valigner > div {
	width:100%;
	padding-top:10px;
}
.header-work .Valigner > div {
	padding-top:0;
}

header > div {
	height:100%;
}

header .logo,
header .user-box {
	box-sizing:border-box;
	padding:10px;
}
header .logo {
	width:45%;
	max-height:100%;
	float:left;
	
}
header .user-box {
	box-sizing:border-box;
	float:right;
	width:45%;
	word-spacing:7px;
	text-align: right;
	/* padding-top: 80px; */
}

header .user-box a {
	color:#1F3A72;
	text-decoration:none;
	font-size:13px;
	word-spacing: 2px;
}
header .user-box a img {
	margin-top:-6px;
}

.contents {
	padding:20px;
	box-sizing:border-box;
	width:100%;
	color:#1F3972;
}
.contents.with-bg {
	background-image:url(../img/body-bg-step1.png);
	background-repeat:no-repeat;
	background-position:top center;
}

.contents .title-project {
	padding-bottom:10px;
}

.contents .title-project h1 {
	width:100%;
	font-size:40px;
	font-weight:bold;
	text-align: center;
	color:#1F3972;
}
.contents .title-project h2 {
	width:100%;
	font-size:26px;
	font-weight:normal;
	text-align: center;
	color:#1F3972;
}

.steps .selection .colonna {
	/* padding: 0 2% 0 2%; */
	box-sizing:border-box;
	width:96%;
	margin:10px; /*auto;*/
}

.steps .selection .header,
.header-work .header {
	position: relative;
	width:100%;
	-webkit-box-shadow: 0px 0px 5px 5px #dedede; 
	-moz-box-shadow: 0px 0px 5px 5px #dedede; 
	box-shadow: 0px 0px 5px 5px #dedede;	
	box-sizing:border-box;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	padding: 8px 12px 10px 10px;
	position:relative;
	background-color:#fff;
	z-index:5;
	margin-bottom:40px;
}
.steps .selection .header{
	height:240px;
}

.header-work {
	margin-bottom:45px;
}

.header-work .header img {
	max-height:60px;
	margin-right:10px;
}

.steps .selection .header .balloon,
.header-work .balloon {
	position: relative;
	z-index:7;
}	
.steps .selection .header::before,
.header-work::before {
	position:absolute;
	z-index:6;
	content: "";
	width:30px;
	height:30px;
	margin:0;
	bottom: -20px;
	left: 50%;
	-webkit-box-shadow: 5px 10px 10px -5px #dedede; 
	-moz-box-shadow: 5px 10px 10px -5px #dedede; 
	box-shadow: 5px 10px 10px -5px #dedede;
	transform: rotate(45deg) translateX(-50%);
	display:flex;
	/* clear:both; */
	background-color:#fff;
}

@media(min-width:1260px) {
	.steps .selection::before {
		top:355px;
	}
}

.steps .selection .header img,
.header-work .header img {
	float:left;
	padding: 0px 15px 10px 20px;
}
.steps .selection .header h3,
.header-work .header h3 {
	/* font-size:14px; */
	/* font-weight:bold; */
	font-family:'dinblack', 'dinregular', Verdana, Arial;
	color:#1F3972;
}

.gruppo-steps-default {
	width:100%;
	position:relative;
	z-index:12;
	overflow:hidden;
}

.gruppo-steps-default .item {
	/* width:50%; */
	width:100%;
	box-sizing:border-box;
	/* padding:10px; */
	padding:0px;
	/* float:left; */
}
.gruppo-steps-default .item img {
	width:100%;
}

.selection .custom-step a img {
	width:100%;
	height:auto;
}

.breadcrumb-mediaus {
	background-color:#305067;
	color:#fff;
	width:100%;
}
.breadcrumb-mediaus > div {
	margin-left:100px;
	padding-top:33px;
	padding-bottom:20px;
}
.breadcrumb-mediaus > div:after {
	content:'';
	clear:both;
}
.breadcrumb-mediaus ul,
.breadcrumb-mediaus ul li {
	margin:0;
	list-style:none;
}
.breadcrumb-mediaus ul li {
	display:inline-block;
	margin-right:20px;
	font-size:12px;
} 
.breadcrumb-mediaus ul li a {
	color:#fff;
	text-decoration:none;
}
.breadcrumb-mediaus ul li.actual {
	font-weight:bold;
}

.grey-contents {
	width:100%;
	background-color:#EEEEEE;
	box-sizing:border-box;
	/* padding-top:42px; */
	/* padding-bottom:20px; */
	
}

.selection .after-header {
	padding-top:0px;
    height: 96px;
}

.steps .selection .after-header .sequence {
	box-sizing:border-box;
	position:absolute;
	bottom: 5px;
	display:grid;
	grid-template-columns: repeat(4, 1fr);
	width:100%;
	padding:0px 15px 0 15px;
	align-items:top;
	z-index:1;
}

.steps .selection .after-header .sequence .project-selector{
	margin-bottom: 8px;
}

.professionalsteps .selection .after-header .sequence {
	/*grid-template-columns: repeat(3, 1fr);*/
}

.steps .selection .after-header .sequence .selector-button {
	font-size: 1.2em;
	font-weight: bold;
}
.steps .selection .after-header .sequence .selector-button img {
	float:none;
	width:30px;
	padding: 0px;
	display: block;
	margin: auto;
}
.steps .selection .after-header .sequence .selector-button span {
	float:none;
	display: block;
	text-align: center;
	padding: 0px 4px 0px 4px;
	box-sizing: border-box;
}
.steps .selection .after-header .sequence .selector-button:hover{
 	text-decoration: none;
}
.steps .selection .after-header .sequence .selector-button span:hover{
	text-decoration: underline;
}

.header.parti-da-zero .ballon {
	position:relative;
	z-index:1;
}

.steps .selection .header.parti-da-zero img.footer-img {
	width:100%;
	z-index:21;
	position:absolute;
	bottom:10px;
	left:0;
	padding:0;
	float:none;
}

.steps .selection .after-header .sequence {
	z-index: 21;
}

@media(min-width:1240px) {
	
	.steps .selection .header {
		height:280px;
	}
	
	.selection .after-header {
		height: 170px;
	}
	
	.steps .selection .header h3,
	.header-work .header h3 {
		font-size:18px;
		height:38px;
	}
	
	.steps .selection .after-header .sequence:after {
		content:'';
		clear:both;
	}

}

.selection .owl-carousel {
	position:relative;
	z-index:2;
}

.selection .owl-carousel,
.selection .owl-carousel div.owl-stage-outer,
.selection .owl-carousel div.owl-stage-outer div,
.selection .owl-carousel div.owl-stage-outer div.owl-item > div {
	width:100%;
	height:100%;
}

.selection .owl-carousel .owl-nav {
	position:relative;
	z-index:5;
	/* top:-55%; */
	width:100%;
}

.selection .owl-carousel .owl-nav::after {
	clear:both;
	display:block;
}

.selection .owl-carousel .owl-nav button.owl-next, 
.selection .owl-carousel .owl-nav button.owl-prev {
	color: rgba(102, 102, 102, 0.7);
	font-size: 100px;
	
}
.selection .owl-carousel .owl-nav button.owl-next:focus, 
.selection .owl-carousel .owl-nav button.owl-prev:focus,
.selection .owl-carousel .owl-nav button.owl-next.focus, 
.selection .owl-carousel .owl-nav button.owl-prev.focus {
	box-shadow:none !important;
	border:0 !important;
	outline:0 !important;
}
.selection .owl-carousel .owl-nav button.owl-prev {
	float:left;
	margin-left:10px;
}
.selection .owl-carousel .owl-nav button.owl-next {
	float:right;
	margin-right:10px;
}



@media (min-width:1260px) {
	.contents .title-project {
		padding:0 0 40px 0;
	}
	
	.steps .selection .header {
		height:200px;
	}
	
	.selection .after-header {
		height: 98px;
	}
	
	.steps .selection .header h3,
	.header-work .header h3 {
		font-size:28px;
		height:38px;
	}
	.steps .selection .header p,
	.header-work .header p {
		font-size:18px;
		font-weight:normal;
	}
	
	header .logo,
	header .user-box {
		box-sizing:border-box;
		padding:10px;
		float:none;
	}
	header .logo {
		text-align:center;
		width:100%;
		float:left;
		width:auto;
		margin-left:40px;
	}
	
	header .user-box {
		position:absolute;
		right:80px;
		top:0;
		width:auto;
	}
	
	.grey-contents {
		background-color:none;
		background-image:url(../img/bg-colonne.png);
		background-repeat:repeat-y;
		background-position:center center;
	}
}

@media (min-width:1450px) {
	.steps .selection .after-header .sequence .selector-button img {
		display:inline; 
	}
	.steps .selection .after-header .sequence .selector-button span {
		display:inline; 
	}
}

@media (min-width:1800px) {
	
	.contents .title-project h1 {
		font-size:50px;
	}
	
	.steps .selection .header h3,
	.header-work .header h3 {
		font-size:28px;
		height:38px;
	}
	.steps .selection .header p,
	.header-work .header p {
		font-size:22px;
		font-weight:normal;
	}
	
	body.due-colonne header .logo { 
		margin-left:260px;
	}
	
		
	.breadcrumb-mediaus > div {
		margin-left:247px;
	}
	
}

/********************************************
FOOTER - start
********************************************/
footer {
	width:100%;
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	clear:both;
}

footer div.blue-row {
	background-color:#305067;
	padding:40px 0 40px 0;
		
}
footer div.blue-row > div {
	width:90%;
	max-width:1214px;
	margin:0 auto;
	color:#ffffff;
	/* font-size:11px; */
}

ul.footer-menu,
ul.footer-menu li {
	margin:0;
	padding:0;
	list-style:none;
}
ul.footer-menu li {
	padding-bottom:5px;
}
ul.footer-menu li a {
	color:#FFF;
	text-decoration:underline;
	font-weight:normal;
}
footer div.white-row {
	background-color:#fff;
	width:100%;
	text-align:center;
	font-weight:bold;
	color:#333333;
	padding:21px 0 8px 0;
	/* font-size:11px; */
}
/********************************************
FOOTER - end
********************************************/

.modal .account-switch {
	display:none;
}


/********************************************
REGISTRAZIONE - start
********************************************/
.register-box {
	width:96%;
	max-width:945px;
	margin:0 auto;
	background-color:#fff;
	padding:38px 50px;
	margin-top:40px;
	margin-bottom:50px;
	box-sizing:border-box;
	color:#333333;
	font-size:14px;
}
.register-box h2 {
	font-size:25px;
	font-weight:normal;
	margin-bottom:45px;
}

a.pulsante-invio, 
button.pulsante-invio {
	padding:10px 20px 10px 20px;
	background-color:#233344;
	color:#fff;
	font-family:'dinblack', 'dinregular', Verdana, Arial;
	/* font-size:20px; */
	font-size:16px;
	font-weight:500;
	text-decoration:none;
	border:2px solid #233344;
}
a.pulsante-invio:hover,
button.pulsante-invio:hover {
	background-color:#fff;
	color:#233344;
}

a.pulsante-invio.invertito {
	background-color:#fff;
	color:#233344;
}
a.pulsante-invio.invertito:hover {
	background-color:#233344;
	color:#fff;
}

@media (min-width:1600px) {
	a.pulsante-invio {
		font-size:20px;
	}
}

.register-box .paesi-selector-reg {
	padding-top:30px;
	padding-bottom:30px;
}
.register-box .paesi-selector-reg h5 {
	font-size:inherit;
	font-weight: bold;
    padding-bottom: 6px;
}

/********************************************
REGISTRAZIONE - end
********************************************/

/********************************************
DOPPIA COLONNA - start
********************************************/

.set-colonne {
	width:100%;
	background-color:#EEEEEE;
}

.set-colonne::after {
	content:'';
	clear:both;
}

.set-colonne .colonna {
	float:left;
	min-height:100px;
	box-sizing:border-box;
	/* width:50%; */
}

.set-colonne .colonna-sx {
	padding:48px;
	padding-top:105px;
}

.set-colonne .colonna-sx img.custom-project {
	margin-top:70px;
}

.set-colonne .colonna-dx {
	background-color:#fff;
}


/********************************************
DOPPIA COLONNA - end
********************************************/

/********************************************
AREA LAVORO - start
********************************************/
.area-lavoro {
	/*
	background-image:url(../img/bg-area-lavoro.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	
	color:#fff;
	*/
}

.area-lavoro .work {
	position: relative;
	width:84%;
	max-width:745px;
	margin:0 auto;
	box-sizing:border-box;
	padding:20px 0 46px 0;
}
.area-lavoro .work h3 {
	font-weight:normal;
	margin:0;
	/* font-size:22px; */
	line-height:22px;
	margin-bottom:40px;
}

.steps .selection .header h3,
.header-work .header h3,
.area-lavoro .work h3 {
	font-size:14px;
}

@media (min-width:1260px) {
	.steps .selection .header h3,
	.header-work .header h3,
	.area-lavoro .work h3 {
		font-size:22px;
	}
}
@media (min-width:1600px) {
	.steps .selection .header h3 {
		font-size:28px;
	}
}

.area-lavoro .work,
.area-lavoro .work .form-group label {
	font-size:12px;
}

.area-lavoro .work .work-step {
	border: 1px solid #C1CAD2;
	width:100%;
	padding:25px 50px 10px 50px;
}

.area-lavoro .selectric,
.area-lavoro .form-group input.form-control {
	height:50px;
	background-color:#fff;
	border:1px solid #ccc;
	border-radius:0;
}
.area-lavoro .selectric b.button {
	background-color:#233344;
	color:#AAAAAA;
	width: 50px;
    height: 50px;
    line-height: 50px;
}
.area-lavoro .selectric .label {
	line-height: 50px;
}
.area-lavoro .selectric .button:after {
	border-width:10px;
}
.area-lavoro .area-bianca {
	width:100%;
	padding:15px 40px 15px 40px;
	box-sizing:border-box;
	background-color:#fff;
	color:#333333;
}
.area-lavoro .area-bianca > div {
	width:100%;
}
/* .area-lavoro .area-bianca h4 { */
.area-lavoro h4 {
	color:#305067;
	font-size:16px;
	text-align:center;
	margin-bottom:20px;
	font-weight:500;
}
/* .area-lavoro .area-bianca a.circle-button { */
.area-lavoro a.circle-button {
	display:inline-block;
	width:36px;
	height:36px;
	border:2px solid #305067;
	color:#305067;
	border-radius:50%;
	line-height:25px;
	font-size:30px;
	font-weight:bold;
	text-decoration:none;
}
/* .area-lavoro .area-bianca a.circle-button:hover { */
.area-lavoro a.circle-button:hover {
	text-decoration:none;
	background-color:#305067;
	color:#fff;
}

.area-lavoro a.circle-button.delete,
.area-lavoro a.circle-button.sort-handle {
	text-align: center;
}
.area-lavoro a.circle-button.sort-handle {
	line-height:32px;
}

/* .area-lavoro .area-bianca a.circle-button.delete { */
.area-lavoro a.circle-button.delete {
	font-size:20px;
	color:#EA0000;
	border-color:#EA0000;
	float:right;
	
	line-height:33px;
}
/* .area-lavoro .area-bianca a.circle-button.delete:hover { */
.area-lavoro a.circle-button.delete:hover {
	color:#fff;
	background-color:#EA0000;
}

/* .area-lavoro .area-bianca .didascalia { */
.area-lavoro .didascalia {
	font-size:10px;
}

.area-lavoro #boxProducts .product-item {
	padding-bottom:12px;
	margin-bottom:12px;
	border-bottom:1px solid #ccc;
}

@media (min-width:1260px) {
	.area-lavoro .work h3 {
		font-size:25px;
		line-height:25px;
	}
}
@media (min-width:1600px) {
	.area-lavoro .work,
	.area-lavoro .work .form-group label {
		font-size:14px;
	}
}	
@media (min-width:1800px) {
	.area-lavoro .work h3 {
		font-size:32px;
		line-height:32px;
	}
	/* .area-lavoro .area-bianca h4 { */
	.area-lavoro h4 {
		font-size:20px;
	}
}
/********************************************
AREA LAVORO - end
********************************************/


/********************************************
GESTIONE ERRORI - start
********************************************/
.errore-lbl{ color: #FF0000; }
.error { border: 2px solid #FF0000; }
/********************************************
GESTIONE ERRORI - end
********************************************/


/********************************************
FILE BUTTONS - start
********************************************/
/*
.image-item {
	color:;
}
*/
.image-item {
	margin-bottom:15px;
}
.image-item::after {
	display:block;
	content:'';
	clear:both;
}
.image-item .anteprima-immagine {
	float:left;
	width:110px;
}

.image-item .anteprima-immagine img {
	width:100px;
	height:80px;
	object-fit: cover;
}

.image-item .input-box {
	float:left;
	width:auto;
	padding-top:22px;
}
.image-item .didascalia-input {
	float:left;
	width:auto;
	max-width:220px;
	font-size:13px;
	/* padding-top:14px; */
	padding-top:19px;
}
.image-item .upload-button {
	float:right;
	
}

.inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.inputfile + label {
    font-size: 1.25em;
    font-weight: 700;
    color:#305067;
	
    background-color:#fff;
    display: inline-block;
	cursor: pointer;
}

.inputfile:focus + label,
.inputfile + label:hover {
    background-color:#fff;
	color:#fff;
}

.inputfile + label svg {
	fill:#305067 !important;
}
.input-box input[type='file'] {
	display:none;
}

#boxImages .area-images-upload {
	width:calc(95% - 215px);
	float:left;
}

#boxImages .area-button-upload {
	float:right;
	width:215px;
	padding-top:24px;
}
/*#233344*/

#boxImages .area-button-upload a {
	border:2px solid #233344;
	color:#305066;
	font-size:14px;
	display:block;
	width:100%;
	text-align:center;
	padding:6px 0 6px 0;
	text-decoration:none;
}
#boxImages .area-button-upload a:hover {
	background-color:#233344;
	color:#fff;
}

/********************************************
FILE BUTTONS - end
********************************************/
/********************************************
LOADING - START
********************************************/
.lds-ring {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 51px;
  height: 51px;
  margin: 6px;
  border: 6px solid #696969;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #696969 transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/********************************************
LOADING - END
********************************************/


.boxFullPage { padding: 10px; }

.img-thumbnail {
	border-color:#fff;
}
.img-thumbnail.active {
	border-color:#1F3972;
}
.margin-controller {
	margin-top:-200px;
}

.shadow-box {
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
}

/*********************************************************
BALLOON - START
********************************************/

.balloon > .Valigner .didascalia {
	font-size:12px; 
	font-style:italic;
}
@media(min-width:1600px) {
	.balloon > .Valigner .didascalia {
		/* margin-top:-20px; */
		display:block;
	}
}

@media(max-width:2000px) {
	.steps .selection .header .balloon h3, 
	.header-work .header .balloon h3, 
	.steps .selection .header .balloon p, 
	.header-work .header .balloon p {
		height:auto;
		margin:0;
	}
	.balloon > .Valigner {
		height:80px;
	}
	
	.header-work .balloon > .Valigner {
		height:40px;
		max-height:60px;
	}
	
}

/*********************************************************
BALLOON - END
********************************************/

.user-section .header {
	padding:40px 0 40px 0;
}
.user-section table.project-list th {
	font-size:16px;
}
.user-section table.project-list th[data-content='project-name'] {
	width:30%;
}
.user-section table.project-list th[data-content='action'] {
	width:3%;
}
.user-section table.project-list tr {
	font-size:14px;
}
.user-section table.project-list td[data-content='downloaded'] {
	box-sizing:border-box;
	padding-left:50px;
}
.user-section table.project-list tr:first-child {
	background-color:#dedede;
}

.user-section table.project-list {
	border-bottom: 1px solid #dee2e6;
}

/*********************************
2020
**********************************/
.colorLogoPrev{ display: inline-block; width: 26px; height: 26px; border: 1px solid #d7d6d9; border-radius: 5px}
.editFrmSection{ border-bottom: 1px solid #ccc; padding-bottom: 12px; margin-bottom: 12px; }
/*********************************
PALETTA COLORI - START
**********************************/
.color-logo-palette, 
.color-palette, 
.size-palette {
	position:absolute;
	border:1px solid #D0D0D0;
	/* max-width:84px; */
	width:auto;
	z-index:10;
	visibility:hidden;
	box-sizing:border-box;
	padding:2px 1px 2px 2px;
	background-color:#fff;
}
.color-logo-palette:after,
.color-palette:after,
.size-palette:after {
	content:'';
	clear:both;
}

.size-palette .fontSizeSelector {
	cursor:pointer;
	height:20px;
	display:flex;
	justify-content:center;
	align-items:center;
}
.color-logo-palette .color-selector,
.color-palette .color-selector {
	/*
	width:20px;
	height:20px;
	*/
	float:left;
	box-sizing:border-box;
	padding:1px;
	border:1px solid #fff;
	margin:0 1px 1px 0;
}
.color-logo-palette .color-selector.active,
.color-palette .color-selector.active {
	border-color:#F14E23;
}
.color-logo-palette .color-selector > div,
.color-palette .color-selector > div {
	width:16px;
	height:16px;
}

.form-control.font-controller {
	/* width:80%; */
}
.text-logo-controllers,
.text-controllers {
	float:right;
}
.text-logo-controllers :after,
.text-controllers:after {
	content:'';
	clear:both;
}
.text-logo-controllers img,
.text-logo-controllers a,
.text-controllers img,
.text-controllers a {
	display:inline-block;
	vertical-align:inherit;
}
/* .text-controllers a:nth-child(2) img { */
.text-logo-controllers a:nth-child(2),
.text-controllers a:nth-child(2) {
	margin-left:5px;
	/* margin-top:10px; */
}
.text-logo-controllers > a, 
.text-controllers > a {
	height:28px;
	background-repeat:no-repeat;
}

.text-logo-controllers a.istanziatore-size {
	/*width:162px; */
	width:40px;
	background-image:url(../img/font-size-sprite.png);	
}

.text-controllers a.istanziatore-size {
	/*width:162px; */
	width:40px;
	background-image:url(../img/font-size-sprite.png);	
	background-position:right 0;
}
.text-logo-controllers a.istanziatore-size[data-font_size='10'],
.text-controllers a.istanziatore-size[data-font_size='10'] {
	background-position:right 0;
}
.text-logo-controllers a.istanziatore-size[data-font_size='12'],
.text-controllers a.istanziatore-size[data-font_size='12'] {
	background-position:right -27px;
}
.text-logo-controllers a.istanziatore-size[data-font_size='14'],
.text-controllers a.istanziatore-size[data-font_size='14'] {
	background-position:right -54px;
}
.text-logo-controllers a.istanziatore-size[data-font_size='16'],
.text-controllers a.istanziatore-size[data-font_size='16'] {
	background-position:right -81px;
}
.text-logo-controllers a.istanziatore-size[data-font_size='18'],
.text-controllers a.istanziatore-size[data-font_size='18'] {
	background-position:right -108px;
}
.text-logo-controllers a.istanziatore-size[data-font_size='20'],
.text-controllers a.istanziatore-size[data-font_size='20'] {
	background-position:right -135px;
}
.text-logo-controllers a.istanziatore-size[data-font_size='22'],
.text-controllers a.istanziatore-size[data-font_size='22'] {
	background-position:right -162px;
}
.text-logo-controllers a.istanziatore-size[data-font_size='24'], 
.text-controllers a.istanziatore-size[data-font_size='24'] {
	background-position:right -189px;
}

.text-controllers a.istanziatore-color {
	/* width:135px; */
	width:40px;
	background-image:url(../img/font-color-sprite.png);
	background-position:right 0;
}
.text-controllers a.istanziatore-color[data-font_color='000000'] {
	background-position:right 0;
}
.text-controllers a.istanziatore-color[data-font_color='666666'] {
	background-position:right -28px;
}
.text-controllers a.istanziatore-color[data-font_color='CCCCCC'] {
	background-position:right -56px;
}
.text-controllers a.istanziatore-color[data-font_color='0166FF'] {
	background-position:right -84px;
}
.text-controllers a.istanziatore-color[data-font_color='8A8A7B'] {
	background-position:right -112px;
}
.text-controllers a.istanziatore-color[data-font_color='990101'] {
	background-position:right -140px;
}
.text-controllers a.istanziatore-color[data-font_color='FF0101'] {
	background-position:right -168px;
}
.text-controllers a.istanziatore-color[data-font_color='FF6601'] {
	background-position:right -196px;
}
.text-controllers a.istanziatore-color[data-font_color='339901'] {
	background-position:right -224px;
}
.text-controllers a.istanziatore-color[data-font_color='F0C001'] {
	background-position:right -252px;
}
.text-controllers a.istanziatore-color[data-font_color='33CC99'] {
	background-position:right -280px;
}
.text-controllers a.istanziatore-color[data-font_color='660101'] {
	background-position:right -308px;
}
.text-logo-controllers a.istanziatore-color {
	/*width:135px; */
	width: 40px;
	background-image:url(../img/font-color-logo-sprite.png);
	background-position:right 0;
}
.text-logo-controllers a.istanziatore-color[data-font_color='000000'] {
	background-position:right 0;
}
.text-logo-controllers a.istanziatore-color[data-font_color='ffffff'] {
	background-position:right -28px;
}

/*********************************
PALETTA COLORI - END
**********************************/

/*********************************
TABELLA LISTA UTENTI - START
**********************************/
table.users-list {
	
}
table.users-list .admin-actions {
	valign:center;
}
table.users-list .admin-actions a {
	color:#233344;
	font-size:25px;
	display:inline-block;
	margin-right:12px;
}
table.users-list .admin-actions a:hover {
	color:#C85A17;
}

/*********************************
TABELLA LISTA UTENTI - END
**********************************/


.box_editing {
	max-width:980px;
	margin:0 auto;
	padding-top:40px;
	padding-bottom:40px;
}

/*********************************
Switcher lingue - START
**********************************/
.user-box ul.languages-elms,
.user-box ul.languages-elms li,
#modal_filemanager ul.languages-elms,
#modal_filemanager ul.languages-elms li {
	padding:0;
	margin:0;
	list-style:none;
	
}
.user-box ul.languages-elms,
#modal_filemanager ul.languages-elms {
	margin-bottom:12px;
}
header .user-box ul.languages-elms li,
#modal_filemanager ul.languages-elms li {
	display:inline-block;
	
}
header .user-box ul.languages-elms li a,
#modal_filemanager ul.languages-elms li a {
	display:block;
	background-color:#fff;
	width:32px;
	height:32px;
	color:#3086B1;
	font-size:16px;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	text-align: center;
	line-height: 28px;
	border:1px solid #3086B1;
	text-decoration:none;
}
header .user-box ul.languages-elms li.active a,
header .user-box ul.languages-elms li a:hover,
#modal_filemanager ul.languages-elms li.active a,
#modal_filemanager ul.languages-elms li a:hover {
	background-color:#3086B1;
	color:#fff;
}

/*********************************
Switcher lingue - END
**********************************/
.apps-page {
	height:400px;
	display:flex;
	align-items:center;
}
@media (min-width: 1260px) {
	.apps-page {
		padding-left:128px;
	}
}

.apps-page .app_list {
	width:90%;
}

.app_list .app-container {
	position:relative;
	height:150px;
	background-color:#ccc;
	border:1px solid #333;
	display:flex;
	align-items:center;
	justify-content:center;
	z-index:1;
}
.app_list_edit .app-container {
	margin-right:10px;
}
.app_list_edit .app-container input[type='checkbox'] {
	position:absolute;
	z-index:1;
	top:5px;
	left:5px;
}

/*********************************
Landing page - START
**********************************/
/* rettangolo-gradient.png */

.landing-page header {
	padding:0;
}

.landing-page .gradient-container {
	background-image:url(../img/rettangolo-gradient.png);
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:100% auto;
}
.landing-page .user-box {
	position:relative;
	float:right;
	display:flex;
	height:166px;
	justify-content:center;
	align-items: center;
}
.landing-page .slogan {
	height:600px;
	width:100%;
	
	background-image:url(../img/2023/Header-design-Studio-x-mediaus-corretto.png);
	
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}
.landing-page .slogan h1 {
	color:#fff;
}
.landing-page .slogan .row {
	margin:0;
}
.landing-page .slogan .row,
.landing-page .slogan .row > div {
	height:100%;
}
.landing-page .slogan .row > div {
	display:flex;
	justify-content:center;
	align-items: center;
}

.landing-page .slogan .row > div:nth-child(3) a {
	display:block;
	background-color:#fff;
	color:#666;
	text-decoration:none;
	width:160px;
	height:40px;
	line-height:36px;
	text-align:center;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	margin-top:50px;
}
.landing-page .slogan .row > div:nth-child(3) .buttons {
	padding:72px 0 0 140px;
}

.landing-page .grey-box {
	text-align:center;
	display:flex;
	justify-content:center;
	align-items: center;
	padding:20px 0 8px 0;
	color:#305067;
	font-size:15px;
	background-color:#FAFAFA;
	font-weight: 600;
}
@media (min-width:1024px) {
	.landing-page .grey-box {
		min-height:271px;
	}
}

.landing-page .grey-box h3 {
	font-weight:bold;
	margin-bottom:24px;
}
.landing-page .grey-box .btn.btn-primary {
	background-color:#3086B1;
	width:auto;
	border-color: #3086B1;
}

.landing-page .tutorials {
	padding:35px 0 35px 0;
}
.landing-page .tutorials .elms {
	width:90%;
	max-width:1260px;
	margin:0 auto;
}
.landing-page .tutorials .elms img {
	display:block;
	margin-bottom:30px;
}
/*********************************
Landing page - END
**********************************/

.users-list #user_search_box {
	width:200px;
	position:absolute;
	right:50px;
	margin-top:-40px;
	z-index:1;
}
#user_search_box input[name='search_input'] {
	width:100%;
}

#user_search_box i.fa-search {
	display:none;
}

.users-list #user_search_box i.fa-search {
	position:absolute;
	display:block;
	font-size:15px;
	top:12px;
	right:10px;
}
.selectors-label{ 
	display: inline-block;
	vertical-align: inherit;
	height: 28px;
	font-size: 9px; 
	color: #696969;
	padding-top: 6px;
	margin-left: 2px;
}
.palette-container{
	position: relative;
}