/*
 * FIXME: Introduce SCSS & Sprockets
 *= require formtastic
 
 *= require_tree . 
*= require_self
*/


@import "../mixins/css3";



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; 
	@include linear-gradient(rgb(250,250,250), RGB(247,251,253));
}



/* bar.css */

.bar{
	padding:10px;
		
}

.bar a{
	padding:5px;
		
}

.bar a.active{
	padding:5px;
	
	border-radius:10px;
	-moz-border-radius:5px;
	

}


.bar.dark_blue{
	background:#6FB7E9;
	
	
}

.bar.dark_blue a{
	color:white;
		
}

.bar.dark_blue a.active{
	color:#6FB7E9;
	background:white;
		
}


/* blocks.css */
.portlet_place_holder{
	width:100%;
	height:15px;
	
}
.col{
	min-height:300px;
}

.portlet{



	position:relative;
	border:1px dotted rgb(127,127,127);
	background:white;

}


.portlet .move{
	cursor:pointer;

}



.portlet .actions{

	position:absolute;
	top:-15px;
	
	
	left:20px;
	padding :0px 5px 0px 5px;
	display:none;
	border:1px solid rgb(70,70,70);

	background:rgba(250,250,250,1);
	border-radius:10px;
	
	text-align:center;






}

.portlet .actions img{

	margin:5px;
	




}





.portlet_hover {
	border:1px solid rgb(127,127,127);

}



.portlet_hover > .actions{
	display:block;
}



.portlet .render_admin{
	padding:1px;

	padding:0px 10px 0px 10px;
	
}

.portlet .render_admin.render_admin_block_content{
	padding:0px ;
}

.portlet .render_admin.render_admin_block_content .col_1{
	padding-right:5px;
	margin-right:0px;
	border-right:1px dotted rgb(127,127,127);

}




.portlet .render_admin.render_admin_block_content{
	min-height:100px;
	
}


.portlet .render_admin.render_admin_block_content .col_2{



}

.portlet_hover .render_admin.render_admin_block_content .col_1{
	
	border-right:1px solid rgb(127,127,127);
}


.portlet.portlet_table_content {
	
border:1px solid white;
}

.portlet .render_admin.render_admin_table_content .table_content_cel{
	
	border:2px solid rgb(127,127,127);
	vertical-align:top;
	padding:5px;
}

.portlet .render_admin.render_admin_table_content .add_cel{
	
	width:12px;
	text-align:center;
}

.portlet .render_admin.render_admin_table_content .add_col{
	

	text-align:center;
}
.portlet .render_admin.render_admin_table_content {
	padding: 0px 0px 0px 0px;
}


.portlet .render_admin.render_admin_table_content .innerWrapper:hover .row_menu{
display:block;
}
.portlet .render_admin.render_admin_table_content .innerWrapper:hover .col_menu{
display:block;
}


.portlet .render_admin.render_admin_table_content .row_menu{
	position:absolute;
	top:6px;
	right:6px;
	z-index:800;
	display:none;
}



.portlet .render_admin.render_admin_table_content .row_menu a{
	display:block;
	width:200px;
	padding:5px;
	background:rgba(0,0,0,0.8);
	color:#eff2f2;
	border:1px solid #444444;
	border-bottom:none;
	
	
	/* webkit */
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 0.4s;

	/* Firefox */
	-moz-transition-property: background-color;
	-moz-transition-duration: 0.4s;

	/* standardisé */
	transition-property: background-color;
	transition-duration: 0.4s;
}


.portlet .render_admin.render_admin_table_content .row_menu a:last-child{

	border-bottom:1px solid #444444;
	

}

.portlet .render_admin.render_admin_table_content .row_menu a:hover{
	background-color:rgba(131,131,131,0.9);
	color:black;
}



.portlet .render_admin.render_admin_table_content .col_menu{
	position:absolute;
	top:6px;
	left:6px;
	z-index:800;
	display:none;
}



.portlet .render_admin.render_admin_table_content .col_menu a{
	display:block;
	width:200px;
	padding:5px;
	background:rgba(0,0,0,0.8);
	color:#eff2f2;
	border:1px solid #444444;
	border-bottom:none;
	
	
	/* webkit */
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 0.4s;

	/* Firefox */
	-moz-transition-property: background-color;
	-moz-transition-duration: 0.4s;

	/* standardisé */
	transition-property: background-color;
	transition-duration: 0.4s;
}


.portlet .render_admin.render_admin_table_content .col_menu a:last-child{

	border-bottom:1px solid #444444;
	

}

.portlet .render_admin.render_admin_table_content .col_menu a:hover{
	background-color:rgba(131,131,131,0.9);
	color:black;
}



.portlet .render_admin.render_admin_table_content .innerWrapper{
	cursor:pointer;
	position:relative;
}

#content_types_draggables{
	text-align:center;
	position:fixed;
	bottom:-13px;
	right:0px;
	left:0px;
	z-index:800;
	background:rgba(0,0,0,0.8);
	
}

.content_types_draggable{
display:inline-block;
cursor:pointer;
width:60px;
}

.content_types_draggable img{
width:70px;
position:relative;

top:-5px;
left:-5px;

}

#new_portlet_form_inline{

	padding:10px;
	background:#E9F2F9;
	
}

#edit_portlet_content_form{

	padding:10px;
	background:#CDE892;
	
}

.portlet_receptable_hover{
	background:#B7DF63;

	
}

