/*
 * File: style-base.css
 * File Created: Friday, 20th September 2019 10:59:11
 * Author: Jérémy TIROLLE
 * -----
 * Last Modified: Monday, 20th July 2020 14:55:12
 * Modified By: Jérémy TIROLLE
 */

/* NE PAS MODIFIER CE FICHIER !!!!! */

/*
              ,   .-'"'=;_  ,
              |\.'-~`-.`-`;/|
              \.` '.'~-.` './
              (\`,__=-'__,'/)
           _.-'-.( d\_/b ).-'-._
         /'.-'   ' .---. '   '-.`\
       /'  .' (=    (_)    =) '.  `\
      /'  .',  `-.__.-.__.-'  ,'.  `\
     (     .'.   V       V  ; '.     )
     (    |::  `-,__.-.__,-'  ::|    )
     |   /|`:.               .:'|\   |
     |  / | `:.              :' |`\  |
     | |  (  :.             .:  )  | |
     | |   ( `:.            :' )   | |
     | |    \ :.           .: /    | |
     | |     \`:.         .:'/     | |
     ) (      `\`:.     .:'/'      ) (
     (  `)_     ) `:._.:' (     _(`  )
     \  ' _)  .'           `.  (_ `  /
      \  '_) /   .'"```"'.   \ (_`  /
       `'"`  \  (         )  /  `"'`
   ___   jgs  `.`.       .'.'        ___
 .`   ``"""'''--`_)     (_'--'''"""``   `.
(_(_(___...--'"'`         `'"'--...___)_)_)
*/

/* NE PAS MODIFIER CE FICHIER !!!!! */


/* Balises de base */
html {
	box-sizing: border-box;
	font-size:13px;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

body {
    background: linear-gradient(-15deg, rgb(56, 173, 157), rgb(251, 188, 58));
    background-size: 150% 150%;
	background-color: #FFF;
	background-attachment:fixed;
    animation: Gradient 10s ease infinite;
	margin: 0;
	padding:0 15px;
	line-height:1.5;
}

ol,
ul {
	list-style: disc;
	padding-left: 20px;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: none;
}

body,
table {
	color: #535353;
	font-family: arial, verdana, sans-serif;
}


article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

th,
b,
strong,
.bold {
	font-weight: 700;
}

i,
em,
.italic {
	font-style: italic;
}

table {
	border-collapse: separate;
	border-spacing: 1px;
	font-size:1rem;
}


td,
th {
	padding: 5px;
	vertical-align:top;
}

p {
	margin-bottom: 10px;
}

textarea {
	resize: vertical;
}

img {
	border: none;
	vertical-align: middle;
}
h1 {
	color: #1b5743 !important;
	font-size: 1.5rem;
	font-weight: 900;
	margin-bottom: 10px;
	margin-top: 10px;
	text-shadow: 1px 1px 2px #bbb;
}
h2 {
	color: #3d886f!important;
	font-size: 1.2rem;
	font-weight: 700;
	margin-bottom: 10px;
	margin-top: 10px;
	text-shadow: 1px 1px 2px #bbb;
}
h2:before {
  content:'◢ ';
}

[disabled] {
	opacity: 0.6;
	pointer-events: none;
}

.bodypopup {
	margin: 5px;
	min-width:600px;
}

select:not([multiple]) {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAA6lBMVEVHcEzc3Nx1dXV2dnby8vLn5+dsbGxjY2NtbW2AgIBvb293d3fa2trm5ubX19fo6OhwcHDl5eXp6elzc3PY2Nhubm7Z2dnj4+Pd3d10dHTf3996enp4eHj29vbb29txcXH9/f3i4uLU1NT4+Pjx8fF5eXnr6+tra2usrKy0tLTq6urg4OCgoKCZmZmMjIyFhYW3t7epqanNzc2Ghoa/v7+4uLiqqqpqamr5+fm5ublycnKrq6vk5OTW1tbs7Oze3t7JycnCwsKCgoK7u7vt7e2RkZG8vLyurq6NjY3Hx8elpaWQkJCmpqbKysox4jpvAAAAAXRSTlMAQObYZgAAAc9JREFUGBntwVVy5DAABcAnOdJzZB7GTJiWmZnp/tfZVCqVChgk2Z/TDTuHX76/R4fSTfLzAJ0ZvOCZUKAjA8NzrwU6kRpeWG2hA6nhpVWM1uIhr8hnaCnVvEYLtJJq3qAFWnh3xFu0gLeJZglzB54mmqXMDF6EZoXhDB7SI1YaCjgbhaxhBBwNNGuZGE5SzQYmhgOh2cjMYG0rp4X8AyzFhlbMBFZ2Q1oKB7AQh7Q2FGgUh3QQCjQYaToJt1BrpOlIC9QQQzrLJ6g0CunBxKiwkdNLv4dyr+jpBOWe09Mxyu3S00dUuEcvd7dR5eTBprMnD7G2trbmam9/w9H+S1RbvpE6dKTljyUqbN+nl297KPeYnj6h3CN6Oka5p/T0DOWWEb3Mv6JCEdDDPEElFdDZXKHGuE9HU4Vab/t0IhM0KKZ0IBUaFX1akwoWdiQtyTGsJJJWggyWVEALUQ/WVJ+N5CkcFFM2kAmcJFPWChQcKckagYKzQrJSlMGDClghyuBFRSwVZfCUBSyx6MHbTsBbggQtjAPeECm0Mo54zUKhpV7AKxaHaK2IeOlAoQNJxAsHGTqhFjw376EjyYpn5Ck6o37m+Z8MHfr1++8/WPkPrOxOxykzLzMAAAAASUVORK5CYII=);
	background-position: right 10px center;
	background-repeat: no-repeat;
	background-size: auto 50%;
}
input[type="checkbox"], input[type="radio"] {
	cursor:pointer;
}


