/*
	main color: #CA064D --> fucsia
	secondary color: #FF6C8F --> rosa
	terzary color: #803F86 --> viola
*/

.withSelection, .withSelection * {
	-o-user-select: text;
	-moz-user-select: text;
	-webkit-user-select: text;
	user-select: text;
}

a{
	color: #945978;
}

a:hover {
	text-decoration: none;
}

h2 {
	font-size: 1.5em;
}

md-toast {
	position: fixed;
}

#filters-container md-input-container {
	font-size: 12px;
	margin: 5px 0px;
}

#filters-container md-card-title {
	padding: 14px 16px 14px 16px;
}

#filters-container .cardTitle, #filters-container .cardTitle span {
	cursor: pointer;
	font-size: 16px !important;
	margin-bottom: 0px;
	font-weight: bold;
}

#filters-container .filterIcon {
	position: absolute;
	right: 5px;
	top: 6px;
}

#filters-container #filters-obj {
	margin-top: 14px;
}

#filters-container .mdi.mdi-pencil::before {
	font-size: 16px;
}

.openmoveLang{
	width: 30px;
	height: 30px;
	border: 1px solid #000;
	background-color: #fff;
	color: #000;
	text-align: center;
	border-radius: 15px;
	padding: 2px;
	margin: 2px;
	float: left;
	line-height: 25px;
}

.openmoveLang.selected {
	border: 1px solid #fff;
	background-color: #ca064d;
	color: #fff;
}

.chart-container {
	position: relative;
    /* margin: auto; */
    height: 60vh;
    width: 75vw;
    min-width: 98%;
	margin-top: 20px;
}

#chart-wrapper {
	position: relative;
}

#chart-wrapper #fullscreen {
	position: absolute;
	top: 0px;
	right: 0px;
	cursor: pointer;
}

#chart-wrapper #fullscreen .mdi:before {
	font-size: 50px;
}

#chart-wrapper #fullscreen .mdi {
	background-color: #fff;
    box-shadow: 0px 0px 3px 0px #ccc;
}

.chart-container #resetZoom {
	position: absolute;
	top: -15px;
	right: 50px;
	cursor: pointer;
}

.chart-container #resetZoom .mdi:before {
	font-size: 42px;
}

.chart-container #resetZoom .mdi.mdi-magnify:before {
	font-size: 30px;
}

.chart-container #resetZoom .mdi.mdi-cancel {
	background-color: #fff;
    box-shadow: 0px 0px 3px 0px #ccc;
}

.chart-container #resetZoom .mdi.mdi-magnify {
	position: absolute;
	top: 6px;
	left: 6px;
}

.chart-legend li span {
	display: inline-block;
	width: 25px;
	height: 12px;
	margin-right: 5px;
}

.chart-legend {
	max-height: 350px;
	overflow: auto;
	margin: 10px 25px;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 4px 8px;
}

.chart-legend li {
	cursor: pointer;
	margin-top: 2px;
}

.strike {
	text-decoration: line-through !important;
}

.radio-group input[type=radio] {
	position: absolute;
	visibility: hidden;
	display: none;
}

.radio-group label {
	/* color: #9a929e; */
	display: inline-block;
	cursor: pointer;
	/* font-weight: bold; */
	padding: 5px 20px;
}

.radio-group input[type=radio]:checked + label {
	color: #fff;
	background: #ca064d;
}

.radio-group label + input[type=radio] + label {
	border-left: solid 2px #ca064d;
}

.radio-group {
	border: solid 2px #ca064d;
	display: inline-block;
	margin: 10px 0px;
	overflow: hidden;
}

.radio-cont {
	display: inline-block;
	margin-right: 15px;
}

html, body {
	position: relative;
  	/* top: 0 !important;
  	left: 0 !important; */
	overflow: unset !important;
	background-color: #f2f2f2;
}

body {
	font-family: 'Open Sans', sans-serif !important;
	font-size: 14px;
	/* min-width: 1024px; */
	overflow: auto;
	height: 100%;
}

