@charset "UTF-8";
/* CSS Document */

/******************* main ****************** */
html { font-size: 12px; }
body { background-color: var(--white-bg-color); margin-top: 0; font-family: "Open Sans", sans-serif; }
/*
body, form, fieldset, p, h1, h2, h3, h4, ul, ol, li, dl, dd, dt, input, select, textarea {
	margin: 0px; padding: 0px;
	color: var(--black-color);
	font-family: Arial, Helvetica, sans-serif;
	quotes : "«" "»" "«" "»";
	font-size: 14px;
	height: auto:
}

:focus { outline: 0px !important; }
ul { list-style-type: none; }
li { display: inline; }
img { border: none; }
sup { font-size: .4em; }

.left { float: left; }
.right { float: right; }
*/
h1 { font-family: "Garamond", serif; }
.cleaner { clear: both; font-size: 0px; height: 0px; line-height: 0px;}
a { color: var(--reverse-color); text-decoration: none;}
a:hover { color: var(--black-color); text-decoration: underline;}

textarea, textarea:focus, input[type="text"], input[type="text"]:focus, input[type="email"], input[type="email"]:focus, input[type="tel"], input[type="tel"]:focus, input[type="number"], input[type="number"]:focus { outline: 0; box-shadow:none; }
.vat0 { color: var(--white-bg-color); }

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

/******************* Blocs principaux ****************** */
/*.container { width: 980px; }*/
/*
#page, #conteneur, #contenu, #nav, #footer { position: relative; margin: 0 auto; }
#page { margin: 0 auto; padding: 0 10px; width: 980px; background: var(--white-bg-color); }
#header { width: 100%; background-color: #fbfbfb; padding-bottom: 12px; } 
#conteneur {  position: relative; }
#contenu { margin: auto; }
#navigation { }
#footer { }
*/

/******************* HEADER ****************** */
.page-header { padding-bottom: 0; margin: 0 0 20px; border-bottom: none; background-color: var(--main-bg-color); color: var(--main-color); }
.page-header .container > .row { height: 90px; }
.page-header h1 { font-weight: normal; font-size: 1.9em; color: var(--main-color); font-family: "Garamond", serif; margin-top: .2em; margin-bottom: .2em; }
.page-header h2 { font-weight: normal; font-size: 1.3em; margin-top: .6em; }
.page-header a { color: var(--main-color); font-size: 1.1rem; }
#title { text-align: left; margin-top: 25px; padding-right: 0; }
input#title { margin-top: 0; }
#title .fa, #title .fas { margin: 0 3px; }
.page-header .title { display: none; }

.gab-Table { background-color: var(--main-bg-color); }
.gab-Table .page-header { margin-bottom: 0; }
.gab-Table .page-header .container > .row { height: auto; }
.gab-Table .page-header #title { margin-top: 10px; }
.gab-Table .page-header #logo { top: 10px; }
.gab-Table .nav-contact > a, .gab-Table .nav-contact.active > a, .gab-Table .nav-contact:hover > a { background-image: none; }
.gab-Table .nav-project > a, .gab-Table .nav-project.active > a, .gab-Table .nav-project:hover > a { background-image: none; }
.gab-Table .nav-upload > a, .gab-Table .nav-upload.active > a, .gab-Table .nav-upload:hover > a { background-image: none; }
.gab-Table .page-header .navbar { top: 0;  }
.gab-Table .page-header .nav-item { }
.gab-Table .page-header a.nav-link { padding: 20px 10px 5px; }
.gab-Table .page-header .nav-link i.fa { top: 7px; font-size: 12px; height: 12px; width: 16px; }

.gab-Table .dataTables_wrapper { margin-bottom: 0; }
.gab-Table ul.nav-tabs { background-color: var(--main-bg-color); }
.gab-Table .row-tabs-group ul.nav-tabs, .gab-Table .table-inner ul.nav-tabs, .gab-Table form ul.nav-tabs { background-color: transparent; }
.gab-Table .nav-tabs a.nav-link:hover { color: var(--reverse-color); }
.gab-Table .row-table { background-color: var(--table-bg-color); }
ul.nav-tabs.nav-tabs-name { margin-top: -1em; }

.gab-Table footer, .gab-Table footer a { color: var(--white-color); }
.gab-Table .errorsAdmin, .show_dump { background-color: var(--white-bg-color); }
.btn.btn-show_dump { white-space: normal; }

.errorsAdmin .time2load { text-align: center; margin: 0; }

/******************* FOOTER ****************** */
footer { margin-top: 20px; }
footer p { text-align: center; }
/*
#footer { text-align: center; }
#footer img { padding: 23px 0; }
#footer p { width: 400px; text-align: center; margin: auto; padding-top: 50px; }
#footer .logo { display: block; float: right; }
#footer img { padding: 23px 0; }
#footer p.indice { width: auto; text-align: center; margin: 0 auto; padding: 0; }
*/

/******************* NAV ****************** */
@keyframes navlink { from { background-color: var(--main-bg-color); } to { background-color: var(--reverse-bg-color); } }
@keyframes navlinka { from { color: var(--main-color); } to { color: var(--reverse-color); } }