.slide{
	margin:10px;
	padding:5px;
	border:1px solid RGB(34,34,34);
}

.slide .image_file{

float:right;
}

/* data_files.css */


#data_files_big_container{
	width:100%;
	
	background:red;
	position:absolute;
	top:36px;
	left:0px;
}

#data_files_big_container #sidebar{
	width:209px;
	border-right:1px solid #adb5ba;
	background:#d7d9dc;
	position:absolute;
	bottom:34px;
	top:0px;
	left:0px;
}

#data_files_big_container #sidebar #file_folders a.file_folder_highlight{
cursor:pointer;
background:RGB(217,233,245);
}

#data_files_big_container #sidebar #file_folders a.active.file_folder_highlight{
cursor:pointer;
background:RGB(217,233,245);
}


#data_files_big_container #sidebar #file_folders a{
	display:block;
	padding:6px;
	border-bottom:1px solid #9ca6ab;
	
	/* webkit */
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 0.4s;

	/* Firefox */
	-moz-transition-property: background-color;
	-moz-transition-duration: 0.4s;

	/* standardisé */
	transition-property: background-color;
	transition-duration: 0.4s;
}

#data_files_big_container #sidebar #file_folders a.active{
	background-color:RGBA(46,119,187,0.9);
	color:white;
	border-bottom:1px solid RGBA(46,119,187,0.9);
}

#data_files_big_container #sidebar #file_folders a:hover{
	background-color:RGBA(46,119,187,0.5);
	color:white;
	border-bottom:1px solid RGBA(46,119,187,0.5);
}

#data_files_big_container #main_workspace_view{
	background:#eff2f2;
	position:absolute;
	top:0px;
	left:210px;
	bottom:0px;
	right:0px;	
	padding-bottom:34px;
}




/* Grille des images */
#data_files_big_container #main_workspace_view #data_files_container {
	background:#eff2f2;
	position:absolute;

	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	overflow:auto;
	padding-bottom:34px;
}





#data_files_big_container #main_workspace_view .data_file {
	
	margin:2px;
	padding:4px ;
	
	/* webkit */
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 0.5s;

	/* Firefox */
	-moz-transition-property: background-color;
	-moz-transition-duration: 0.5s;

	/* standardisé */
	transition-property: background-color;
	transition-duration: 0.5s;
	

	
}

#data_files_big_container #main_workspace_view .data_file:hover{
	background:RGB(230,230,230);
}

#data_files_big_container #main_workspace_view #data_files_container #data_files .data_file.active {

	background-color:RGBA(46,119,187,0.3);
	
}







/* Aperçu des images */
#data_files_big_container #main_workspace_view #data_file_container {
	background:RGB(239,242,242);
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	display:none;
	padding-bottom:34px;
}

#data_files_big_container #main_workspace_view #data_file_container.data_file_container_active{
	display:block;
}

#data_files_big_container #main_workspace_view #data_file_container .img{
	position:absolute;
	top:20px;
	bottom:254px;
	left:20px;
	right:20px;
	
	background-position:center center;
	background-repeat:no-repeat;

	
	background-size: contain;
	-moz-background-size: contain; /* Gecko 1.9.2 (Firefox 3.6) */
	-webkit-background-size: contain;/* Safari 3.0 */
}

#data_files_big_container #main_workspace_view #data_file_container .form{
	position:absolute;
	bottom:34px;
	height:180px;
	left:0px;
	right:0px;
	background-color:RGBA(215,217,220,0.3);
	border-top:1px solid #d7d9dc;
	padding:10px;
	color:#232424;
}

#data_files_big_container #main_workspace_view #data_file_container .form input[type=text]{
	border:0px;
	background:transparent;
}

#data_files_big_container #main_workspace_view #data_file_container .form input[type=text]:focus{
	border:0px;
	background:white;
}

#data_files_big_container #main_workspace_view #data_file_container .form textarea{
	border:0px;
	background:transparent;
}

#data_files_big_container #main_workspace_view #data_file_container .form textarea:focus{
	border:0px;
	background:white;
}

#data_files_big_container #main_workspace_view #data_file_container .form .submit_tr{
	display:none;
}





#data_files_big_container #main_workspace_view #data_file_container .close_link{
	width:29px;
	height:29px;
	background-image : url("/images/quartz_admin/button_close.png");
	background-repeat:no-repeat;
	background-position:top;
	position:absolute;
	top:5px;
	left:5px;
	cursor:pointer;
}

#data_files_big_container #main_workspace_view #data_file_container .close_link:hover{
	background-image : url("/images/quartz_admin/button_close.png");
	background-position:bottom;
	cursor:pointer;
}



#data_files_big_container #right_bar #multiple_selection{
	color:#eff2f2;
	position:absolute;
	top:0px;
	left:10px;
	padding:9px;
	width:200px;


	cursor:pointer;
	
	/* webkit */
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 0.4s;

	/* Firefox */
	-moz-transition-property: background-color;
	-moz-transition-duration: 0.4s;

	/* standardisé */
	transition-property: background-color;
	transition-duration: 0.4s;
	
	
}



#data_files_big_container #right_bar #multiple_selection:hover{
	background-color:rgba(131,131,131,0.3);
	
	
	
}




#data_files_big_container #left_buttons{
	width:210px;

	background:#d7d9dc;
	position:absolute;
	height:33px;
	bottom:0px;
	border-top:1px solid #adb5ba;
	left:0px;	
}