th{
	text-transform: uppercase;
	vertical-align: top;
}

h1,h2,h3,h4,h5,h6,a,p,span,b{
	font-weight: 400;
}

.dettFirstColumn {
	padding-top: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	width: 50%;
	display: inline-block;
	vertical-align: top;
}

.dettSecondColumn {
	padding-top: 10px;
	padding-bottom: 15px;
	padding-right: 10px;
	width: 50%;
	display: inline-block;
	vertical-align: top;
}

.popover {
	width: 500px;
}
.tour-backdrop {
	opacity: 0.4 !important;
	filter: alpha(opacity=40) !important;
}
.tour-step-background {
	visibility: hidden !important;
}

.container{
	/* background-color: #f2f2f2; */
	width: 100%;
	/*border-bottom: 1px solid #333333;*/
	/*margin-left: 200px;
	position: relative;*/
}

.capitalize {
	text-transform: capitalize;
}

.md-dialog-content md-card {
	box-shadow: unset;
	margin: 0px;
}

/* #loading {
	height: 50px;
	background-image: url(/images/loading.gif);
	background-repeat: no-repeat;
	background-size: contain;
} */

#loading {
	padding: 17px 0px;
}
#loading > div {
	position: relative;
	left: -9999px;
	width: 8px;
	height: 8px;
	border-radius: 4px;
	background-color: #ca064d;
	color: #ca064d;
	/* box-shadow: 10019px 0 0 -5px; */
	animation: dot-loading 1.5s infinite linear;
	animation-delay: 0.25s;
}
#loading > div::before, #loading > div::after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 0;
	width: 8px;
	height: 8px;
	border-radius: 4px;
	background-color: #FF6C8F;
	color: #FF6C8F;
}
#loading > div::before {
	/* box-shadow: 9999px 0 0 -5px; */
	animation: dot-loading-before 1.5s infinite linear;
	animation-delay: 0s;
}
#loading > div::after {
	/* box-shadow: 10039px 0 0 -5px; */
	animation: dot-loading-after 1.5s infinite linear;
	animation-delay: 0.5s;
}

@keyframes dot-loading-before {
	0% {
		box-shadow: 9999px 0 0 -5px;
	}
	30% {
		box-shadow: 9999px 0 0 2px;
	}
	60%, 100% {
		box-shadow: 9999px 0 0 -5px;
	}
}
@keyframes dot-loading {
	0% {
		box-shadow: 10019px 0 0 -5px;
	}
	30% {
		box-shadow: 10019px 0 0 2px;
	}
	60%, 100% {
		box-shadow: 10019px 0 0 -5px;
	}
}
@keyframes dot-loading-after {
	0% {
		box-shadow: 10039px 0 0 -5px;
	}
	30% {
		box-shadow: 10039px 0 0 2px;
	}
	60%, 100% {
		box-shadow: 10039px 0 0 -5px;
	}
}

.secondToolbar{
	width: calc(100% - 250px);
	height: 43px;
	background-color: #ff6c8f;
	position: fixed;
	top: 42px;
	/*margin-left: -10px;*/
	z-index: 21;
	min-width: 824px;
}

md-tooltip{
	z-index: 1000000;
}

md-card {
	margin: 18px;
}

md-card,md-card-title, md-card-title-text{
	display: block;
}

.secondToolbar .md-button.md-fab, .table .md-button.md-fab, .tabGeneral .md-button.md-fab{
	width: 38px !important;
	height: 38px !important;
	margin: 2px 3px !important;
	box-shadow: inset 0 -44px 0 #803F86;
}

#pagination-content {
	display: flex;
}

#pagination-content .row-selector,
#pagination-content .page-selector {
	display: inline-block;
	width: 130px;
	vertical-align: top;
	text-align: center;
}

#pagination-content .row-selector span,
#pagination-content .page-selector span {
	vertical-align: middle;
}