.page-header .navbar { position: absolute; top: 0; right: 0; padding: 0; }
.page-header a.nav-link { padding: 65px 10px 10px; border-left: 1px solid var(--main-bg-color); position: relative;
	background-repeat: no-repeat; background-position: center 15px; 
	line-height: 15px; min-width: 75px; font-size: .8em; text-align: center; text-transform: uppercase; 
}
.page-header a.nav-link:focus, .page-header a.nav-link:hover { animation-name: navlinka; animation-duration: 1s; color: var(--reverse-color); }
.page-header .active a, .page-header .active:hover a.nav-link { color: var(--reverse-color); }
.page-header .nav-link.disabled { color: #d9ce38; }
.page-header .nav-item.active { background-color: var(--reverse-bg-color); }
.page-header .nav-item:hover { animation-name: navlink; animation-duration: 1s; background-color: var(--reverse-bg-color); }
.page-header .nav-link i.fa { position: absolute; top: 15px; left: 7px; font-size: 45px; width: 60px; height: 45px; text-align: center; left: 50%; transform: translate(-50%, 0); }
.page-header .nav-link .badge-pill { position: absolute; right: .2em; top: .5em; font-size: 1em; }

.page-header .dropdown-toggle { cursor: pointer; }
.page-header .dropdown-toggle::after { display: none; }
.page-header .dropdown-menu { background-color: var(--reverse-bg-color); margin-top: 0; }
.page-header .dropdown-menu a { color: var(--reverse-color); }
.page-header .dropdown-item { padding-left: 1rem; }
.page-header .dropdown-item:focus, #title .dropdown-item:hover, #title .dropdown-item.active { background-color: var(--main-bg-color); color: var(--main-color); }
.page-header .dropdown-item .fa { margin: 0 3px 0 0; min-width: 1.2em; text-align: center; }
.dropdown-divider { border-top-color: var(--main-bg-color); }

.nav-tabs { border-bottom-color: transparent; }
.nav-tabs .nav-link { border: 1px solid var(--reverse-border-color); border-color: var(--primary-bg-clear-rgb-5); border-bottom: none; background: var(--white-bg-color); }
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-item.active .nav-link.active, .nav-tabs .nav-link.active, .nav-tabs .nav-link:focus { background-color: var(--reverse-bg-color); 
border-color: var(--reverse-border-color) var(--reverse-border-color) var(--reverse-bg-color); color: var(--reverse-color); font-weight: 600; }
.nav-tabs .nav-item.active .nav-link { background-color: var(--valid-color); color: var(--white-color); }
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover { border-color: var(--reverse-border-color); background-color: var(--primary-bg-clear-rgb-1); color: var(--reverse-color); }
#nav-table-content { border: 1px solid var(--reverse-border-color); border-width: 1px 1px 0; background-color: var(--table-bg-color); }
.gab-Table #nav-table-content { border-width: 0 1px; background-color: var(--white-bg-color); }
#nav-table-content form { padding: 20px 20px 1rem; }
.loader { text-align: center; }
.loader img { margin: 2em; }
.list-group-item .loader img { margin: .52em; }

/******************* Filter ********************/
#nav-table-filter { border: 1px solid var(--reverse-border-color); border-width: 0 1px; background-color: var(--white-bg-color); padding-bottom: 1em; display: none; }
.row-filter { border: 1px solid var(--primary-color-rgb-2); padding: 1em; background-color: var(--primary-heavy-rgb-1); border-radius: 0 0 .25rem .25rem; }
.row-title-filter { margin-bottom: 1rem; }
#field-filter_date { margin-left: 1rem; }
#field-filter_date.field-radio .input-group > .row { width: calc(100% + 30px); }
#field-filter_date.field-radio .request label input { padding-right: 15px; }
.row-dates .input-group { padding: 5px calc(.375rem + 1px) }

@media screen and (max-width: 990px)
{
	.page-header .container > .row { height: 85px; }
	#logo { left: 0; }
    .page-header a.nav-link { padding: 60px 10px 10px; min-width: 55px; }
	.page-header .nav-link i.fa { font-size: 40px; width: 55px; height: 40px; margin-left: auto; }
	.gab-Table .page-header a.nav-link { padding: 20px 5px 5px; }
}
@media screen and (max-width: 767px)
{
    .page-header a.nav-link { padding: 60px 5px 10px; min-width: 40px;  }
	.page-header .nav-link i.fa { font-size: 30px; width: 42px; height: 30px; }
    /*.page-header .nav { display: inline-block; }
    .page-header a.nav-link { padding: 0px 5px 5px 25px; line-height: 1.2em; min-width: 45px; text-align: left; }
	.page-header .nav-link i.fa { left: 0; font-size: 16px; width: 16px; height: 16px; }*/
}
@media screen and (max-width: 575px)
{
	#title { margin-top: 5px; padding-right: 15px; }
	#title .subtitle, #title .subnav { text-align: right; }
	#logo { top: 5px; left: 15px; }
	.col-logo { height: 45px; }
	.page-header .navbar { position: relative; top: 1px; right: auto; }
    .page-header a.nav-link, .gab-Table .page-header a.nav-link { padding: 20px 5px 3px; min-width: 30px; }
	.page-header .nav-link i.fa { font-size: 16px; width: 30px; height: 16px; top: 3px; }
}
@media screen and (max-width: 400px)
{
    .page-header a.nav-link, .gab-Table .page-header a.nav-link { padding: 20px 3px 0; min-width: 20px; font-size: .8em; }
	.col-menu { padding: 0; }
}

/******************* Bouton ****************** */
/*.btn-default { color: var(--white-color); background-color: var(--main-bg-color); border-color: #05a7d5; }*/
.btn-default a, .btn-info a, .btn-danger a, .btn-warning a { color: var(--white-color); font-size: 13px; }
.btn-default a { color: var(--primary-color); }
/*.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: #FFC; background-color: #05a7d5; }*/
.btn-primary { color: var(--reverse-color); background-color: var(--reverse-bg-color); border-color: var(--btn-border-color); font-weight: bold; }
.btn-primary.valid { color: var(--white-color); background-color: var(--valid-color); border-color: var(--valid-color-rgb-11); }
.btn-primary.committed { color: var(--white-color); background-color: var(--pending-color); border-color: var(--pending-color-rgb-11); }
.btn-primary.pending { color: var(--white-color); background-color: var(--pending-color); border-color: var(--pending-color-rgb-11); }
.btn-primary.progress { color: var(--white-color); background-color: var(--progress-color); border-color: var(--progress-color-rgb-11); }
.btn-primary.cancel, .btn-primary.credit { color: var(--white-color); background-color: var(--cancel-color); border-color: var(--cancel-color-rgb-11); }
.btn-primary.archive { color: var(--white-color); background-color: var(--archive-color); border-color: var(--archive-color-rgb-11); }
.btn-primary.closed { color: var(--white-color); background-color: var(--archive-color); border-color: var(--archive-color-rgb-11); }
.btn-primary.del { color: var(--white-color); background-color: #FF0000; border-color: var(--cancel-color-rgb-11); }
.btn-primary:hover { color: var(--black-color); background-color: var(--btn2-bg-color); border-color: var(--btn2-border-color); }

.btn-secondary { color: var(--black-color); background-color: var(--btn2-bg-color); border-color: var(--btn2-border-color); }
.btn-flex { display: inline-flex; }
.btn-flex .fa { line-height: 1.5em; padding-right: .5em; }

.btn.fa { color: var(--reverse-color); background-color: var(--reverse-bg-color); padding: .5em; border-radius: 2.2em; font-size: .7em; }
.list-group-item.active .btn.fa { border-color: var(--primary-dark-color); }
.list-group-item.active .btn.fa:hover { color: var(--white-color); background-color: var(--main-bg-color); }
.list-group-item.active .add .btn.fa { margin-top: -2px; margin-bottom: -2px; }

.modal-header { background-color: var(--reverse-bg-color); }
[type=reset], [type=submit], button, html [type=button] { -webkit-appearance: none; }
.alert-dismissible .close { padding: .35rem 1.25rem; }
.btn-primary.disabled, .btn-primary:disabled { opacity: 1; background-color: var(--pending-color); border-color: var(--pending-dark-color); }

/******************* Login ****************** */
.form-login, .form-oubli { border: 1px solid var(--main-bg-color); padding: 15px; border-radius: .25rem; }
.form-horizontal label.control-label { text-align: left; line-height: 2; padding-top: 2px; }

/*
.form-login { margin: auto; float: none; margin-top: 5px; }
.form-login form { border: 1px solid var(--main-bg-color); padding: 5px; }
.form-login h1, .form-login form { width: 100%; margin: auto; }
.form-login fieldset, .form-login input { font-size: 12px; }
.form-login .message { color: var(--reverse-color); font-size: 14px; }
*/

/******************* Contenu ****************** */
#contenu { min-height: 200px; }
#contenu.container { padding: 0; }
#message { display: none; margin: 70px 0; }
#contenu h1 { font-weight: normal; font-size: 2em; margin-bottom: 20px; color: var(--reverse-color); }
#contenu h2 { font-weight: normal; font-size: 1.3em; margin: 10px 0 10px 0; padding: 5px 15px; background-color: var(--reverse-bg-color); color: var(--reverse-color); border: 1px solid var(--main-bg-color); }
#contenu h2 .fa { margin-right: 5px; font-size: 1.3em; }
#contenu h3 { font-weight: normal; font-size: 1.5em; margin: 10px 0 10px 0; padding: 5px 10px; font-weight: bold; font-variant: small-caps; color: var(--main-color); background-color: var(--main-bg-color); }
#contenu h3 span { padding: 7px 35px 5px 10px; line-height: 28px; }
#contenu h4 { font-size: 16px; color: var(--reverse-color); font-weight: bold; }
#contenu h4.btn-info { color: var(--white-color); }
#contenu .bg-primary h4 { color: var(--white-color); }
p { margin-bottom: 1em; height: auto; }
#contenu p { font-size: 14px; line-height: 18px; text-align: justify; }
#contenu p.center { text-align: center; }
#contenu p.inter { margin-top: 10px; margin-bottom: 0; }
#contenu p.alert { color: var(--reverse-color); font-weight:bold; }
#contenu .upper { text-transform: uppercase; }
.preview { display: none; }
.bloc { float: left; }
.bloc2 { float: left; width: 50%; }
.bloc3 { float: left; width: 33%; }
.ombre { -moz-box-shadow: 5px 5px 5px 0px #dddddd;
-webkit-box-shadow: 5px 5px 5px 0px #dddddd;
-o-box-shadow: 5px 5px 5px 0px #dddddd;
box-shadow: 5px 5px 5px 0px #dddddd;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#dddddd, Direction=134, Strength=10); }
.photo { position: relative; text-align: center; }
.img { display: block; }
.legende { text-align: center; font-size: 12px; margin-bottom: 20px; background-color: var(--main-bg-color); color: var(--white-color); margin-top: -6px; line-height: 22px; }
.bloc3 .legende { width: 177px; }
.wi10 { width: 10%; }
.wi15 { width: 15%; }
.wi20 { width: 20%; }
.wi25 { width: 25%; }
.wi40 { width: 40%; }
.wi45 { width: 45%; }
.wi50 { width: 50%; }
.wi55 { width: 55%; }
.wi60 { width: 60%; }
.wi75 { width: 75%; }
.wi80 { width: 80%; }
.wi85 { width: 85%; }
.wi90 { width: 90%; }
.h200 { height: 200px; }
.h280 { height: 280px; }
.top10 { margin-top:10px; }
.top15 { margin-top:15px; }
.top20 { margin-top:20px; }
.top30 { margin-top:30px; }
.separateur { height: 70px; }
.cadre { padding: 25px 65px 15px 65px; background-color: var(--primary-clear-color); }
.cadre.nopadd { padding: 0; }
.cadre.nopaddtop { padding-top: 0; }
.cadre.cut { padding-bottom: 1px; }
.paddtop { padding-top: 25px; }
.padd { padding: 25px 65px 15px 65px; }
.no-padding { padding: 0; }
.no-padding-left { padding-left: 0; }
.no-padding-right { padding-right: 0; }
.suite { padding-top: 30px; }
.trombone { background: url("../images/trombone.png") 855px top no-repeat; }
.bouton-suite { float: right; }
.padd-trombone { padding-right: 100px; }
.alert-message a { color: var(--white-color); }
#contenu p.date { font-size: .8em; margin-bottom: .5em; }
#contenu .nopadding { padding: 0 !important; margin: 0 !important; }
#contenu .nopadright { padding-right: 0 !important; }
#contenu .nopadleft { padding-left: 0 !important; }

/******************* FLASH ****************** */
.action-flash #contenu.container { padding: 5em; background-color: var(--white-bg-color); color: var(--reverse-color); }

/******************* Card ****************** */
.card-body .alert { margin-bottom: 0; }
.card-body .alert + div { margin-bottom: 1rem; }
#contenu div.card { border: 1px solid var(--primary-color-rgb-2); margin-bottom: 1em;; }
#contenu .badge.pull-right { float: right; }
#contenu .badge.badge-btn { padding: 0; font-size: 100%; }
#contenu .badge.badge-btn a { font-weight: normal; }
#contenu .badge.pull-right.badge-btn { position: absolute; right: 0; top: 0; }
#contenu div.card h2 { margin-top: 0; border-width: 0; border-bottom: 1px solid var(--primary-color-rgb-7); }
#contenu div.card h2 .card-title { margin-bottom: 0; }
#contenu div.card h2 .badge.badge-btn .btn { font-size: .8em; }
#contenu div.card h2 .badge.badge-btn .btn:hover { color: var(--main-color); background-color: var(--main-bg-color); }
#contenu div.card form .form-group.field-submit { margin-bottom: 0; }
#contenu .card.row-ajaxShow > div.card.row-update, #contenu .content-show > div.card.row-update, #contenu .content-edit > div.card.row-update { border: none; margin-top: 1em; margin-bottom: 0; background-color: var(--primary-heavy-rgb-1); }
#contenu .card.row-update, #contenu .card.row-insert, #contenu .content-update, #contenu .content-insert, .row-form-ajaxInsert > div > .card { background-color: var(--primary-heavy-rgb-1); }
#contenu .card .card-body p.description .title, #contenu .title_project { text-transform: uppercase; }

/******************* Table Inner ****************** */
#contenu .table-inner div.row-ajaxShow { padding-bottom: 10px; }
#contenu .table-inner .content > div.card.row-ajaxShow { padding-bottom: 0; border-top: none; border-radius: 0 0 .25rem .25rem; }
#contenu .table-inner div.card.row-ajaxShow .card-body { padding: 5px 20px; }
#contenu .table-inner h6 { font-weight: 600; }
#contenu .table-inner .fa-ul { margin-left: 3.9em; }
#contenu .table-inner .fa-li { left: -1.7em; }
#contenu .table-inner .fa.big { font-size: 2em; color: var(--primary-color-rgb-5); width: 1.1em; text-align: center; }
#contenu .table-inner .row-ajaxShow .btn.badge { font-size: .9em; font-weight: 400; line-height: 2em; position: absolute; top: 0; right: 0; }
#contenu .table-inner .row-ajaxShow .tab-content .btn.badge, #contenu .table-inner .row-ajaxShow .header-edit .btn.badge { right: .75em; }
#contenu .table-inner .row-ajaxShow ul li { line-height: 1.5em; }
#contenu .table-inner .row-ajaxShow ul li.progress { overflow: visible; }
#contenu .table-inner .row-ajaxShow ul li .ajax-edit { background-color: var(--table-bg-color); }
#contenu .table-inner .row-ajaxShow p.description { text-align: center; margin: 0; font-size: 1.1em; }
#contenu .table-inner .row-ajaxShow p.description .badge-date_new { position: absolute; top: 0; right: 0; }
#contenu .table-inner .row-ajaxShow p.description .badge-date_update { position: absolute; top: 0; left: 0; }
#contenu .table-inner .row-ajaxShow .badge-isvalid { position: absolute; top: 0; left: 50%; transform: translate(-50%, 0); }
#contenu .table-inner .row-ajaxShow p.description small { font-size: .9em; }
#contenu .table-inner .row-ajaxShow p.description .badge { line-height: 1em; font-size: .9em; font-weight: 400; padding-top: .4em; }
#contenu .table-inner .row-ajaxShow p.sub { margin-left: 3em; font-weight: 600; white-space: nowrap; position: relative; }
#contenu .table-inner .row-ajaxShow p.sub > .fa { width: 1.1em; }
#contenu .table-inner .row-ajaxShow p.sub .count { width: 2em; display: inline-block; text-align: right; }
#contenu .table-inner .row-ajaxShow p.sub .btn.badge { font-size: 1em; line-height: 1.8em; }
#contenu .table-inner .row-ajaxShow p.sub .btn.badge i.fa { margin-top: -.3em; width: 2.35em; line-height: 1.25em; }
#contenu .table-inner .row-ajaxShow p.description .contacts_project { white-space: nowrap; }
#contenu .table-inner .row-ajaxShow .stats-marge div, #contenu .table-inner .row-ajaxShow .result { white-space: nowrap; }
#contenu .table-inner .row-ajaxShow .item-edit h6 { position: relative; }
.badge-isvalid.valid { background-color: var(--valid-color); color: var(--white-color); }
.badge-isvalid.pending, .badge-isvalid.credit { background-color: var(--pending-color); color: var(--white-color); }
.badge-isvalid.progress { background-color: var(--progress-color); color: var(--white-color); }
.badge-isvalid.cancel { background-color: var(--cancel-color); color: var(--white-color); }
#contenu .table-inner .row-ajaxShow .show_document { float: left; display: block; min-height: 3.3em; }
#contenu .table-inner .row-ajaxShow .document { font-size: 3em; position: absolute; left: .15em; top: .75em; cursor: pointer; color: var(--primary-color-rgb-3); }
#contenu .table-inner .row-ajaxShow .document a { color: var(--primary-heavy2-rgb-1); }
#contenu .table-inner .row-ajaxShow .document a { color: var(--primary-heavy2-rgb-1); }

/******************* List ****************** */
.list-group-item.active { color: var(--reverse-color); background-color: var(--reverse-bg-color); border-color: var(--reverse-bg-color); font-weight: 600; z-index: auto; padding: .35rem 1.25rem; }
.tab-pane .list-group-item.active { padding: .5rem 1.25rem .75rem; line-height: 1.5em; }
.row-tabs-sub-group > div > .tab-content > .tab-pane .list-group-item.active { padding: .5rem 1.25rem .7rem; line-height: 1em; }
#contenu .table-inner .row-ajaxShow ul li.list-group-item.active { line-height: 1em; }
#contenu .table-inner .row-ajaxShow ul li.list-group-item.legend.active { line-height: 1.5em; }

#contenu h5.item-title { margin-bottom: 0; font-variant: small-caps; font-size: 1.5em; }
#contenu .item-list { margin-bottom: 1em; }
#contenu .item-list:last-child { margin-bottom: .5em; }

#contenu .list-news { margin-top: 20px; }
#contenu .news-list .fa { position: absolute; top: 0; right: 0; }
#contenu .news-list .fa { color: var(--reverse-color); background-color: var(--reverse-bg-color); padding: .5em; border-radius: 2.2em; }
#contenu .news-list .draft .fa { color: var(--white-color); background-color: var(--pending-color); }
#contenu .news-list a .fa:hover { color: var(--main-color); background-color: var(--main-bg-color); }
#contenu .toolbox-list .fa { font-size: 3em; float: left; margin-right: .5em; color: var(--primary-color-rgb-5); }
#contenu .toolbox-list p.date { margin-bottom: 0; margin-top: -.5em; }
#contenu .toolbox-list .title { font-size: 1.5em; font-weight: 600; }

/******************* PANEL ****************** */
.tab-pane { border-radius: 0px 0px 5px 5px; border: 1px solid var(--grey-clear-color); padding: 10px; background-color: var(--white-bg-rgb-5); }
.tab-pane .list-group-item.tab-datatable { padding: 0;}
.tab-pane.tab-datatable { padding: 0 0 1px; }
.nav-tabs { margin-bottom: 0; }

.row-list-group .list-group { margin-bottom: 1em; }
.row-list-group.row-tabs-group { margin-bottom: 1em; }
.row-list-group.row-tabs-sub-group { margin-right: -3.4em; margin-left: -3.4em; margin-bottom: 0; }
.row-list-group.row-tabs-group .nav-item.active { font-weight: 600; }
.row-list-group .list-group-item:not(:first-child) { border-top-color: var(--primary-color-rgb-075); }
.row-list-group li.list-group-item { list-style-type: none; }
.row-list-group li.list-group-item.legend { padding: .2rem 1.25rem; font-size: .9em; }
.row-list-group li.list-group-item.results { padding: 0 1.25rem; border-top-width: 1px; border-bottom-width: 1px; border-color: var(--reverse-bg-color); font-weight: 600; }
.row-list-group li.list-group-item.results .title, .row-list-group li.list-group-item.results label { line-height: 1.7rem; margin-top: 0; }
.row-list-group li.list-group-item.results input { height: calc(1.45rem + 2px); font-size: 1rem; font-weight: 600; }
.row-list-group li.list-group-item.results input.money, .results .type-money.disabled .input-group-text { margin-top: 0 !important; }
.row-tabs-sub-group > div > .tab-content > .tab-pane { border-radius: 0; border-width: 0; border-top-width: 1px; }
.row-list-group li.list-group-item div.other, .row-list-group li.list-group-item div.rtt { padding: 8px 0px 0px 23px; }

@media screen and (max-width: 400px)
{
	#contenu .badge.pull-right.badge-btn { font-size: .9em; }
	#contenu div.card h2 { padding: 6px 15px; }
	#contenu div.card h2 .card-title { font-size: .8em; }
}

/******************* Home ****************** */
.home .form-login { margin-top: 50px; width: 100%; }

/******************* Pages ****************** */
.compte #contenu { width: 700px; }


/*iframe*/
#upload_frame { border:0px; height:40px; display:none; }

#progress_container { width: 300px; height: 30px; display: block; margin:5px 0px -15px 0px; border: 1px solid var(--grey-clear-color); background-color: var(--grey-border-color); }
#progress_bar {
	position: relative; 
	height: 30px; 
	background-color: var(--main-bg-color); 
	width: 0%; 
	z-index:10; 
}
#progress_completed {
	font-size:16px; 
	z-index:40; 
	line-height:30px; 
	padding-left:4px; 
	color: var(--white-color);
}

/******************* Legal ****************** */
.gab-legal #contenu ul { list-style-type: disc; display: block; }
.gab-legal #contenu li { display: list-item; list-style-position: outside; margin-left: 15px; }


/******************* Popup ****************** */
body.gab-popup { background-color: var(--white-bg-color); }
.gab-popup #page, .gab-popup #conteneur { width: 600px;}
.gab-popup #contenu { width: 580px;}
.gab-popup #page { background: var(--white-bg-color); padding: 0;}
.gab-popup header, .gab-popup nav, .gab-popup .login, .gab-popup footer, .gab-popup .admin #nav-admin { display: none;}
.gab-popup #contenu { margin: 10px;}
.gab-popup #page.page-oubli, .gab-popup .page-oubli #conteneur, .gab-popup .page-oubli #contenu  { width: 400px;}
.gab-popup #page.page-oubli { padding: 30px 20px; }
.gab-popup .page-oubli .field-submit { margin-top: 30px;}
.gab-popup .page-vote #contenu h4 { text-align: center;}

/******************* Formulaires ****************** */
.form-control { border-color: var(--main-bg-color); border-color: var(--primary-color-rgb-2); border-width: 0 0 1px; border-radius: 0; }
.list-group-item .form-group, .list-group-item .form-group label { margin-bottom: 0; word-wrap: normal; padding: 0; line-height: 1.525rem; /*margin-top: .375rem;*/ }
.list-group-item .form-group.form-row > label[class*=col-] { padding-left: 5px; }
.list-group-item #field-password.form-group label { white-space: nowrap; }
.type-money .input-group { padding-left: 0 !important }

.input-group-append, .input-group-prepend { margin-top: .2em; max-height: 19.5px; }
.disabled .input-group-append, .disabled .input-group-prepend { margin-top: .1em; }
.type-money .input-group-append { margin-left: -26px; }
.input-group-text { color: --primary-color); background-color: transparent; border: 1px solid var(--main-bg-color); border-color: var(--primary-color-rgb-2); 
border: none; min-width: 1.5em; padding: 0 .5rem 0 0; line-height: 1.1em; }
.input-group-prepend .input-group-text { padding: 0; }
.input-group .show { margin-top: .15rem; margin-bottom: 0; display: block; width: 100%; }
.input-group .show .title { font-weight: 800; }
.input-group .show .subtitle { font-weight: 600; }