#data_files_big_container #left_buttons #add_file_folder{
	
	position:absolute;
	top:7px;
	left:10px;

}

#data_files_big_container #left_buttons #remove_current_file_folder{
	
	position:absolute;
	top:7px;
	right:40px;

}

#data_files_big_container #left_buttons #edit_current_file_folder{
	
	position:absolute;
	top:7px;
	right:10px;

}




#data_files_big_container #right_bar_clone{
	
	background:rgba(0,0,0,0.8);
	position:absolute;

	height:34px;
	bottom:0px;

	left:0px;	
	right:0px;
}

#data_files_big_container #right_bar_clone #right_bar_clone_buttons_left{
	

	position:absolute;

	top:9px;

	left:10px;	

}





#data_files_big_container #right_bar{
	
	background:rgba(0,0,0,0.8);
	position:absolute;
	height:34px;
	bottom:0px;

	left:210px;	
	right:0px;
}





#data_files_big_container #right_bar #data_file_form{
	position:absolute;
	top:0px;
	left:240px;
	
}


#data_files_big_container #right_bar #data_file_form .file_upload {
  	position: relative;
	overflow: hidden;


	padding:9px;
	width:250px;


	cursor:pointer;
	
	/* webkit */
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 0.4s;

	/* Firefox */
	-moz-transition-property: background-color;
	-moz-transition-duration: 0.4s;

	/* standardisé */
	transition-property: background-color;
	transition-duration: 0.4s;
	


  direction: ltr;
  cursor: pointer;
  text-align: left;
	color:#eff2f2;




}

#data_files_big_container #right_bar #data_file_form .file_upload:hover {
  	background-color:rgba(131,131,131,0.3);
	



}



.file_upload_highlight {
  background-color: rgba(106,191,6,0.2);
}


#data_files_big_container #right_bar #data_file_queue{
	position:absolute;
	left:240px;
	bottom:33px;
	color:#eff2f2;
	width:50%;
	
	background:rgba(0,0,0,0.9);
	border:1px solid #444444;
	border-top:0px;

	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	
}

#data_files_big_container #right_bar #data_file_queue #files td{

	padding:5px;
}


#data_files_big_container #right_bar #grid_slider{
	position:absolute;
	right:20px;
	top:15px;
	width:150px;
	height:3px;
	background:#191919;
	border:1px solid #444444;
	border-radius:2px;
}

#data_files_big_container #right_bar #grid_slider .ui-slider-handle{
	
	border-radius:6px;
	height:10px;
	width:10px;
	cursor:pointer;
	background:#838383;
	
}

#data_files_big_container #right_bar #multiple_selection #multiple_menu{
	position:absolute;
	left:0px;
	bottom:33px;
	height:0px;
	width:216px;
	background:rgba(0,0,0,0.9);
	border:1px solid #444444;
	border-top:0px;
	overflow:hidden;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;

}

#data_files_big_container #right_bar #multiple_selection #multiple_menu a{
	
	display:block;
	padding:9px;
	border-top:1px solid #444444;
	color:#eff2f2;



	cursor:pointer;
	
	/* webkit */
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 0.4s;

	/* Firefox */
	-moz-transition-property: background-color;
	-moz-transition-duration: 0.4s;

	/* standardisé */
	transition-property: background-color;
	transition-duration: 0.4s;

}

#data_files_big_container #right_bar #multiple_selection #multiple_menu a:hover{
	
	background-color:rgba(131,131,131,0.3);

}



#data_files_big_container #right_bar #multiple_selection:hover #multiple_menu{
height:auto;
	
	
}


/* general.css */

#menu_items_breadcrumbs .add_menu_item_link{
	float:right;
	margin-top:2px;
}
#breadcrumb{
	
	padding:10px 10px 10px 10px;
	position:relative;
	color:#FFFFFF;
	background: #2E2E2E;

	
}
#breadcrumb .logout_link{
	
	position:absolute;
	right:10px;
	top:10px;
	
}



#breadcrumb *{
	color:#FFFFFF;
	
}

.main_slide{


  width: 100%;
  min-height:600px;
	

  margin: auto;


	
}

.header{
	background:#6FB7E9;
	padding:10px;
	
}

.header h1{
	
	color:#ffffff;
	
	font-family:georgia;
	text-shadow: #357EB0 1px 1px 0px;
}
.right{
	float:right;

}

.header_2{
	background:#B7DF63;
	color:#ffffff;
	padding:10px;
	font-family:georgia;
}

.header_2 *{
	
	color:#ffffff;
	text-shadow: #8EBF27 1px 1px 0px;

}


#menu_item_show {
	background:#E9F2F9;
	padding:10px;
}

.form1{
	background:#E9F2F9;
	padding:10px;
}
.form2{
	background:#F3F8FC;
	padding:10px;
}

.grip{

	width:30px;
	cursor:move;
}


.receptable{
	background:none;
	width:50px;
	text-align:center;

}

.row_1 .receptable{
	background:yellow;
	width:50px;
}

.draggable{
	background:white;
	padding:5px;
	
	border:1px solid #F3F1EF;
	border-radius:10px;
}



.draggable:hover{
	-webkit-box-shadow: #666666 0px 0px 10px;
  -moz-box-shadow: #666666 0px 0px 10px;
  box-shadow: #666666 0px 0px 10px;
	border-color:white;
}

.receptable_position{
	height:10px;
	width:100%;
}