input, select, button {
	vertical-align: middle !important;
}

select option {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: .18rem .36rem;
	line-height: 1.5;
}

/* Application */
#global {
	border-radius: 5px;
	margin: auto;
	position: relative;
	/*width: 80%;*/
	/*overflow: hidden;*/
	min-width:950px;
	/*min-width: min-content;*/
	width:90%;
	z-index: 2;
	filter: drop-shadow(0 4px 10px #333);
}

#header {
	white-space: nowrap;
	padding:5px;
	padding-top:10px;
}

#footer {
	background: #27253C;
	color: #EEE;
	font-size: 0.85rem;
	padding: 5px;
	text-align: center;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	overflow:hidden;
}

#navigation {
	position:sticky;
	top:0;
	z-index:2;
}

#printbar {
	font-size: 0.8rem;
	padding: 5px;
	text-align: right;
	background: #FFF;
}

#loginbar {
	background: #E0E0E0;
	font-size: 0.83rem;
	padding: 2px 2px 2px 5px;
	display:flex;
	justify-content: space-between;
	line-height:1.5rem;
}

#loginbar_autologoff {
	color: #666;
	font-size: 0.7rem;
}

#loginbar > div {
	position:relative;
	flex-basis:200px;
	margin-left:5px;
}
#loginbar > div:first-of-type {
	flex-grow:2;
}


#content {
	padding: 10px 10px 25px;
	background: #FFF;
	position:relative;
	z-index:1;
}

#content_rel {
	position: relative;
}

#menu {
	background: #27253C;
	font-size: 0.95rem;
	line-height:1.5rem;
	white-space: nowrap;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}
#menu img {
	bottom: 1px;
	margin-right: 2px;
	position: relative;
}
#menu a {
	color: #FFF;
	font-weight: 700;
	text-decoration: none;
	text-shadow: 1px 1px 2px #000;
	white-space: nowrap;
	display:inline-block;
	padding:5px 10px;
}
#menu a:hover {
	color: #EEE;
	background:rgba(255,255,255,0.3);
	background: radial-gradient(ellipse at bottom, rgba(72,175,155,1) -50%,rgba(125,185,232,0) 80%);
	background-position:bottom -10px;
}

#printbar a,
#loginbar a {
	color: #666;
	text-decoration: none;
}
#printbar a:hover,
#loginbar a:hover {
	text-decoration: underline;
}

#page {
	min-height: 200px;
	padding: 10px;
}

