/* CSS Document */

html, body {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	overflow: hidden;
}


.layout {
	height: 100%;
	width: 100%;
}

.layout > div {
	display: inline-block;
	overflow: hidden;
}

.layout-column > div {
	height: 100%;
}

.layout .layout-panel-scrollable {
	overflow: auto;
}
.ui-layout-resizing .layout-panel-scrollable {
	overflow: hidden !important;
}

.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix { 
	height: 1%;
}

.clearfix {
	display: block;
}

input:-webkit-autofill {
	background-color: red !important;
	background-image: none;
}

.right {
	float: right;
}

.panel {
	overflow-y: auto; /* Important pour éviter que tout se barre et pour le script */
	border: 0px;
}

.panel.pos-left {
	float: left;
	border-right: 1px solid black;
	width: 100px;
	height: 100%;
}

.panel.pos-right {
	float: right;
	border-left: 1px solid black;
	width: 100px;
	height: 100%;
}

.panel.pos-bottom {
	height: 100px;
	width: 100%;
	border-top: 1px solid black;
}

.panel.pos-bottom.fix_bottom {
	height: auto;
	border: none;
}

/*
.fix_bottom {
	border: 0px;
}
*/

/*
.panel {
	overflow: hidden;
}
*/
/*
#global_content {
	height: 500px;
}
*/

#global_content > div.panel {
/*	overflow: auto;*/
	height: 100%;
}

#left_panel {
	width: 250px;
	border-right: 1px solid black;
	float: left;
}

#right_panel {
	border-left: 1px solid black;
	width: 350px;
	float: right;
}

#main_panel {
	margin-left: 252px; /* Taille .left + ses bordures */
	margin-right: 352px; /* Taille .left + ses bordures */
}

#main_bottom_panel {
	height: 300px;
	border-top: 1px solid black;
}

.content {
	margin: 2px;
}

.scrollable {
	overflow: auto;
}

.gridview {
	height: 100%;
}

.gridview .has_filters {
	background: #CCC;
	height: 2.2em;
	line-height: 2.2em;
	padding: 1px 5px;
}

.gridview .has_filters form {
	display: none;
}

.gridview .has_filters.show_form .label,
.gridview .has_filters.show_form .right {
	display: none;
}
.gridview .has_filters.show_form form {
	display: block;
}

.gridview .has_filters .right {
	float: right;
}

.gridview .has_filters .ui-button {
	background: transparent;
	border: 0px;
}

.panel.gridview.mixed {
	width: 300px;
}

.panel.gridview.mixed .grid .column-1.preview {
	padding: 0px;
}

.panel.gridview.mixed .grid .column-1.image {
	padding: 0px;
}

.panel.gridview.mixed .grid .image {
	background: #FFF;
	margin: auto auto;
}

.panel.gridview.mixed .grid .image, .panel.gridview.mixed .grid .image img {
	width: 50px;
	height: 50px;
}

.panel.gridview .scrollable {
	overflow-x: hidden;
}

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

.header {
	border-left: 0;
	border-right: 0;
}

.header .title {
	padding: 0 0 0 5px;
	color: #000;
	font-weight: bold;
}

.header .title .sort {
	float: right;
	margin: 4px 2px 0 0;
}

.header .right {
	float: right;
}

.panel > .header {
}
.panel > .treemenu {
	height: 100%;
}
.panel > .treemenu .header > .title,
.ui-tabs-panel > .header > .title,
.panel > .header > .title {
	font-size: 1.2em;
	margin: 0;
	line-height: 1.9em;
	height: 1.9em;
	overflow: hidden;
}

.panel > .treemenu .header > .right,
.ui-tabs-panel > .header > .right,
.panel > .header > .right {
	padding: 0;
	line-height: 1.6em;
	height: 1.6em;
	font-size: 1.4em;
}

/*
.ui-button-text-only .ui-button-text {
	padding-top: 0.1em;
	padding-bottom: 0.1em;
}

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
	padding: 0.1em;
}
*/
fieldset {
	border: 1px solid var(--osp-color-tertiary);
}

fieldset legend {
	font-size: 1.1em;
	font-weight: bold;
	color: #000;
}

/* Pour safari */
.ui-button-text {
	text-shadow: none;
}

.buttonset button.ui-button-icon-only {
	width:1.6em;
}

.ui-buttonset {
	margin-right: 3px;
}

.ui-tabs .ui-tabs-nav li a {
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}

.panel > .ui-tabs {
	padding: 0px;
	border: none;
	overflow: auto; /* Je ne sais pas pourquoi j'en ai besoin mais si le UL devient fou */
}

.panel > .ui-tabs .ui-tabs-panel {
	padding: 0;
}

.panel > .ui-tabs .ui-tabs-panel .panel.pos-content {
	padding-top: 2px;
}

fieldset legend + * {
	margin-top: 2px;
}

.infos_required {
	float: right;
}

.ui-tabs > .right {
	display: block;
	float: right;
}

.ui-tabs > .right.buttons {
	height: 2em;
	margin-top: 1px;
}

.ui-tabs > .right button {
	height: 100%;
}

