/* @import url(http://fonts.googleapis.com/css?family=Comfortaa:400,300,700); */
@import url(https://fonts.googleapis.com/css?family=Raleway:400,600,200)
	;

body {
/* 	font: 15px Raleway, Arial; */
/* 	font-weight: 200; */
	color: #222;
	padding: 0;
	/* 	text-align: center; */
	/* 	background: #E8EAF6; */
	background-color: #ffffff;
}

/* Change the white to any color ;) */
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

/*toolbar*/
.z-toolbar {
	background: #ffffff;;
	padding: 10px
}

div.toolbar {
	background: #ffffff;
	padding: 5px 0px;
	vertical-align: middle;
}

div.toolbar .z-button {
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
	margin-right: 5px;
	border:none;
	font-family: inherit;
	font-size: 14px;
	outline: none!important;;
}

div.toolbar .z-button:hover[disabled] {
	color: #000;
}

div.toolbar .z-button:hover {
	color: #E91E63;
}

/*toolbarbutton*/

.z-toolbarbutton {
	transition: opacity 1s ease;
    opacity: 0.6;
}

.z-toolbarbutton:hover {
    border-color: transparent!important;
    background: none;
    opacity: 1;
}

.z-toolbarbutton:active {
    border-color: transparent!important;
    background: none;
    box-shadow:none;
    webkit-box-shadow:none;
}

.z-toolbarbutton-cnt {
	padding: 2px 2px 2px 2px;
	background: transparent;
	font-size: 13px;
	font-family: inherit;
}

.z-toolbarbutton-over .z-toolbarbutton-cnt {
	background: #cfcfcf;
	border-top:none;
	border-bottom:none;
	outline:none!important;;
}

/*button*/
.z-button {
	background: #E91E63;
	font-family: inherit;
	outline: none!important;
	font-family: inherit!important;
	box-shadow: none!important;
	text-shadow: none!important;
}

.z-button:focus, .z-button:hover {
	outline: none!important;
}

.z-window-modal .z-button, .z-window-modal .z-button:focus {
	color: #ffffff;
	border:none;
	border-radius: 0px;
	font-weight: 200;
	background: #E91E63;
	border: none;
}

.z-window-modal .z-button:hover {
	background: #448aff!important;
}

.z-messagebox .z-label, .z-window-header {
	font-family: inherit;
	font-size: inherit;
}

.z-button-over {
	background: #F06292;
	outline: none!important;
}

.z-button .z-button-tl, .z-button .z-button-tm, .z-button .z-button-tr,
	.z-button .z-button-bl, .z-button .z-button-bm, .z-button .z-button-br,
	.z-button .z-button-cl, .z-button .z-button-cm, .z-button .z-button-cr
	{
	color: white;
	background: transparent;
}

.z-button .z-button-cm {
	padding: 4px 15px 4px 15px;
	font-family: Raleway, Arial;
	font-size: 13px;
}

/*toolbar buttons*/
.toolbar .z-button {
	background: transparent;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.toolbar .z-button-over {
	background: #cfcfcf;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.toolbar .z-button .z-button-cm {
	padding: 2px 15px 2px 15px;
	font-family: Raleway, Arial;
	font-size: 13px;
	color: #666;
}

.footer {
	font-size: 16px;
	font-weight: bold;
}

td.z-footer {
	padding-top: 20px;
	padding-bottom: 20px;
}

input, textarea {
	outline: none!important;;
}

.z-combobox {
    background-color: transparent;
}

.z-combobox-input, .z-bandbox-input, .z-datebox-input, .z-timebox-input, .z-spinner-input, .z-doublespinner-input {
    font-family: inherit;
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    color: #000;
    height: 24px;
    border: 1px solid #cfcfcf;
    border-right: 0;
    -webkit-border-radius: 2px 0 0 2px;
    -moz-border-radius: 2px 0 0 2px;
    -o-border-radius: 2px 0 0 2px;
    -ms-border-radius: 2px 0 0 2px;
    border-radius: 2px 0 0 2px;
    margin: 0;
    padding: 4px 5px;
    line-height: 14px;
    background: #fff;
}

.z-combobox-popup, .z-bandbox-popup, .z-datebox-popup, .z-timebox-popup {
    font-family: inherit;
    max-width: 250px;
}

.z-comboitem {
   	font-family: inherit;
}

.z-comboitem-selected {
    background: #f8f6f9;
}

.z-button-cm {
	padding: 6px 5px 6px 5px;
	font-family: Raleway, Arial;
	font-size: 13px;
}

.z-datebox, .z-textbox, .z-datebox-inp, .z-combobox-inp,
	.z-combobox-focus .z-combobox-inp, .z-doublebox, .z-intbox {
	padding: 4px 10px;
	font-family: inherit;
	font-size: 14px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.z-checkbox-cnt {
	font-family: Raleway, Arial!important;
	font-size: 13px!important;
}

.z-datebox {
	padding: 0px;
}

.z-datebox-btn, .z-datebox .z-datebox-btn {
	background-image: url('../img/ic_today_24px.png');
	width: 24px;
	height: 24px;
	border-bottom: none;
	vertical-align: middle;
}

.z-datebox .z-datebox-btn-over, .z-datebox-focus .z-datebox-btn,
	.z-datebox .z-datebox-btn-clk {
	background-image: url('../img/ic_today_24px.png');
	background-position: center;
	border-left: none;
	margin-left: 0;
	vertical-align: middle;
}

.z-datebox .z-datebox-inp, .z-datebox-focus .z-datebox-inp {
	border: 1px solid transparent;
}

.z-combobox .z-combobox-btn, .z-combobox-btn-over {
	border-collapse: separate;
	margin-left: 0px;
	background: transparent no-repeat 0 0 !important;
	background-image: url('../img/ic_arrow_drop_down_24px.png') !important;
	background-position: center !important;
	vertical-align: middle;
	cursor: pointer;
	width: 24px;
	height: 24px;
	border: 1px solid transparent !important;
	/*     border-bottom: 1px solid #CCC; */
	overflow: hidden;
	display: -moz-inline-box;
	display: inline-block;
	outline: none!important;;
	/*     border-radius: 0 2px 2px 0; */
	/*     -moz-border-radius: 0 2px 2px 0; */
	/*     -webkit-border-radius: 0 2px 2px 0; */
}

.z-label, .z-radio-content, .z-checkbox-content, .z-loading{
	font-family: inherit;
	font-size: inherit;
	font-weight: 200;
}

.z-label .small {
	font-size: 10px;
}

.strong {
	font-weight: 400 !important;
}

.z-datebox .z-datebox-btn-over,
.z-datebox-focus .z-datebox-btn,
.z-datebox-btn .z-datebox-btn-clk {
	background-image: url('../img/ic_today_24px.png');
	background-position: center;
	border-left: none;
	margin-left: 0;
}

.z-datebox .z-datebox-inp, 
.z-datebox-focus .z-datebox-inp {
	border: 1px solid transparent;
}

.z-label .small {
	font-size: 10px;
}

.strong {
	font-weight: 400 !important;
}

/* .z-textbox-inplace,.z-decimalbox-inplace,.z-intbox-inplace,.z-longbox-inplace,.z-doublebox-inplace */
/* 	{ */
/* 	border: 1px solid #E6E6E6; */
/* 	border-top-color: #B2B2B2; */
/* } */
.title, .title .z-label {
	font-family: 'Lato', 'Helvetica', 'Arial', 'sans-serif';
	text-transform: uppercase;
	color: #222;
	font-family: inherit;
	font-size: 20px;
	margin-top:8px;
	margin-bottom:5px;
	display: inline-block;
}

.title-nopad {
	font-family: 'Lato', 'Helvetica', 'Arial', 'sans-serif';
	color: #222;
	text-transform: uppercase;
	font-size: 20px;
	display: inline-block;
}

.smalltitle {
	color: #E91E63;
	font-family: 'Lato', 'Helvetica', 'Arial', 'sans-serif';
	text-transform: uppercase;
	font-size: 13px;
	line-height: 48px;
	margin-left: 10px;
}

.totals {
	color: #222;
	font-size: 13px;
	font-weight: bold;
}

.smalltotals {
	color: #222;
	font-weight: bold;
}

.error {
	color: #ff0207!important;
	line-height:30px;
}

.error-white {
	color: #ffffff!important;
	line-height:30px;
}

a:hover {
	color: #F06292;
}

div.redbox {
	background: #ee413d;
	padding: 10px;
}

div.greenbox {
	background: #8bdc01;
	padding: 10px;
}

div.blankbox {
	padding: 10px;
}

div.vseparator {
	width: 1px;
	height: 24px;
	background: #9bafa6;
	margin-left: 5px;
	margin-right: 5px;
}

tr.z-row td.z-row-inner, tr.z-row .z-cell {
	/* 	border: 1px solid white; */
	border: none;
	/* 	border-right: 1px solid transparent; */
	padding: 10;
}

.bg-pink {
	background: #bfacb8;
	-moz-border-radius: 15px;
	border-radius: 15px;
}

.bg-lblue {
	background: #99d9ff;
}

/*TABELLE*/
td.z-listcell {
	vertical-align: middle;
}
.z-listbox {
	border:none;
}
.z-listheader {
/* 	background: #f8f6f9; */
	background: #ffffff;
/* 	border: 1px solid #f8f6f9; */
	border: 1px solid #ffffff;
	padding-top: 5px!important;
	padding-bottom: 5px!important;
}
tr.z-listitem {
	border-bottom: 1px solid #f8f6f9;
}
tr.z-listitem:hover .z-listcell {
	background: #f8f6f9;
}
.z-listitem-selected {
	background: #f8f6f9;
}
.z-listitem.z-listitem-selected>.z-listcell,
.z-listitem.z-listitem-focus>.z-listcell {
    border-color: #f8f6f9!important;
    background: #f8f6f9!important;
}
.z-listbox-odd.z-listitem {
    background: #ffffff;
}

/*MENU*/
#menu {
	margin-bottom: 10px;
}

@media (max-width: 935px) {
	#menu {display:none;}
}

@media (min-width: 935px) {
	#menu {display:block;}
}

div.menu-item {
	cursor: pointer;
	padding: 10px 20px 10px 20px;
	text-align: left;
	display: inline-block;
}

div.menu-item:hover {
	background: #E91E63;
}

div.menu-item .z-label {
	color: #880E4F;
	font-family: inherit;
	font-size: medium;
	font-weight: bold;
	white-space: nowrap;
}

div.menu-item:hover .z-label {
	color: white;
}

div.z-listheader-content, div.z-listfooter-content {
	font-family: 'Lato', 'Helvetica', 'Arial', 'sans-serif';
	font-size: 13px;
	text-transform: uppercase;
/* 	letter-spacing: 2px; */
}

div.z-column-content, div.z-row-content, div.z-listcell-content {
/*     font-family: 'Muli', 'Helvetica', 'Arial', 'sans-serif'; */
	font-family: inherit;
    font-size: 14px;
    font-weight: normal;
    color: #636363;
}

tr.z-listfoot td.z-listfooter {
	padding-top: 20px;
	padding-bottom: 20px;
}

a .z-label {cursor:pointer;font-family: inherit; font-size: inherit;}

.lbl-lang {
	cursor:pointer;
	font-family: inherit;
/*     font-family: 'Muli', 'Helvetica', 'Arial', 'sans-serif'; */
    font-size: inherit;
    font-weight: 400;
    color: #636363;
    display:inline-block;
    vertical-align: middle;
    line-height:20px;
}

/*STILI SU ID*/
#entra, #entra:active, #entra:visited {
	text-decoration: none;
/* 	color: #E91E63; */
/* 	font-size: 13px; */
/* 	font-weight: 700; */
}

#entra .z-label {
	cursor:pointer;
}