#pagination-content .row-selector md-select,
#pagination-content .page-selector md-select,
#pagination-content .row-selector md-input-container,
#pagination-content .page-selector md-input-container {
	display: inline-block;
	padding-left: 10px;
}

#pagination-content .row-selector md-input-container,
#pagination-content .page-selector md-input-container {
	margin: 18px 0;
	padding: 2px 0px 0px 10px !important;
}

#pagination-content .row-selector .md-errors-spacer,
#pagination-content .page-selector .md-errors-spacer {
	display: none;
}

#pagination-content .pagination-wrapper {
	margin-top: 20px;
	text-align: center;
	display: inline-block;
	width: calc(100% - 270px);
	vertical-align: top;
}

#pagination-content .pagination {
	display: inline-block;
}

#pagination-content .pagination a {
	color: #000 !important;
	float: left;
	padding: 5px 11px;
	text-decoration: none;
	transition: background-color .3s;
	border: 1px solid #ddd;
	margin: 0 3px;
	cursor: pointer;
}

#pagination-content .pagination > a:first-child,
#pagination-content .pagination > a:last-child {
	font-weight: bold;
}

#pagination-content .pagination a.no-border {
	border: none;
	cursor: auto;
}

#pagination-content .pagination a.no-border:hover:not(.active) {
	background-color: inherit;
	color: inherit;
}

#pagination-content .pagination a.active {
	background-color: #803F86;
	color: #fff !important;
	border: 1px solid #803F86;
}

#pagination-content .pagination a:hover:not(.active) {
	background-color: #ff6c8f;
	color: #fff;
}

/* Cards  */
.cardTitle{
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 1.5em !important;
}
.cardLabel{
	color: gray;
}
.cardValue{
	font-size: 30px;
}
.cardBoxs{

}
.cardBox{padding-right: 10px;}
.cardBox100{width: 100%;}
.cardBox25{width: 25%;}
.cardBox33{width: 33%;}
.cardBoxBorderLeft{
	border-left: 1px solid #d2d2d2;
	padding-left:10px;
}


/* Posizione icona bottone tondo */
.a.md-button.md-default-theme.md-fab, a.md-button.md-fab, .md-button.md-default-theme.md-fab, .md-button.md-fab {
	padding-top: 5px !important;
}

/* Grandezza icone */
.mdi:before{
	font-size: 24px;
}

/* Text center */
.textCenter {
	text-align: center;
}

.textleft {
	text-align: left;
}

.textRight {
	text-align: right;
}
.maincontainer {
	margin-left: 250px;
	position: relative;
}
body.closed .maincontainer {
	margin-left: 60px;
	position: relative;
}
body.closed .maincontainer .pillsNavigationpagegeneral, body.closed .maincontainer .secondToolbar {
	width: calc(100% - 60px);
}

.newcontainer{
	/*margin-left: 200px;*/
	/* overflow-y: auto; */
	/* height: calc(100vh - 85px); */
	padding-top: 85px;
	padding-bottom: 0.1px;
}

.newcontainer.status {
	/*margin-top: 115px;*/
	/*height: calc(100vh - 220px);*/
}

.newcontainer_full{
	/*margin-left: 200px;*/
	/* overflow-y: auto; */
	/* height: calc(100vh - 85px); */
	/*margin-top: 42px;*/
}

.clear-both {
	clear: both;
}