.ui-tabs > .right.wait {
	margin: 5px 5px 0 0;
	display: none;
}

.layout.layout-border .panel.south.form_submit,
.panel.pos-bottom.form_submit {
	height: 3.5em !important;
	line-height: 3.5em !important;
	background: #EBEBEB;
	overflow: hidden;
}
.layout.layout-border .panel.south.form_submit > div,
.panel.pos-bottom.form_submit > div {
	margin: 0 5px;
	text-align: left;
}
.layout.layout-border .panel.south.form_submit input, 
.panel.pos-bottom.form_submit .input {
	border: none
}
.layout.layout-border .panel.south.form_submit .input,
.layout.layout-border .panel.south.form_submit .input_wrapper,
.panel.pos-bottom.form_submit .input,
.panel.pos-bottom.form_submit .input_wrapper {
	display: inline;
}
.layout.layout-border .panel.south.form_submit .input_wrapper .ui-checkbox-stylized,
.panel.pos-bottom.form_submit .input_wrapper .ui-checkbox-stylized {
	display: inline-block;
}

.wait {
	width: 16px;
	height: 16px;
	background: url(../img/wait.gif) no-repeat top center;
}

input.link {
	text-decoration: underline;
}

input.link_hover {
	text-decoration: none;
	cursor: move;
}




div.preview {
	border: 1px solid #E2E2E2;
	margin-right: 10px;
	width: 230px;
	position: relative;
}

div.preview.with_image {
	height: 50px;
}

div.preview .content_wrapper {
	margin: 0 0 0 55px;
	text-align: left;
	white-space: normal;
}
div.preview .content_wrapper > div {
	display: inline-block;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
div.preview .content_wrapper .content .primary {
	font-weight: bold;
	font-size: 1.1em;
}
div.preview .content_wrapper .content .secondary {
}
div.preview .content_wrapper .height {
	height: 50px;
}

table div.preview {
	border: none;
	width: auto;
	margin-right: inherit;
}

ul.preview {
	list-style-type: none;
	margin: 5px;
	padding: 0;
}

ul.preview li {
	float: left;
	list-style-type: none;
}

ul.preview li:hover div.preview {
	background: #FCF5DD;
}

ul.preview li a {
	text-decoration: none;
	color: #222;
}

.input.file .ui-upload-file {

}
.input.file .ui-upload-file .ui-icon.link {
	float: left;
	margin-right: 5px;
}
.input.file .ui-upload-file .ui-icon.close {
	float: right;
	display: none;
	cursor: pointer;
}
.input.file .ui-upload-file:hover .ui-icon.close {
	display: inline-block;
}
.input.file .ui-upload-buttons_btn-dropdown .ui-button-text {
	margin-left: 0.4em;
}
div.dropdown .wait {
	padding: 5px;
	width: 64px;
	height: 64px;
}

div.preview_tipped {
	float: left;
	font-size: 10px;
}

div.preview_tipped .hr_full,
div.ui-aide_tipped_content .hr_full {
	background: none repeat scroll 0 0 #DFDFDF;
	height: 1px;
	margin-bottom: 10px;
	margin-top: 5px;    
	clear: both;
	float: left;
	width: 100%;
}

div.preview_tipped >.avatar {
	float: left;
	height: 52px; /* 50 + 2 */
	margin-right: 10px;
	width: 52px; /* 50 + 2 */
}

div.preview_tipped > .avatar > img {
	border: 1px solid #AEAEAE;
	float: left;
}

div.preview_tipped > .info {
	float: left;
	width: 100%;
}

div.preview_tipped.image > .info {
	padding-left: 10px;
	border-left: 1px solid #DEDEDE;
}

div.preview_tipped > .bottom {
	margin-bottom: 5px;
}

div.preview_tipped {
	width: 300px;
}

div.preview_tipped.image > .info {
	width: 227px;
}

div.preview_tipped.small {
	width: 200px;
}

div.preview_tipped.small.image > .info {
	width: 127px;
}

div.preview_tipped .title {
	font-size: 1.3em;
	font-weight: bold;
}

div.preview_tipped .subtitle {
	font-style: italic;
}

.qtip-content ul.contextual_menu {
	float: left;
	width: 100%;
	max-height: 400px;
	overflow-x: hidden;
	overflow-y: auto;
}

.qtip-content {
	min-width: 200px;
}
.ui-tipped-ajax-waiting .qtip-content {
	min-width: 0;
	width: auto;
}
.qtip.ui-dropdown {
	max-width: 600px;
}
.qtip-content > .header {
	background: none;
	border: 0;
	border-bottom: 1px solid #DFDFDF;
	margin: 0 0 10px;
	padding: 0 0 5px;
}
.qtip-content > .header .title {
	padding: 0;
	margin: 0;
	font-size: 1.3em;
	font-weight: bold;
	color: #4B4B4B;
}


.empty_selection, .multi_selection, .empty_search, .empty_grid {
	background: no-repeat center top;
	padding-top: 85px;
	text-align: center;
	font-weight: bold;
	font-size: 1.1em;
	position: relative;
	top: 20%;
	color: #CCC;
	white-space: normal;
}

.empty_selection a, .multi_selection a, .empty_search a, .empty_grid a {
	color: #CCC;
}

.empty_selection a:hover, .multi_selection a:hover, .empty_search a:hover, .empty_grid a:hover {
	text-decoration: none;
}

.empty_selection {
	background-image: url(../img/empty_selection.png);
}

.empty_search {
	background-image: url(../img/empty_search.png);
}

.empty_grid {
	background-image: url(../img/empty_grid.png);
}

.multi_selection {
	background-image: url(../img/multi_selection.png);
}

.gridview .title.button_sort {
	cursor: pointer;
}

.panel.gridview > .header > .title {
	margin-bottom: 0px;
}

.grid.tree .ui-icon.branch {
	display: inline-block;
	position: relative;
	top: 3px;
}

.grid td.more {
	cursor: pointer;
}

.grid td.more.wait {
	background-position: center center;
}

.grid td.more {
	text-align: center;
	height: 5em;
}

.grid td.more .text {
	font-weight: bold;
	font-size: 1.2em;
	color: #000;
}

.grid td.more .total {
	font-style: italic;
}

.grid td.more:hover {
	text-decoration: underline;
}

.grid td.more .text {
}

.grid td.more.wait > div {
	display: none;
}

.grid tr.group > .header > .title {
	padding: 2px 5px;
	background: transparent;
	font-size: 1.2em;
	font-weight: bold;
	color: #000;
}

.grid tr.group .show_hide_content {
	float: left;
	margin: -3px 5px 0 -5px;
	cursor: pointer;
}

input.ui-button {
	padding: 0.3em 0.55em 0.2em !important;
}

.ui-button.ui-state-hover {
	z-index: 1;
}

.ui-buttonset .ui-button {
	margin-right: -0.5em;
}
.ui-dialog .ui-dialog-buttonpane .ui-buttonset .ui-button {
	margin-left: 0;
	margin-right: -1px;
}

.ui-buttonset label.ui-button {
	margin-right: -1px;
}

.ui-buttonset .ui-button:first-child {
	z-index: 1;
}

/*
Cette valeur serait bien pour les boutons contextuel (avec le fleche vers le bas)
mais pour les autres
.ui-buttonset button.ui-button-icon-only {
	width: 1.6em;
}
*/
.ui-events-hover.ui-state-hover {
	border: none;
	background: inherit;
	font-weight: normal;
}

.header .title .ui-events-hover.ui-state-hover {
	font-weight: bold;
}

/* Permet d'éviter qu'il reste dans le bas et prenne de la place */
#ui-datepicker-div {
	display: none;
}