/* Balises génériques */
.red {
	color: #FF0000 !important;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}

.justify {
	text-align: justify;
}

.nodisp {
	display: none;
}

.nowrap {
	white-space: nowrap;
}

.small {
	font-size: 0.85rem;
}

.padding1 {
	padding: 10px!important;
}

.padding2 {
	padding: 5px!important;
}

.texte1 {
	color: #777!important;
}

.texte2 {
	color: #c8ece0!important;
}

.texte3 {
	color: #5dad62!important;
}

.texte4 {
	color: #4F81B8!important;
}

.texte5 {
	color: #38831e!important;
}

.texte6 {
	color: #DB8B2C!important;
}

.texte7 {
	color: #3D6CD8!important;
}

.texte8 {
	color: #8027A5!important;
}

.texte9 {
	color: #FFF!important;
}

.spacer {
	clear: both;
}

.separator_1 {
	/*border-bottom: 1px solid #AAA;*/
	width: 90%;
	height: 1px;
	background-image: linear-gradient(to right, transparent, rgb(148,149,151), transparent);
	margin:1rem auto;
}

.sticky {
	position: -webkit-sticky;
	/* for Safari */
	position: sticky;
	top: 0px;
}

.overflower {
	overflow-x: auto;
}

.noselection {
	user-select: none;
}

.thumbimg {
	background: #FFF;
	box-shadow: 3px 3px 5px #bbb;
	margin: 8px;
	padding: 5px;
}

.w-100 {
	width: 100% !important;
}
.w-90 {
	width: 90% !important;
}
.w-75 {
	width: 75% !important;
}
.w-50 {
	width: 50% !important;
}
.w-40 {
	width: 40% !important;
}

.w-25 {
	width: 25% !important;
}

.pl-1 {
	padding-left: 1rem;
}
.mt-05 {
	margin-top: 0.5rem;
}

table.w-90 {
	margin:auto;
}
.danger {
  background-color:rgb(221, 37, 37) !important;
  color:#FFF !important;
}

.underline {
	text-decoration: underline;
}

.middle {
	vertical-align: middle !important;
}
.pointer {
	cursor:pointer !important;
}

/* Formulaires */
.custom_select {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAMAAAC5zwKfAAAA6lBMVEVHcEzc3Nx1dXV2dnby8vLn5+dsbGxjY2NtbW2AgIBvb293d3fa2trm5ubX19fo6OhwcHDl5eXp6elzc3PY2Nhubm7Z2dnj4+Pd3d10dHTf3996enp4eHj29vbb29txcXH9/f3i4uLU1NT4+Pjx8fF5eXnr6+tra2usrKy0tLTq6urg4OCgoKCZmZmMjIyFhYW3t7epqanNzc2Ghoa/v7+4uLiqqqpqamr5+fm5ublycnKrq6vk5OTW1tbs7Oze3t7JycnCwsKCgoK7u7vt7e2RkZG8vLyurq6NjY3Hx8elpaWQkJCmpqbKysox4jpvAAAAAXRSTlMAQObYZgAAAc9JREFUGBntwVVy5DAABcAnOdJzZB7GTJiWmZnp/tfZVCqVChgk2Z/TDTuHX76/R4fSTfLzAJ0ZvOCZUKAjA8NzrwU6kRpeWG2hA6nhpVWM1uIhr8hnaCnVvEYLtJJq3qAFWnh3xFu0gLeJZglzB54mmqXMDF6EZoXhDB7SI1YaCjgbhaxhBBwNNGuZGE5SzQYmhgOh2cjMYG0rp4X8AyzFhlbMBFZ2Q1oKB7AQh7Q2FGgUh3QQCjQYaToJt1BrpOlIC9QQQzrLJ6g0CunBxKiwkdNLv4dyr+jpBOWe09Mxyu3S00dUuEcvd7dR5eTBprMnD7G2trbmam9/w9H+S1RbvpE6dKTljyUqbN+nl297KPeYnj6h3CN6Oka5p/T0DOWWEb3Mv6JCEdDDPEElFdDZXKHGuE9HU4Vab/t0IhM0KKZ0IBUaFX1akwoWdiQtyTGsJJJWggyWVEALUQ/WVJ+N5CkcFFM2kAmcJFPWChQcKckagYKzQrJSlMGDClghyuBFRSwVZfCUBSyx6MHbTsBbggQtjAPeECm0Mo54zUKhpV7AKxaHaK2IeOlAoQNJxAsHGTqhFjw376EjyYpn5Ck6o37m+Z8MHfr1++8/WPkPrOxOxykzLzMAAAAASUVORK5CYII=);
	background-position: right 5px center;
	background-repeat: no-repeat;
	background-size: auto 60%;
	background-color: rgba(255,255,255,0.9); 
	border: 1px inset rgba(70,70,70,0.2);
	font-size: 0.9rem;
	font-weight: 700;
	overflow: hidden;
	width: 100%;
	z-index: 2;
	line-height:1.2rem;
	height: 1.5rem;
	position:absolute;
}
.custom_select:hover {
	height:auto;
	background-image:none;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
}