#resetpwd, #resetpwd:active, #resetpwd:visited {
	text-decoration: none;
/* 	color: #E91E63; */
}

#menu-button {
	background: url('../img/menu.png') no-repeat;
	width: 24px;
	height: 24px;
	margin: 8px;
	float: left;
	position: relative;
	cursor: pointer;
}

@media (max-width: 935px) {
	#menu-button {display:block;}
}

@media (min-width: 935px) {
	#menu-button {display:none;}
}

#menu-button:hover {
	background: url('../img/menu-hover.png') no-repeat;
}

#menu-logo {
	float: left;
	position: relative;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-left: 10px;
}

#menu-div {
	box-shadow: 0px 3px 5px #888888;
	background-color: white;
}

#main-div {
/* 	-moz-border-radius: 20px; */
/* 	border-radius: 20px; */
/* 	padding: 10px; */
/* 	background: #f8f6f9; */
/* 	box-shadow: 0px 3px 5px #888888; */
}

#table-form-free {
	background: #f8f6f9;
	box-shadow: 0px 3px 5px #888888;
	padding: 20px;
}

#container {
/* 	min-height: 750px; */
	padding-bottom: 20px;
	background: #ffffff;
}

#div-loggeduser {
	color: #448aff;
	text-align: right;
}

#div-pagetitle, #div-loggeduser {
	padding-left: 11px;
	padding-right: 11px;
	padding-top: 8px;
	padding-bottom: 8px;
}