.input-group input { padding: .2rem 0 0; line-height: 1.1em; height: calc(1.55rem + 2px); }
.field-checkbox .input-group input, .field-radio .input-group input { height: auto; margin-right: .5em; }
.field-checkbox label, .field-radio label { line-height: 1.83rem; }
.field-radio .input-group > .row { width: 100%; }
.input-group input[type=radio], .input-group input[type=checkbox] { margin-right: .3rem; height: auto; }
.input-group input:focus, textarea.form-control:focus { background-color: var(--primary-heavy2-rgb-11); }
.input-group > input.form-control.money { max-width: 7.5em; text-align: right; width: 50%; margin: .1em 22px auto auto !important; padding-right: 2px; }
.input-group > input.form-control.money + .invalid-feedback { position: absolute; right: 0; top : 20.2px; }
.input-group > input.form-control.money + .invalid-feedback + .alert-field { position: absolute; right: 0; top : 20.2px; padding: 0; }
.legend .form-control[type='number'] { padding: 0 .2rem !important; }
.name-rate > .input-group > input.form-control { max-width: 4.5em; text-align: right; width: 50%; margin: .1em 0 auto auto !important; }
.legend .name-rate > .input-group > input.form-control { max-width: 4em; text-align: right; width: 50%; margin: 0 0 -.2rem .2rem !important; height: auto; background-color: rgba(255,255,255,.5); border-width: 0; }
input[type=date], input.date { max-width: 10em; }
input::-webkit-calendar-picker-indicator { display: none; }
input[type="date"]::-webkit-input-placeholder { visibility: hidden !important; }
.field-checkbox .request label, .field-radio .request label { margin-top: 0; white-space: nowrap; }
.field-checkbox.name-proforma .request label .value { display: none; }
.field-checkbox.name-supplier .request label input { right: 0; }