.custom_select a {
	display: block;
	padding: 2px;
	text-decoration: none !important;
}
.custom_select a[href]:not(.nohovering):hover {
	background-color: rgba(0,0,0,0.1);
}

.button1 {
	background: #E7E4D0;
	border: 1px solid #999;
	border-radius: 0.2rem;
	cursor: pointer;
	padding: 3px 10px;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
	margin: 2px;
	color: #000;
	text-decoration: none;
	display: inline-block;
  line-height: 1.5;
  white-space:nowrap;
}

.button1:hover {
	background: #8d8c87;
	color: #FFF;
}

.readonly {
	background: #F0F0F0;
	border: 1px solid #666;
	color: #777;
	font-size: 0.95rem;
	font-style: italic;
}
.datepicker, .timepicker {
	width:100%;
	padding-right:1.3rem !important;
}

.input1,
.ui-widget input,
.ui-widget select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: .18rem .36rem;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.ui-widget select {
	padding: .18rem;
}

.hasdropdown {
	position:relative;
  }
  .hasdropdown .dropdown {
	  position:absolute; 
	  display:none;
	  z-index:2;
	  top:100%;
	  right:0;
	  background:#E7E4D0;
	  border: 1px solid #999;
	  border-radius: 0.2rem;
	  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
  }
  .hasdropdown:hover .dropdown {
	  display:block; 
  }
  .hasdropdown .dropdown a {
	display:block;
	cursor:pointer;
	white-space:nowrap;
	text-align:left;
	padding: 5px 10px;
	color:#333;
	text-decoration:none;
	border-bottom:1px solid #fff;
  }
  .hasdropdown .dropdown a:last-child {
	border-bottom:none;
  }
  .hasdropdown .dropdown a:hover {
	background:rgba(255,255,255,0.3);
	color:#333 !important;
  }

/* Tableaux */
.table1,
.table2,
.table3,
.table4 {
	background: #FFF;
	border: 1px solid #999;
}

.table1 tr,
.cell6 {
	background: #e0f6ef;
}

.table2 tr {
	background: #FFEBD0;
}

.table3 tr {
	background: #E4F5FF;
}

.table1 .cell1 {
	background: #d7f1e9;
}

.table2 .cell1 {
	background: #FFF3E3;
}

.table3 .cell1 {
	background: #EFF9FE;
}

.table1 .cell2 {
	background: #F8F4D1;
}

.hovering tr:hover:not(.nohovering) td {
  background:#f2f2f2;
}

.cell3 {
	background: #D1F4F8!important;
}

.cell4 {
	background: #FFE7C4!important;
}

.cell5 {
	background: #FFD2D2!important;
}

.cell6 {
	background: #e5e5e5!important;
}

.table1 th {
	background: #38AD9D;
	color: #FFF;
	text-shadow: 1px 1px 2px #000;
	white-space: nowrap;
}

.table2 th {
	background: #a3825b;
	color: #FFF;
	text-shadow: 1px 1px 2px #000;
	white-space: nowrap;
}

.table3 th {
	background: #3ca2cc;
	color: #FFF;
	text-shadow: 1px 1px 2px #000;
	white-space: nowrap;
}

.table4 th {
	background: #fbf4bd;
	text-shadow: 1px 1px 2px #999;
	white-space: nowrap;
}

.tablesim {
	border: 1px solid #999;
}

.tablesim td {
	background: #FFF;
	border: 1px solid #999;
	font-size: 1.3rem;
	font-weight: 700;
	height: 20px;
	line-height: 20px;
	text-align: center;
	padding: 5px 10px;
}

/* liens */
.lien1 {
	color: #50634C;
}

.lien1:hover {
	color: #888;
	text-decoration: none;
}

