/*--------------------------
    Close
----------------------------*/
.close-variant(@color, @bg-color, @color-hover, @bg-color-hover) {
	span {
		background-color: @bg-color;
		color: @color;
	}

	&:hover,
	&:focus {
		span {
			background-color: @bg-color-hover;
			color: @color-hover;
		}
	}
}

.close {
	right: 15px;
	font-weight: normal;
	opacity: 1;
	font-size: 18px;
	position: absolute;
	text-align: center;
	top: 16px;
	z-index: 1;
	padding: 0;
	border: 0;
	background-color: transparent;

	span {
		width: 25px;
		height: 25px;
		display: block;
		border-radius: 50%;
		line-height: 24px;
		text-shadow: none;
	}
	
	&:not(.close-alt) {
		.close-variant(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.1), @white, rgba(255, 255, 255, 0.2));
	}
}

.close-alt {
	.close-variant(#989898, #efefef, #7b7b7b, #e8e8e8);
}


/*--------------------------
    Hidden
----------------------------*/
.hidden {
	display: none !important;
}


/*--------------------------
    Copy text
----------------------------*/
.copy-text {
	input {
		width: 100%;
		border-radius: 1px;
		border: 1px solid @input-border;
		padding: 7px 12px;
		font-size: 13px;
		line-height: 100%;
		cursor: text;
		.transition(border-color);
		.transition-duration(300ms);
		
		&:hover {
			border-color: darken(@input-border, 5%);
		}
	}
}

/*--------------------------
    Sharing
----------------------------*/
.share-availability {
	margin-bottom: 40px;

	&:before,
	&:after {
		position: absolute;
		bottom: -30px;
		font-size: 10px;
	}

	&:before {
		content: '01 Sec';
		left: 0;
	}

	&:after {
		content: '7 days';
		right: 0;
	}
}