body{background-color:#EEE;font-family:sans;}
body.noscroll {overflow:hidden;}
form.login{background-color:#fff;width:350px;border-radius:5px;border:1px solid #aaa;margin:50px auto;text-align:center;padding:20px;box-shadow:2px 2px 20px #666;}
.error {border-color:red;}

.cursor {cursor:pointer;}
.on-drag-hover {
	background-color:#ccc;
}
.margin-bottom-small {
	margin-bottom:5px;
}
span.groups {
	display:block;
	color:#FFF;
	height:0.8em;
}
.groups {
	font-size:0.7em;
	text-align:right;
	height:0.5em;
}
[draggable="true"] {
	cursor: move;
}
.avant {
	position:absolute;
	height:10px;
	top:0;
	left:0;
	right:0;
}
.apres {
	position:absolute;
	height:10px;
	bottom:0;
	left:0;
	right:0;
}
.tree ul {margin-bottom:0;}

.vide {color:#CCC;}

.multi {color:#CCC;margin-right:10px;}
.multi.active {color:#666;}
ul.list-group {margin-top:10px;}

.value {font-weight:bold;}
.gris {color:#999;}
.black {color:#555;}
.medium {
	font-size:1.2em;
}
.my-drop-zone { border: dotted 3px lightgray; }
.nv-file-over { border: dotted 3px red; }

.audiojs {width:100%;}
.audiojs .play-pause {width:10%;}
.audiojs .scrubber {width:60%;}
.audiojs .timer {width:30%;}

.navbar li {padding-left:15px;}
.navbar-nav {margin:0;}

.question {color:green;}

.wait {position:absolute;top:60px;left:15px;}

.mini {font-size:0.7em;color:grey;}
.actions {width:100%;padding-bottom:1em;text-align:right;}
.inter {height:10px;}
.label-contact {color:grey;}
.id {position:absolute;bottom:2px;right:20px;}
.idtag {position:absolute;top:2.5em;right:5px;}
.contact h3 {margin:0;font-size:1.3em;}
.contact-btn {position:absolute;top:7px;right:7px;font-size:0.8em;}
.doublons-btn {position:absolute;top:-1em;right:0;font-size:1em;}
.array-btn {position:absolute;top:15px;right:7px;font-size:0.8em;}
.nl2br { white-space: pre-line; }
h3.structure, span.structure, a.structure, .structure a, .individu a.structure, .vert {color:green;}
h3.individu, span.individu, a.individu, .individu a, .structure a.individu, .bleu {color:#428bca;}

.panier-btn-ko {position:absolute;top:0;left:0;height:100%;width:15px;background-color:#EEE;cursor:pointer;}
.panier-btn-ok {position:absolute;top:0;left:0;height:100%;width:15px;background-color:#CCC;cursor:pointer;}

.mask {background-color:#EEE;position:fixed;top:0;bottom:0;right:0;left:0;}
.tag {color:#BBB;font-size:0.8em;padding:0px 3px;border-radius:4px;border:1px solid #BBB;margin-right:2px;background-color:#fff}
li.tag-list {padding-right:2px;}
.racine{position:absolute;width:15px;height:100%;top:0;left:0;}

.petit {font-size:0.8em;}

.news-first {height:20px;border-bottom:1px solid lightgray;background-color:#EEE;}
.news-last {height:50px;border-top:1px solid lightgray;background-color:#EEE;}
.news-empty {padding:30px;color:#333;}
.menuBloc, .nBloc {display:none;}
.menuBloc {position:absolute;z-index:10;top:5px;left:5px;padding:5px;background:#fff;
	-webkit-box-shadow: 0 6px 6px -6px black;
	-moz-box-shadow: 0 6px 6px -6px black;
	box-shadow: 0 6px 12px -6px black;
	border-radius:4px;
	border:1px solid #ccc;
	font-family:sans-serif;
	font-style:italic;
}
.menuBloc p {margin:5px;}
.menuBloc div {padding-bottom:2px;}
.bloc:hover .menuBloc, .bloc:hover .nBloc {display:block;}
.bloc:hover .locked .menuBloc, .bloc:hover .locked .nBloc {display:none;}
.bloc {position:relative;min-height:5px;}
.bloc .html {width:100%;border:none;}
.impair {background:#FFF2;}
.pair {background:#0000;}
.clair {opacity:0.5;}
.bloc.on-drag-hover{opacity:0.5;}
.fixed {
    position:fixed;
    height:100%;
    top:0;
    right:0;
    overflow-y:scroll;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 5px rgba(0, 0, 0, 0.075);
    background-image:linear-gradient(to bottom, #fff 0px, #f8f8f8 100%);
}
.selected{font-weight:bold;}
.cas-suivante {border-top:1px solid #f5f5f5;}
.vs-scroll .scroll-container {height:100%;overflow-y:scroll;}
.vs-scroll.etabs .scroll-container {height:500px;overflow-y:scroll;}
.courant {border-right:1px solid #428bca;border-left:1px solid #428bca;background:#FAFAFA;}
.courant.on-drag-hover {background:#ccc;}
.erreur{color:#C04343;}
.progress-center{position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;}
.progress {position:relative;}
a.termine {color:#666;}

.lockedWrap {position:relative}
.locked {opacity:0.2;}
.locked-by {position:absolute;top:0;bottom:0;left:0;right:0;font-size:0.9em;color:#000;text-align:center;}
.nav, .pagination, .carousel, .panel-title a { cursor: pointer; }
.loading {opacity:0.5;transition: 0.5s;}
.pagination-input {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  display: inline-block;
  float: left;
  font-size: 12px;
  margin: 20px 10px 20px 0;
  padding: 0;
  position: relative;
  text-decoration: none;
  width: 5em;
  height: 2.4em;
  text-align:center;
}
.pagination-span {
  display: inline-block;
  float: right;
  font-size: 12px;
  margin: 20px 5px;
  padding: 0;
}
.right {text-align:right;}
[deferred-cloak], [data-deferred-cloak], [x-deferred-cloak], .deferred-cloak .cache {
    display: none;
}
.loader {padding:15px;}
.loader-container {text-align:center;}
.app-loader-container {position:fixed;top:15px;right:30px;font-size:1em;}
.app-loader-container span {opacity:0;transition:opacity 1s;}
.app-loader-container span.ok {opacity:1;}
.light {opacity:0.5;}
#mainInput {
	padding-right: 120px;
}
#main-lock {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background-color:rgba(255,255,255,0.7);
	text-align:center;
	padding-top:50px;
	z-index:999;
}
#chat {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 1px 5px rgba(0, 0, 0, 0.075);
    background-color:#fff;
    position:fixed;
    height:0;
    bottom:0;
    left:0;
    right:0;
    z-index:900;
}
#chat.visible {
    height:50%;
}
#chat h5 {color:#AAA;}
#chat h5.online {color:#333;}
.languette {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 -3px 5px 1px rgba(0, 0, 0, 0.075);
    background-image:linear-gradient(to bottom, #fff 0px, #f8f8f8 100%);
    position:absolute;
    height:2em;
    bottom:100%;
    right:15%;
    padding:5px 10px;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    border-top:1px solid #CCC;
    border-left:1px solid #CCC;
    border-right:1px solid #CCC;
}
#chat ul {
    padding:15px;
    margin:0;
}
#chat .chat-scroll {
    overflow-y:scroll;
    height:100%;
    padding-top:7em;
    padding-bottom:15px;
}
#chat li {
    list-style:none;
    background-color:#eee;
    border-radius:4px;
    padding:5px;
    margin-bottom:10px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 4px 5px rgba(0, 0, 0, 0.2);
    width:90%;
}
#chat li.right {
    margin-left:10%;
    background-color:#fcfcfc;
}
#chat .from {
    color:#333;
}
#chat .from.moi {
    color:#AAA;
    text-align:right;
}
#chat .chan {
    height:100%;
    position:relative;
}
#chat .nonlu {
    background-color:rgba(0,255,0,0.2);
}
.vert {
    color:green;
}
.chat-header {
    position:absolute;
    top:0;
    left:0;
    background:#FFF;
}

.chatPrev {
    position:absolute;
    bottom:0;
    left:0;
    padding:10px;
    border-top-right-radius:6px;
    background-color:#FFF;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 4px 5px rgba(0, 0, 0, 0.2);
}
.chatSuiv {
    position:absolute;
    bottom:0;
    right:0;
    padding:10px;
    border-top-left-radius:6px;
    background-color:#FFF;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 4px 5px rgba(0, 0, 0, 0.2);
}
.bas-droite {position:absolute;bottom:5px;right:5px;}
.input-span {position:absolute;font-size:1.2em;top:0.4em;right:0.4em;}
.rel {position:relative;}
.parsed {margin-top:0.5em;}
.scroll-helper-top.on-drag-enter {position:fixed;top:0;right:0;left:0;height:50px;}
.scroll-helper-bottom.on-drag-enter {position:fixed;bottom:0;right:0;left:0;height:50px;}
.scroll-helper-top.on-drag-hover, .scroll-helper-bottom.on-drag-hover{background-color:transparent;}

.elt-group {
    border-style: solid;
    border-color: #ddd;
    border-radius: 4px;
    border-width: 1px;
    padding:15px;
}
.bloc-item table, .bloc-item th, .bloc-item td, .yui3-cssbase table, .yui3-cssbase th, .yui3-cssbase td {margin:0;padding:0;border:none;background-color:none;}
.minis {max-height:150px;overflow:hidden;box-shadow: 0 0 20px -10px #999;}
.modal {perspective:none;}
.progress-center{color:#CCC;}
.modal-body h4 {
	color:#337ab7;
}
#drag-helper {
	position:absolute;
	display:none;
}
#drag-helper.drag-helper-display {
	display:block;
}
#drag-helper.tag {
	color:black;
}
.mini-menu {position:absolute;top:5px;right:5px;font-size:0.8em;}
.nBloc {
	position:absolute;
	top:0;
	right:0;
	color:#AAA;
	font-size:1.2em;
}
.btn-margin {margin-bottom:2px;margin-right:2px;}
.note a {color:#666;text-decoration:none;}
pre {
	white-space: pre-wrap;
	word-break: normal;
}
.carte {
	width:100%;
	height:800px;
}
.drag-handle {
	position:absolute;
	left:2px;
	top:13px;
}
.pad-bottom {
	padding-bottom:30px;
}
pre.form-ro {
    font-family:inherit;
    background:#fff;
}
.taken {
	background:#8008;
}
.right {
	text-align: right;
}
.btn-small-margin {
	margin: 2px 0;
}
table.tab-element-table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0px;
}
table.tab-element-table tr {
	vertical-align: middle;
}
table.tab-element-table th {
	line-height: 1.5rem;
	vertical-align: inherit;
	border-bottom: 1px solid rgb(224, 224, 224);
	text-align: center;
	padding: 16px;
}
table.tab-element-table td {
	line-height: 1.43;
	vertical-align: inherit;
	border-bottom: 1px solid rgb(224, 224, 224);
	text-align: center;
	padding: 16px;
}
.tab-element-table-container {
	overflow-x: scroll;
}
table.tab-element-table td.tab-item-multiple {
	text-align:center;
}
table.tab-element-table td.tab-item-texte_long {
	text-align:left;
}
table.tab-element-table td.tab-item-nombre {
	text-align:right;
}
.tab-element-popover {
	max-width:600px;
}
.glyphicon {
  top:0;
}
.item-content {
	display:none;
}
.item-selected .item-content {
	display:block;
}
.closedate {
	font-weight: bold;
}
.wait-anim {
	animation: 1s linear 0s infinite alternate pulse;
}
@keyframes pulse { from { opacity:1; } to { opacity:0.2; }  }
.yui3-cssbase p, .yui3-cssbase fieldset, .yui3-cssbase table, .yui3-cssbase pre {
	margin-bottom:0;
}
.instance-cell {
	display:inline-block;
	padding:0 15px;
	box-sizing: border-box;
	overflow:hidden;
	line-height:1.2em;
	height:1.2em;
	position:relative;
}
.instance-cell-tab {
	display:inline-block;
	padding:0 15px;
	box-sizing: border-box;
	overflow:hidden;
	line-height:1.2em;
	position:relative;
	height:auto;
}
.list-group-header {
	background-color:#FFF8;
	user-select:none;
}
.list-group-header-filter {
	padding:5px 15px;
}
.list-group-header-filter .instance-cell {
	height:calc(1.2em + 10px);
	display:inline-flex;
}
.list-group-header-filter .instance-cell input {
	height:100%;
}
.instance-row {
	white-space: nowrap;
	min-width:100%;
	width:max-content;
	display:flex;
}
.instance-row>div {
	display:flex;
}
.instance-list {
	overflow-x:scroll;
}
.width-handle {
	width:10px;
	height:100%;
	position:absolute;
	top:0;
	right:0;
	border-right:2px solid #0003;
	cursor:col-resize;
}
.filters-toggle-btn {
	cursor:pointer;
	color:#428bca;
	margin-bottom:15px
}
.span-btn {
	cursor:pointer;
	color:#428bca;
}
.filters-edit {
	border:1px solid #0003;
	border-radius: 4px;
	background-color:#FFF8;
	padding:15px;
	margin-bottom:15px
}
.filters-edit h3 {
	margin:0;
	margin-bottom:5px;
	font-size:16px;
}
.filters-edit>div {
	margin:0;
	margin-top:10px;
}
.filters-edit>div:first-child {
	margin-top:0;
}
.list-group-item {
  overflow-x:hidden;
}