@charset "utf-8";
/* CSS Document */
html {
	font-size:100%;
	font-style: normal;
	min-height:100%;
}
body {
	margin:0;
	padding:0;
	background-color:#FFFFFF;
	min-height:100%;
	color:#505050;
	font:13px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	overflow: hidden;
}
#body {
	position: relative;
	width: 90%;
	margin: 0 auto;
}
#signature {
	z-index: -1;
}
header {
	display: flex;
	justify-content: end;
	margin: 25px 50px 10px;
	font-family: Montserrat, sans-serif;
	font-size: 16px;
	height: 28px !important;
}
header div {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 25px;
	color: #5F5F5F;
}
header #deconnexion {
	display: flex;
	justify-content: center;
	align-items: center;
	text-transform: uppercase;
	text-decoration: none;
	color: #5F5F5F;
	transition: all .2s linear;
}
header div span, header #deconnexion span {
	margin-left: 5px;
}
header #deconnexion:hover {
	padding-bottom: 5px;
	border-bottom: 3px solid #5F5F5F;
}

#lg-img-container {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

#lg-logo {
	width: 45%;
  	min-width: 300px;
	margin: 50px 0;
}

#lg-qrcode {
	width: 7%;
  	min-width: 75px;
	margin: 0 0 50px;
}

#lg-login, #lg-password {
	border: none;
	font-family: Montserrat, sans-serif;
	font-size: 13px;
	font-style: italic;
	color: #A0A0A0 !important;
	background: #F7F7F7;
	width: 30%;
  	min-width: 250px;
	height: 54px;
	padding: 0 25px;
}

#lg-submit {
	width: 20%;
  	min-width: 200px;
	height: 52px;
	background: #2292E1;
	color: white;
	font-family: Montserrat, sans-serif;
	font-size: 18px;
	border-radius: 0;
	transition: all .3s linear;
}

#lg-submit:hover {
	border: 1px solid #2292E1;
	background: white;
	color: #2292E1;
}

#lg-login:active, #lg-login:focus, #lg-password:active, #lg-password:focus, #lg-submit:active, #lg-submit:focus {
	outline: none;
	box-shadow: none;
	border: 1px solid #2292E1;
}


#contenu {
	display: flex;
	position: relative;
	margin: 0 50px;
}
#tree {
	position: relative;
	width: 450px;
	background-color: #2292E1;
	padding: 0 25px;
	transform: translateY(-63px);
	height: 100vh;
}
#tree > img {
	width: 75%;
	padding: 30px 20px 50px;
}
.search-bar {
	position: relative;
}
.search-bar img {
	position: absolute;
	top: 50%;
	left: 15px;
	transform: translateY(-50%);
}
.search-bar input {
	width: 100%;
	color: white;
	background-color: #0073C4;
	height: 35px;
	border: none;
	padding: 0 15px 0 55px;
}
.search-bar input:focus, .search-bar input:active {
	background-color: #0073C4;
	outline: none;
	border: none;
}
#display {
	position: relative;
	margin-left: 50px;
	width: 100%;
}
#tree .toolbar button {
	height: 29px;
	background-color: #2292E1;
	color: white;
	text-transform: uppercase;
	border: 1px solid white;
	border-radius: 0;
	margin-bottom: 20px;
}
#tree .toolbar button:hover {
	background-color: #0073C4 !important;

}
#tree .toolbar button:last-child {
	position: absolute;
	right: 25px;
}

#tree .toolbar .icon-add { background-size: contain; background-image:url(../img/admin/icon-plus-white.svg); }
#tree .toolbar .icon-del { background-size: contain; background-image:url(../img/admin/icon-delete-white.svg); }
#tree .toolbar .icon-rename { background-size: contain; background-image:url(../img/icone16-rename.png); }
#tree .toolbar .icon-update { background-size: contain; background-image:url(../img/icone16-update.png); }
#tree .toolbar .icon-allopen { background-size: contain; background-image:url(../img/icone16-bas.png); }
#tree .toolbar .icon-allclose {  }
#tree .view {
	overflow: auto;
	height: 72% !important;
	width: 400px !important;
	background-color: #2292E1;
	border: none;
	box-shadow: none;
}
#tree .view ul li {
	width: 95%;
}
#tree .view ul li a {
	padding: 5px;
	text-transform: uppercase;
	width: 95%;
	background-color: #2292E1;
	color: white;
	border: none;
	height: 100%;
	border-bottom: 1px solid white;
}
#tree .view ul li .jstree-hovered, #tree .view ul li .jstree-clicked {
	border-bottom: 1px solid #0073C4;
}