/* Let's get this party started */
::-webkit-scrollbar {
	display: inherit;
	width: 11px;
}
/* Track */
::-webkit-scrollbar-track {
	/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

/* Handle */
::-webkit-scrollbar-thumb {
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background: rgba(136,136,136,0.6);
	/*-webkit-box-shadow: inset -1px 1px 0px rgb(255, 255, 255);*/
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(51,51,51,0.2);
}

/*******************

pillsNavigation general

*******************/

.pillsNavigationpagegeneral{
	width: calc(100% - 250px);
	min-width: 824px;
	/*margin-left: 200px;*/
}

.pillsNavigation a{
	cursor: pointer;
	font-size: inherit !important;
	padding: 5px 19px 7px !important;
}

.pillsNavigation {
	position: fixed;
	height: 43px;
	top: 0px;
	background: #ca064d;
}

.pillsNavigation li {
	height: 43px;
}

.tabGeneral{
	/* padding-bottom: 10px; */
}

.not-active {
	pointer-events: none;
	cursor: default;
}

.pagetitle{
	text-align: center;
	margin-top: 10px;
}

.subtitle{
	/*font-style: italic;*/
	color: gray;
	text-align: center;
}

.subtitleLeft{
	text-align: left !important;
}

.pillsNavigationbottom{
	bottom: 0;
	position: absolute !important;
}
/*******************

Save Button in Tab

*******************/

.tabSave{
	position: absolute;
	bottom: 10px;
	right: 10px;
}

/**********************

GENERIC FORM

***********************/

.swiper-container-horizontal > .swiper-pagination{
	position: absolute;
}

.swiper-container.login {

	position: relative;
	border-radius: 2px;
	box-shadow: 0px 0px 0px 3px rgba(0,0,0,0.3);
	overflow: auto;
	background: #fff;
}

.swiper-container.signup {

	position: relative;
	border-radius: 2px;
	box-shadow: 0px 0px 0px 3px rgba(0,0,0,0.3);
	overflow: auto;
	background: #fff;
}

.labelinput{
	vertical-align: middle;
	text-transform: uppercase;
	/* font-weight: bold;
	font-size: 12px;
    color: #ca064d; */
}

.hint {
	font-size: 12px;
	color: #999;
}

.swiper-container a {
	text-decoration: none;
	color: #4978b3;
	cursor: pointer;
	font-weight: bold;
}

.swiper-container a:hover {
	text-decoration: underline;
}

.swiper-wrapper{
	width: 100%;
	height: 100%;
	text-align: left;
}

.swiper-slide {
	text-align: left;
	font-size: 16px;
}

.swiper_title{
	width: 100%;
	text-align: center;
	margin: 10px;
}

.swiper_input{
	/* line-height: 22px !important;
	height: 22px !important; */
}

.swiper_input .file_input{
	width: 70% !important;
	float:left !important;
}

.swiper_input .file_button{
	float: right;
	width: 25%;
}

.swiper_input .file_progress{
	margin: 10px;
	float: right;
}

.swiper-pagination-bullet-active {
	background: #ca064d;
}

.md-fab{
	line-height: 32px !important;
}

.redtext{
	color: #EA5959;
}

.bluetext{
	color: #ca064d;
}

.yellowtext{
	color: #ffd700;
}


div.md-input-message-animation{
	margin-top: 0px !important;
	padding: 0px !important;
	text-align: right;
}

.navButton{
	margin: 3px !important;
}

.disableColor{
	color: #545454 !important;
}

.badge{
	background-color: red;
	color: #fff;
	padding: 10px;
	width: 30px;
	height: 30px;
	line-height: 10px;
	position: absolute;
	right: 10px;
	top:5px;
	border-radius: 50%;
	text-align: center;
}

.pageBack{
	color: #fff;
	font-size: 20px;
	line-height: 40px;
	margin-left: 5px;
	cursor: pointer;
}

.alignTdTop{
	vertical-align: top;
	padding-top: 10px !important;
}

md-checkbox .md-icon{
	background-color: #fff;
}

.boldOM{
	font-weight: bold;
	color:  #ca064d;
}

.link{
	color: #ca064d !important;
	text-decoration: underline;
	cursor: pointer;
}

.textGray{
	color: #ccc !important;
}

.danger, md-toast.md-danger-theme .md-toast-content{
	background-color: #EA5959 !important;
	color: #fff !important;
	height: auto;
}

.confirm, md-toast.md-confirm-theme .md-toast-content{
	background-color: #00AB00 !important;
	color: #fff !important;
}