.hoverhighlight_position{
	
	background:#ECF8FE;
	
}
#menu_items_breadcrumbs{
	margin-top:10px;
	
	height:30px;
	background : #F0F0F0;

	border-radius:10px;
}
#menu_items_breadcrumbs *{
	color:#505B66;
}
#menu_items_breadcrumbs .receptable{
	float:left;
	padding:5px 10px 5px 10px;


	width:auto;

	/*background : url("/images/quartz_admin/icons_receptable.png") no-repeat right center;*/
}

#menu_items_breadcrumbs .separate{
	float:left;
	padding:5px;


	width:auto;

	/*background : url("/images/quartz_admin/icons_receptable.png") no-repeat right center;*/
}

#menu_items_breadcrumbs .actual{
	float:left;
	padding:5px;
	padding-right:20px;
	margin-right:5px;
	width:auto;
}



.hoverhighlight a{

	color:#3F94EB;
	cursor:se-resize;
}

.no_menu_items{
	padding:10px;
	text-align:center;
	color : #505B66;
}


#big_slider {
	overflow:hidden;
}

#page_slides{
	width:10000px;
}

#page_slides .page_slide{
	float:left;
	
	

}
.past_slide{
	
	
}
#page_slides .page_slide#main_slide{
	float:left;
	display:block;
	-webkit-transition-property: margin; 
	-webkit-transition-duration: 1s; 

}

/* image_files.css */


#image_files_big_container{
	width:100%;
	
	background:red;
	position:absolute;
	top:36px;
	left:0px;
}

#image_files_big_container #sidebar{
	width:209px;
	border-right:1px solid #adb5ba;
	background:#d7d9dc;
	position:absolute;
	bottom:34px;
	top:0px;
	left:0px;
}

#image_files_big_container #sidebar #albums a.album_highlight{
cursor:pointer;
background:RGB(217,233,245);
}

#image_files_big_container #sidebar #albums a.active.album_highlight{
cursor:pointer;
background:RGB(217,233,245);
}


#image_files_big_container #sidebar #albums a{
	display:block;
	padding:6px;
	border-bottom:1px solid #9ca6ab;
	
	/* webkit */
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 0.4s;

	/* Firefox */
	-moz-transition-property: background-color;
	-moz-transition-duration: 0.4s;

	/* standardisé */
	transition-property: background-color;
	transition-duration: 0.4s;
}

#image_files_big_container #sidebar #albums a.active{
	background-color:RGBA(46,119,187,0.9);
	color:white;
	border-bottom:1px solid RGBA(46,119,187,0.9);
}

#image_files_big_container #sidebar #albums a:hover{
	background-color:RGBA(46,119,187,0.5);
	color:white;
	border-bottom:1px solid RGBA(46,119,187,0.5);
}

#image_files_big_container #main_workspace_view{
	background:#eff2f2;
	position:absolute;
	top:0px;
	left:210px;
	bottom:0px;
	right:0px;	
	padding-bottom:34px;
}




/* Grille des images */
#image_files_big_container #main_workspace_view #image_files_container {
	background:#eff2f2;
	position:absolute;

	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	overflow:auto;
	padding-bottom:34px;
}





#image_files_big_container #main_workspace_view .image_file .img {
	text-align:center;
	width:150px;
	height:150px;
	margin:0px;

	
}


#image_files_big_container #main_workspace_view .image_file .name {
	
	padding:4px 0px 2px 0px;
	font-size:10px;
	text-align:center;
	
}

#image_files_big_container #main_workspace_view .image_file {
	float:left;
	padding:8px;
	margin:2px;
	border:4px solid #eff2f2;
	
	/* webkit */
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 0.5s;

	/* Firefox */
	-moz-transition-property: background-color;
	-moz-transition-duration: 0.5s;

	/* standardisé */
	transition-property: background-color;
	transition-duration: 0.5s;
	

	
}

#image_files_big_container #main_workspace_view #image_files_container #image_files .image_file.active {

	background-color:RGBA(46,119,187,0.3);
	
}







/* Aperçu des images */
#image_files_big_container #main_workspace_view #image_file_container {
	background:RGB(239,242,242);
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	display:none;
	padding-bottom:34px;
}

#image_files_big_container #main_workspace_view #image_file_container.image_file_container_active{
	display:block;
}

#image_files_big_container #main_workspace_view #image_file_container .img{
	position:absolute;
	top:20px;
	bottom:254px;
	left:20px;
	right:20px;
	
	background-position:center center;
	background-repeat:no-repeat;
	
	
	background-size: contain;
	-moz-background-size: contain; /* Gecko 1.9.2 (Firefox 3.6) */
	-webkit-background-size: contain;/* Safari 3.0 */
}

#image_files_big_container #main_workspace_view #image_file_container .form{
	position:absolute;
	bottom:34px;
	height:180px;
	left:0px;
	right:0px;
	background-color:RGBA(215,217,220,0.3);
	border-top:1px solid #d7d9dc;
	padding:10px;
	color:#232424;
}

#image_files_big_container #main_workspace_view #image_file_container .form input[type=text]{
	border:0px;
	background:transparent;
}

#image_files_big_container #main_workspace_view #image_file_container .form input[type=text]:focus{
	border:0px;
	background:white;
}

#image_files_big_container #main_workspace_view #image_file_container .form textarea{
	border:0px;
	background:transparent;
}

#image_files_big_container #main_workspace_view #image_file_container .form textarea:focus{
	border:0px;
	background:white;
}

#image_files_big_container #main_workspace_view #image_file_container .form .submit_tr{
	display:none;
}