a > .jstree-icon {
	margin-right: 8px !important;
}

#tree .view::-webkit-scrollbar {
	width: 1px;
}
#tree .view::-webkit-scrollbar-track {
	background-color: #fff;
}
#tree .view::-webkit-scrollbar-thumb {
	background-color: #0073C4;
}
#tree .view::-webkit-scrollbar-button {
	height: 0;
}

h1 { margin:0 0 19px 0; padding:20px 0 0 200px; text-transform:uppercase; font-weight:normal; }

a { text-decoration:none; color:rgb(50,50,50); }
a:hover { text-decoration:underline; }
img { border:none; vertical-align:middle; }
ul {  }

input:focus {border:1px solid orange;background:#fff;}
input, select, textarea, button { background:rgb(240,240,240); border:1px solid rgb(200,200,200)}
input, textarea, button { padding:3px; }
textarea {	font:13px Arial, "Lucida Grande", sans-serif; }
form.connexion input { font-size:20px; }

#display .row label {
	color: #5F5F5F;
	font-size: 16px;
	font-family: Montserrat, sans-serif;
	font-weight: bold;
}
#display .row {
	margin: 12px 0 15px;
}
#display .row div:first-child {
	padding-left: 0;
}
#display .row div:last-child {
	padding-right: 0;
}
#display .row input {
	color: #5F5F5F;
	font-size: 16px;
	font-family: Montserrat, sans-serif;
	background: #F7F7F7;
	width: 100%;
	height: 39px;
	border: none;
	padding: 0 10px;
}
#display .row textarea {
	color: #5F5F5F;
	font-size: 16px;
	font-family: Montserrat, sans-serif;
	background: #F7F7F7;
	width: 100%;
	border: none;
	padding: 10px;
}
#display .row select {
	color: #5F5F5F;
	font-size: 16px;
	font-family: Montserrat, sans-serif;
	background: #F7F7F7;
	width: 100%;
	border: none;
	padding: 10px;
}
.codes_restant {
	width: 100%;
	text-align: end;
	font-weight: normal;
}
#display input:active, #display input:focus, #display textarea:active, #display textarea:focus, #display select:active, #display select:focus {
	outline: none;
}
#display .put {
	width: 100%;
	height: 35px;
	color: white;
	text-transform: uppercase;
	background: #2292E1;
	border: 1px solid #2292E1;
	border-radius: 0;
	transition: all .3s linear;
}
#display .put:hover {
	background: #fff;
	color: #2292E1;
}
#display .code .put {
	width: 100%;
}
#form-vcard {
	height: 298px;
	overflow: auto;
}
#output-link {
	text-decoration: none;
  	transition: all .3s linear;
}
#output-link:hover {
	color: #2292E1;
}
.block { display:block; }
.iblock { display:inline-block; }
.b { font-weight:bold; }
.i { font-style:italic; }
.l { text-align:left; }
.c { text-align:center; }
.r { text-align:right; }
.pointer { cursor:pointer; }
.w50 { width:50px; }
.w100 { width:100px; }
.w150 { width:150px; }
.w200 { width:200px; }
.w300 { width:300px; }
.w400 { width:400px; }
.w500 { width:500px; }
.w600 { width:600px; }
.w700 { width:700px; }
.w800 { width:800px; }
.w900 { width:900px; }

#signature {
	position:fixed; left:10%; bottom:10px; width:86%;
	padding-top:30px; font-size:10px; text-align:right; }