/***************************************************************************/
/*                                                                         */
/*                         S E A R C H     I N L I N E                     */
/*                                                                         */
/***************************************************************************/
.search_inline > div > .header {
	height: 2em;
	line-height: 2em;
	margin-bottom: 5px;
	text-align: center;
}

.search_inline > div {
	border: 1px solid #E2E2E2;
	border-width: 1px 1px 1px 0;
	display: inline-block;
}

.search_inline > div:first-child {
	border-left-width: 1px;
}

.search_inline > div .content {
	height: 300px;
	overflow-y: auto;
	margin: 0;
}

.search_inline .criteria button {
	margin-top: 20px;
}

.search_inline .criteria {
	width: 150px;
	text-align: center;
}

.search_inline .criteria .input {
	display: block;
}

.search_inline .results {
	width: 500px;
}

.search_inline .items_selected {
	width: 200px;
}

.search_inline .items {
	margin-top: 5px;
}

.search_inline .item {
	display: block;
	float: left;
	height: 2em;
	line-height: 2em;
	border: 1px solid #E2E2E2;
	padding: 2px;
}

.search_inline.single .item {
	cursor: pointer;
	overflow: hidden;
}

.search_inline .item .ui-icon {
	float: right;
	cursor: pointer;
	display: none;
}

.search_inline .results .column-1 {
	width: 50px;
	min-height: 50px;
}

/***************************************************************************/
/***************************************************************************/


.input.thin {
	margin: 0; padding: 0;
	background: transparent;
}

.input.thin.select {
	border: none;
}


.grid_filter .field,
.grid_filter .operator,
.grid_filter .value {
	display: inline;
	margin-right: 10px;
}

.grid_filter .filter_delete {
	float: right;
	border: 0px;
	background: transparent;
}
.grid_filter .filter {
	margin-bottom: 3px;
}

/*************************************************/
/*                                               */
/*     T E X T A R E A   A U T O R E S I Z E     */
/*                                               */
/*************************************************/
textarea.autoresize {
	height: 1em;
}


/*************************************************/
/*************************************************/
/*                                               */
/*               A C C O R D I O N               */
/*                                               */
/*************************************************/
.ui-accordion-header .header {
	background: transparent;
	border: none;
}


.ui-accordion-header .right {
	display: none;
}
.ui-accordion-header.ui-state-active .right {
	display: block;
}

.ui-accordion-header .ui-button {
	background: none;
	border: none;
	height: auto;
	line-height: 0;
	margin: 0;
	padding: 0 !important;
}