#image_files_big_container #main_workspace_view #image_file_container .close_link{
	width:24px;
	height:24px;
	background-image : url("/iconic/gray_light/x_alt_24x24.png");
	background-repeat:no-repeat;
	background-position:top;
	position:absolute;
	top:5px;
	left:5px;
	cursor:pointer;
}

#image_files_big_container #main_workspace_view #image_file_container .close_link:hover{
	background-image : url("/iconic/gray_dark/x_alt_24x24.png");
	background-position:bottom;
	cursor:pointer;
}



#image_files_big_container #right_bar #multiple_selection{
	color:#eff2f2;
	position:absolute;
	top:0px;
	left:10px;
	padding:9px;
	width:200px;


	cursor:pointer;
	
	/* webkit */
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 0.4s;

	/* Firefox */
	-moz-transition-property: background-color;
	-moz-transition-duration: 0.4s;

	/* standardisé */
	transition-property: background-color;
	transition-duration: 0.4s;
	
	
}



#image_files_big_container #right_bar #multiple_selection:hover{
	background-color:rgba(131,131,131,0.3);
	
	
	
}




#image_files_big_container #left_buttons{
	width:210px;

	background:#d7d9dc;
	position:absolute;
	height:33px;
	bottom:0px;
	border-top:1px solid #adb5ba;
	left:0px;	
}

#image_files_big_container #left_buttons #add_album{
	
	position:absolute;
	top:7px;
	left:10px;

}

#image_files_big_container #left_buttons #remove_current_album{
	
	position:absolute;
	top:7px;
	right:40px;

}

#image_files_big_container #left_buttons #edit_current_album{
	
	position:absolute;
	top:7px;
	right:10px;

}




#image_files_big_container #right_bar_clone{
	
	background:rgba(0,0,0,0.8);
	position:absolute;

	height:34px;
	bottom:0px;

	left:0px;	
	right:0px;
}

#image_files_big_container #right_bar_clone #right_bar_clone_buttons_left{
	

	position:absolute;

	top:9px;

	left:10px;	

}





#image_files_big_container #right_bar{
	
	background:rgba(0,0,0,0.8);
	position:absolute;
	height:34px;
	bottom:0px;

	left:210px;	
	right:0px;
}





#image_files_big_container #right_bar #image_file_form{
	position:absolute;
	top:0px;
	left:240px;
	
}


#image_files_big_container #right_bar #image_file_form .file_upload {
  	position: relative;
	overflow: hidden;


	padding:9px;
	width:250px;


	cursor:pointer;
	
	/* webkit */
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 0.4s;

	/* Firefox */
	-moz-transition-property: background-color;
	-moz-transition-duration: 0.4s;

	/* standardisé */
	transition-property: background-color;
	transition-duration: 0.4s;
	


  direction: ltr;
  cursor: pointer;
  text-align: left;
	color:#eff2f2;




}

#image_files_big_container #right_bar #image_file_form .file_upload:hover {
  	background-color:rgba(131,131,131,0.3);
	



}



.file_upload_highlight {
  background-color: rgba(106,191,6,0.2);
}


#image_files_big_container #right_bar #image_file_queue{
	position:absolute;
	left:240px;
	bottom:33px;
	color:#eff2f2;
	width:50%;
	
	background:rgba(0,0,0,0.9);
	border:1px solid #444444;
	border-top:0px;

	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
	
}

#image_files_big_container #right_bar #image_file_queue #files td{

	padding:5px;
}


#image_files_big_container #right_bar #grid_slider{
	position:absolute;
	right:20px;
	top:15px;
	width:150px;
	height:3px;
	background:#191919;
	border:1px solid #444444;
	border-radius:2px;
}

#image_files_big_container #right_bar #grid_slider .ui-slider-handle{
	
	border-radius:6px;
	height:10px;
	width:10px;
	cursor:pointer;
	background:#838383;
	
}

#image_files_big_container #right_bar #multiple_selection #multiple_menu{
	position:absolute;
	left:0px;
	bottom:33px;
	height:0px;
	width:216px;
	background:rgba(0,0,0,0.9);
	border:1px solid #444444;
	border-top:0px;
	overflow:hidden;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;

}

#image_files_big_container #right_bar #multiple_selection #multiple_menu a{
	
	display:block;
	padding:9px;
	border-top:1px solid #444444;
	color:#eff2f2;



	cursor:pointer;
	
	/* webkit */
	-webkit-transition-property: background-color;
	-webkit-transition-duration: 0.4s;

	/* Firefox */
	-moz-transition-property: background-color;
	-moz-transition-duration: 0.4s;

	/* standardisé */
	transition-property: background-color;
	transition-duration: 0.4s;

}

#image_files_big_container #right_bar #multiple_selection #multiple_menu a:hover{
	
	background-color:rgba(131,131,131,0.3);

}



#image_files_big_container #right_bar #multiple_selection:hover #multiple_menu{
height:auto;
	
	
}


