:root {
    --text-color: #fff;
    --bg-color: #333;
    --default-font: "Trebuchet MS", sans-serif;
}

@font-face {
    font-family: 'BebasNeue';
    src: url('../fonts/BebasNeue/BebasNeue-webfont.eot');
    src: url('../fonts/BebasNeue/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BebasNeue/BebasNeue-webfont.woff') format('woff'),
         url('../fonts/BebasNeue/BebasNeue-webfont.ttf') format('truetype'),
         url('../fonts/BebasNeue/BebasNeue-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

body.lvl {
    background: var(--bg-color);
    color: var(--text-color);
    height: 100%;
    font-family: var(--default-font);
    font-size: 11px;
    margin: 0;
}

/* width */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

/* button */
::-webkit-scrollbar-button {
    background: #222;
    display: none;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #444;
    border-radius: 3px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #666;
}

/* Track */
::-webkit-scrollbar-track {
    background: #222;
}

/* The track NOT covered by the handle.
::-webkit-scrollbar-track-piece {
    background: #000;
}

/* Corner */
::-webkit-scrollbar-corner {
    background: #999;
}

/* Resizer */
::-webkit-resizer {
    background: #111;
}

.text-overflow-ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.h-100vh {
  height: 100vh!important;
}
/*
body.lvl:before  { filter:blur(7px); -webkit-filter:blur(7px); content: ''; display:block; width:100%; height:100%; position:fixed; z-index:-1; background:#333 url('../img/big-levels4.png') no-repeat center 65px;}
*/

.text-primary {
  color: #4193B7!important;
}

.lvl .loading {
  position: absolute;
  top: 0; left: 0;
  display: flex;
  width: 100%;
  height: 50%;
  justify-content: center;
  align-items: center;
  opacity: .3;
}

.lvl .loading img {
  border: 0!important;
  max-width: 40px;
}

.lvl .flex-col-3 > * {
  max-width: 23%;
}
.lvl .flex-col-3::after {
  content: "";
  flex: auto;
}

/*
.lvl.module-page,
.lvl.module-page .h-100 {
  min-height: calc(100vh - 46px - 3em);
}
#list-collapse {
  overflow-x: hidden;
  overflow-y: auto;
  height: calc(100vh - 46px - 3em);
  min-width: 320px;
}
*/

.lvl .text-muted {
  color: #bbb !important;
}

.bg-light-alpha {
  background-color: rgba(255, 255, 255, 0.2);
}

.module-content {
  /*flex-shrink: 0;*/
  overflow: hidden;
}

.module-content > * {
  overflow: auto;
  min-height: 100vh;
}

.lvl .navbar {
  flex-shrink: 0;
  /*overflow: hidden;*/
}

.listItems {
  flex-shrink: 0;
  overflow: hidden;
  height: calc(100vh - 45px) !important;
}

.listItems > * {
  overflow-y: auto;
}

.lvl a						      { cursor:pointer; color: #fff; text-decoration: underline; }
.lvl a.no-underline     { text-decoration: none !important; }
.lvl a.underline-hover  { text-decoration: none; }
.lvl a.underline-hover:hover{ text-decoration: underline; }
.lvl h1 a,
.lvl h2 a,
.lvl h3 a,
.lvl h4 a,
.lvl h5 a,
.lvl h6 a,
.lvl a.hover-underline         { text-decoration: none; }

.lvl a.hover-underline:hover { text-decoration: underline; }

.lvl .text-dark a	{ color: inherit; }

.lvl a.text-primary:focus, a.text-primary:hover {
  color: #4193B7!important;
}

.lvl h1,
.lvl h2,
.lvl h3,
.lvl h4						{ font-family:'BebasNeue'; color:#fff; font-weight:normal; clear:left; letter-spacing:0.015em;}
.lvl h1						{ font-size:2.545em; }
.lvl h2						{ font-size:2em; }
.lvl h3						{ font-size:1.525em; color:#bbb; }
.lvl.insitu
.lvl hr,
.lvl hr.clear				{ border-color: #555; clear:both; float:none; }

* > .showOnParentHover {
  height: 0;
  overflow: hidden;
  transition: all .2s;
  opacity: 0;
}
*:hover > .showOnParentHover {
  height: auto;
  opacity: 1;
}

.lvl .bg-dark {
  background: rgb(35, 31, 31) !important;
}
.lvl .bg-dark .bg-dark {
  border: 1px solid #333;
}

/*.lvl.insitu					{ background-color:none; }
.lvl.insitu h1,
.lvl.insitu h2,
.lvl.insitu h3,
.lvl.insitu h4				{ color:#333; }*/

.lvl img					 { max-width:100%; }
.lvl .handle				{ cursor:move; }

.lvl .thumb  img {
  display: block;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}
.lvl .thumb-sm     { border: 2px solid #222; }

.lvl label					{
  color:#bbb;
  margin-bottom: 0.2em;
  position: relative;
}

.lvl .panel					{ background:#eee; color:#222; position:relative; box-shadow:0 0 25px #000; border:1px solid #555!important; }
.lvl .panel,
.lvl .panel-default>.panel-heading{ border-radius:0!important; border:0;/* color:#fff;*/ }
.lvl .panel-default>.panel-heading		{ width:100%; position:relative; background:#333!important; color:#fff; /* padding:5px; margin-bottom:1em; position:absolute; top:5px; right:5px; padding-top:12px;*/ }
.lvl .panel-default>.panel-heading .tab	{ width:auto; margin-right:3px; }

.lvl .card {
  border: 0;
}
.lvl .info-bar {
  width: 100%;
  background: #2D2D2E;
  flex-wrap: nowrap;
  margin: 0;
  border-radius: .5em;
  box-shadow: 2px 2px 6px 0px rgba(5,0,0,0.3);
}
.lvl .info-bar > * {
  flex: 1 1 auto!important;
  margin: 0;
  border-left: 1px solid rgba(0,0,0,.5)!important;
  border-right: 1px solid rgba(254,254,254,.2)!important;
}
.lvl .info-bar > * {
  white-space: nowrap!important;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.1;
}

#list-collapse-btn {
  padding: 0;
  outline: none;
  background: #222;
  border-radius: 0 4px 4px 0;
  position: fixed;
  left: 0;
  top: 2.4em;
  z-index: 10000;
}
#list-collapse-btn path {
  fill: #fff;
}
#list-collapse-btn path {
  fill: #fff;
}

@media (max-width:768px) {

  .lvl .levels_menu a {
    width: 2.5em!important;
    height: 2.5em!important;
  }
  .lvl .liste-container {
    max-width: 100%!important;
    margin-bottom: 3em!important;
  }

  .lvl .fiche-container {
    padding: 0;
  }
  #list-collapse-btn {
    top: 4.7em;
  }

}

.hover-elements .hover-element {
  height: 0;
  overflow: hidden;
  transition: all .2s;
  padding: 0!important;
}

.hover-elements:hover .hover-element {
  height: auto;
}

.panel-heading * 			{ margin:0; }

.lvl .navbar.sticky-top {
  padding: 0 0 0 1em;
  /*margin-bottom: 3em;*/
  position: sticky;
  top: 0;
  z-index: 1200;
}
.lvl .navbar.sticky-top .container-full {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.navbar-fixed-top .navbar {
  padding: 0;
  z-index: 1040;
}

.lvl .navbar:not(.fixed-bottom):not(.fixed-top) {
  position: relative;
  padding: 0;
  z-index: 1040;
}
.lvl .navbar .container-full {
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.levels-bottom-bar {
  font-size: inherit;
  background-color: #111;
  color: #fff;
}

.levels_menu				  {
  margin:0 auto!important;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
#levels_home .levels_menu {
  border-radius: 0.5em;
}
#levels_home .levels_menu > li:first-child a	{
  border-radius: 0.3em 0 0 0.3em;
}
#levels_home .levels_menu > li:last-child a	{
  border-radius: 0 0.3em 0.3em 0;
}

.lvl .navbar-nav .dropdown-toggle {
  padding: 1.3em;
  display: flex;
  align-items: center;
  /*width: 160px;*/
}
.lvl .navbar-nav .dropdown-toggle > * {
 white-space: nowrap;
 margin-right: .5em;
}

.navbar-nav .dropdown-menu {
  position: absolute;
}

.levels_menu:after		{ content:' '; display:block; clear:both; float:none; }
.lvl .levels_menu a			{
  height: 3.2em;
  width: 3.5em;
  cursor:pointer;
  background-repeat:no-repeat;
	padding:0;
  background-size:45%;
  transition:background-size 0.1s;
  background-position:center;
	font-family: 'BebasNeue',Arial, Helvetica, sans-serif;
  text-transform:uppercase;
  color:#fff;
  overflow: inherit;
}
.lvl .levels_menu a span	{ display:inline-block; text-align:center; width:100%; }
.lvl .levels_menu a span	{ opacity:0; transition:opacity 0.1s, margin-top 0.3s; background-color: inherit; }
.lvl .levels_menu a:hover	{ background-size:65%; transition:background-size 0.1s; transition-timing-function:ease; }

#levels_home .levels_menu > li:first-child a:hover	{
  border-radius: 0.3em 0 0 0;
}
#levels_home .levels_menu > li:last-child a:hover	{
  border-radius: 0 0.3em 0 0;
}
.lvl .levels_menu a:hover span{ opacity:1; margin-top:3.2em; border: 0; }
.lvl .levels_menu a.insitu	{ display:block; background-color:#39C!important; background-image:url('../img/in-situ.svg'); }
.lvl .levels_menu a.exit	{ background-color:#c00!important; background-image:url('../img/exit.svg'); }
.lvl .levels_menu a.help	{ background-color:#39C!important; background-image:url('../img/help-icon.png'); }
.lvl .navbar-brand			{
  min-width:140px;
  padding:4px 15px 4px 8px;
}
.lvl .navbar-brand img		{
  height:32px;
  border: 0!important;
  margin-right: 1rem;
}
.lvl .module-name			{
  cursor:pointer; margin-top:3px; padding:3px 0 0 10px; background-repeat:no-repeat; background-size:contain;
	font-family: 'BebasNeue',Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:20px; color:#fff; line-height:37px;
  text-decoration: none;
 }

#levels_home .levels_menu li{ float:left; }
.lvl .copyright				{ margin-top:5px; clear:both; float:none; }

.lvl .fiche .header			{ margin-bottom:1em; }
.lvl .module-content .header:after	{ content:' '; display:block; clear:both; float:none; }


.liste.sticky-top {
  z-index: 1110;
}
.lvl.modal-open .sticky-top {
  position: relative!important;
  z-index: auto;
}

.switch-statut label {
  margin: 0;
}

.switch-statut .btn {
  padding: 0 .5em;
}
.switch-statut label.active {
  position: relative;
}
.switch-statut label.active:after {
  content: '';
  display: block;
  background-color: inherit;
  position: absolute;
  width: 6px;
  height: 6px;
  left: 25%;
  bottom: -0.2em;
  left: calc(50% - 3px);
  transform: rotate(45deg);
}

.lvl .navbar-default .navbar-toggle{ border:0; }
.lvl .navbar-default .navbar-toggle .icon-bar{ background:#fff; }
.lvl .navbar-default .navbar-toggle:focus,
.lvl .navbar-default .navbar-toggle:hover{ background:none; }
.lvl .navbar-default .navbar-toggle:hover .icon-bar{ background:#333; }

.lvl .form-control {
  font-size: 1em;
  padding: 0.275rem .75rem;
  /*
  height: auto;
  padding: 0.475rem .75rem;
  */
}

.form-control:invalid {
  border-color: #dc3545;
  border-width: 2px;
  background-color: #dab4b8;
}

.lvl .navbar,
.lvl .btn					{ border-radius:0!important; border:0; }
.lvl .input-group-addon.glyphicon{top:0; }
.lvl .btn					{
  border:0;
  cursor:pointer;
  font-family:'BebasNeue'; box-sizing:border-box; letter-spacing:0.015em; font-weight:normal; text-transform:lowercase; font-size:14px; text-decoration:none; color:#fff; /*float:left; padding:3px 5px;*/ }
.lvl .btn:not(.btn-block) {
  width:auto; display:inline-block;
}
.lvl .btn-default			{ background:#999; }
.lvl .btn-primary			{ background:#4193B7!important; }

.lvl .btn-primary.active,
.lvl .btn-primary.active.focus,
.lvl .btn-primary.active:focus,
.lvl .btn-primary.active:hover,
.lvl .btn-primary:active.focus,
.lvl .btn-primary:active:focus,
.lvl .btn-primary:active:hover,
.lvl .open>.dropdown-toggle.btn-primary.focus,
.lvl .open>.dropdown-toggle.btn-primary:focus,
.lvl .open>.dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40;
}

.lvl .btn-group.bool .btn	{ padding:7px 10px; }

.lvl textarea				{ color:#333!important; }

.lvl .well					{ background: #353535; border-color: #000; color:#fff; }
.lvl .well h3				{ margin-top: 0; }

.lvl .maxHeight				{ height:160px; overflow:auto; }

.table {
    color: var(--text-color);
}
.table>tbody>tr>td,
.table>tbody>tr>th			{ border-color:#555; }

.lvl table .numeric .input-silent,
.lvl table .numeric			{ text-align:right; }

.lvl .input-silent			{ background:#333; color:#fff; padding:.2em; border-color:#666; }
.lvl .tr-hover:hover td		{ background:#222; }

.lvl .item-details h2		{ margin:0; }
.lvl .item-details h2:after	{ content:' '; display:inline-block; margin:2px 0 0 10px; width:1em; height:16px; cursor:pointer; background:url('../img/pen.svg') no-repeat left bottom; background-size:16px; }

.mxw_400 {
  max-width: 280px;
}

.lvl .list-item-hidden-buttons {
  position: relative !important;
  overflow: hidden;
}

.lvl .list-item-hidden-buttons .hidden-buttons {
  position: absolute;
  z-index: 100;
  top: 0;
  right: -100%;
  height: 100%;
  background-color: rgba(0,0,0, 50%);
  transition: right .2s;
}
.lvl .list-item-hidden-buttons .hidden-buttons a {
  padding: 0.5em 0.7em;
}
.lvl .list-item-hidden-buttons .hidden-buttons a:hover {
  background-color: rgba(0,0,0, 20%);
}
.lvl .list-item-hidden-buttons:hover {
  background-color: rgba(254,254,254, 20%);
}
.lvl .list-item-hidden-buttons:hover .hidden-buttons {
  right: 0;
}

.lvl .dropdown-menu {
  top: 3.9em;
  border: 0;
  padding: 0 0 1em 0;
  font-size: 1em;
  border-radius: 0;
}

.lvl .dropdown-item {
  cursor: pointer;
  padding: 0;
  position: relative;
}

.lvl .dropdown a {
  color: white;
  display: block;
  text-decoration: none;
  padding: .4em 1em;
  position: relative;
  z-index: 2;
}

.lvl .dropdown .icon {
  margin-right: 10px;
  color: rgba(0,0,0, 50%);
  font-size: 1.4em !important;
  display: inline-block;
  width: 1.4rem;
}

.lvl .dropdown-item:before {
  content: '';
  background: rgba(255, 255, 255, 0.2);
  display: block;
  position: absolute;
  height: 100%;
  z-index: 1;
  width: 0;
  transition: width .125s;
}

.lvl .dropdown-menu:hover .dropdown-item {
  opacity: .7;
}
.lvl .dropdown-menu:hover .dropdown-item:hover {
  opacity: 1;
  background: inherit;
}
.lvl .dropdown-item:hover:before {
  width: 100%;
}

.lvl .dropdown-item:hover .statut {
  color: #333;
}

.lvl .dropdown-menu	li .name {
  position: relative;
  z-index: 100;
}

.status_icon,
.lvl .dropdown-menu	li .statut	{
  position: absolute;
  top: 0; left: 0;
  display:block;
  width:0.5em;
  height: 100%;
  margin-right: 5px;
}
.lvl .statut0				{ background:#F90!important; }
.lvl .save,
.lvl .statut1				{ background:#5b953f!important; }
.lvl .statut2				{ background:#C00!important; }
.lvl .statut3				{ background:#09C!important; }
.lvl .unsaved				{ background:#C30!important; }


.lvl .border-top-statut_0:hover				{ background: #F90!important; }
.lvl .border-top-statut_1:hover				{ background: #5b953f!important; }
.lvl .border-top-statut_2:hover				{ background: #C00!important; }
.lvl .border-top-statut_3:hover				{ background: #09C!important; }

.lvl .border-left-statut_0				{ border-left: 5px solid #F90!important; }
.lvl .border-left-statut_1				{ border-left: 5px solid #5b953f!important; }
.lvl .border-left-statut_2				{ border-left: 5px solid #C00!important; }
.lvl .border-left-statut_3				{ border-left: 5px solid #09C!important; }

.lvl .warn					{ color:#000; margin:10px 0; padding:1em; }

.lvl .toggle-btn			{ display: inline-block;  border:2px solid #999; background:#333; padding:1px; text-align:left; }
.lvl .toggle-btn.active		{ text-align:right; border-color:#5B953F; }
.lvl .toggle-btn span		{ background:#999; text-align:center; min-width:53px; padding:0 8px; margin:0 8px 0 0; display:inline-block; transition: margin 0.15s; }
.lvl .toggle-btn.active span{ background:#5B953F; margin:0 0 0 8px; }

.vakata-context,
.vakata-context ul			{ background:#333; box-shadow:none; z-index: 3001; }
.vakata-context li>a		{ text-shadow:none; color:#fff; }
.vakata-context .vakata-context-hover>a{ background:none; }
.vakata-context li>a:hover	{ background:#555; }

.lvl .nav-tabs a:focus,
.lvl .nav-tabs a:hover		{ color:#222; }
.lvl .nav-tabs a			{ color:#fff; }
.lvl .tab-content			{ padding:1em 0; }

.levels_activation			{ width:16px;height:16px; position:fixed;top:0;left:0; z-index:15000;}
.levels_activation a		{ background:#568bcd url('../img/pen-no.png') no-repeat center; background-size:70%; width:18px; height:18px; display:block; cursor:pointer; }
.levels_activation .activation_statut1{ background-image:url('../img/pen.png');}

.item-details input			{ display:none; }
.lvl-lastmodif				{ color:#999; }

.lvl .liste					{ margin-bottom:2em; }
.lvl .liste .jstree-anchor:hover{ background:#222!important; }
.lvl .liste:hover > *		{ position:relative; z-index:1000; }
.lvl .liste .tree,
.lvl .liste .fiche			{ /*max-height:80vh;*/ padding-bottom: 3em;}

.lvl .liste-container {
  flex: 0 0 300px;
  background: #2d2d2d;
  border-right: 2px solid #222;
  display: flex;
  flex-direction: column;
}

.lvl .liste-container .list-header {
  padding: 1em;
}

.lvl .liste-container .list-group {
  overflow-y: auto;
  flex-grow: 1;
}

.lvl .fiche-container {
  flex-grow: 1;
}
.lvl .fiche-container .fiche {
  max-width: 1100px;
}
.lvl .collapseBtn:active:hover,
.lvl .collapseBtn			{
  display:block;
  color:#aaa;
  text-align:left;
  clear:both;
  background:none;
  border-top:1px solid #555!important;
}
.lvl .collapseBtn,
.lvl .collapseBtn:active,
.lvl .collapseBtn:focus {
  outline: none!important;
  box-shadow: none;
}
.lvl .badge {
  font-family: 'Trebuchet MS' !important;
}
.lvl .collapseBtn .badge {
  font-weight: normal;
}


.lvl .btn[data-toggle="collapse"] {
  box-shadow: none!important;
  color: #fff;
  transition: all .2s;
  border: 1px solid #555;
  border-width: 1px 1px 0;
  border-width: 0;
  position: relative;
  background: rgba(35, 34, 36, 0.35);
}
.lvl .btn[data-toggle="collapse"][aria-expanded="true"] {
  background: #3b6899;
}

.lvl .d-flex .btn[data-toggle="collapse"] {
  padding: .5em 1em;
}

.lvl .btn[data-toggle="collapse"]:after {
  content: '';
  display: block;
  position: absolute;
  width: 1em;
  height: 1em;
  bottom: .1em;
  left: calc(50% - .5em);
  transform: rotate(45deg);
  background: inherit;
  opacity: 0;
  transition: opacity .2s, bottom 0.2s;
}

.lvl .btn[data-toggle="collapse"][aria-expanded="true"]:after {
  bottom: -.4em;
  opacity: 1;
}

.lvl [data-toggle="collapse"][aria-expanded="true"] i {
  color: #5b953f;
}
.lvl .collapsing {
  transition: height .2s ease;
}
/*
.btn[data-toggle="collapse"][aria-expanded="true"]:after {
  content: '';
  position: absolute;
  height: 3px;
  width: 100%;
  background: #ccc;
  left: 0;
  top: -3px;
}
*/

.lvl .collapseBtn .caret	{
  display: inline-block;
  margin-left:12px;
  border-bottom: 4px solid transparent;
  border-right:4px solid transparent;
  border-top: 4px solid #fff;
  border-left: 4px solid transparent;
  height: 0;
  color:#fff;
  transform-origin: center;
  transition: transform .2s;
}

.lvl .collapseBtn[aria-expanded="true"] .caret{
  transform: rotate(180deg);
}
.lvl .collapse,
.lvl .collapsing		{
  margin-bottom:0;
  padding: 2em 1em 1em;
  border: 1px solid #555;
  border-width: 0 1px 0 1px;
  border-width: 0;
  background: rgba(35, 34, 36, 0.35);
}
.lvl .navbar .collapse		{ margin:0; }
.lvl-lang:before			{ content:' - '; }
.lvl-lang					{ color:#999; }

.lvl .navbar-default .navbar-nav>.open>a,
.lvl .navbar-default .navbar-nav>.open>a:focus,
.lvl .navbar-default .navbar-nav>.open>a:hover,
.lvl .navbar-default .dropdown-toggle{
  color:#fff;
  background:none;
  padding-left: 0.9em;
  text-decoration: none;
}
.navbar-default .navbar-nav>li>a{ color:#fff; }

.lvl .list-group,
.lvl .list-group-item			{ background:#444; }
.lvl .list-group-item-action:focus,
.lvl .list-group-item-action:hover { background:#555; cursor: pointer; color: #fff; }
.lvl .module-menu				{ width:200px; }

body#levels_home				{ padding-top:40px; }
#levels_home form				{ padding:10px; background:#fff; color:#333; text-align:left; position:relative; }
#levels_home .container			{
  position: relative;
  max-width: 1280px;
  background:url('../img/levels-120-2.png') no-repeat top center;
  padding-top:128px;
  margin:0 auto;
  color:#fff;
}
#levels_home.temp-page {
  padding: 0;
}
#levels_home.temp-page .container {
  padding: 0;
  height: 100vh;
  background-image: none;
}
#levels_home.temp-page .container > * {
  margin: 1.5em;
}

#levels_home .levels_menu a		{
  width:75px;
  height:64px;
  margin:0;
  background-position:center;
  background-size: 50%;
  font-size:20px;
  text-indent:0;
  text-align:center;
  transition: all .15s;
  position: relative;
}

#levels_home .levels_menu:hover a		{
  opacity: .8;
}

#levels_home .levels_menu:hover a:hover		{
  opacity: 1;
  transform: scale(1.2);
  z-index: 10;
}

.lvl .shortcuts .card-header img {
  width: 2rem;
  margin-right: 1rem;
}

.lvl .shortcuts .card-header h3 {
  margin: 0;
}

.lvl .shortcuts .card-header a {
  text-decoration: none;
}

.lvl .shortcuts .list-group,
.lvl .shortcuts .list-group-item {
  background: transparent;
  padding: 1em;
  text-decoration: none;
}
.lvl .shortcuts .list-group-item img {
  border: 5px solid rgba(0,0,0,0.2);
}

.lvl .shortcuts .list-group-flush {
  padding: 0 !important;
}
.lvl .shortcuts .list-group .nav-link {
  padding: 0 !important;
  text-align: left;
  text-decoration: none;
  font-size: 1.4em;

}

.lvl .shortcuts a {
  color: #fff;
}

.lvl .shortcuts .module-link a {
  text-decoration: none!important;
}

.lvl .shortcuts .module-link dfn {
  color: #000;
}

.lvl .shortcuts .module-link:hover {
  background: rgba(0,0,0,0.2);
}

.lvl .shortcuts .moduleName {
  text-transform: uppercase;
  display: block;
  font-weight: bold;
  color: #fff
}

.widgets .moduleName {
  font-size: 1.3em;
  color: rgba(0,0,0,0.6);
}

.widgets .module {
  flex-wrap: wrap;
}

.widgets .module .card {
  text-align: center;
  flex: 0 0 21%;
  margin-bottom: 1.5rem;
}

.widgets .module .card-title {
  color: rgba(254,254,254,0.7);
  font-size: 1.3rem;
  line-height: 1.1;
  margin: 0 0 .3em;
}

.card-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 1rem;
}

.widgets .card .icon {
  font-size: 3em;
}

.widgets .thumb {
  width: min(90%, 120px);
}

.lvl .modal-header				{ border-color: #555; }
.lvl .modal-content				{ border-radius:0!important; background:#333!important; border:0; color:#fff; }
.lvl .modal-content .info		{ color:#999; }

.lvl .modal-backdrop.show {
  opacity: 0.8;
}
.modal.show .modal-dialog {
  box-shadow: 1em 1em .9em rgba(0, 0, 0, .4);
}

.lvl .ui-state-highlight		{ display: flex; height: 2em; margin:0; background:#4193B7!important; border:0; }

@media (max-width:768px) {
	.levels_menu				{ margin:0!important; padding:0; }
	.levels_menu li				{ float:left; }
	.levels_menu a				{ width:75px; height:64px; margin:0 1px 1px 0; background-position:center 26px; background-size:auto; padding:7px; font-size:20px; text-indent:0; text-align:center; }
}

.jstree-default .jstree-hovered,
.jstree-default .jstree-clicked	{ background:none!important; }
.lvl .jstree-default .jstree-search	{ background:#ddd!important; color:#222; }

.jstree-default .glyphicon		{ font-size:14px; }
.jstree-default .status_0 .jstree-icon{ color:#F90; }
.jstree-default .status_1 .jstree-icon{ color:#5b953f; }
.glyphicon-alert,
.jstree-default .status_2 .jstree-icon{ color:#fe3800; }
.jstree-default .status_3 .jstree-icon{ color:#09C; }

.jstree-default .jstree-open  > .jstree-anchor .fa-folder:before {
  content: '\f07c';
}

.glyphicon-ok					{ color:#5b953f; }
.glyphicon-remove				{ color:#fe3800; }

/*----------------------*/
/* multiLink plugin
/*----------------------*/
.lvl .multiLink,
.lvl .multiLink2				{ position:relative; width:auto;height:auto; margin:3px 0 10px; padding:5px;display:block;background:#343a40!important; border-radius: 4px; color:#000; }
.lvl .multiLinkA				{ display:block; float:none; clear:both; text-decoration:none;color:#000;}

.lvl .multiLink .removeLink		{ color:#222; margin-left:10px; font-size: 1.8em; line-height: .9em; position: relative; top: 2px;}
.lvl .multiLink .removeLink:hover { color: red;}
.lvl .multiLink .list			    { display: flex; flex-wrap: wrap; margin: 0.5em 0 0; max-height:235px; overflow: auto; }
.lvl .multiLink .list .btn		{ display:inline-block; margin:0.15em; border-radius: 2em!important; vertical-align: middle; }

.lvl .multiLink .template		{ display:none; }
.lvl .suggestion {
  cursor: pointer;
}
/*
.lvl .popover					{ border-radius:0; min-width:350px; }
.lvl .popover-content			{ max-height:200px; overflow:auto; }
.lvl .popover .glyphicon		{ color:#aaa; }
.lvl .popover .flex > *			{ padding-right:1em; }

.lvl .popover .parent			{ color:#ddd; }

.lvl .popover .popover-body {
  padding: 0;
  max-height: 30vh;
  overflow: auto;
}
.lvl .popover .suggestion		{ cursor:pointer; padding: .3em 0.9em;}
.lvl .popover .suggestion:hover		{ background: #ccc; }

.lvl .suggestionList			{ position:absolute; z-index:100; bottom:-235px; left:5px; width:70%; height:240px; overflow:auto; background:#fff; border:1px solid #222; box-shadow:0 0 5px #333; }
.lvl .popover-content a			{ display:block; padding:3px 0; cursor:pointer; color:#333;font-size:0.85em; }
*/
.lvl .statutLink				{ display: block;
	width: 10px;
	height: 10px;
	float: left;
	text-indent: -99999px;
	margin: 3px 6px 0 0;
	border-radius: 10px;
}

/*----------------------*/
/* AttachFile plugin
/*----------------------*/
.lvl .overlay,
#attachFile						{ position:fixed; width:90%; max-width:1200px; height:auto; max-height:90%;/* overflow:auto;*/ display:none; color:#AAA;margin:auto; left:0; right:0; padding:15px;z-index:11000;box-shadow:2px 2px 4px #111; background:#333;color:#efefef; }

.lvl .attach					{ clear:both; position:relative; text-align:left; float:none; color:#333; overflow:auto; margin-bottom:20px; }
.lvl .header .attach .thumb-preview		{
  width: 200px;
}
.lvl .thumb-preview		{
  color: #fff;
  max-width: 100%;
  height: auto;
  float: left;
  position: relative;
  padding-top: 75%;
  background: #231F1F !important;
}
.lvl .thumb-preview > div.thumb {
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: auto !important;
}
.lvl .attach .thumb-preview img	{
  max-width: 100%;
  width: 100%;
  height: auto;
  border: 5px solid #222;
}
.lvl .attach-tools {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  justify-content: center;
  align-items: flex-end;
  opacity: 0;
  transition: opacity .2s;
}
.lvl .show-tools .attach-tools {
  position: relative;
  opacity: 1;
}
.lvl .show-tools .attach-tools button {
  opacity: 1;
  margin-bottom: 1.2em;
}
.lvl .attach:hover .attach-tools {
  opacity: 1;
}
.lvl .attach-tools button {
  opacity: 0;
  margin-bottom: 0;
  transition: all .2s;
}
.lvl .attach:hover .attach-tools button {
  opacity: 1;
  margin-bottom: 1.2em;
}

.lvl .header .attach			{
  display: inline-block;
  margin: 0;
  position:relative;
  height:auto;
  background:none;
  overflow:inherit;
}
.lvl .header .attach-tools button {
  font-size: 1em;
}
.lvl .header .attach .thumb-preview img{
  display:block;
  height: 101px;
  width: auto;
}

.lvl .header .item-details input.libelle{ display:none; clear:both; padding:5px; font-size:18px; color:#444; width:60%; }
.lvl .header a.attachButton		{ background:none; width:auto; cursor:pointer; }
.lvl .header .attachButton:after{ left:auto; right:1px; top:1px; background-color:#8fad00; }
.lvl .attachButton:after		{ display:block; content:' '; background:url('../img/levels_sprite.png') no-repeat -60px -20px; width:20px; height:20px; position:absolute; top:-5px; right:0; }
.lvl .header .attachButton:after{ left:auto; right:1px; top:1px; background-color:#8fad00; }
.filepath input					{ background:#444; width:80%; border:0; }

/* Explore plugin */
.explorateur #path				{ margin-top:0; }
#filelist						{ clear:both; float:none; margin:5px 0; }
.browser						{ height:250px; width:100%; box-sizing:border-box; padding:10px; overflow:auto; overflow-x:hidden; background:#555; }
.browser ul						{ padding:0; list-style-position:outside; margin-bottom:10px; }
.browser li						{ cursor:pointer; list-style:none; position:relative; }
.browser li span,
.browser li.folder span			{ display:block; padding:2px 2px 2px 20px; }
.highlight						{ color:#F90; }
.browser .supprimer				{ width:10px; height:16px; text-align:center; background:red; color:#fff; position:absolute; right:0; top:0; display:none; font-weight:bold; font-size:9px; }
.browser li:hover .supprimer	{ display:block; }
.browser li:hover				{ color:#222; background-color:#999; }
.browser li.folder span			{ background-image:url('../img/folder.png'); background-repeat:no-repeat; }
.browser li.file span			{ background-image:url('../img/page_white_text.png'); background-repeat:no-repeat; }
.browser li.file.img span		{ background-image:url('../img/image.png'); background-repeat:no-repeat; }
.browser li.file.pdf span		{ background-image:url('../img/pdf.png'); background-repeat:no-repeat; }
.attach .preview				{ overflow:hidden;padding-bottom:12px;margin-bottom:12px; }
.preview .name					{ color:#fff; font-size:14px; font-weight:bold; }
.preview .type					{ padding:0 0 4px 20px; background:url('../img/page_white_text.png') no-repeat;}
.preview .thumb img				{ display:block; width:190px;width:auto;max-width:100%; height:auto; border:none; box-shadow:0px 0px 10px #111;}
.functions						{ clear:both; float:none; padding:0px; margin:10px 0; }
.functions p.message			{ color:#fff; background:url('../img/exclamation.png') no-repeat; padding-left:20px; }
.buttons						{ clear:both; float:none; }
div.fonctions					{ margin-bottom:10px;}

.browser .thumbs,
.browser .file.small-thumbs		{ width:31.111%; float:left; margin:1%; }
.browser .file.small-thumbs		{ width:18%; }
.browser .file.thumbs span,
.browser .file.small-thumbs span{ padding:0; background:none; }

.lvl .tpl-name					{ font-size:1.1em; }
.lvl #tplList .tpl-desc			{ color:#ccc; }
.lvl #tplList .row				{ padding:0.3em 0; border-bottom:1px solid #666; }

.table-like > *:not(:first-child) thead {
  display: none;
}
.table-like tr {
  display: flex;
  width: 100%;
  align-items: stretch;
}
.table-like td {
  background: #fff;
  padding: 0;
  display: flex;
  align-items: stretch;
}

.live-editor-success {
    background-image: url('../img/check.svg');
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-size: 16px 18px;
    background-position: 98% 50%;
    cursor: auto;
}
.preloading {
  display: flex;
  align-items: center;
  justify-content: center;
}
.preloading img {
  width: 3em;
  height: 3em;
  margin: 2em;
}