.input-group .bootstrap-datetimepicker-widget { z-index: 1000 !important; }
.number-input-buttons { position: absolute; top: 3px; z-index: 10; margin-left: 0; right: 0; margin-right: 0 !important; }
.type-money .input-group-text { min-width: auto; margin: 0 .175rem; border-width: 0 0 1px; border-color: var(--primary-color-rgb-2); border-style: solid; padding-left: .1rem; }
.type-money.disabled .input-group-text { padding-right: 0; margin-right: 0; border: 0; margin-top: .1em; }
.form-group.disabled .input-buttons { display: none; }
input[type=date] { max-width: 11.5em; }
.form-control:disabled, .form-control[readonly] { background-color: transparent; border-width: 0; }
input.form-control:disabled, input.form-control[readonly] { padding-top: .1em; }
.dataTables .input-group input.form-control:disabled, .dataTables .input-group input.form-control[readonly] { margin-top: 0; }
.name-quantity .ws-number { text-align: center; }
.list-group-contact_projects .list-group-item { padding-top: 0; border: none; display: flex; }
.list-group-contact_supervisor .list-group-item { margin-left: 0; }
.list-group-contact_supervisor .list-group-item > div:first-child { margin-left: -15px; }

label { margin-top: .25rem; }
label[for=total], label[for=totalttc], label[for=amount], label[for=amount0], label[for=totaleuro], label[for=totaleurottc], label[for=totallocal], label[for=totallocalttc], label[for=url] { padding-right: 0; }
.field-submit label { margin-top: 0; margin-bottom: 0; }
.alert-field { width: 100%; padding: .25rem .75rem; }
.text-right > .form-group > .input-group > input { text-align: right; }
textarea.form-control { min-height: 2em; padding: 0; }
.field-file label { cursor: pointer; }
.field-file input[type=file] { display: none; }
.field-file input.drag[type=file] { display: block; }
.thumbnail img { max-width: 150px; }
.thumbnail.type-image { display: block; float: right; text-align: right; }
.thumbnail.type-image img { margin-left: .5em; }