/*************************************************/
/*************************************************/
/*                                               */
/*                  S P I N N E R                */
/*                                               */
/*************************************************/
.input.spinner input[type=text] {
	width: auto !important;
}
.ui-spinner .ui-spinner-up {
	margin-top: -6px;
}
.ui-spinner .ui-spinner-button {
	height: 12px !important;
}


/*************************************************/
/*************************************************/
/*                                               */
/*                   S L I D E R                 */
/*                                               */
/*************************************************/
.input.slider.with_ruler {
	height: 40px;
}
.input.slider.with_ruler .ui-slider {
	margin-right: 10px;
}

.slider_ruler {
	margin-top: 16px;
	width: 100%;
	height: 20px;
	position: relative;
	cursor: default;
}
.slider_ruler .unit {
	float: left;
	width: 6.666666666666%;
	position: relative;
}
.slider_ruler .unit .line {
	background: #AAA;
	height: 5px;
	width: 1px;
	float: right;
}
.slider_ruler .unit.indicator .line {
	height: 10px;
}
.slider_ruler .unit .indicator {
	position: absolute;
	top: 10px;
	right: -150%;
	width: 300%;
	height: 1em;
	text-align: center;
	overflow: hidden;
}

.slider_ruler .unit:first-child {
	position: absolute;
}
.slider_ruler .unit:first-child .line {
	float: left;
}
.slider_ruler .unit:first-child .indicator {
	left: -150%;
}
.slider_ruler .unit:last-child .indicator {
	width: auto;
	text-align: left;
}
.input .ui-slider {
	margin-top: 4px;
	margin-bottom: 3px;
}


/*************************************************/
/*************************************************/
/*                                               */
/*   M E D I A S   /   F I L E U P L O A D E R   */
/*                                               */
/*************************************************/
.input.file .qq-uploader {
	min-height: 16px;
	line-height: 16px;
}
.input.file .qq-upload-button {
	display: none;
}
.input.file .qq-upload-list {
	margin: 0;
	list-style: none;
	position: relative;
	width: 100%;
}
.input.file .qq-upload-size {
	display: none !important;
}
.input.file .qq-upload-spinner {
	background: blue;
	opacity: 0.6;
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
}


/*************************************************/
/*************************************************/
/*                                               */
/*                 C A R O U S E L               */
/*                                               */
/*************************************************/
.rs-carousel {
	overflow: hidden;
}

.rs-carousel.ui-state-disabled {
	opacity: 1;
}

.rs-carousel-mask {
	height: 150px;
	position:relative;
	overflow:hidden;
}
		
.rs-carousel .rs-carousel-runner {
	position: absolute;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}