/* index_block.css */
.row_1 td {
  background: #ebf2fe; }

.row td {
  padding: 2px; }
.row .actions {
  text-align: right;
  padding-left: 5px;
  width: 40px; }

.search_bar {
  background: #8ac2f6;
  padding: 10px;
  margin-bottom: 20px; }

.rows_header a {
  text-decoration: none;
  color: black;
  font-weight: bold; }
.rows_header th {
  padding: 5px; }
.rows_header td {
  padding-top: 5px;
  padding-bottom: 5px;
  border-top: 1px solid #484848;
  border-bottom: 1px solid #484848; }

.paginate_cel {
  text-align: right; }
  .paginate_cel .disabled {
    visibility: hidden; }
  .paginate_cel em {
    text-decoration: none;
    padding: 2px 5px 2px 5px;
    border-radius: 10px;
    text-decoration: none;
    color: white;
    font-style: normal;
    margin-right: 2px;
    font-weight: bold;
    background-color: #484848; }
  .paginate_cel a {
    text-decoration: none;
    padding: 1px 5px 2px 5px;
    text-decoration: none;
    color: #484848;
    margin-right: 2px;
    background-color: #f0f0f0;
    border-radius: 10px; }
    .paginate_cel a:hover {
      padding: 2px 5px 2px 5px;
      margin-right: 2px;
      background-color: #484848;
      color: white; }

.per_page_cel {
  color: #484848;
  padding-bottom: 10px;
  padding-top: 10px; }
  .per_page_cel em {
    text-decoration: none;
    padding: 2px 5px 2px 5px;
    border-radius: 10px;
    text-decoration: none;
    color: #484848;
    font-style: normal;
    margin-right: -3px;
    font-weight: normal;
    background-color: #ebf2fe; }
  .per_page_cel a {
    text-decoration: none;
    padding: 1px 5px 2px 5px;
    background: transparent;
    text-decoration: none;
    color: #484848;
    margin-right: 2px;
    font-weight: normal;
    border-radius: 10px; }
    .per_page_cel a:hover {
      padding: 2px 5px 2px 5px;
      margin-right: 2px;
      background-color: #ebf2fe;
      color: #484848; }

.menu_item_position a {
  text-decoration: none; }
.menu_item_position .move {
  font-size: 10px; }
.menu_item_position td {
  padding: 0px; }

.exportation {
  color: #484848;
  padding: 5px; }
  .exportation em {
    text-decoration: none;
    padding: 2px 5px 2px 5px;
    border-radius: 10px;
    text-decoration: none;
    color: #484848;
    font-style: normal;
    margin-right: -3px;
    font-weight: normal;
    background-color: #ebf2fe; }
  .exportation a {
    text-decoration: none;
    padding: 1px 5px 2px 5px;
    text-decoration: none;
    margin-right: 2px;
    font-weight: normal;
    border-radius: 10px;
    background-color: #ebf2fe;
    color: #484848; }
    .exportation a:hover {
      padding: 2px 5px 2px 5px;
      margin-right: 2px;
      font-weight: bold;
      background-color: #484848;
      color: white; }

/* manager.css */
#manager_box_place{
	position:fixed;
	height:0;
	width:100%;
	z-index:1500;
	
	margin:0px;
	padding:0px;
	display:none;

}
#manager_box{
	position:relative;
	width:95%;
	height:95%;
	overflow:auto;
	
	margin:auto;
	margin-top:0px;
	
	background:white;
	background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(#eff2f2), to(#ffffff));
	background: -moz-linear-gradient(0% 100%, 0% 0%, from(#eff2f2), to(#ffffff));
	-webkit-box-shadow: rgba(0,0,0,0.8) 1px 1px 50px;
	-moz-box-shadow: rgba(0,0,0,0.8) 1px 1px 50px;
	box-shadow:  rgba(0,0,0,0.8) 1px 1px 50px;
	
	/* webkit */
	
	
}

#manager_box_place.manager_box_place_active{
	height:100%;
	
	
}


/* pane_hover */
#qi_pane_hover{
	position:fixed;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;


	
	
}

#qi_pane_hover #qi_pane_hover_content{
	margin:auto;
	position:relative;

	background:white;
	background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(rgb(239,242,242)), to(rgb(255,255,255)));
	background: -moz-linear-gradient(0% 100%, 0% 0%, from(rgb(239,242,242)), to(rgb(255,255,255)));
	-webkit-box-shadow: rgba(0,0,0,0.8) 1px 1px 50px;
	-moz-box-shadow: rgba(0,0,0,0.8) 1px 1px 50px;
	box-shadow:  rgba(0,0,0,0.8) 1px 1px 50px;
	
}

#qi_pane_hover #qi_pane_hover_content .content{

	position:absolute;
	top:0px;
	right:0px;
	left:0px;
	bottom:37px;
	overflow:auto;
	padding:10px;

	
}


#qi_pane_hover #qi_pane_hover_content .actions{
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	text-align:right;
	padding-bottom:5px;
	padding-top : 5px;
	border-top :1px solid rgba(127,127,127,0.2);
	height:26px;
	
}

/* prescription.css.scss */
#dashboard_actions{
	
	.panel{
		h3{
			font-weight:normal;
		}
		
		a
			{
				display:block;
				padding:10px;
				-webkit-box-shadow: rgba(0, 0, 0, 0.398438) 0px 1px 3px;
				margin-bottom:20px;
				border:5px solid white;
				background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FAFAFA), to(#EEE));
				text-align:center;
				color:black;
				
				img{
					display:block;
					margin:auto;
					height:100px;
				}
				
				


				&:hover{
					-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 10px;
				}

			}
	}
	
	
	
}




#prescriptions_big_container{
	position:relative;

	#sidebar{
		
		width:300px;
		position:absolute;
		top:0px;
		left:0px;
		bottom:0px;
		overflow:auto;
		border-right:1px solid RGB(34,34,34);
		
		
		.prescription{
			padding:10px;
			border-bottom:1px solid gray;
			cursor:pointer;
			-webkit-transition-duration:0.8s;
		
			
			.date{
				color:gray;
			}
		
			&:hover{
				
				background-color:RGB(235,247,253);
				
			}
			
		
		}
		.prescription.unread{
			background-image:url('/images/point_unread.png');
			background-repeat: no-repeat;
			background-position: 270px center;
		}
		.prescription.undone{

			background-image:url('/images/point_undone.png');
			background-repeat: no-repeat;
			background-position: 270px center;
		}
		.prescription.unread{
			background-image:url('/images/point_unread.png');
			background-repeat: no-repeat;
			background-position: 270px center;
		}
	
		.prescription.done{
			background-image:url('/images/point_done.png');
			background-repeat: no-repeat;
			background-position: 270px center;
		}
		
		
		.prescription.active{
			background-color:RGB(235,247,253);
		}
		
		
		
	}
	
	
	#main_workspace_view{
		position:absolute;
		left:300px;
		right:0px;
		top:0px;
		bottom:0px;
		overflow:auto;
		padding:10px;
		padding-bottom:40px;
		padding-top:40px;
		
		.notes{
		padding:5px;
		margin:5px;
		font-size:15px;
		border:1px solid #ffd148;
		}
		h2{
			.tel{
				float:right;
			}
			
		}
		#ship_info{
			position:absolute;
			top:0px;
			right:0px;
			left:1px;
			height:16px;
			background:#49bd22;
			color:white;
			padding:10px;
			
		}
		.file{
			text-align:center;
			img{
				
			
			}
		}
		.done{
			padding:5px;
		}
	
	}
	
	#right_bar{
		left:300px;
		color:#eff2f2;
		.delete{
			padding:7px;
		}
		.left{
			float:right;
			padding:4px;
		}
	}

}