.row-details-group .name-total input:disabled, .row-details-group .name-totalttc input:disabled , .row-details-group .name-vat input:disabled { font-size: .9em; }
.name-quantity input { text-align: right; }
.name-vat input { text-align: center; }
.name-vat input:disabled { padding-right: 12px; }
.name-vat .show { position: absolute; margin-top: .2em; /*line-height: 2rem;*/ right: 5px; font-size: .92rem; height: calc(1.55rem + 2px); width: auto; }
.name-vat .show.fixed { /*left: 50%; transform: translate(-50%, 0); */white-space: nowrap; }
.row-fees-group .name-vat .show { /*right: 16px;*/ }
.sm-1 .name-rate > label, .sm-1 .name-rate > .input-group { padding-left: 0 !important; padding-right: 0 !important; }
.name-rate > label.col-sm-2 { padding-right: 0 !important; text-align: right; }
li.list-group-item.legend.active .form-group.form-row { display: inline-block; line-height: 1.5em; }
li.legend.active .name-vat .show { position: relative; margin-top: auto; line-height: 1.5em; right: auto; font-size: .8rem; height: auto; width: auto; }

.show > .thumbnail.type-application { display: block; float: left; margin-right: 1em; }
.show > .thumbnail.type-application i { font-size: 3em; }
.show > .description > .filesize, .show > .description > .uploaded { display: block; text-align: left; }
.show > .description > .filetitle { font-size: .8em; }

.item-richtext { padding: 0 1px; border: 0; }
.field-richtext .request { font-size: .9em; }
.mce-container { border-width: 0 !important; }
.mce-container, .mce-container *, .mce-widget, .mce-widget *, .mce-reset { font-size: 12px !important; }

.small-header { margin-bottom: 9px;}

.list-group-item .status { padding-right: 0; white-space: nowrap; }
.list-group-item.valid { background-color: var(--valid-color-rgb-11); }
.list-group-item.pending, .list-group-item.credit { background-color: var(--pending-color-rgb-11); }
.list-group-item.progress { background-color: var(--progress-color-rgb-11); height: auto; font-size: 1em; border-radius: 0; }
.list-group-item.cancel { background-color: var(--cancel-color-rgb-11); }
.list-group-item .del { font-size: 1.2rem; }
.list-group-item .del .fa:hover { color: var(--white-color); background-color: var(--main-bg-color); }

#field-filter_status label { padding-top: 0; }

/******************* FILES uploader ****************** */
#files { overflow-y: scroll !important; min-height: 320px; }
@media (min-width: 768px) {
	#files { min-height: 0; }
}
.dm-uploader { border: 0.25rem dashed var(--reverse-bg-color); text-align: center; }
.dm-uploader.active { border-color: red; border-style: solid; }
.file-uploader { zoom: .8; }
i.img-uploader { font-size: 4em; color: var(--main-color); }