.carousel .rs-carousel-runner .rs-carousel-item {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

.rs-carousel-pagination {
	list-style: none;
	margin: 0;
	padding: 0;
}

.rs-carousel-disabled .rs-carousel-pagination {
	display: none;
}
 
.rs-carousel-pagination-link {
	display: inline;
}

.rs-carousel-pagination-link a {
	padding: 2px 6px;
}

.rs-carousel-pagination-link a:hover {
	text-decoration: none;
}

.rs-carousel-pagination-link-active a {
	 background: #444;
	 color: #fff;
}
	
	/* next & prev actions */
.rs-carousel-disabled .rs-carousel-action-next,
.rs-carousel-disabled .rs-carousel-action-prev {
	display: none;
}		

.rs-carousel-action-disabled {
	color: gray;
	cursor: default;
}




/*************************************************/
/*************************************************/
/*                                               */
/*         F L U I D    C O N T A I N E R        */
/*                                               */
/*************************************************/
.container_12, 
.container_16 {
	margin-left: 0;
	margin-right: 0;
	width: 100%;
}




/*************************************************/
/*************************************************/
/*                                               */
/*                T R E E   M E N U              */
/*                                               */
/*************************************************/

/*
.panel.tree_menu-closed {
	width: 2.4em !important;
}

.panel.tree_menu-closed .tree_menu ul.level_2 {
	display: none;
}

.panel .tree_menu {
	margin: 0;
}

.panel .tree_menu .tree_menu-close {
	float: right;
	cursor: pointer;
}

.panel.tree_menu-closed .tree_menu {
	overflow: hidden;
}

.panel.tree_menu-closed .tree_menu ul.level_1 li {
	width: 10em;
	height: 2em;
	line-height: 2em;
	
	margin: 0;
	padding: 0 5px;
	
	border: 0px solid #AAAAAA;
	border-width: 0 0 0 1px;
	
	cursor: pointer;
	
	overflow-x: hidden;
	position: relative;
	left: -4.4em;
	
	-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
*/

.treemenu.content {
	margin: 0;
	overflow-y: auto;
	overflow-x: hidden;
}
.treemenu.content .none {
	text-align: center;
}
.treemenu .header .right > .ui-icon {
	margin-top: 4px;
	margin-right: 5px;
}
.treemenu .treemenu_group {
	min-height: 80px;
}
.treemenu .treemenu_group +  .treemenu_group {
	margin-top: 20px;
}
.treemenu .treemenu_group .content {
	margin: 10px 0 0;
}
.treemenu li.icon > .ui-icon {
	margin-top: 1px;
	float: left;
}


.panel .reduced_bar {
	display: none;
	width: 100%;
	height: 100%;
	
	cursor: pointer;

	position: relative;
	overflow: hidden;
}

.panel .reduced_bar .title {
	height: 2em;
	line-height: 2em;

	font-size: 1.2em;
	font-weight: bold;
	
	margin: 0;
	padding: 0;
	
	border: 0px solid #AAAAAA;
	border-width: 0 0 0 1px;
	
	position: absolute;
	display: block;
	white-space:nowrap;

	writing-mode: tb-rl;
	-webkit-transform: rotate(-90deg); 
	-moz-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.panel .reduced_bar,
.panel.reduced {
	width: 26px !important;
}
.panel.reduced > * {
	display: none;
}
.panel.reduced .reduced_bar {
	display: block;
}
.panel.reduced.opened {
	position: absolute;
	width: 228px !important;
	height: auto !important;
	z-index: 5000;
	box-shadow: 1px 0 5px var(--osp-color-primary);
}
.panel.reduced.opened > * {
	display: block;
	margin-left: 26px;
}
.panel.reduced.opened .reduced_bar {
	position: absolute;
	margin-left: 0 !important;
	border-right: 2px solid var(--osp-color-primary);
}
.panel.reduced .treemenu .reduce_panel {
	display: none;
}
.panel .reduced_bar .ui-button.ui-button-icon-only {
	width: 2.2em;
	padding-top: 0.55em;
	padding-bottom: 0.2em;
}
.panel.reduced.auto_hide .reduced_bar > .ui-button {
	display: none;
}
.panel.reduced.auto_hide .reduced_bar > .title {
	margin-top: 0;
}






#dashboard.default .top {
	margin-bottom: 20px;
}
#dashboard.default .top .tab {
	text-align: center;
	background: #EFEFEF;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #EFEFEF), color-stop(100%), #E9E9E9));
	background: -webkit-linear-gradient(center top , #EFEFEF 0%, #E9E9E9 100%) repeat scroll 0 0 transparent;
	background: -moz-linear-gradient(center top , #EFEFEF 0%, #E9E9E9 100%) repeat scroll 0 0 transparent;
	background: -o-linear-gradient(center top , #EFEFEF 0%, #E9E9E9 100%) repeat scroll 0 0 transparent;
	background: -ms-linear-gradient(center top , #EFEFEF 0%, #E9E9E9 100%) repeat scroll 0 0 transparent;
	background: linear-gradient(center top , #EFEFEF 0%, #E9E9E9 100%) repeat scroll 0 0 transparent;
	border: 1px solid #ABABAB;
	-webkit-box-shadow: 0 1px 0 #FFFFFF inset;
	-moz-box-shadow: 0 1px 0 #FFFFFF inset;
	box-shadow: 0 1px 0 #FFFFFF inset;
	color: #3B3B3B;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px 5px;
}
#dashboard.default .top .tab.button {
	cursor: pointer;
}
#dashboard.default .top .tab.button.active {
	cursor: default;
}
#dashboard.default .top .tab.active,
#dashboard.default .top .tab.highlight,
#dashboard.default .top a:hover .tab {
	background: var(--osp-color-primary);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8d426), color-stop(40%), var(--osp-color-primary)));
	background: -webkit-linear-gradient(center top , #f8d426 0%, var(--osp-color-primary) 40%) repeat scroll 0 0 transparent;
	background: -moz-linear-gradient(center top , #f8d426 0%, var(--osp-color-primary) 40%) repeat scroll 0 0 transparent;
	background: -o-linear-gradient(center top , #f8d426 0%, var(--osp-color-primary) 40%) repeat scroll 0 0 transparent;
	background: -ms-linear-gradient(center top , #f8d426 0%, var(--osp-color-primary) 40%) repeat scroll 0 0 transparent;
	background: linear-gradient(center top , #f8d426 0%, var(--osp-color-primary) 40%) repeat scroll 0 0 transparent;
}
#dashboard.default .top .tab.active {
	padding-bottom: 20px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-width: 0;
}
#dashboard.default .top .tab.active.tipped {
	padding-bottom: 10px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-width: 1px;
}
#dashboard.default .top .tab .value {
	font-size: 36px;
	font-weight: bold;
	height: 40px;
	line-height: 40px;
}
#dashboard.default .top .tab .attribute {
	font-size: 1.2em;
	text-transform: uppercase;
}
#dashboard.default .top .contents {
	border-top: 3px solid var(--osp-color-primary);
}
#dashboard.default .top .content {
	display: none;
}
#dashboard.default .top .content.active {
	display: block;
}
#dashboard.default .top .content.empty {
	height: 300px;
}
#dashboard.default {
	width: 1000px;
	margin: 10px auto 0;
	min-height: 200px;
}
#dashboard.default .contents {
	margin: 0 1%;
}
#dashboard.default .group .chart {
	margin-top: -30px;
}
#dashboard.default .group .chart.title_less {
	margin-top: 0;
}
#dashboard.default .content .title .count {
	font-size: 0.6em;
	margin-left: 0.5em;
}

.input.button.checkbox input[type=checkbox] {
	display: none;
}