/* Vue échantillons */
.overflower.vueech {
	overflow: scroll;
}

.overflower.vueech .w-100 {
	width: 100%;
	border-collapse: separate;
	/* Don't collapse */
	border-spacing: 0;
}

.overflower.vueech .w-100 thead th {
	position: -webkit-sticky;
	/* for Safari */
	position: sticky;
	top: 1px;
	border-color: #fff;
	border-top: 1px solid;
	border-bottom: 1px solid;
	border-right: 1px solid;
}

.overflower.vueech .w-100 tbody th,
.overflower.vueech .w-100 thead th:first-child {
	position: -webkit-sticky;
	/* for Safari */
	position: sticky;
	left: 1px;
	border-color: #fff;
	border-bottom: 1px solid;
	border-right: 1px solid;
}

.overflower.vueech .w-100 tbody td {
	border-color: #fff !important;
	border-bottom: 1px solid;
	border-right: 1px solid;
}

.overflower.vueech .w-100 th:first-child,
.overflower.vueech .w-100 td:first-child {
	/* Apply a left border on the first <td> or <th> in a row */
	border-left: 1px solid;
}

.overflower.vueech .w-100 thead th:first-child {
	z-index: 3;
}

/* Messages d'erreurs, warnins, etc... */
.confirm,
.erreur,
.warning {
	font-size: 0.95rem;
	font-weight: 700;
	margin: 15px;
	margin-left: 15%;
	margin-right: 15%;
	padding: 10px 80px 10px 10px;
	color: #FFF;
}

.erreur {
	background: #d9534f none repeat scroll 0 0 !important;
	border: 2px solid #d43f3a;
}

.confirm {
	background: #5cb85c none repeat scroll 0 0 !important;
	border: 2px solid #4cae4c;
}

.confirm,
.erreur {
	border-radius: 7px;
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
}

/* Onglets */
ul.onglets {
	margin-bottom: 0;
	margin-left: 0;
	padding: 0;
	position: relative;
	top: 1px;
	white-space: nowrap;
}

.onglets li {
	background: #E5E5E5;
	border: 1px solid #AAA;
	float: left;
	font-weight: 700;
	list-style-type: none;
	margin: 0 1px 0 0;
}

.onglets li:hover {
	background: #F8F8F8;
}

.onglets li.active {
	background: #F8F8F8;
	border-bottom: 1px solid #f4f4f4;
}
.onglets a {
	color: inherit;
	text-decoration: none;
	display:block;
	padding: 5px 10px;	
}

.zone_onglets {
	background: #F8F8F8 bottom right;
	border: 1px solid #AAA;
	clear: both;
	padding: 10px;
}

div[data-factures_module] {
	display:none;
}

/* Debug console */
.debug-console {
	background: rgba(0,0,0,0.7);
	border: 1px solid rgba(0,0,0,0.2);
	border-radius: 5px;
	box-shadow: 0 0 5px #555;
	color: rgb(0, 211, 0);
	font-size: 0.9rem;
	margin: 20px auto 20px auto;
	padding: 10px;
	table-layout: fixed;
	width: 80%;
	filter: drop-shadow(0 4px 10px rgba(0,0,0,0.3));
	min-width:80%;
}

.debug-console > p:first-child {
	margin:-10px;
	padding:10px;
}
.debug-console > div {
	display:flex;
}
.debug-console > div > div:first-child {
	flex-basis: 150px;
}
.debug-console > div > div:nth-child(2), .debug-console .message {
	flex-grow: 2;
	color:rgb(166, 243, 253);
	overflow-wrap: break-word;
	display:block;
}
.debug-console .sql-word {
	color:rgb(253, 215, 0);
	font-weight:bold;
	text-transform:uppercase;
}
.debug-console .sql-boundary {
	color:rgb(255, 106, 47);
	font-weight:bold;
	text-transform:uppercase;
}
.debug-console .sql-quote, .debug-console .sql-number {
	color:rgb(255, 94, 255);
}


#popup_inline {
	background: #D0EDF5;
	border: 1px solid rgba(0,0,0,0.2);
	border-radius:5px;
	box-shadow: 2px 2px 10px rgba(0,0,0,0.3);
	cursor: move;
	display: none;
	opacity: 0.95;
	padding: 10px;
	position: absolute;
	right: 50px;
	top: 30px;
	width: 300px;
	z-index: 200;
}
.tabview ul {
	padding:0;
	margin:0;
}
.tabview li {
	display:inline-block;
	list-style-type: none;
}