#message { text-align:center; color:#ccc; font-weight:bold; margin:30px 0; }
#menu {
	height:40px;
	padding:0;
	font:11px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-align:left;
	border-left:1px solid #416a9c;
}
#menu a {
	display:inline-block;
	width:110px;
	height: 30px;
	text-align:center;
	padding: 5px 10px;
	border-right:1px solid #416a9c;
	/*background:url(img/bouton.gif) no-repeat center center;*/
}
.resume {
	width:48%;
	margin:2% 2% 0 0;
}

.jstree > ul > li{
	margin: 10px 0;
}
#qr-foreground-reset, #qr-background-reset {
	font-weight: bold;
	position: absolute;
	transform: translate(10px, 1px);
	font-size: 15px;
	cursor: pointer;
	text-decoration: none;
	transition: all 0.3s linear;
}
#qr-foreground-reset:hover, #qr-background-reset:hover {
	color: #2292E1 !important;
}
/* FORMS */
.form { display:block; width:100%;}
.form .separateur { border-bottom:1px solid #416A9C; margin-top:20px; }
.form  .libelle, .form .societe {
	background:none;
	border:none;
	font-size: 2em;
	margin: 25px 0 0 0;
	padding:0 0 5px 0;
	display: block;
	width: 100%;
	text-transform: uppercase;
	color: #2292E1;
	font-weight: bold;
	border-bottom: 2px solid #2292E1;
}
.form.code .libelle {
	padding-left: 35px;
  	margin-top: 0;
}
#qrcode-title {
	transform: translateY(32px);
}
.download {
	width: 100px;
  	height: 35px;
  	border-radius: 0 !important;
  	background: #2292E1 !important;
}
.form  *[name=miniurl] {
	background:none;
	border:none;
	color:#999;
}
.form textarea{ min-height:100px; margin:0; }
.form label { vertical-align:top; padding-top:6px; }
.form .qr-type { margin:25px 0 0; }
.form.code .block-miniurl { position:relative; }
.form.code .block-miniurl .stat { position:absolute; top:-30px; left:320px; }
.form.code .block-miniurl .stat .icon { background-image:url(../img/icone16-stat.png); }

.ui-tooltip {
	position:absolute;
  	padding:4px;
	z-index:9999;
  	background: white;
	-o-box-shadow: 0 0 5px #aaa;
	-moz-box-shadow: 0 0 5px #aaa;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
	font-size:0.6em;
}
.ui-tooltip-content {
	font-size:1.5em;
}

.jPicker { vertical-align:bottom; }
.ui-slider-horizontal { margin:6px 10px 0; }

#stats, #stats-campagne { margin-top:20px; border-top:1px solid #416A9C; }
#stats span, #stats-campagne span { padding-top:6px; font-size:1.5em; }
#stats select, #stats-campagne select { height: 150px; }
#stats label, #stats-campagne label { vertical-align:bottom; font-size:1.2em; }
#stats img, #stats-campagne img { margin:0 8px 5px 0;  border:1px solid #888; border-radius:2px; background:transparent url(../img/big-loading.gif) no-repeat center center; }
#stats table option, #stats-campagne table option {
	height: 23px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding-top: 4px;
	cursor: pointer;
	background: #F7F7F7;
}
#stats table option:checked, #stats-campagne table option:checked {
	height: 23px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding-top: 4px;
	cursor: pointer;
	background: rgb(180,180,180);
}
#compteurs td, #compteurs th,
#compteurs-campagne td, #compteurs-campagne th { 
  padding:0 6px;
  text-align:right; 
} 
.modif_ok {
	position: absolute;
	top: -5px;
	width: 100%;
	background: lightgreen;
	height: 20px;
	text-align: center;
	padding-bottom: 25px;
}

.champs_oblig {
	position: absolute;
	top: -5px;
	width: 100%;
	background: lightcoral;
	height: 20px;
	text-align: center;
	padding-bottom: 25px;
}

.modif_ok:hover, .champs_oblig:hover {
	text-decoration: underline;
  	cursor: pointer;
}