.input input[type=number] {
	text-align: right;
}








.input_media_preview.image {
	border: 1px solid var(--osp-color-primary);
	padding: 3px;
	margin: 6px 0 5px;
	position: relative;
}
.input_media_preview.image,
.input_media_preview.image .wait,
.input_media_preview.image .empty,
.input_media_preview.image img {
	width: 50px;
	height: 50px;
}

.input_media_preview.image.none img {
	display: none;
}
.input_media_preview.image .empty {
	display: none;
}
.input_media_preview.image.none .empty {
	display: block;
}
.input_media_preview.image.none .ui-button.delete {
	display: none;
}

.input_media_preview.image .action,
.input_media_preview.image .wait {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 56px;
	height: 56px;
	z-index: 1;
}

.input_media_preview.image .action {
	background: #FFF;
	opacity: 0.8;
	text-align: center;
}
.input_media_preview.image:hover .action {
	display: block;
}

.input_media_preview.image .action .ui-button {
	display: inline;
	background: transparent;
	border: none;
	padding: 0;
	margin: 34px 0 0;
	width: 16px;
}
.input_media_preview.image .action .ui-button .ui-button-text {
	padding: 0;
	margin: 0;
	width: 16px;
}
.input_media_preview input[type=file] {
	display: none;
}







#hierarchy {
	width: 100%;
	height: 100%;
	position: relative;
}

#hierarchy > .item {
	border: 1px solid red;
	height: 50px;
	width: 150px;
	position:absolute; 
	z-index: 20;
	background: #FFF;
	cursor: pointer;
}

#Material1 {
	top: 50px;
	left: 30%;
}
#Material2 {
	top: 300px;
	left: 20%;
}
#Material3 {
	top: 400px;
	left: 70%;
}

._jsPlumb_connector { z-index:4; }
._jsPlumb_endpoint { z-index:5; }
._jsPlumb_overlay { z-index:6; }







/*******************************************/
/*                                         */
/*     P R E V I E W   S E L E C T O R     */
/*                                         */
/*******************************************/

.preview_selector.result {
	position: relative;
}
.preview_selector.result .hover {
	position: absolute;
	width: 100%;
	height: 50px;
	line-height: 50px;
	top: 1px;
	background: #FFF;
	opacity: 0.9;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	display: none;
	color: #AAA;
}
.preview_selector.result .hover:before,
.preview_selector.result .hover:after {
	content: ' ';
	position: absolute;
	width: 1px;
	height: 100%;
	background: #AAA;
}
.preview_selector.result .hover:before {
	left: 0;
}
.preview_selector.result .hover:after {
	right: 0;
}
/*
.preview_selector.result.empty .hover {
	display: block;
}
*/
.preview_selector.result:hover .hover {
	display: block;
	text-decoration: underline;
}
.preview_selector.result,
.preview_selector.item {
	width: 275px;
	height: 50px;
}
.preview_selector.item {
	border: 1px solid #AAA;
}
.preview_selector.result {
	cursor: pointer;
}
.preview_selector.item .image,
.preview_selector.item .image img {
	height: 50px;
	width: 50px;
	float: left;
	border-right: 1px solid #AAA;
}
.preview_selector.item .text {
	margin: 0 0 0 55px;
	font-weight: bold;
}
/* Cf. http://www.alsacreations.com/tuto/lire/1032-comment-centrer-verticalement-sur-tous-les-navigateurs.html#cv_blocs */
.preview_selector.item .text .height {
	height: 50px;
}
.preview_selector.item .text > div {
	display: inline-block;
	vertical-align: middle;
}
.preview_selector.container {
	border: 0 solid #AAA;
	border-width: 0 1px 1px;
	width: 250px;
	background: #FFF;
}
.preview_selector.tipped_content {
	display: none;
}
.preview_selector.tipped_content .content {
	padding: 0;
	margin: 0;
}
.preview_selector.tipped_content .header .title,
.tipped_content .preview_selector .header .title {
	color: #000000;
	font-weight: bold;
	padding: 0 0 0 5px;
	font-size: 1.2em;
	line-height: 1.9em;
}
.preview_selector.container .searchbox {
	border: 0;
	border-radius: 0;
	margin: 0;
	padding: 2px 5px;
}
.preview_selector.container .searchbox label {
	margin-top: 0;
	width: 20px;
}
.preview_selector.container .searchbox .input_wrapper {
	margin-left: 20px;
}
.preview_selector.container ul {
	border: 0 solid #AAA;
	border-width: 1px 0 0;
	padding: 0;
	margin: 0;
	list-style: none;
	max-height: 254px;
	overflow: auto;
}
.preview_selector.container .item {
	width: auto; /* Evite d'avoir le scroll horizontal */
	border: 0;
}
.preview_selector.container li + li {
	border-top: 1px solid #AAA;
}
.preview_selector.container li:hover {
	cursor: pointer;
	background: #EFEFEF;
	position: relative;
}
.preview_selector.container li.search_noresult {
	display: none;
}
.preview_selector.container li.search_noresult + li {
	border-top: 0;
}
.preview_selector.container li.search_noresult:hover {
	background: none !important;
	cursor: default;
}
.preview_selector.container li.search_noresult .image {
	display: none;
}
.preview_selector.container li.search_noresult .text {
	margin-left: 5px;
}
.preview_selector.container li:hover {
	background: #EFEFEF;
}
.preview_selector.container li.selected, .preview_selector.container li.selected:hover {
	background: #AAA;
}