.tabview li a {
	border: 1px solid #888;
	cursor: pointer;
	display: block;
	font-weight: 700;
	margin: 3px;
	padding: 5px;
	text-align: center;
	text-decoration: none;
	width: 150px;
}
.tabview li:not(.unsortable) a {
	cursor:move;
}

.tabview .element {
	clear: both;
	display: none;
}

/* Pagination */
.pagination {
  padding: 0 15px;
  text-align:center;
  display: inline-block;
  margin:auto;
}

.pagination a {
  display: inline-block;
  padding: 0 10px;
  transition: 400ms ease;
  color: #666;
  font-size: 1.1rem;
  letter-spacing: 0.1em;
  line-height: 1.8rem;
  text-decoration:none;
}
.pagination a:hover, .pagination a.active {
  background-color: #679c8b;
  color: #fff;
}

/* jQuery-ui */
.ui-widget-content {
	background: #e6e6e6;
	border-color: #999;
}

.ui-widget-header {
	background: #b9b9b9;
	line-height:2.2rem;
	height:2.2rem;
}

.ui-datepicker .ui-datepicker-title {
	line-height:1.6rem;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
	display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
	top: 50%;
	margin-top:-6px;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	background: #FFF;
	border: 1px solid #d3d3d3;
	color: #222;
	font-weight: 400;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	background: #EEE;
	border: 1px solid #999;
	color: #222;
	font-weight: 400;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	background: #f9fbe1;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	background: #e1fbea;
}

.ui-datepicker {
	color: #535353;
	font-family: arial, verdana, sans-serif;
	font-size: 0.85rem;
}

.ui-widget-header .ui-state-hover {
	background: none;
	border: none;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	cursor: pointer;
	top: 2px;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-prev-hover {
	left: 0;
}

.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-next-hover {
	right: 0;
}

/* Tooltips */
.tooltip {
    background : #222222;
    background : rgba(0,0,0,0.9);
    padding:3px 6px;
    border-radius:4px;
    color:#FFF;
    font-weight:500;
    font-size:12px;
    font-family: 'Roboto Condensed', arial, sans serif;
    display:inline-block;
    position:absolute;
    max-width:400px;
    min-width:50px;
    text-align:center;
    z-index:9999;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15); -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15); box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.15);
  }
  .tooltip:after {
    content:'';
    position:absolute;
    width: 0;
    height: 0;
    width: 0; 
    height: 0; 
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
  }
  .tooltip.tleft::after {
    left: 10px;
  }
  .tooltip.tright::after {
    right:10px;
  }
  .tooltip.ttop:after  {
    top: -9px;
    border-bottom: 10px solid rgba(0,0,0,0.9);
  }
  .tooltip.tbottom:after  {
    top: 100%;
    border-top: 10px solid rgba(0,0,0,0.9);
  }

/* Icones */
/* Icn type img exemple
.icn_cross {
	background:url('/templates/dipole/interface/icones/cross.png') no-repeat;
	background-size:cover;
	width:16px;
	height:16px;
    display: inline-block;
}*/
.icn::before {
	font-family:'Font Awesome 5 Free';
	font-weight: 900;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	vertical-align:top;
}
.icn_warning::before {
	content:'\f071';
	color:rgb(255, 196, 0);
}
.icn_info::before {
	content:'\f05a';
	color:rgb(0, 153, 255);
}
.icn_cross::before {
	content:'\f00d';
	color:rgb(255, 51, 0);
}
.icn_tick::before {
	content:'\f00c';
	color:rgb(1, 158, 27);
}
.icn_turn-right::before {
	content:'\f3be';
	color:rgb(7, 224, 231);
    transform: rotate(270deg);
    text-shadow: none;
    font-size: 140%;
}
.icn_money::before {
	content:'\f53b';
	color:rgb(62, 182, 98);
}
.icn_hourglass::before {
	content:'\f252';
	color:rgb(62, 178, 182);
}
.icn_delete::before {
	content:'\f05e';
	color:rgb(221, 0, 0);
}