#div-loggeduser img {
	width: 36px;
	height: 36px;
	background-image: url('../img/material/ic_action_account_thumb.png');
	background-size: cover;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

@media (max-width : 992px) {
	#div-pagetitle, #div-loggeduser {
		text-align: center;
		padding-right: 10px;
		padding-left: 10px;
	}
}
#slide, #slide_en {
	max-width:455px;
	width: 100%;
}

/*footer*/
/* #footerdiv { padding: 20px; border-top: 1px solid #f8f6f9; min-height:50px;} */
/* #footerdiv a, #footerdiv a:visited, #footerdiv a:active, */
/* #footerdiv .z-a, #footerdiv .z-a:visited, #footerdiv .z-a:active {font: inherit; font-size: 13px; color:#222;text-decoration:none;} */
/* .footerleft  {min-width:200px;display:inline-block;width:70%; position:relative;align-items: center;text-align: left;} */
/* .footerright {min-width:200px;display:inline-block;width:28%; position:relative;align-items: center;text-align: right;vertical-align: top;} */
/* .footersmall a, .footersmall span {font-size: 13px;} */

footer .z-window, footer .z-window-content, 
.trasp-win, .trasp-win .z-window-content 
{
	background: transparent;
}

#headerdiv {padding:5px;}

/* #gplus-btn {background-image: url('../img/google-plus_150.png'); width:150px; height:39px;} */


