


@import "mixins/_css3.css.scss";

#dashboard_actions{
	
	.panel{
		h3{
			font-weight:normal;
		}
		
		a
			{
				display:block;
				padding:10px;
				@include box-shadow(0px, 1px, 3px, rgba(0, 0, 0, 0.4));
				margin-bottom:20px;
				border:5px solid white;
		
				@include linear-gradient(#FAFAFA, #EEE);
				text-align:center;
				color:black;
				
				img{
					display:block;
					margin:auto;
					height:100px;
				}
				
				


				&:hover{

					@include box-shadow(0px, 2px, 10px, rgba(0, 0, 0, 0.398438));
				}

			}
	}
	
	
	
}

#busy{
	
	position:absolute;
	z-index:9000;
	top:0px;
	bottom:0px;
	right:0px;
	left:0px;
	
}

.loading{
	min-height:50px;
}


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;
		
}





/* 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;
	
}


.hoverhighlight a{

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


/* 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%;
	
	
}




/* 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;
}