.icn_menu {
    display: inline-block;
	vertical-align:bottom;
	background-size:cover;
	background-repeat : no-repeat;
	margin-right:5px;
	font-size:1.2rem;
}
.icn_big {
    display: inline-block;
	width:64px;
	height:64px;
	vertical-align:bottom;
	background-size:cover;
	background-repeat : no-repeat;
	margin:5px;
	font-size:48px;
	color:#3c999c;
}
.icn_big:hover {
	color:#636363;
}
.icn_accueil:before {
	content:'\f015';
	/*background-image:url('icones/icone_accueil.png');*/
}
.icn_connexion:before {
	content:'\f084';
	/* background-image:url('icones/icone_connexion.png'); */
}
.icn_compte:before {
	content:'\f007';
	/* background-image:url('icones/icone_compte.png'); */
}
.icn_dossiers:before {
	content:'\f07b';
	/* background-image:url('icones/icone_dossiers.png'); */
}
.icn_vueech:before {
	content:'\f0c3';
	/* background-image:url('icones/icone_vueech.png'); */
}
.icn_recherche:before {
	content:'\f002';
	/* background-image:url('icones/icone_recherche.png'); */
}
.icn_telechargements:before {
	content:'\f019';
	/* background-image:url('icones/icone_telechargements.png'); */
}
.icn_demandes:before {
	content:'\f65e';
	/* background-image:url('icones/icone_demandes.png'); */
}
.icn_factures:before {
	content:'\f153';
	/* background-image:url('icones/icone_factures.png'); */
}
.icn_autre:before {
	content:'\f5fd';
	/* background-image:url('icones/icone_autre.png'); */
}
.icn_contact:before {
	content:'\f0e0';
	/* background-image:url('icones/icone_contact.png'); */
}
.icn_tablette:before {
	content:'\f3fa';
	/* background-image:url('icones/icone_tablette.png'); */
}
.icn_preferences:before {
	content:'\f4fe';
	/* background-image:url('icones/icone_preferences.png'); */
}
.icn_deconnexion:before {
	content:'\f2f5';
	/* background-image:url('icones/icone_deconnexion.png'); */
}
.icn_utilisateurs:before {
	content:'\f0c0';
	/* background-image:url('icones/icone_utilisateurs.png'); */
}
.icn_options:before {
	content:'\f013';
	/* background-image:url('icones/icone_options.png'); */
}
.icn_visulog:before {
	content:'\f080';
	/* background-image:url('icones/icone_visulog.png'); */
}
.icn_php:before {
	font-family:'Font Awesome 5 Brands';
	content:'\f457';
	/* background-image:url('icones/icone_php.png'); */
}
.icn_infolabo:before {
	content:'\f05a';
	/* background-image:url('icones/icone_infolabo.png'); */
}
.icn_parametrage:before {
	content:'\f085';
	/* background-image:url('icones/icone_parametrage.png'); */
}
.icn_clrtmp:before {
	content:'\f2ed';
	/* background-image:url('icones/icone_clrtmp.png'); */
}
.icn_mentionslegales:before {
	content:'\f24e';
	/* background-image:url('icones/icone_clrtmp.png'); */
}

.loader {
	background-image:url('loading.svg');
	background-size:cover;
	width:50px;
	height:50px;
	vertical-align:middle;
	display:inline-block;
}

/* Impression */
@media print {
	body {
		background-color: #FFF;
		background-image: none;
		color: #000;
		padding:0;
	}
	#header,
	#footer,
	#menu,
	#printbar,
	#loginbar,
	.debug-console {
		display: none;
	}
	.noprint {
		display: none !important;
		padding:0 !important;
		margin:0 !important;
		width:0 !important;
	}
	#global {
		border-radius: 0;
		box-shadow: 0 0 0 #222;
		width: auto;
		filter:none;
	}
}

/* Animations */
@-webkit-keyframes Gradient {
	0% { background-position: 0% 50% }
	50% { background-position: 100% 50% }
	100% { background-position: 0% 50% }
}
@-moz-keyframes Gradient {
	0% { background-position: 0% 50% }
	50% { background-position: 100% 50% }
	100% { background-position: 0% 50% }
}
@keyframes Gradient {
	0% { background-position: 0% 50% }
	50% { background-position: 100% 50% }
	100% { background-position: 0% 50% }
}