@keyframes glideDown {
	0%   {transform : translate(-50% + 3px, 0px);
				opacity   : 0;}
	100% {transform : translate(-50% + 3px, 10px);
				opacity   : 1;}
}
.editPage{
	.navItem.save{
		width      : 106px;
		text-align : center;
		position   : relative;
		&.saved{
			cursor : initial;
			color  : #666;
		}
		&.error{
			position         : relative;
			background-color : @red;
		}
	}
	.share.navItem{
		position : relative;
		.dropdown{
			position : absolute;
			top      : 28px;
			left     : 0px;
			z-index  : 10000;
			width    : 100%;
			h4{
				display          : block;
				box-sizing       : border-box;
				padding          : 5px 0px;
				background-color : #333;
				font-size        : 0.8em;
				color            : #bbb;
				text-align       : center;
				border-top       : 1px solid #888;
				&:nth-of-type(1){ background-color: darken(@teal, 20%); }
				&:nth-of-type(2){ background-color: darken(@purple, 30%); }
			}
			.item{
				.animate(background-color);
				position         : relative;
				display          : block;
				width            : 100%;
				padding          : 13px 5px;
				box-sizing       : border-box;
				background-color : #333;
				color            : white;
				text-decoration  : none;
				border-top       : 1px solid #888;
				&:hover{
					background-color : @blue;
				}
				.title{
					display       : inline-block;
					overflow      : hidden;
					width         : 100%;
					text-overflow : ellipsis;
					white-space   : nowrap;
				}
			}
		}
	}
	.googleDriveStorage {
		position : relative;
	}
	.googleDriveStorage img{
		height	: 20px;
		padding : 0px;
		margin  : -5px;
	}
	.errorContainer{
		animation-name: glideDown;
		animation-duration: 0.4s;
		position         : absolute;
		top              : 100%;
		left             : 50%;
		z-index          : 100000;
		width            : 140px;
		padding          : 3px;
		color            : white;
		background-color : #333;
		border           : 3px solid #444;
		border-radius    : 5px;
		transform        : translate(-50% + 3px, 10px);
		text-align       : center;
		font-size        : 10px;
		font-weight      : 800;
		text-transform   : uppercase;
		a{
			color : @teal;
		}
		&:before {
			content: "";
			width: 0px;
			height: 0px;
			position: absolute;
			border-left: 10px solid transparent;
			border-right: 10px solid transparent;
			border-top: 10px solid transparent;
			border-bottom: 10px solid #444;
			left: 53px;
			top: -23px;
		}
		&:after {
			content: "";
			width: 0px;
			height: 0px;
			position: absolute;
			border-left: 10px solid transparent;
			border-right: 10px solid transparent;
			border-top: 10px solid transparent;
			border-bottom: 10px solid #333;
			left: 53px;
			top: -19px;
		}
		.deny {
			width            : 48%;
		  margin           : 1px;
			padding          : 5px;
			background-color : #333;
			display          : inline-block;
			border-left      : 1px solid #666;
			.animate(background-color);
			&:hover{
				background-color : red;
			}
		}
		.confirm {
			width            : 48%;
			margin           : 1px;
			padding          : 5px;
			background-color : #333;
			display          : inline-block;
			color            : white;
			.animate(background-color);
			&:hover{
				background-color : teal;
			}
		}
	}
}