.profile-img {position: relative;
    width: 80%;
    height: 0;
    padding-bottom: 80%;
    background-size: cover;
    background-position: center center;
    -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.left {float:left;}
.right {float:right;}
.rel-left {position:relative;float:left;}
.rel-right {position:relative;float:right;}

.text-center{text-align: center;}

.std-button{background: #E91E63;color:white;padding:5px 15px;cursor:pointer}


.text-big {font-size: 24px;}
.text-medium {font-size: 18px;}
.text-normal {font-size: 15px;}

@media (min-width: 480px) {
	.w30 {width: 30%;}
	.w70 {width: 70%;}
}

@media (max-width: 480px) {
	.w30 {width: 100%;}
	.w70 {width: 100%;}
}

.divButtons {padding: 15px 0px;}

.y-video{
  width: 100%    !important;
  max-width: 560px;
  min-height: 315px;
  height: auto   !important;
}

.endreg-icon, .confirm-icon {
	width:100%;
	max-width: 250px;
	margin: 5px;
}

.addmovi,.addprome {background-color: #f8f6f9!important; position:fixed; z-index: 1200; width: 100%; height: 100%; top: 0; left: 0; background-color: rgb(99,99,99,0.5)!important; padding-top: 100px;}
#addmovi-table {width: 100%;}
#addmovi-table td {padding:20px;}
#addmovi-table input {width:100%;max-width: 250px;}
#addmovi-table .z-combobox, #addmovi-table .z-datebox {width:100%;max-width: 226px;}
#addmovi-table div {width:100%; max-width: 190px; display: inline-block;}
#addmovi-table .z-label {font-size: 14px;}

#addprome-table {width: 100%;}
#addprome-table td {padding:20px;}
#addprome-table input {width:100%!important;max-width: 250px;}
#addprome-table .z-combobox, #addmovi-table .z-datebox {width:100%;max-width: 226px;}
#addprome-table div {width:100%; max-width: 190px; display: inline-block;}
#addprome-table .z-label {font-size: 14px;}

#lbl_sel_month{padding-left:20px;padding-right:20px;}

.buttonbar {background-color:#E91E63; padding: 20px;} 
.buttonbar .btn {color: white;}
.buttonbar .btn:hover {color: #448aff!important;}

.btn-excel {width:32px;height:32px;background-image: url('../img/excel.png'); background-size: contain; }

/*PROGRESS*/
.z-loading-indicator { 
   
 }
 .z-loading-indicator, .z-apply-loading-indicator {
    color: #363636;
    border: none;
    background: transparent;
/*    	color: #448aff; */
   	color: #E91E63;
   	line-height: 32px;
 }
 
 .z-loading, .z-apply-loading {
    border: none;
    padding: 5px 20px;
    background: transparent;
/*     background: rgba(255, 255, 255, 0.3) */
    position: absolute;
    cursor: wait;
    white-space: nowrap;
}

.z-apply-loading-icon, .z-loading-icon, .z-renderdefer {
    width: 32px;
    height: 32px;
    background: transparent no-repeat center;
    background: url(../img/ripple.svg);
/* 	background: url(../img/ring.svg); */
	background-size: 32px 32px;
}

/* ADMIN */
.w20 {width:20%;}
.w80 {width:80%;}
.left {float:left;}
.admin-field{font-size:11px;display:inline-block;width: 120px;text-align:left;word-wrap: break-word;}
.admin-title, .admin-header .z-label {font-size:11px;font-weight:400; cursor:pointer;}

#openToolbar{float:right;background: #E91E63;color:white;padding:5px 15px;cursor:pointer}
.toolbarDiv {z-index:100;position:absolute;right:0;top:90px;background:transparent;width:180px;display:none;overflow-y:auto;max-height: 1000px;}
.div-unsel{float:right;background: #CFCFCF;color:white;padding:5px 15px;cursor:pointer;min-width: 150px;}
.div-sel{float:right;background: #448aff;color:white;padding:5px 15px;cursor:pointer;min-width: 150px;}