.submited.row-form-ajaxInsert, .submited .row-form-ajaxUpdate {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25% 0 0 -50%;
    -webkit-animation:spin 1s linear;
    -moz-animation:spin 1s linear;
    animation:spin 1s linear;
	z-index: 1000;
	opacity: 0;
}
@-moz-keyframes spin { 0% { opacity: 1; } 100% { -moz-transform: rotate(360deg) scale(0); opacity: 0; } }
@-webkit-keyframes spin { 0% { opacity: 1; } 100% { -webkit-transform: rotate(360deg) scale(0); opacity: 0; } }
@keyframes spin { 0% { opacity: 1; } 100% { transform:rotate(360deg) scale(0); opacity: 0; } }

/******************* DATATABLE ****************** */
.dataTables_wrapper > .row-header, .dataTables_wrapper > .row-footer { background-color: var(--reverse-bg-color); border: 1px solid var(--reverse-border-color); }
.dataTables_wrapper > .row-header { border-top: none; }
.dataTables_wrapper { margin-bottom: 2em; }
.dataTables_wrapper > .row-header > div:first-child { padding-right: 0; }

div.dt-button-collection.dropdown-menu { padding: 0; }
div.dt-button-collection-title { padding: 0; }

table.dataTables.dataTable { width: auto; border-spacing: 0 5px; font-size: .92em; background-color: var(--table-bg-color); }
table.dataTables.dataTable .form-control { font-size: .92rem; }
.container table.dataTable { margin-top: 0 !important; }
table.dataTable > thead { position: relative; border-spacing: 0; z-index: 1; }
/*table.dataTable thead:before { content: ' ';  background-color: var(--reverse-bg-color); height: 22px; width: 15px; position: absolute; left: 0; top: 10px; z-index: 0; }
table.dataTable thead:after { content: ' ';  background-color: var(--reverse-bg-color); height: 22px; width: 15px; position: absolute; right: 0; top: 10px; z-index: 0; }*/
table.dataTable th { background-color: var(--reverse-bg-color); }
table.dataTable > thead th { padding: 4px 6px; white-space: nowrap; line-height: 1.2em; font-weight: normal; border: none; }
table.dataTable > thead > tr > th.sorting, table.dataTable > thead > tr > th.sorting_asc { padding-right: 25px; }
table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after { bottom: 3px !important; }
.dataTables_length .form-control, .dataTables_filter .form-control { border-color: #ece03d; border-radius: 4px; }
div.dataTables_wrapper div.dataTables_length { text-align: right; }
div.dataTables_wrapper div.dataTables_filter { text-align: left; }
.dataTables_length label, .dataTables_filter label { margin: 1px 0 2px; line-height: 2.2em; }
.dataTables_filter label { margin: 2px 0 1px; }
div.dataTables_wrapper div.dataTables_filter input { width: 50%; }
.dataTables_add { line-height: 2.2em; text-align: center; }
.table-inner .dataTables_add_0 { margin-top: -15px; }
.table-inner .tab-pane .dataTables_add_0 { margin-top: 0; }
.dataTables_add div.dt-buttons.btn-group { width: auto; }
.dataTables_add div.dt-buttons.btn-group .nav-link { padding: 0; margin-bottom: -.25em; }
div.dt-buttons.btn-group .nav-link i { font-size: 1.3em; padding: 0 .1em; }
.buttons-colvis.dropdown-toggle::after { display: none; }
.table-inner .dataTables_add div.dt-buttons.btn-group .btn { font-size: .9rem; }
table.dataTable > thead > tr > th.card { border-radius: 0; display: table-cell; }

#contenu table.dataTables.dataTable p { font-size: 1em; margin-bottom: .5em; line-height: 1.5em; }
#contenu table.dataTables.dataTable td.field_type_richtext p { margin-bottom: 0; line-height: 1.2em; }
div.dataTables_wrapper div.dataTables_processing, #contenu div.card.dataTables_processing { background-color: var(--main-bg-color); color: var(--main-color); position: fixed; font-weight: 600; border: 1px solid var(--reverse-bg-color); text-align: center; }
#contenu div.card.dataTables_processing img { display: block; margin: auto; }

table.dataTable > tbody > tr { }
table.dataTable > tbody > tr > td { background-color: transparent; }
table.dataTable > tbody > tr:hover, table.table-striped > tbody > tr:nth-of-type(odd):hover { background-color: var(--reverse-bg-color); }
table.dataTable > tbody > tr.table-stat:hover, table.table-striped > tbody > tr.table-stat:nth-of-type(odd):hover { background-color: var(--white-bg-color); }
table.dataTable > tbody > tr.updatable:hover, table.dataTable > tbody > tr a:hover { cursor: pointer; }
.gab-Home table.dataTable > tbody > tr.updatable:hover { cursor: default; }
table.dataTable > tbody > tr.tr-alert { background-color: rgb(159, 41, 25, .22); }
table.table-striped tbody tr:nth-of-type(odd).tr-alert { background-color: rgb(159, 41, 25, .3); }
table.dataTable > tbody > tr > td.title { text-transform: uppercase; }
table.dataTable > tbody > tr > td, table.dataTable > tbody > tr > td.card { line-height: 1.2em; padding: 8px; border: 1px solid var(--td-border-color); border-color: var(--primary-color-rgb-5); 
border-width: 1px 0; font-weight: 400; border-radius: 0; display: table-cell; }
table.dataTable > tbody > tr > td:first-child, table.dataTable > tbody > tr > td.card:first-child { border-left-width: 1px; border-radius: 5px 0 0 5px; }
table.dataTable > tbody > tr > td:first-child:last-child, table.dataTable > tbody > tr > td.card:first-child:last-child { border-right-width: 1px; border-radius: 5px; }
table.dataTable > tbody > tr > td:last-child, table.dataTable > tbody > tr > td.card:last-child { border-right-width: 1px; border-radius: 0 5px 5px 0; }

table.dataTable > tbody > tr.table-stat > td, table.dataTable > tbody > tr.table-stat > td.card { line-height: 1em; font-weight: 400; }

table.table-striped tbody tr { background-color: var(--white-bg-color); }
table.table-striped tbody tr:nth-of-type(odd) { background-color: var(--white-bg-rgb-5); }

table.dataTable > tbody > tr > td.field_type_richtext, table.dataTable tbody td.field_type_url, table.dataTable tbody td.field_type_file { font-weight: 400; }
table.dataTable > tbody > tr > td.field_type_url .img-thumbnail, table.dataTable > tbody > tr > td.field_type_file .img-thumbnail { max-width: 100px; }
table.dataTable > tbody > tr > td.field_type_url .fa, table.dataTable tbody td.field_type_url .far, table.dataTable > tbody > tr > td.field_type_file .fa, table.dataTable tbody td.field_type_file .far { font-size: 1.5em; }
table.dataTable > tbody > tr > td.field_type_money, table.dataTable tbody td.field_type_number { white-space: nowrap; }
table.dataTable tr > .field_type_money, table.dataTable tr > .field_type_number, table.dataTable tr > .field_type_date { text-align: right; }
table.dataTable tr > th { z-index: 10; }

table.dataTable > tbody > tr[data-module=purchase][data-status=progress] > td.field_type_document a { display: none; }

table.dataTable > tbody > tr > td.status { border-right: 1px solid var(--td-border-color); border-color: var(--primary-color-rgb-5); background-color: var(--reverse-bg-color); }
table.dataTable > tbody > tr > td.status[data-value='OK'], table.dataTable tbody td.status[data-value='valid'], 
table.dataTable tbody td.status[data-value='published'], table.dataTable tbody td.status[data-value='1'], 
table.dataTable > tbody > tr > td.status[data-value='prod'] { background-color: var(--valid-color); color: var(--white-color); }
table.dataTable > tbody > tr > td.status[data-value='ao'], table.dataTable tbody td.status[data-value='draft'], 
table.dataTable > tbody > tr > td.status[data-value='pending'], table.dataTable > tbody > tr > td.status[data-value='credit'] { background-color: var(--pending-color); color: var(--white-color); }
table.dataTable > tbody > tr > td.status[data-value='closed'], 
table.dataTable tbody td.status[data-value='archive'] { background-color: var(--archive-color); color: var(--white-color); }
table.dataTable > tbody > tr > td.status[data-value='progress'] { background-color: var(--progress-color); color: var(--white-color); }
table.dataTable > tbody > tr > td.status[data-value='cancel'], table.dataTable tbody td.status[data-value='0'], table.dataTable tbody td.status[data-value='OUT'], 
table.dataTable > tbody > tr > td.status[data-value='out'] { background-color: var(--cancel-color); color: var(--white-color); }
.isnull { font-style: italic; font-weight: 400; }
.compare-sup, .isnull.replace.compare-sup { color: var(--valid-color); }
.compare-inf, .isnull.replace.compare-inf { color: var(--cancel-color); font-weight: 800; }
.status.valid, .status.prod { color: var(--valid-color); }
.status.pending, .status.credit, .status.ao { color: var(--pending-color); }
.status.progress, .status.closed { color: var(--progress-color); background-color: transparent; }
.status.cancel, .status.out { color: var(--cancel-color); font-weight: 600; }
.project-alert li:first-child, .date-alert { color: var(--cancel-color); }
.status.progress { display: inline; height: auto; overflow: hidden; font-size: 1em; border-radius: 0; }
/*#contenu .table-inner .project-alert .fa.big { color: #9f2919; }*/

.thumbnail.type-application .fa { font-size: 5em; float: right; }

table.dataTable tfoot th { font-size: 0px; padding: .25rem; font-weight: normal; }
table.dataTable tfoot th .yadcf-filter-wrapper { font-size: 12px; }
table.dataTable .yadcf-filter-wrapper > input { line-height: 26px; border: 1px solid #ece03d; border-radius: 4px; padding: 0 5px; font-size: 11px; width: 100%; }

.container div.dataTables_wrapper div.dataTables_paginate ul.pagination { margin: 0; }
.container div.dataTables_wrapper div.dataTables_info { padding-top: 0.5em; }
.page-item.active .page-link { background-color: var(--reverse-bg-color); border-color: var(--reverse-bg-color); color: var(--reverse-color); }
.page-link, .page-link:hover { color: var(--black-color); }
.page-link, .page-item.disabled .page-link { border-color: var(--table-bg-color); }

table.dataTable tbody td.col-browser { font-weight: 300; }
.col-content { padding-top: .4em; }

.dropdown-item.active, .dropdown-item:active { background-color: var(--reverse-bg-color); color: var(--reverse-color); }
.btn-secondary:hover { background-color: var(--main-bg-color); border-color: var(--main-border-color); }

/******************* TABLE-INNER ****************** */
.table-stat {  }
.table-stat:hover { background-color: var(--white-bg-color); }
.table-stat .table-inner {  }
table.dataTable > tbody > tr.table-stat > td.table-inner { padding: 0; }
.table-stat .table-inner .header { margin: -1px -1px 0; padding: .25em .75em; background-color: var(--inner-bg-color); color: var(--main-color); line-height: 1.5em; position: relative; }
.table-stat .table-inner .header .btn { color: var(--main-color); }
.table-stat > .table-inner > .header { margin: -1em -1px 0; min-height: 2em; }
.table-stat .table-inner .header.header-show { margin: 0 -1px 0; }
.table-stat .table-inner .header.header-edit { margin: 0; min-height: 2em; }
.table-stat .table-inner .header .btn { font-size: .9em; padding: 0; font-weight: 400; }
.table-stat .table-inner .header .btn.btn-edit.tr-edit:before { 
	display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f410";
	margin-right: .1em;
}
.table-stat .table-inner .header .btn.btn-edit.tr-edit i.fa { display: none; }
.table-stat .table-inner .header .badge { font-size: .9em; padding: 0; font-weight: 400; display: block; float: right; line-height: 1.5; }
.table-stat .table-inner .edit {  }
#contenu .table-stat .table-inner .edit div.card { margin-bottom: 0; }
.table-stat .table-inner .content { padding: 0 2em; }
.table-stat .table-inner .content.content-edit { padding: 0; }
#contenu td > .content div.card.row-ajaxShow { padding: 1.5em 0; }
#contenu .table-stat .table-inner .content.content-edit div.card.row-ajaxShow { margin-bottom: 2em; padding: 1em 0; border-top-width: 0; border-radius: 0 0 .25rem .25rem; }
#contenu .table-stat .table-inner .content.content-edit .tab-content .row-form-ajaxInsert div.card { margin-bottom: 0; border-bottom: none; border-radius: 0; padding-top: 1em; }
#contenu .table-stat .table-inner .content.content-edit .tab-content  div.card.row-form-ajaxUpdate { margin-bottom: .5em; }
.table-stat .table-inner .inter { margin: 0 -2em; padding: .25em .75em; background-color: var(--inner-bg-color); color: var(--main-color); }
.table-stat .table-inner .footer { margin: 0 -2.2em; padding: 3px 8px; background-color: var(--reverse-bg-color); color: var(--reverse-color); border-radius: 0 0 .25rem .25rem; border-top: 1px solid var(--main-bg-color); line-height: 1.5em; font-size: .9em; }
.table-stat .table-inner .btn-show { cursor: pointer; }
.table-stat .table-inner .btn-show:hover { text-decoration: underline; }
.table-stat .table-inner .child { margin: -1px -0 0; border-top: 2em solid var(--inner-bg-color); padding: 0; }
.table-stat .table-inner .child .child { margin: -1px 0 0; }
.table-stat .table-inner .child .content .content {  }
.table-stat .table-inner .child .inter { margin: 0 -20px; }
.table-stat .table-inner .child .footer { margin: 0px -2.2em 0; }

table.table-child { width: 100%; border-spacing: 0 5px; }
.row-ajaxShow .dataTables_wrapper > .row:first-child, .row-ajaxShow .dataTables_wrapper > .row:last-child { background-color: transparent; border: none; }
.row-ajaxShow .tab-datatable .dataTables_wrapper > .row:first-child { background-color: var(--reverse-bg-color); }

.table-inner .inner-datatable { margin: 0 -.61em; }
.table-inner .content > .inner-datatable { margin: 0 -2.67em; }
.table-inner .child .inner-datatable { margin: 0 -.61em; }
.table-inner .child .child-ajax-show .inner-datatable { margin: 0 -.7em; }
.table-inner .inner-datatable .child .inner-datatable { margin: 0 -.49em; }
.table-inner div.dataTables_wrapper div.dataTables_paginate { margin: -3px 0; }
.table-inner .inner-datatable .dataTables_filter, .table-inner .inner-datatable .dataTables_length { line-height: 2.5em; }
.card > .content > .inner-datatable {  }
.table-inner .field .inner-datatable label { font-size: 1.15em; }

.inner-datatable td > .content .stats-ajaxShow { display: none; }
#contenu .table-inner .row-ajaxShow .btn.badge.btn-stats { top: auto; right: auto; bottom: -1.3em; left: 50%; transform: translate(-50%, 0); z-index: 100; }
.inner-datatable td > .content .card.row-ajaxShow .btn-stats { display: block; }

.list-group-item.active + .list-group-item.tab-datatable .dataTables_wrapper .row-header { margin-top: -2.5em; background-color: transparent; }

@media screen and (max-width: 990px)
{
    .table div.dataTables_wrapper div.dataTables_filter label { white-space: normal; }
}

.dataTables label { margin-bottom: 0; }
.dataTables .field label { margin-top: .2em; line-height: 1.83rem; }
.dataTables .field-checkbox label, .dataTables .field-radio label { line-height: 1.83rem; }
.dataTables .field-checkbox .request label, .dataTables .field-radio .request label { margin-top: 0; }
.dataTables .input-group input { /*margin-top: .2em; */ }

/******************* SELECT2 ****************** */
.select2-container { }
.select2-container .select2-selection--single { border-color: var(--main-bg-color); border-color: var(--primary-color-rgb-2); height: 2em; }
.dataTables .select2-container .select2-selection--single { height: 2.32em; }
.select2-container .select2-selection--single .select2-selection__arrow { height: calc(2rem - 2px); }
.select2-container .select2-selection--single .select2-selection__arrow b { border-color: var(--main-bg-color) transparent transparent transparent; }
.select2-container .select2-results__option--highlighted[aria-selected] { background-color: var(--reverse-bg-color); color: var(--reverse-color); }
.select2-container--default .select2-selection--single .select2-selection__rendered { height: 2em; line-height: calc(1.7rem + 2px); }
.select2-container.is-valid .select2-selection { border-color: var(--valid-color); }

.dataTables .input { zoom: .82; }
.dataTables .select2-container { font-size: .9em; /*margin-top: .2em;*/ }
.dataTables .select2-container li { font-size: 1.1em; }
.dataTables .select2-container .select2-selection--single { padding-top: 0; }
.dataTables .select2-container .select2-selection--multiple { min-height: 24px; border-color: var(--primary-dark-color); }
.dataTables .select2-selection__rendered { font-weight: 400; font-size: 1.1em; }
.dataTables tfoot .select2-selection__rendered { line-height: 16px; }
.dataTables .select2-container .select2-selection--single .select2-selection__rendered { /*line-height: 2em;*/ }
#contenu .table-inner .row-ajaxShow .select2-results ul li { line-height: 1em; }

/******************* ValidationEngine ****************** */
.inputContainer{position:relative; float:left; }
.formError { position:absolute; top:300px; left:300px; padding-bottom:13px; display:block; z-index:5000; cursor:pointer; }
#debugMode{ background:var(--black-bg-color); position:fixed; width:100%; height:200px; top:0; left:0; overflow:scroll; opacity:0.8; display:block; padding:10px; color: var(--white-color); font-size:14px; z-index:100000; }
.ajaxSubmit{ padding:40px; display:none}
.ajaxSubmit h1 { color: var(--white-color); text-align: center; font-size: 14px; }
.ajaxSubmit h2 { color: var(--white-color); text-align: center; }
.formError .formErrorContent { width:100%; width:150px; font-family:tahoma; font-size:11px; color: var(--white-color); border: 2px solid var(--grey-clear-color); background: var(--cancel-color); 
	box-shadow: 0px 0px 6px var(--black-bg-color); -moz-box-shadow: 0px 0px 6px var(--black-bg-color); -webkit-box-shadow: 0px 0px 6px var(--black-bg-color); 
	padding:4px 10px 4px 10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }

.formError .formErrorArrow{ width:15px; margin:-2px 0 0 13px; z-index:5001; }
.formError .formErrorArrowBottom{top:0;margin:-6px; }
.formError .formErrorArrow div { border-left:2px solid var(--grey-clear-color); border-right:2px solid var(--grey-clear-color); background: var(--main-color); 
box-shadow: 0px 2px 3px var(--grey-dark-color); -moz-box-shadow: 0px 2px 3px var(--grey-dark-color); -webkit-box-shadow: 0px 2px 3px var(--grey-dark-color); 
font-size:0px; height:1px; margin: 0 auto;line-height: 0px; font-size: 0px; display: block; }
	.formError .formErrorArrowBottom div{ box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
.formError .formErrorArrow .line10{width:15px;border:none; } 
.formError .formErrorArrow .line9{width:13px;border:none; } 
.formError .formErrorArrow .line8{width:11px; } 
.formError .formErrorArrow .line7{width:9px; } 
.formError .formErrorArrow .line6{width:7px; } 
.formError .formErrorArrow .line5{width:5px; } 
.formError .formErrorArrow .line4{width:3px; } 
.formError .formErrorArrow .line3{width:1px; border-left:2px solid var(--grey-clear-color); border-right:2px solid var(--grey-clear-color); border-bottom: 0px solid var(--grey-clear-color); } 
.formError .formErrorArrow .line2{width:3px;border:none;background: var(--grey-clear-color); }
.formError .formErrorArrow .line1{width:1px;border:none;background: var(--grey-clear-color); }  

@media print { 
	nav-bar, header, nav {display: none;}
}

/* timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-div .ui_tpicker_unit_hide{ display: none; }

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input { background: none; color: inherit; border: none; outline: none; border-bottom: solid 1px #555; width: 95%; }
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus { border-bottom-color: #aaa; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }

/* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine { padding-right: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time, 
.ui-timepicker-div.ui-timepicker-oneLine dt { display: none; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine dl { text-align: right; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd, 
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div { display:inline-block; margin:0; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before { content:':'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content:'.'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{ display: none; }

.input-group .bootstrap-datetimepicker-widget { z-index: 2000 !important; }


/******************* FANCYBOX ****************** */
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.fancybox-opened { z-index: 8030; }
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.fancybox-outer, .fancybox-inner { position: relative; }
.fancybox-inner { overflow: hidden; }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; }
.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('fancybox/fancybox_sprite.png'); }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }
#fancybox-loading div { width: 44px; height: 44px; background: url('fancybox/fancybox_loading.gif') center center no-repeat; }
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('fancybox/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }
.fancybox-prev { left: 0; }
.fancybox-next { right: 0; }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }
.fancybox-prev span { left: 10px; background-position: 0 -36px; }
.fancybox-next span { right: 10px; background-position: 0 -72px; }
.fancybox-nav:hover span { visibility: visible; }
.fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; }

/* Overlay helper */
.fancybox-lock { overflow: hidden !important; width: auto; }
.fancybox-lock body { overflow: hidden !important; }
.fancybox-lock-test { overflow-y: hidden !important; }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('fancybox/fancybox_overlay.png'); }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }

/* Title helper */
.fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-opened .fancybox-title { visibility: visible; }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: var(--white-color); font-weight: bold; line-height: 24px; white-space: nowrap; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: var(--white-color); }
.fancybox-title-inside-wrap { padding-top: 10px; }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: var(--white-color); padding: 10px; background: var(--black-bg-color); background: rgba(0, 0, 0, .8); }
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){
	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('fancybox/fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}
#fancybox-loading div { background-image: url('fancybox/fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}