/* CSS Document */
.modal-header.style-primary {
  background-color: #0aa89e;
  border-color: #0aa89e;
  color: #ffffff;
}
.mysquare {
	width: 40px;
	padding: 40px;
	border-radius: 4px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	border: 2px solid #FFFFFF;
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	-o-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
}
.mysquare-50 {
	width: 50px;
	padding: 50px;
	border-radius: 4px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	border: 2px solid #FFFFFF;
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	-o-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
}
.mysquare-azienda {
	width: 320px;
	height: 120px;
	border-radius: 4px;
	background-origin: padding-box;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-size: auto;
	background-position-x: left;
	background-position-y: center;
	border: 2px solid #FFFFFF;
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	-o-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
}
.mythumb {
	width: 40px;
	padding: 40px;
	border-radius: 40px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border: 2px solid #FFFFFF;
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	-o-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
}
.mythumb-12 {
	width: 12px;
	padding: 12px;
	border-radius: 12px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border: 2px solid #FFFFFF;
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	-o-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
}
.mythumb-20 {
	width: 20px;
	padding: 20px;
	border-radius: 20px;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border: 2px solid #FFFFFF;
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	-o-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
}
.mythumb-50 {
	width: 50px;
	padding: 50px;
	background-color: #FFFFFF;
	border-radius: 50px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	border: 2px solid #FFFFFF;
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
	-o-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
}
#anteprima {
	cursor: pointer!important;
	margin-bottom: 30px;
}
#anteprima:hover {
	filter: brightness(96%);
	-webkit-filter: brightness(96%);
	-moz-filter: brightness(96%);
	-o-filter: brightness(96%);
	-ms-filter: brightness(96%);
}
#formlogin {
	margin-top: 40px;
}
.mr-4 {
	margin-right: 4px;
}
.version {
	color: #969c9c;
	padding-top: 30px
}
.paginatore {
	float: left;
	padding: 10px 10px;
	font-size: 12px;
}
.smalltext {
	font-size: 10px!important;
}
.mediumtext {
	font-size: 13px!important;
}
.point {
	cursor: pointer!important;
}
.dz-message {
	padding: 2em 2em 4em 2em!important;
	border: 2px dashed #000000!important;
}
.line-dx {	
	border-right: 1px dashed rgba(12, 12, 12, 0.2);
}
.pd-dx-15 {
	padding-right: 15px;
}
.pd-sx-15 {
	padding-left: 15px;
}
/* width */
.myscroolbar::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.myscroolbar::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.myscroolbar::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
.myscroolbar::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

/* questo per lo scrool all'autocompleter */
ul.ui-widget-content {
	padding: 2px!important;
	min-height: 26px!important;
	max-height: 300px!important;
	overflow: hidden!important;
	overflow-y: auto!important;
}

.loadapi {
	position: absolute;
	top: 22px;
	right: 0px
}

.mytabnav {
	margin-right: 6px;
}
/* */
.mypadded {
	margin-top: 5px;
	padding: 5px 10px 5px 10px;
}

.mybadge {
	-webkit-border-top-right-radius: 100px!important;
	-webkit-border-bottom-right-radius: 100px!important;
	-moz-border-radius-topright: 100px!important;
	-moz-border-radius-bottomright: 100px!important;
	border-top-right-radius: 100px!important;
	border-bottom-right-radius: 100px!important;
	padding-right: 14px!important;
	font-size: 10px!important;
	line-height: 15px!important;
}

.ms-container .ms-list {
	height: 320px!important;
}