/* styled_blocks.css */

.image_square{
	float:left;
	padding:5px;
	margin:5px;
	position:relative;
	border : 1px solid rgb(230,230,230);
	border-radius:10px;
	background:white;
}
.image_square:hover{
	border : 1px solid rgba(0,0,0,0.8);
}
.image_square .img{
	text-align:center;
	width:150px;
	height:150px;
	margin:0px;
	background-position:center center;
	background-repeat:no-repeat;

	background-size: contain;
	-moz-background-size: contain; /* Gecko 1.9.2 (Firefox 3.6) */
	-webkit-background-size: contain;/* Safari 3.0 */
	
	
}

.image_square:hover .actions{
	display:block;
	border:none;
	padding:0px;
	margin:0px;
	left:0px;
	top:0px;

	opacity:0.5;
	background :rgb(10,10,10);
	
}

.image_square:hover .actions:hover{

	opacity:1;
	
}

/* core/elements */
a{
	color : #3C74A8;
	text-decoration:none;
}

a:hover{
	color:#3F94EB;
}

/* core/fluid_grid */
/*
	Variable Grid System (Fluid Version).
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/ & 960 Fluid - http://www.designinfluences.com/

	Licensed under GPL and MIT.
*/


/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	width: 100%;
/*	
	margin-left: 4%;
	margin-right: 4%;
*/
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 1%;
	margin-right: 1%;
}

/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .grid_1 {
	width:6.333%;
}

.container_12 .grid_2 {
	width:14.667%;
}

.container_12 .grid_3 {
	width:23.0%;
}

.container_12 .grid_4 {
	width:31.333%;
}

.container_12 .grid_5 {
	width:39.667%;
}

.container_12 .grid_6 {
	width:48.0%;
}

.container_12 .grid_7 {
	width:56.333%;
}

.container_12 .grid_8 {
	width:64.667%;
}

.container_12 .grid_9 {
	width:73.0%;
}

.container_12 .grid_10 {
	width:81.333%;
}

.container_12 .grid_11 {
	width:89.667%;
}

.container_12 .grid_12 {
	width:98.0%;
}



/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .prefix_1 {
	padding-left:8.333%;
}

.container_12 .prefix_2 {
	padding-left:16.667%;
}

.container_12 .prefix_3 {
	padding-left:25.0%;
}

.container_12 .prefix_4 {
	padding-left:33.333%;
}

.container_12 .prefix_5 {
	padding-left:41.667%;
}

.container_12 .prefix_6 {
	padding-left:50.0%;
}

.container_12 .prefix_7 {
	padding-left:58.333%;
}

.container_12 .prefix_8 {
	padding-left:66.667%;
}

.container_12 .prefix_9 {
	padding-left:75.0%;
}

.container_12 .prefix_10 {
	padding-left:83.333%;
}

