/*------------------START MATERIAL ICON------------------*/
@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: url(https://example.com/MaterialIcons-Regular.eot); /* For IE6-8 */
	src: local('Material Icons'), local('MaterialIcons-Regular'), url(https://example.com/MaterialIcons-Regular.woff2) format('woff2'), url(https://example.com/MaterialIcons-Regular.woff) format('woff'), url(https://example.com/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px; /* Preferred icon size */
	display: inline-block;
	line-height: 1;
	text-transform: none;
	letter-spacing: normal;
	word-wrap: normal;
	white-space: nowrap;
	direction: ltr;
	/* Support for all WebKit browsers. */
	-webkit-font-smoothing: antialiased;
	/* Support for Safari and Chrome. */
	text-rendering: optimizeLegibility;
	/* Support for Firefox. */
	-moz-osx-font-smoothing: grayscale;
	/* Support for IE. */
	font-feature-settings: 'liga';
}

/* Rules for sizing the icon. */
.material-icons.md-18 {
	font-size: 18px;
}

.material-icons.md-24 {
	font-size: 24px;
}

.material-icons.md-36 {
	font-size: 36px;
}

.material-icons.md-48 {
	font-size: 48px;
}

/* Rules for using icons as black on a light background. */
.material-icons.md-dark {
	color: rgba(0, 0, 0, 0.54);
}

.material-icons.md-dark.md-inactive {
		color: rgba(0, 0, 0, 0.26);
	}

/* Rules for using icons as white on a dark background. */
.material-icons.md-light {
	color: rgba(255, 255, 255, 1);
}

.material-icons.md-light.md-inactive {
			color: rgba(255, 255, 255, 0.3);
		}

/*------------------END MATERIAL ICON------------------*/

a:hover {
text-decoration:none;
}

.card-menu-item {
	border: 1px solid #162646;
	color: white;
	background: #1f3460;
	padding:20px;
	min-height:90px;
}

.card-menu-item:hover {
	background: #274074;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
	text-decoration:none;
}


.back_login {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url(../img/loghi-aziendali/login-background.gif) no-repeat center top;
	position: fixed;
	z-index: -1;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.img-login {
width:200px;
height:auto;
}

.navbar {
	min-height: 50px;
}

.brand {
	position: absolute;
	left: 50%;
	margin-left: -50px !important; /* 50% of your logo width */
	display: block;
}

body {
	overflow-x: hidden;
	font-family: 'Roboto', sans-serif;
}

.border {
	border: 1px solid #1f3460;
}

.back_blu {
	background: #1f3460;
}

.back_light_grey {
	background: #f8f9fa;
}

.img-logo {
	height:30px;
	width:auto;
}

.space {
margin:10px;
}

.pointer:hover {
cursor:pointer;
}

.menu-lateral {
	left: 0;
	top: 0;
	width: 0px;
	border-top: #c5c6c7;
	background: #f8f9fa;
	position: absolute;
	height: 100%;
	padding-top: 60px;
}

.item-menu-lat {
	overflow:hidden;
	padding-left:16px;
	padding-top:18px;
	
}

.menu-btn:hover {
	-webkit-animation: spin 1s linear 1;
	-moz-animation: spin 1s linear 1;
	animation: spin 1s linear 1;
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}

	50% {
		-webkit-transform: rotate(90deg);
	}

	100% {
		-webkit-transform: rotate(90deg);
	}
}

@-webkit-keyframes spin {
	0% {
		-webkit-transform: rotate(0deg);
	}

	25% {
		-webkit-transform: rotate(45deg);
	}

	50% {
		-webkit-transform: rotate(90deg);
	}

	100% {
		-webkit-transform: rotate(90deg);
	}
}

.add-button {
	position: absolute;
	top: 1px;
	left: 1px;
}

.hide{
	display:none!important;
}