.preview_selector.container + .submit input[type=submit],
.preview_selector.container + .submit button {
	width: 100%;
	border-top-left-radius: 0; 
	border-top-right-radius: 0; 
}


.post-it {
	position: relative;
	display: block;
	background: #EFD93F;
	margin: 0 auto;
	background: -webkit-gradient(linear, left bottom, left top, from(#E5CF33), to(#FAE139));
	background: -moz-linear-gradient(bottom,  #E5CF33,  #FAE139);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px 15px;
}



.ui-aide_content {
//	display: none;
}
.ui-aide_item .ui-aide_tipped_content {
	font-size: 11px;
}
.ui-aide_item .ui-aide_tipped_content .header {
	background: transparent;
	border: 0;
	font-size: 1.3em;
	font-weight: bold;
}
.ui-aide_item .ui-aide_tipped_content .hr_full {
	background-color: #4B4B4B;
}
.ui-aide_item .ui-aide_tipped_content ul {
	margin: 0.2em 0;
	padding: 0 1.5em;
}

.grid_menu .main {
	font-size: 1.1em;
	font-weight: bold;
	color: #000;
}
.grid_menu .description {
	white-space: normal;
}
.grid_menu tr.group .count {
	display: none;
}

div.ui-aide_item {
	padding: 3px 6px;
	background: #ffffaa;
	border: rgba(109, 82, 8, .4) 1px solid;
	border-radius: 5px;
	position: relative;
}
.t_Tooltip.t_Tooltip_yellow div.ui-aide_item {
	padding: 0;
	background: transparent;
	border: 0;
}
div.ui-aide_item.top-right:after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	bottom: 100%;
	right: 15px;
	border-width: 0 6px 6px 6px;
	border-style: solid;
	border-color: #ffffaa transparent;    
}
div.ui-aide_item.top-right:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	bottom: 100%;
	right: 13px;
	border-width: 0 8px 8px 8px;
	border-style: solid;
	border-color: rgba(109, 82, 8, .4) transparent;    
}
div.ui-aide_item p {
	margin: 0;
}
.ui-dialog.ui-dialog-titleless .ui-dialog-titlebar {
	display: none;
}
.ui-dialog.ui-dialog-titleless .ui-dialog-titlebar + .ui-dialog-content {
	padding-top: 0;
}
.ui-selector .preview {
	width: 100% !important;
}
.ui-selector li.ui-selector_active .preview {
	background: var(--osp-color-primary);
}
.ui-selector li.ui-selector_active li .preview {
	background: inherit;
}
.ui-selector li.ui-selector_hover .preview {
	border-color: var(--osp-color-primary);
}



.table h4.media-heading,
.table h5.media-heading,
.table h6.media-heading {
  margin: 0;
  font-weight: bold;
}



.alert-message {
	border-style: solid;
	border-width: 1px 0;
	border-radius: 0;
}
.alert-message + .alert-message {
	border-top: 0;
}
.alert-message .widget-body  {
	border: 0;
}

.alert-message.alert-message-info,
.alert-message.alert-message-info .widget-body  {
	border-color: #BCE8F1;
	color: #3A87AD;
	background: #D9EDF7 !important;
}

.alert-message.alert-message-error,
.alert-message.alert-message-error .widget-body  {
	color: #B94A48;
	background-color: #F2DEDE !important;
	border-color: #EED3D7;
}

.alert-message.alert-message-success,
.alert-message.alert-message-success .widget-body  {
	color: #468847;
	background-color: #DFF0D8 !important;
	border-color: #D6E9C6;
}
.alert-message ul {
	margin: 0;
	padding: 0;
}
.alert-message li {
	list-style: none;
}
.alert-message li + li {
	margin-top: 10px;
}
.alert-message p {
	margin: 0;
	padding: 0;
}
.alert-message p + p {
	margin-top: 10px;
}








/* ROW FLUID BOOTSTRAP
http://twitter.github.com/bootstrap/scaffolding.html#fluidGridSystem
 ------------------------------------------- */

.row-fluid {
  width: 100%;
  *zoom: 1;
}

.row-fluid:before,
.row-fluid:after {
  display: table;
  line-height: 0;
  content: "";
}

.row-fluid:after {
  clear: both;
}

.row-fluid [class*="span"] {
  display: block;
  float: left;
  width: 100%;
  min-height: 30px;
  margin-left: 2.127659574468085%;
  *margin-left: 2.074468085106383%;
  -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
		  box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {
  margin-left: 0;
}

.row-fluid .controls-row [class*="span"] + [class*="span"] {
  margin-left: 2.127659574468085%;
}

.row-fluid .span12 {
  width: 100%;
  *width: 99.94680851063829%;
}

.row-fluid .span11 {
  width: 91.48936170212765%;
  *width: 91.43617021276594%;
}

.row-fluid .span10 {
  width: 82.97872340425532%;
  *width: 82.92553191489361%;
}

.row-fluid .span9 {
  width: 74.46808510638297%;
  *width: 74.41489361702126%;
}

.row-fluid .span8 {
  width: 65.95744680851064%;
  *width: 65.90425531914893%;
}

.row-fluid .span7 {
  width: 57.44680851063829%;
  *width: 57.39361702127659%;
}

.row-fluid .span6 {
  width: 48.93617021276595%;
  *width: 48.88297872340425%;
}

.row-fluid .span5 {
  width: 40.42553191489362%;
  *width: 40.37234042553192%;
}

.row-fluid .span4 {
  width: 31.914893617021278%;
  *width: 31.861702127659576%;
}

.row-fluid .span3 {
  width: 23.404255319148934%;
  *width: 23.351063829787233%;
}

.row-fluid .span2 {
  width: 14.893617021276595%;
  *width: 14.840425531914894%;
}

.row-fluid .span1 {
  width: 6.382978723404255%;
  *width: 6.329787234042553%;
}

.row-fluid .offset12 {
  margin-left: 104.25531914893617%;
  *margin-left: 104.14893617021275%;
}

.row-fluid .offset12:first-child {
  margin-left: 102.12765957446808%;
  *margin-left: 102.02127659574467%;
}

.row-fluid .offset11 {
  margin-left: 95.74468085106382%;
  *margin-left: 95.6382978723404%;
}

.row-fluid .offset11:first-child {
  margin-left: 93.61702127659574%;
  *margin-left: 93.51063829787232%;
}

.row-fluid .offset10 {
  margin-left: 87.23404255319149%;
  *margin-left: 87.12765957446807%;
}

.row-fluid .offset10:first-child {
  margin-left: 85.1063829787234%;
  *margin-left: 84.99999999999999%;
}

.row-fluid .offset9 {
  margin-left: 78.72340425531914%;
  *margin-left: 78.61702127659572%;
}

.row-fluid .offset9:first-child {
  margin-left: 76.59574468085106%;
  *margin-left: 76.48936170212764%;
}

.row-fluid .offset8 {
  margin-left: 70.2127659574468%;
  *margin-left: 70.10638297872339%;
}

.row-fluid .offset8:first-child {
  margin-left: 68.08510638297872%;
  *margin-left: 67.9787234042553%;
}

.row-fluid .offset7 {
  margin-left: 61.70212765957446%;
  *margin-left: 61.59574468085106%;
}

.row-fluid .offset7:first-child {
  margin-left: 59.574468085106375%;
  *margin-left: 59.46808510638297%;
}

.row-fluid .offset6 {
  margin-left: 53.191489361702125%;
  *margin-left: 53.085106382978715%;
}

.row-fluid .offset6:first-child {
  margin-left: 51.063829787234035%;
  *margin-left: 50.95744680851063%;
}

.row-fluid .offset5 {
  margin-left: 44.68085106382979%;
  *margin-left: 44.57446808510638%;
}

.row-fluid .offset5:first-child {
  margin-left: 42.5531914893617%;
  *margin-left: 42.4468085106383%;
}

.row-fluid .offset4 {
  margin-left: 36.170212765957444%;
  *margin-left: 36.06382978723405%;
}

.row-fluid .offset4:first-child {
  margin-left: 34.04255319148936%;
  *margin-left: 33.93617021276596%;
}

.row-fluid .offset3 {
  margin-left: 27.659574468085104%;
  *margin-left: 27.5531914893617%;
}

.row-fluid .offset3:first-child {
  margin-left: 25.53191489361702%;
  *margin-left: 25.425531914893618%;
}

.row-fluid .offset2 {
  margin-left: 19.148936170212764%;
  *margin-left: 19.04255319148936%;
}

.row-fluid .offset2:first-child {
  margin-left: 17.02127659574468%;
  *margin-left: 16.914893617021278%;
}

.row-fluid .offset1 {
  margin-left: 10.638297872340425%;
  *margin-left: 10.53191489361702%;
}

.row-fluid .offset1:first-child {
  margin-left: 8.51063829787234%;
  *margin-left: 8.404255319148938%;
}

.show-grid {
  margin-top: 10px;
  margin-bottom: 20px;
}
.show-grid [class*="span"] {
  background-color: #eee;
  text-align: center;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  min-height: 40px;
  line-height: 40px;
}
.show-grid:hover [class*="span"] {
  background: #ddd;
}
.show-grid .show-grid {
  margin-top: 0;
  margin-bottom: 0;
}
.show-grid .show-grid [class*="span"] {
  background-color: #ccc;
}

.layout .panel form {
	height: 100%;
}
.layout .layout-panel-reducible {
	display: none;
	width: 50px;
	cursor: pointer;
	text-align: center;
}
.layout .layout-panel-reducible > .ui-icon {
	margin-top: 5px;
	display: inline-block;
}
.layout .layout-panel-float {
	z-index: 999;
	border-right: 2px solid #CCC;
}
.layout .layout-panel-hidden .layout-hide-panel {
	display: none;
}