.container_12 .prefix_11 {
	padding-left:91.667%;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .suffix_1 {
	padding-right:8.333%;
}

.container_12 .suffix_2 {
	padding-right:16.667%;
}

.container_12 .suffix_3 {
	padding-right:25.0%;
}

.container_12 .suffix_4 {
	padding-right:33.333%;
}

.container_12 .suffix_5 {
	padding-right:41.667%;
}

.container_12 .suffix_6 {
	padding-right:50.0%;
}

.container_12 .suffix_7 {
	padding-right:58.333%;
}

.container_12 .suffix_8 {
	padding-right:66.667%;
}

.container_12 .suffix_9 {
	padding-right:75.0%;
}

.container_12 .suffix_10 {
	padding-right:83.333%;
}

.container_12 .suffix_11 {
	padding-right:91.667%;
}



/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .push_1 {
	left:8.333%;
}

.container_12 .push_2 {
	left:16.667%;
}

.container_12 .push_3 {
	left:25.0%;
}

.container_12 .push_4 {
	left:33.333%;
}

.container_12 .push_5 {
	left:41.667%;
}

.container_12 .push_6 {
	left:50.0%;
}

.container_12 .push_7 {
	left:58.333%;
}

.container_12 .push_8 {
	left:66.667%;
}

.container_12 .push_9 {
	left:75.0%;
}

.container_12 .push_10 {
	left:83.333%;
}

.container_12 .push_11 {
	left:91.667%;
}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .pull_1 {
	left:-8.333%;
}

.container_12 .pull_2 {
	left:-16.667%;
}

.container_12 .pull_3 {
	left:-25.0%;
}

.container_12 .pull_4 {
	left:-33.333%;
}

.container_12 .pull_5 {
	left:-41.667%;
}

.container_12 .pull_6 {
	left:-50.0%;
}

.container_12 .pull_7 {
	left:-58.333%;
}

.container_12 .pull_8 {
	left:-66.667%;
}

.container_12 .pull_9 {
	left:-75.0%;
}

.container_12 .pull_10 {
	left:-83.333%;
}

.container_12 .pull_11 {
	left:-91.667%;
}




/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* forms.css */

/* tutorial */

input[type=text],input[type=password], textarea { 
	padding: 5px;
	border: solid 1px #C9C9C9;
	outline: 0;
	font: normal 13px/100% Verdana, Tahoma, sans-serif;
	width: 200px;

	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #F7F7F7), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #F7F7F7 1px, #FFFFFF 25px);
	
	}

textarea { 
	width: 400px;
	max-width: 400px;
	height: 150px;
	line-height: 150%;
	}

input:hover, textarea:hover,
input:focus, textarea:focus { 
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	
	}

label { 


	cursor:pointer;
	}




.button{
	display: inline-block;
	background: #3c74a8;
	background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(rgb(239,242,242)), to(rgb(255,255,255)));
	background: -moz-linear-gradient(bottom, rgb(239,242,242), rgb(255,255,255));
	box-shadow:  rgba(0,0,0, 0.4) 0px 0px 3px;
	-moz-box-shadow: rgba(0,0,0, 0.4) 0px 0px 3px;
	-webkit-box-shadow: rgba(0,0,0, 0.4) 0px 0px 3px;
	border: none;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	color: RGB(46,46,46);
	



	padding: 5px 15px;
	margin:0px 5px 0px 5px;
	font-weight:normal;

	}




.button:hover {
	box-shadow:  rgba(0,0,0, 0.6) 0px 0px 5px;
	-moz-box-shadow: rgba(0,0,0, 0.6) 0px 0px 5px;
	-webkit-box-shadow: rgba(0,0,0, 0.6) 0px 0px 5px;
	color: RGB(46,46,46);
	cursor: pointer; 
	}


.actions{
	text-align:right;
}

button,input[type=submit] {
	display: inline-block;
	background: #3c74a8;
	background: -webkit-gradient(linear, 0% 100%, 0% 0%, from(rgb(60,116,168)), to(rgb(103,146,187)));
	background: -moz-linear-gradient(bottom, rgb(60,116,168), rgb(103,146,187));
	box-shadow:  rgba(0,0,0, 0.4) 0px 0px 3px;
	-moz-box-shadow: rgba(0,0,0, 0.4) 0px 0px 3px;
	-webkit-box-shadow: rgba(0,0,0, 0.4) 0px 0px 3px;
	border: none;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	color: white;
	
	margin:0px 5px 0px 5px;

	padding: 5px 15px;
	text-shadow: 0 1px 1px rgba(0,0,0,0.6);
	font-weight:normal;
	font-size:13px;

	}
	
button:hover,input[type=submit]:hover {
	box-shadow:  rgba(0,0,0, 0.6) 0px 0px 5px;
	-moz-box-shadow: rgba(0,0,0, 0.6) 0px 0px 5px;
	-webkit-box-shadow: rgba(0,0,0, 0.6) 0px 0px 5px;
	cursor: pointer; 
	}
	
	
	
	
.field_with_errors{
	display:inline;
	color:red;
	
}
	
.field_with_errors input{
	display:inline;
	border-color:red;
	

}

.errorExplanation{
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	padding:5px;
	border-color:#F2EDA1;
	background:#FEFCDB;
	
}
.errorExplanation h2{
	font-size:13px;
	margin:0px;
	padding:0px;
}

/* core/general */
.message{
	border: 4px solid black;
	border-radius:10px;
	padding:5px;
	margin:20px;
	-webkit-box-shadow: rgba(0,0,0,0.5) 1px 1px 40px;
	-moz-box-shadow: rgba(0,0,0,0.5) 1px 1px 40px;
	box-shadow:  rgba(0,0,0,0.5) 1px 1px 40px;
}
.alert{
	border-color: rgb(242,237,161);
	background: rgba(254,252,219,0.8);
}

.notice{
	border-color:rgb(205,230,245);
	background:rgba(236,248,254,0.8);
}
#flash{
	position:fixed;
	bottom:0px;
	width:100%;
}

a img{
	border:0px;
}

table{
	border-collapse:collapse;
	width:100%;
}

h1, h2, h3, h4, h5, h6 {
	margin:0px;
	padding:0px;
}