@import "compass";
@import "compass/reset";

@import "foundation";








body {
	-webkit-font-smoothing: antialiased;
	width:100%;
	font-size: 13px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
	padding: 0px;
	margin: 0px; 
	
	&.wysihtml5-editor{
		background:transparent;
	}

}

#breadcrumb{
	padding:0px;
	height:40px;
	position:relative;
	color:#FFFFFF;
	background: #2E2E2E;

	*{
		color:#FFFFFF;	
	}

	nav{
		a{
		display:inline-block;
		padding:13px;
		}
	}

	.personnal{
		width:140px;
		float:right;
		position:relative;
		
		span{
			display:inline-block;
			top:-15px;
			position:relative;
		}
		
		.avatar{
			width:36px;		 
			border-radius:50%;
			margin:2px;
		}
		
		.menu{
			display:none;
		}
		
		&:hover{
		
			.menu{
				display:block;
				position:absolute;
				z-index:1000;
				top:40px;
				background:#2E2E2E;
		
				a{
					display:block;
					width:120px;
					padding:10px 15px;
				}
			}
		}
	
	}
	
}










.datepicker{
	width:100px !important;
}
.timepicker_container{
	display:inline-block;
	position:relative;
	
	input{
		width:70px;
	}
	.suppr{
		position:absolute;
		right: 0px;
		top:0px;


		padding:7px 5px 4px 3px;
		display:inline-block;
		
		img{
			cursor:pointer;
		}

	}
	
}



.page_form{	
	
	.form{
		width:60%;
		
		float:left;
		.ace_editor{
			height:400px;
			width:57%;
			border:solid 1px #C9C9C9;


			.ace_scroller{


				background:transparent !important;
			}




		}
	}


	.user_images{
		width:40%;
		float:left;
		.progress{
		
			float:right;
			width:250px;
			
			.bar{
			text-align:right;
			}
		}
	
	input[type=file]{
		display:none;
			
	}
		.images{
			height:400px;
			overflow:auto;
			border:1px solid black;
		
			.user_image_block{
				padding:5px;
				float:left;
				width:120px;
				border:1px solid black;
				min-height:140px;
				text-align:center;
				margin:5px;
				.user_image{
				cursor:pointer;
				display:block;
				margin:auto;
					max-width:120px;
					max-height:120px;
				
				
				}
			}
		}

	}
	}


	

.portfolio_images{
		width:40%;
		float:left;
		.progress{
		
			float:right;
			width:250px;
			
			.bar{
			text-align:right;
			}
		}
	
	input[type=file]{
		display:none;
			
	}
		.images{
			height:400px;
			overflow:auto;
			border:1px solid black;
		
			.portfolio_image_block{
				padding:5px;
				float:left;
				width:120px;
				border:1px solid black;
				min-height:140px;
				text-align:center;
				margin:5px;
				.portfolio_image{
				cursor:pointer;
				display:block;
				margin:auto;
					max-width:120px;
					max-height:120px;
				
				
				}
			}
		}

	}
	
	
	
	
	
.portfolio{

	.fileupload{
	display:none;
	
	}
	.images{
		min-height:400px;
		text-align:center;
		padding-bottom:5%;
		.portfolio_image_block{
			display:inline-block;
			max-width:70%;
			
		
			margin:auto;
			margin-top:8%;
			position:relative;

			.image{
				
				max-height:90%;
				box-shadow: #AFAFAF 0px 0px 5px;

			}
			.title{
				text-align:left;
				color:gray;
				
			}
			.time{
				color:gray;
				float:right;
				position:absolute;
				right:0px;
			
			
			}

			.admin{
				display:none;
				position:absolute;
				top:0px;
				left:0px;
			
			}
			&:hover{
			.admin{
			display:block;
			}
			
			}

		}

		
	}
}