:root {
	--orange: #E04C38;
	--blue: #24304F;
	--darkblue: #17213C;
}

html,body { width:100%; height:100%; padding:0px; margin:0px; /* min-width:100vw; */ }
h1,h2,h3,h4,h5,h6,p,form,ul,li { position:relative; padding:0px; margin:0px; }
* { outline:none !important; }

.p-0 { padding:0px; }
.m-0 { margin:0px; }
.desktop {  }
.mobile { display:block; }

.columns { display:flex; list-style-type:none; }
.columns > .column { flex:1; }
.columns > .column-full { flex:100%; }
.columns > li { flex:1; }

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

.lightbox .lb-number { display:none !important; }
.lightbox .lb-closeContainer { position:fixed; top:0px; right:0px; }
.lightbox .lb-close { width:40px; height:40px; background-color:#000; background-position:center center; }
.lightbox .lb-image { border-radius:0px; border:solid 10px #fff; }

.carousel > .carousel-inner { position:absolute; left:0px; top:0px; width:100%; height:100%; }
.carousel > .carousel-inner > .item { position:absolute; left:0px; top:0px; right:0px; bottom:0px; background-size:cover !important; background-position:center !important; background-repeat:no-repeat !important; }

.ui-datepicker { z-index:1500 !important; }
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next { position:absolute; }
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span { display:none; }
.ui-datepicker .ui-datepicker-prev:after,
.ui-datepicker .ui-datepicker-next:after { position:absolute; left:0px; top:0px; width:1.8em; height:1.8em; line-height:1.8em; text-align:center; }
.ui-datepicker .ui-datepicker-prev:after { content:"<"; }
.ui-datepicker .ui-datepicker-next:after { content:">"; }

.modal-dialog { max-width:100vw !important; max-height:100vh !important; position:absolute; left:0px; top:0px; right:0px; bottom:0px; margin:auto; }

.ui-front { z-index:2000; }

.form-group.error .control-label { color:#ff0000 !important; }
.form-group.error .control .form-control { /* border:solid 1px #ff0000 !important; */ }

.form-control.no-input { user-select:none; cursor:not-allowed; }
.form-control.no-input:focus { box-shadow:none !important; }

/* Preload lightbox */
body:after {
  content: url(../images/close.png) url(../images/loading.gif) url(../images/prev.png) url(../images/next.png);
  display: none;
}

.lb-data .lb-close { background: url(../images/close.png) top right no-repeat; }
.lb-cancel { background: url(../images/loading.gif) no-repeat; }
.lb-nav a.lb-prev { background: url(../images/prev.png) left 48% no-repeat; }
.lb-nav a.lb-next { background: url(../images/next.png) right 48% no-repeat; }

/****** // ******/

/*
	- Gris: #F2F2F2
	- Orange: E04C38
	- Bleu foncé: 1F2A46
	
	- Bleu foncé - 17213C
	- Bleu - 253150
	- Orange - E04C38
	
*/

body {
	min-width:320px; /* 100vw */
	background: #253150;
	font-family:'Gotham', sans-serif; 
	font-size: 14px;
	overflow-x: hidden;
}

body.logged-in { background:#17213C; padding-left:240px; }

.container { width:100%; max-width:1200px; margin-left:30px; }

::-webkit-scrollbar { width:5px; }
::-webkit-scrollbar-track { /* box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); */ background:#253150; }
::-webkit-scrollbar-thumb { background-color:var(--orange); /* outline: 1px solid #253150; */ }
.stacked-view::-webkit-scrollbar-thumb { background-color:#253150; }

#menubar { 
	position:fixed;
	left: -100%;
	top: 0px;
	bottom: 0px;
	transition: all 0.4s ease;
	background: #1F2A46;
	color: #fff;
	z-index:60;
	width:240px;
	background:linear-gradient(to bottom, #24304F, #17213C);
	box-shadow:0px 0px 10px rgba(0,0,0,0.3);
}
#menubar.open { left:0px; }
body.menubar-open #menubar { left:0px; }
body.menubar-open { padding-left:240px; }
.menu-v { display:flex; flex-direction:column; }
.menu-v > .menu-header { flex:1; max-height:90px; }
.menu-v > .menu-body { flex:1; }
.menu-v > .menu-footer { flex:1; }
#menubar .logo { padding:30px; }
#menubar .menu-body { padding-top:20px; }
#menubar .menu-body ul { list-style-type:none; display:block; }
#menubar .menu-body ul > li { display:block; padding-left:10px; margin-bottom:10px; transition:all 0.4s ease; }
#menubar .menu-body ul > li a { display:block; height:40px; line-height:40px; padding:0px 0px 0px 15px; color:#ccc; font-weight:300; text-decoration:none !important; transition:all 0.4s ease; white-space:nowrap; }
#menubar .menu-body ul > li a:hover { color:#E04C38; background:linear-gradient(to right, transparent, #17213C); color:#fff; border-radius:20px 0px 0px 20px; }
#menubar .menu-body ul > li.active a { background:#E04C38; color:#fff; border-radius:20px 0px 0px 20px; font-weight:500; }
span.count { display:inline-block; width:20px; height:20px; line-height:20px; text-align:center; border-radius:10px; background:#eee; color:#fff; margin-left:5px; font-size:12px; }
span.count.new { background:#E04C38; }
#menubar .menu-body ul > li.active span.count { background:#fff; color:#E04C38; }


	h1 > ul.buttons { list-style-type:none; display:inline-block; margin-left:20px;  }
	h1 > ul.buttons > li { display:inline-block; vertical-align:middle; }
	h1 > ul.buttons > li > a.btn-blue { display:block; height:30px; height:30px; line-height:30px; padding:0px 10px; border-radius:15px; background:#253150; color:#fff; font-size:12px; text-decoration:none; }
	h1 > ul.buttons > li > a.btn-blue:hover { color:#E04C38; }
	h1 > ul.buttons > li > a.btn-blue i { font-size:20px; }
	
	h2 > ul.buttons { list-style-type:none; display:inline-block; margin-left:20px;  }
	h2 > ul.buttons > li { display:inline-block; vertical-align:middle; }
	h2 > ul.buttons > li > .btn-blue { display:block; height:30px; height:30px; line-height:30px; padding:0px 10px; border-radius:15px; background:#253150; color:#fff; font-size:12px; text-decoration:none; }
	h2 > ul.buttons > li > .btn-blue:hover { color:#E04C38; }
	h2 > ul.buttons > li > .btn-blue i { font-size:20px; }
	h2 > ul.buttons.edit { float:right; text-align:right; }
	
	h1 ul.buttons { float:right; }
	h1 .btn-dbi { height:30px; line-height:30px; padding:0px 20px; font-size:12px; }

	.modal-header ul.buttons { list-style-type:none; display:inline-block; margin-left:20px; position:absolute; top:20px; right:60px; }
	.modal-header ul.buttons > li { display:inline-block; vertical-align:middle; }
	.modal-header ul.buttons > li > a.btn-blue { display:block; width:30px; height:30px; line-height:30px; padding:0px 10px; border-radius:15px; background:#17213C; color:#fff; font-size:12px; text-decoration:none; }
	.modal-header ul.buttons > li > a.btn-blue:hover { color:#E04C38; }
	.modal-header ul.buttons > li > a.btn-blue i { font-size:20px; }
	.modal-header ul.buttons.contacts { top:auto; }


#navbar { 
	position: fixed;
	left: 0px;
	top: 0px;
	right: 0px;
	height: 60px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
	background: #17213C;
	z-index: 30;	
	transition:all 0.4s ease;
	top:-100%;
	padding:0px 15px;
	color:#fff;
}
body.navbar-visible #navbar { top:0px; }
body.logged-in #navbar { top:0px; padding-left:260px; padding-right:20px; background:#253150; }
#navbar .columns { }
#navbar .columns > .column { height:60px; line-height:60px; padding:0px 10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
#navbar .menu-icon { display:inline; float:left; width:60px; height:60px; line-height:60px; text-align:center; font-size:24px; color:#1F2A46; }
#navbar .menu-icon:hover { background:#eee; }
#navbar .logo, #navbar .logo-promoteur { display:inline-block; max-width:240px; height:40px; line-height:40px; vertical-align:middle; }
#navbar .logo > img,
#navbar .logo-promoteur > img { max-height:40px; width:auto; display:inline-block; vertical-align:top; }
#navbar .columns.sign .form-control { height:34px; line-height:34px; border-radius:17px; padding:0px 20px; background:#253150; color:#fff; display:inline-block; vertical-align:middle; border:none !important; outline:none !important; font-size:13px; text-align:center; }
#navbar .columns.sign { float:right; }
#navbar .columns.sign > .column { max-width:160px; padding:0px 5px; }
#navbar .columns.sign .btn-dbi { height:34px; line-height:34px; border-radius:17px; }
#navbar .stats { font-weight:100; }
#navbar .stats > span { color:#E04C38; font-weight:bold; }
#navbar .btn-iconize { display:inline-block; width:40px; height:40px; line-height:40px; background:#000; color:#fff; border-radius:20px; text-align:center; font-size:20px; }
#navbar .btn-iconize:hover { background:#fff; color:#000; }
.username { display:inline-block; margin-right:5px; }
.username .email { position:relative; display:inline-block; height:30px; line-height:30px; padding:0px 30px 0px 20px; border-radius:15px; background:#17213C; color:#fff; font-size:13px; user-select:none; text-decoration:none !important; }
.username .email:after { content:"\f32d"; font-family:"Font Awesome 5 Pro"; color:#fff; position:absolute; right:0px; top:0px; height:30px; line-height:30px; width:30px; text-align:center; }
.username .email { height:40px; line-height:40px; padding-top:6px; vertical-align:middle; }
.username .email > span { display:block; line-height:14px; }
.username .email > span.profil { color:#E04C38; }
a.reset-password { font-size:14px; color:#eee; text-decoration:none; }
a.reset-password:hover { color:#E04C38;; }
#navbar a.reset-password { font-size:13px; }
#navbar .columns > .column:first-child { max-width:35%; overflow:visible; }

body.backoffice { padding-top:70px; color:#fff; }
body.backoffice.home { padding-top:0px; }

span.mentions { font-size:11px; font-style:italic; }

footer { padding:30px; display:none; }
body.home footer { display:block; }
footer .logo-promoteur { max-height:40px; margin-bottom:20px; }
footer ul.links { list-style-type:none; }
footer ul.links > li { display:inline-block; color:#eee; font-size:12px; }
footer ul.links > li a { color:#eee !important; text-decoration:underline; margin-left:10px; }
footer ul.social { list-style-type:none; }
footer ul.social > li { display:inline-block; color:#fff; font-size:36px; margin-right:10px; }
footer ul.social > li a { color:#fff !important; text-decoration:none !important; }

main > section { position:relative; color:#fff; padding:15px 30px; width:1200px; max-width:100%; }
main section > h1 { font-size:24px; font-weight:normal; color:#fff; text-transform:uppercase; margin-bottom:20px; }

.table>thead>tr>th { font-weight:normal; }
.table>tbody>tr>td { border-top:none; border-bottom:solid 1px #253150; font-size:13px; }
.table>tbody>tr>td.actions { padding:0px; text-align:right; vertical-align:middle; }
.table>tbody>tr:nth-of-type(odd) { background:#253150; }


.btn-dbi { height:40px; line-height:40px; border-radius:20px; padding:0px 40px; background:#E04C38; color:#fff !important; text-decoration:none !important; outline:none !important; display:inline-block; border:none !important; box-shadow:0px 0px 8px rgba(0,0,0,0.3); font-size:14px; transition:all 0.4s ease; }
.btn-dbi:hover { background:#fff !important; color:#E04C38 !important; }
.btn-dbi.btn-cancel { background:#000; margin-right:10px; }

.icon-action { display:inline-block; width:24px; height:24px; line-height:24px; border-radius:15px; text-align:center; background:#E04C38; color:#fff; text-decoration:none !important; font-size:16px; vertical-align:middle; }
.icon-action:before { vertical-align:top; color:#fff; }
.icon-action:hover { background:#fff; color:#17213C; }
.icon-action:hover:before { color:#E04C38; }
.icon-action.edit:before { font-family:'Font Awesome 5 Pro'; content:"\f303"; }
.icon-action.more:before { font-family:'Font Awesome 5 Pro'; content:"\f067"; }
.icon-action.delete:before { font-family:'Font Awesome 5 Pro'; content:"\f2ed"; }
.icon-action.reset:before { font-family:'Font Awesome 5 Pro'; content:"\f00d"; }
.icon-action.pdf:before { font-family:'Font Awesome 5 Pro'; content:"\f1c1"; }

input[type="radio"].checkbutton { display:none; }
input[type="radio"].checkbutton + label { display:inline-block; height:40px; line-height:40px; padding:0px 20px; border-radius:20px; background:#253150; color:#fff; margin-bottom:0px; font-weight:normal; }
input[type="radio"].checkbutton:hover + label { }
input[type="radio"].checkbutton:checked + label { background:#fff; color:#17213C; }

input[type="checkbox"].checkbutton { display:none; }
input[type="checkbox"].checkbutton + label { display:inline-block; height:40px; line-height:40px; padding:0px 20px; border-radius:20px; background:#253150; color:#fff; margin-bottom:0px; max-width:none !important; white-space:nowrap; font-weight:normal; }
input[type="checkbox"].checkbutton:hover + label { }
input[type="checkbox"].checkbutton:checked + label { background:#fff; color:#17213C; }

input[type="radio"].checkbutton.orange:checked + label,
input[type="checkbox"].checkbutton.orange:checked + label { background:#E04C38; color:#fff; }

.form-group { position:relative; margin-bottom:15px; }
.form-group > .control-label { position:absolute; left:0px; top:0px; bottom:0px; right:0px; z-index:5; transition:all 0.4s ease; opacity:1; pointer-events:none; height:40px; line-height:40px; padding:0px 20px; font-weight:normal; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.form-group.active > .control-label { margin-top:-50px; opacity:0; }
.form-group > .control { }
.form-group .form-control { height:40px; line-height:40px; border-radius:20px; background:#253150; color:#fff; border:none !important; outline:none !important; padding:0px 20px; }
.form-group .form-control.input-small { max-width:200px; }
.form-group .form-control::placeholder { display:none !important; }
.form-group.error .control-label { color:#ff0000; }
.form-group.error .form-control::placeholder { color:#ff0000; }
.form-group.max > .control-label { display:block; height:34px; line-height:34px; font-style:italic; font-weight:300; color:#ccc; }
.form-group.max > .control { width:100%; }
.form-group.max textarea.form-control { height:auto !important; line-height:1em; padding:10px; border-radius:4px; }
.form-group textarea { resize: none !important; }


#home { }
main.home > section { width:100%; background:#17213C; color:#fff; padding:0px; }
main.home > section:nth-child(odd) {  background:#253150; color:#fff; }
main.home > section:first-child { height:90vh; }


main.home > section .columns { width:100%; height:100%; } 
main.home > section .columns > .column { } 
main.home > section .columns > .column.signin { max-width:360px; padding:30px 45px; color:#fff; font-family:'DIN', sans-serif; font-weight:300; }
main.home .logo-promoteur { max-width:100%; height:auto; display:block; margin-bottom:10px; }
main.home > section .columns > .column.signin h1 { font-size:18px; margin-bottom:3vh; font-family:'DIN', sans-serif; font-weight:300; }
main.home > section .columns > .column.signin h2 { font-size:18px; text-align:center; margin-bottom:3vh; font-family:'DIN', sans-serif; font-weight:300; line-height:1.3em; }
main.home > section .columns > .column.signin hr { border-top:solid 1px #253150; max-width:100%; margin:auto; }

main#home section#sign-in { height:100vh; min-height:600px; }
main#home section#sign-in .columns { height:100vh; min-height:600px; }
main#home section#sign-in .column.signin { display:flex; flex-direction:column; /* IE11 flex-flow:row wrap; */ justify-content:space-between; padding:30px 0px; }
main#home section#sign-in .column.signin > div { flex:1; padding:0px 45px; display:flex; flex-direction:column; justify-content:start; }
main#home section#sign-in .column.signin > div:first-child { max-height: 12vw; }

main.home h1 { font-size:36px; margin-bottom:30px;  }
main.home > section p { margin-bottom:30px; }
main.home > section ul { margin-bottom:30px; margin-left:30px; }
main.home > section ul > li { margin-bottom:15px; }
main.home > section#presentation .columns > .column.illustration { max-width:260px; }
main.home > section#presentation .columns > .column.texte { padding:60px; }

main.home > section#inscription { background:linear-gradient(to right, #17213C, #253150); text-center; padding-top:60px; padding-bottom:60px; }
main.home > section#inscription h1 { font-size:24px; margin-bottom:30px; text-align:center; }
main.home > section#inscription #form-inscription { width:600px; max-width:100%; margin:auto; }
main.home > section#inscription .columns { }
main.home > section#inscription .columns > .column { }
main.home > section#inscription .columns > .column:first-child { margin-right:10px; }
main.home > section#inscription .columns > .column:last-child { margin-left:10px; }
main.home > section#inscription .form-control { background:#fff; color:#17213C; }
main.home > section#inscription input[type="radio"].checkbutton + label { background:#fff; color:#17213C; font-weight:normal; }
main.home > section#inscription input[type="radio"].checkbutton:checked + label { background:#E04C38; color:#fff; }
main.home > section#inscription .control-label { color:#17213C; }
main.home > section#inscription #inscription-step2 { display:none; border-top:solid 1px #eee; padding-top:15px;  }
main.home > section#inscription .continue-buttons { margin-top:10px; margin-bottom:10px; }
main.home > section#inscription.continue #inscription-step2 { display:block; }
main.home > section#inscription.continue .continue-buttons { display:none; }
#inscription .form-group.error .form-control { border:solid 1px #ff0000 !important; }


#carousel-home, 
#carousel-home > .carousel-inner,
#carousel-home > .carousel-inner > .item { position:absolute; left:0px; top:0px; right:0px; bottom:0px; }
#carousel-home > .carousel-inner > .item { background-repeat:no-repeat !important; background-size:cover !important; background-position:center !important; }



section#programmes { padding:15px 30px; width:1000px; max-width:100%; }
.programme-preview[data-href] { cursor:pointer; }
.programme-preview { position:relative; width:220px; height:340px; display:flex; flex-direction:column; background:#253150; color:#fff; /* box-shadow:0px 0px 8px rgba(0,0,0,0.3); */ }
.programme-preview > .preview-visuel { flex:1; min-height:140px; background:#666; background-repeat:no-repeat !important; background-position:center !important; background-size:cover !important; }
.programme-preview > .preview-visuel.empty { opacity:0.7; }
.programme-preview > .preview-infos { flex:1; padding:15px 15px 0px 15px; overflow:hidden; }
.programme-preview > .preview-infos p { text-overflow:ellipsis; white-space:nowrap; overflow:hidden; margin-bottom:0px !important; }
.programme-preview > .preview-infos span.ville { font-weight:bold; }
.programme-preview > .preview-infos span.dept { }
.programme-preview > .preview-infos span.nom { }
.programme-preview > .preview-infos hr { border-top:solid 1px #E04C38; margin-top:10px; margin-bottom:10px; }
.programme-preview > .preview-infos ul { list-style-type:none; font-size:12px; margin-left:0px; margin-bottom:0px; }
.programme-preview > .preview-infos ul > li { position:relative; display:block; text-align:left; padding-left:15px; line-height:20px; margin-bottom:0px !important; white-space:normal; }
.programme-preview > .preview-infos ul > li:before { content:"•"; position:absolute; left:0px; top:0px; }
.programme-preview > .preview-infos ul > li.typologies { white-space:nowrap; }
.programme-preview a.btn-more { position:absolute; right:0px; bottom:0px; width:40px; height:40px; line-height:40px; background:#17213C; text-align:center; color:#fff !important; text-decoration:none !important; z-index:2; border-radius:20px 0px 0px 0px; }


section#programme-view { padding:15px 30px; width:1200px; }
section#programme-view h1 { margin-bottom:30px; font-size:28px; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
section#programme-view h1 .ville { font-weight:bold; }
section#programme-view h1 .dept { }
section#programme-view h2 { /* margin-top:30px; */ margin-bottom:30px; font-size:22px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#ccc; }
section#programme-view h2 strong { color:#fff; }
section#programme-view > .columns { }
section#programme-view > .columns > .column { }
section#programme-view > .columns > .column:first-child { max-width:360px; margin-right:50px; }
section#programme-view > .columns > .column:last-child { margin-right:15px; }
section#programme-view #programme-infos { margin-bottom:30px; }
section#programme-view #programme-infos > .column:last-child { margin-right:0px; }
section#programme-view #programme-buttons { margin-bottom:30px; text-align:right; }
section#programme-view .resume-programme { background:#253150; color:#fff; padding:15px; height:100%; min-height:400px; }
section#programme-view .resume-programme .perspective { display:block; width:100%; height:0px; padding-bottom:55%; margin-bottom:15px; background:#666; background-repeat:no-repeat !important; background-position:center !important; background-size:cover !important; }
section#programme-view .resume-programme p { margin-bottom:30px; }
ul.dispositifs,
ul.certifications { list-style-type:none; margin-bottom:10px; }
ul.dispositifs > li,
ul.certifications > li { height:30px; line-height:30px; padding:0px 10px; background:#17213C; color:#ccc; display:inline-block; font-size:12px; }
ul.dispositifs > li strong,
ul.certifications > li strong { color:#fff; }
section#programme-view .tab-view { height:100%; width:100%; color:#fff; display:flex; flex-direction:column; }
section#programme-view .nav-tabs { border-bottom:solid 2px #E04C38; }
section#programme-view .tab-view ul.nav-tabs { list-style-type:none; flex:1; max-height:42px; }
section#programme-view .tab-view ul.nav-tabs > li { display:inline-block; }
section#programme-view .tab-view ul.nav-tabs > li > a { display:block; height:40px; line-height:40px; padding:0px 15px; background:#253150; color:#fff; font-size:14px; text-decoration:none !important; border:none !important; border-radius:0px; }
section#programme-view .tab-view ul.nav-tabs > li.active a { background:#E04C38; color:#fff; }
section#programme-view .tab-view ul.nav-tabs > li.disabled a { opacity:0.4; pointer-events:none; cursor:not-allowed; }
section#programme-view .tab-view .tab-content { background:#253150; color:#fff; flex:1; padding:15px; }
section#programme-view .tab-view .tab-content > .tab-panel { height:100%; }
section#programme-view .tab-view .form-control { background:#17213C !important; color:#fff; }
ul.documents { display:block; list-style-type:none; }
ul.documents > li {  }
ul.documents > li.document { position:relative; display:block; margin-bottom:5px; }
ul.documents > li.document::before {  }
ul.documents > li.document > a.document { position:relative; display:block; height:40px; line-height:40px; padding:0px 10px 0px 40px; background:#17213C; color:#fff; text-decoration:none !important; }
ul.documents > li.document > a.document::before { position:absolute; left:0px; top:0px; width:40px; height:40px; line-height:40px; text-align:center; content:"\f33d"; font-family:"Font Awesome 5 Pro"; width:40px; height:40px; line-height:40px; text-align:center; color:#ccc; }
ul.documents > li.document > a.document:hover { background:#E04C38; color:#fff; }
ul.documents > li.document > a.document > .delete { position:absolute; right:0px; top:0px; width:40px; height:40px; line-height:40px; text-align:center; background:#000; color:#fff; cursor:pointer; }
ul.images { list-style-type:none; }
ul.images > li { display:inline; float:left; margin:10px; width:100px; height:60px; background:#ccc; background-repeat:no-repeat !important; background-position:center !important; background-size:cover !important; }
ul.images > li > a.image { display:block; width:100%; height:60px; background:#ccc; background-repeat:no-repeat !important; background-position:center !important; background-size:cover !important; }
.list-view { display:flex; flex-direction:column; height:100%; }
.list-view > ul { flex:1; overflow-y:auto; }
.list-view > .list-view-footer { flex:1; max-height:40px; height:40px; line-height:40px; color:#ccc; }
.list-view .btn-dbi { height:30px; line-height:30px; padding:0px 20px; box-shadow:none; }

.inputfile { display:none !important; }
.inputfile + label, .btn-upload { height:30px; line-height:30px; padding:0px 20px; border-radius:15px; background:#E04C38; color:#fff; font-weight:normal; cursor:pointer; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; vertical-align:bottom; margin:0px; }

.gdp > table { }
.gdp > .table > thead > tr > th,
.gdp > .table > tr > th { background:#253150; font-size:11px; color:#fff; text-align:center; font-weight:normal; text-transform:uppercase; }

.gdp > table > thead > tr > th { background:#253150; height:40px; line-height:40px; padding:0px 8px; }
.gdp > table > thead > tr:first-child > th { border-bottom:solid 1px #17213C; }
.gdp > table > thead > tr.filter > th { border:none; }
.gdp > table > thead > tr.filter .filter-control { height:30px; line-height:30px; width:100%; border-radius:15px; background:#17213C; border:none !important; text-align:center; }

.gdp > table > thead > tr.sort-order > th { cursor:pointer; }
.gdp > table > thead > tr.sort-order > th::after { content:"\f883"; font-family:"Font Awesome 5 Pro"; opacity:0.5; font-weight:900; color:#fff; }
.gdp > table > thead > tr.sort-order > th.select::after,
.gdp > table > thead > tr.sort-order > th.actions::after { display:none; }

.gdp > table > thead > tr.sort-order > th.asc::after { content:"\f884"; opacity:1; color:#E04C38; }
.gdp > table > thead > tr.sort-order > th.desc::after { content:"\f160"; opacity:1; color:#E04C38; }

.gdp > table > tbody > tr:nth-of-type(odd) { background:transparent; }
.gdp > table > tbody > tr > td { color:#fff; border-bottom:solid 1px #253150; border-top:none; font-size:12px; }
.gdp > table > tbody > tr > td { height:40px; line-height:40px; padding:0px 8px; }
.gdp > table > thead > tr > th.actions,
.gdp > table > tbody > tr > td.actions { text-align:right; padding:0px 6px 0px 0px; }
.gdp > table > tbody > tr[data-item]:hover > td { color:#E04C38 !important; background:#253150; border-bottom:solid 1px #17213C; }
.gdp > table > tbody > tr[data-item]:nth-of-type(odd):hover > td { color:#E04C38 !important; background:#253150; }
.gdp .btn-icon { display:inline-block; width:30px; height:30px; line-height:30px; text-align:center; border-radius:15px; vertical-align:middle; color:#fff !important; text-decoration:none !important; }
.gdp > table > thead > tr > th,
.gdp > table > tbody > tr > td { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }

.gdp > table > thead > tr.filter > th.actions {  }
.gdp > table > thead > tr.filter .icon-action.reset { vertical-align:middle; font-size:24px; background:transparent; color:#fff; }
.gdp > table > tbody > tr > td a { color:#fff; }
.gdp > table > tbody > tr[data-item]:hover > td a { color:#E04C38; }

#programme-view { position:relative; }
#programme-view ul.links-actions { list-style-type:none; position:absolute; top:20px; right:50px; }
#programme-view ul.links-actions > li { display:inline-block;  }
#programme-view ul.links-actions > li a { display:block; width:50px; height:50px; line-height:50px; border-radius:25px; border:solid 2px #ddd; color:#fff; text-align:center; text-decoration:none !important; font-size:20px; }
.with-buttons { overflow:visible !important; padding-right:20px; }
.with-buttons > ul.buttons { list-style-type:none; position:absolute; right:0px; top:0px; text-align:right; }
.with-buttons > ul.buttons > li { display:inline-block; margin-right:10px; }
.with-buttons > ul.buttons.inline { display:inline-block; position:relative; margin-left:10px; float:none; top:-2px; }


section#programme-edit { padding:15px 30px; width:1200px; padding-bottom:70px; }
section#programme-edit h1 { margin-bottom:30px; font-size:28px; color:#fff; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
section#programme-edit h1 .ville { font-weight:bold; }
section#programme-edit h1 .dept { }
h1 .reference { display:inline-block; width:180px; text-align:right; color:rgba(255,255,255,0.5); height:30px; line-height:30px; font-size:18px; vertical-align:top; }
section#programme-edit h2 { margin-top:30px; margin-bottom:30px; font-size:22px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#ccc; }
section#programme-edit h2 strong { color:#fff; }
section#programme-edit h3 { font-size:16px; margin-bottom:15px; text-align:center; }
.form-control::placeholder { /* display:none !important; opacity:0; */ font-style:italic; }

ul.pictos { list-style-type:none; margin:0px; text-align:right; margin-right:40px; }
ul.pictos > li { display:inline-block; width:auto; height:60px; line-height:60px; /* border-radius:30px; background:#f0f0f0; */ vertical-align:top; text-align:center; margin-left:5px; user-select:none !important; }
ul.pictos > li:first-child { margin-left:0px; }
ul.pictos > li label { cursor:pointer !important; }
input[name="pinel"].checkbutton:checked + label { background:#A1006B; color:#fff; }
input[name="ptz"].checkbutton:checked + label { background:#EE7715; color:#fff; }
input[name="tva55"].checkbutton:checked + label { background:#00C88A; color:#fff; }
section#programme-edit ul.pictos { position:absolute; top:0px; right:10px; }
section#programme-edit ul.pictos > li { height:40px; line-height:40px; }
section#programme-edit .form-group { margin-bottom:5px; }
section#programme-edit .form-group#reference .control-label,
section#programme-edit .form-group#dispositifs .control-label,
section#programme-edit .form-group#certifications .control-label,
section#programme-edit .form-group#nom .control-label { color:#fff; text-align:right; }
section#programme-edit .form-control.date { max-width:200px; text-align:center; }
section#programme-edit .form-group.error .control-label { color:#ff0000; }


.updater-category { position:relative; display:block; padding:15px; background:#253150; color:#fff; margin-bottom:15px; }
.updater-category h2 { padding-bottom:5px; padding-left:20px; border-bottom:solid 1px #eee; margin-bottom:0px; margin:20px 60px 10px 0px !important; font-size:20px !important; cursor:pointer !important; }
.updater-category hr { margin-top:10px; margin-bottom:15px; border-top:solid 1px #17213C; }
.updater-category > .columns { transition:all 0.4s ease; height:0px; overflow:hidden; padding-top:15px; }
.updater-category.active > .columns { height:auto; overflow:visible; }
.updater-category > .columns > .column { padding:0px 10px; }
.updater-category > .columns > .column:first-child { padding-left:0px; }
.updater-category > .columns > .column:last-child { padding-right:0px; }
.updater-category .form-group { margin-bottom:5px; }
.updater-category .form-group > .control-label { /* margin-top:-30px; font-size:12px; opacity:1; */ color:#aaa; font-style:italic; }
.updater-category .form-group > .control-label::placeholder { display:none !important; }
.updater-category .form-control { background:#17213C !important; } 
.updater-category .btn-toggle { display:block; position:absolute; right:20px; top:25px; width:40px; height:40px; line-height:40px; border-radius:20px; background:rgba(0,0,0,0.2); color:#fff; font-weight:bold; text-decoration:none !important; outline:none !important; text-align:center; font-size:24px; }
.updater-category .btn-toggle:before { font-family:"Font Awesome 5 Pro"; content:"\f067"; }
.updater-category .btn-toggle:hover { background:#fff; color:#253150; }
.updater-category.active .btn-toggle:before { content:"\f068"; }
.form-group.classic { display:flex; }
.form-group.classic > .control-label { flex:1; width:30%; max-width:300px; position:relative; }
.form-group.classic > .control { flex:1; }
.form-group.classic.max	{ display:block; overflow:hidden; }
.form-group.classic.max > .control-label { display:block; max-width:none; margin-top:0px; width:100%; opacity:1; max-width:100% !important; text-align:left !important; height:auto !important; line-height:1.6em !important; padding-left:20px !important; }
.form-group.classic.max > .control { display:block; width:100%; padding-left:0px; padding-right:0px; }
.form-group.classic.active > .control-label { margin-top:0px !important; opacity:1 !important; }
.updater-category#programme-infos .form-group.classic > .control-label,
.updater-category#programme-localisation .form-group.classic > .control-label,
.updater-category#programme-contacts .form-group.classic > .control-label { max-width:200px; text-align:right; padding-left:0px; font-size:13px; }

.form-group.classic2 { display:block; overflow:hidden; margin-bottom:10px !important; }
.form-group.classic2 > .control-label { position:relative; display:block; height:auto; line-height:1em; font-size:11px; text-align:left; padding-left:30px; }
.form-group.classic2 > .control { padding-left:0px; }

.cta_bar { position:fixed; left:0px; bottom:0px; right:0px; background:#17213C; /* rgba(0,0,0,0.4); */ box-shadow:0px 0px 10px rgb(0,0,0,0.3); padding:10px 30px; z-index:201; }
.btn-admin { display:inline-block; position:relative; height:50px; line-height:50px; padding:0px 30px; border-radius:6px; background:linear-gradient(to top, #8C2F23, #E04C38, #E04C38, #8C2F23); color:#fff !important; border:none; outline:none !important; text-decoration:none !important; }
.btn-admin:before { content:" "; position:absolute; left:0px; top:0px; right:0px; bottom:0px; }


/****** GMAP Infowindow ******/
.gm-style .gm-style-iw-c { padding:0px !important; border-radius:0px !important; }
.gm-style .gm-style-iw-d { overflow-y:hidden !important; }
.gm-style-iw button { top:0px !important; right:0px !important; width:20px !important; height:20px !important; line-height:20px !important; background:#fff !important; opacity:1 !important; }
.gm-style-iw button > img { margin:auto !important; }
.custom-iw .gm-style-iw-c { padding:0px !important; }
.custom-iw .gm-style-iw-d { overflow-y:hidden !important; }
.map-popup { width:260px; }
.map-popup .perspective { position:relative; max-width:100%; max-height:none; width:100%; height:0px; padding-bottom:40%; display:block; background-repeat:no-repeat !important; background-size:cover !important; background-position:center !important; }
.map-popup .infos { padding:10px; background:#253150; color:#fff; display:block; width:100%; overflow:hidden; }
.map-popup .infos > .ville { /* position:absolute; left:0px; bottom:0px; */ width:100%; margin:0px; height:40px; line-height:40px; /* background:linear-gradient(to top, #5D0030, transparent); */ color:#fff; padding:0px 15px; text-align:left; font-size:12px; font-weight:normal; }
.map-popup .infos > .ville > .text { line-height:1.2em; display:inline-block; vertical-align:bottom; padding-bottom:10px; }
.map-popup .infos > .ville > strong,
.map-popup .infos > .ville > .text > strong { display:block; font-size:15px; }
.map-popup .infos > .typologies { text-align:left; padding-left:15px; font-size:13px; font-weight:normal; display:block; }
.map-popup .btn-dbi { display:none; }
.custom-iw .gm-style-iw-c { background:#253150; }
.custom-iw .gm-style-iw-d { background:#253150; overflow:hidden !important; }
.gm-style .gm-style-iw-t { background:#253150; }
.gm-style .gm-style-iw-t::after { background:#253150; }




/****** modal ******/
.modal-body > .stacked-layout { position:absolute; left:0px; top:0px; right:0px; bottom:0px; z-index:2; }
.modal-body > .stacked-layout > .stacked-view { position:absolute; left:0px; top:0px; right:0px; bottom:0px; display:none !important; overflow-x:hidden; overflow-y:auto; background:linear-gradient(to right, #17213C, #253150); }
.modal-body > .stacked-layout > .stacked-view:first-child { display:block !important; }
.modal-body > .stacked-layout > .stacked-view.active { display:block !important; }
.stacked-layout-nav { }
.stacked-layout-nav > li:first-child { display:none !important; }
.modal-dbi h1 > .buttons > li:first-child > a { border-bottom:solid 4px #E04C38; }
@media (min-width: 800px) {
	.modal-body > .stacked-layout > .stacked-view { position:absolute; left:auto; right:0px; top:0px; right:0px; bottom:0px; width:calc(100% - 400px); display:none; /* background:linear-gradient(to right, rgba(0,0,0,0.3), transparent); */ }
	.modal-body > .stacked-layout > .stacked-view:first-child { width:400px; left:0px; right:auto; display:block; /* background:transparent; */ }
	.modal-body > .stacked-layout > .stacked-view:nth-child(2) { display:block; }
}

.modal-dbi { background:#fff; border-radius:0px; box-shadow:0px 0px 10px rgba(0,0,0,0.3); }
.modal-dbi > form { width:100%; height:100%; }
.modal-dbi .modal-content { width:100%; height:100%; display:flex; flex-direction:column; border:none; border-top:solid 4px #E04C38; border-radius:0px; }
.modal-dbi .modal-footer { flex:1; max-height:60px; background:#17213C; /* box-shadow:0px 0px 10px rgba(0,0,0,0.3); */ z-index:2; border:none; padding:10px 15px; }
.modal-dbi .modal-body { flex:1; background:#253150; }
.modal-dbi .modal-header { flex:1; max-height:80px; height:80px; padding:40px 20px 0px 20px; box-shadow:0px 0px 10px rgba(0,0,0,0.3); z-index:2; border:none; }
.modal-dbi .modal-header .close { position:absolute; right:0px; top:0px; width:30px; height:30px; line-height:30px; text-align:center; background:#333; color:#fff; opacity:1; }
.modal-dbi h2 { position:absolute; left:40px; top:27px; font-size:13px; font-weight:bold; text-transform:uppercase; color:#777; }
.modal-dbi h1 { padding-left:10px; font-size:22px; color:#253150; text-transform:uppercase; }
.modal-dbi h1 > .buttons { top:-2px; padding-right:20px; }
.modal-dbi h1 > .buttons > li { }
.modal-dbi h1 > .buttons > li > a { display:block; height:30px; line-height:30px; padding:0px 10px; padding-bottom:8px; border-bottom:solid 4px transparent; text-decoration:none !important; font-size:12px; transition:all 0.4s ease; color:#253150 !important; box-sizing:content-box; }
.modal-dbi h1 > .buttons > li.active > a { border-bottom:solid 4px #E04C38; }
.modal-dbi h1 > .buttons > li a:hover { color:#E04C38 !important; }

.modal-dbi h2 > .buttons { top:-2px; padding-right:20px; }
.modal-dbi h2 > .buttons > li { }
.modal-dbi h2 > .buttons > li > a { display:block; height:30px; line-height:30px; padding:0px 10px; padding-bottom:8px; border-bottom:solid 4px transparent; text-decoration:none !important; font-size:12px; transition:all 0.4s ease; color:#253150 !important; box-sizing:content-box; }
.modal-dbi h2 > .buttons > li.active > a { border-bottom:solid 4px #E04C38; }
.modal-dbi h2 > .buttons > li a:hover { color:#E04C38 !important; }

.modal-dbi .modal-footer .columns { }
.modal-dbi .modal-footer .columns > .column { }
.modal-dbi .modal-footer .columns > .column:last-child { padding-right:20px; }
.modal-dbi .modal-footer .btn-continue { height:40px; line-height:40px; padding:0px 20px; border-radius:4px; background:#E04C38; color:#fff; text-decoration:none !important; outline:none !important; border:none; box-shadow:none; }

.modal-dbi .stacked-view { padding:15px; }
@media (min-width: 800px) {
	/* .modal-dbi h1 > .buttons > li:nth-child(2) > a { border-bottom:solid 4px #E04C38; } */
	.modal-dbi .stacked-view { /* background:linear-gradient(to right, #17213C, #253150) !important; */ }
	.modal-dbi .stacked-view:first-child { /* background:#253150 !important; */ }
}

.modal-dbi-ext { position:fixed; left:0px; top:0px; right:0px; bottom:auto !important; z-index:999; }
.modal-dbi-ext .modal-content { background:linear-gradient(to right, #17213C, #253150); border-top:none; } 
.modal-dbi-ext .modal-header,
.modal-dbi-ext .modal-body,
.modal-dbi-ext .modal-footer { background:transparent; box-shadow:none; }
.modal-dbi-ext .modal-header .close { right:20px; top:20px; border-radius:20px; background:#fff; color:#E04C38; }
.modal-dbi-ext h1 { color:#fff; }

.modal-body > .columns { }
.modal-body > .columns > .column { padding-left:15px; padding-right:15px; }
.modal-body > .columns > .column hr { margin-top:10px; margin-bottom:15px; border-top:solid 1px #253150; }
.modal-body > .columns > .column:first-child { padding-left:0px; }
.modal-body > .columns > .column:last-child { padding-right:0px; }

.modal-header { position:relative; }
.modal-header ul.stacked-layout-nav { list-style-type:none; position:absolute; right:60px; bottom:0px; }
.modal-header ul.stacked-layout-nav > li { display:inline-block; margin-right:10px; }
.modal-header ul.stacked-layout-nav > li > a { display:block; height:30px; line-height:30px; padding:0px 10px; padding-bottom:8px; border-bottom:solid 4px transparent; text-decoration:none !important; font-size:14px; transition:all 0.4s ease; color:#fff !important; box-sizing:content-box; }
.modal-header ul.stacked-layout-nav > li.active > a { border-bottom:solid 4px #E04C38; }
.modal-header ul.stacked-layout-nav > li a:hover { color:#E04C38 !important; }

.modal-dialog > #error { position:absolute; left:0px; right:0px; top:70px; margin:auto; width:80%; padding:10px; background:#ff0000; color:#fff; }

#inscription.modal-dialog { bottom:0px !important; }
#inscription.modal-dialog .modal-header { padding-top:20px; }



	ul.documents { }
	ul.documents > li { position:relative; height:48px; line-height:48px; padding:0px 15px; background:#253150; color:#fff; padding-left:48px; margin-bottom:2px; cursor:pointer; }
	ul.documents > li[data-type] { text-align:left; overflow:hidden; }
	ul.documents > li[data-type]:before { content:"\f33d"; font-family:'Font Awesome 5 Pro'; position:absolute; left:0px; top:0px; width:48px; height:48px; line-height:48px; text-align:center; font-size:22px; }
	ul.documents > li[data-type]:hover:before { color:#E04C38; }
	
	ul.documents > li[data-type] > .buttons { position:absolute; top:0px; bottom:0px; right:0px; height:48px; line-height:48px; transition:all 0.4s ease; transform:translateX(100%); opacity:0; padding-right:0px; }
	ul.documents > li[data-type]:hover > .buttons { transform:translateX(0); opacity:1; }
	ul.documents > li[data-type] > .buttons > a { display:inline-block; /* 34px; */ width:48px; height:48px; line-height:48px; text-align:center; background:#17213C; color:#fff; font-size:20px; border-radius:0px; vertical-align:top; /* background:rgba(255,255,255,0.1); */ }
	ul.documents > li[data-type] > .buttons > a:hover { color:#E04C38; }
	ul.documents > li[data-type] a.icon-delete:before { display:none; }

#programme-view ul.documents > li { background:#17213C; }
#programme-view ul.documents > li[data-type] > .buttons > a { background:#253150; }
#programme-view .list-view > .list-view-footer { max-height:50px; height:50px; line-height:50px; margin:0 -15px -15px -15px; padding:0px 15px; border-top:solid 1px #253150; }
#programme-view .list-view > .list-view-footer .inputfile + label,
#programme-view .list-view > .list-view-footer .btn-upload { vertical-align:middle; }
#programme-view ul.images > li { position:relative; display:block; vertical-align:top; margin:0px 0px 10px 0px; float:none; width:100%; height:auto; overflow:hidden; background:#17213C; }
#programme-view ul.images > li > a { display:inline-block; vertical-align:top; width:140px; height:90px; }
#programme-view ul.images > li .file-infos { display:inline-block; vertical-align:top; padding:5px 0px 0px 15px; }
#programme-view ul.images > li [data-remove-item] { /* position:absolute; right:0px; top:0px; width:34px; height:34px; line-height:34px; text-align:center; background:#253150; color:#fff; cursor:pointer; font-size:20px; border-radius:17px; vertical-align:middle; */ }

	ul.images > li > .buttons { position:absolute; top:0px; bottom:0px; right:0px; height:48px; line-height:48px; transition:all 0.4s ease; transform:translateX(100%); opacity:0;  padding-right:10px; }
	ul.images > li:hover > .buttons { transform:translateX(0); opacity:1; }
	ul.images > li > .buttons > a { display:inline-block; width:34px; height:34px; line-height:34px; text-align:center; background:#253150; color:#fff; font-size:20px; border-radius:17px; vertical-align:middle; }
	ul.images > li > .buttons > a:hover { color:#E04C38; }

#programme-view .list-view { display:flex; flex-direction:column; margin:0; position:absolute; left:0px; top:0px; right:0px; bottom:0px; }
#programme-view .list-view > .list-view-body { flex:1; overflow-y:auto; padding:15px 5px 15px 15px; }
#programme-view .list-view > .list-view-footer { flex:1; margin:0px; }
#programme-view #programme-infos .tab-view .tab-content { min-height:370px; max-height:370px; }
#programme-view #programme-infos .tab-view .tab-content .text-viewer { /* position:absolute; left:0px; top:0px; */ right:0px; bottom:0px; overflow-y:auto; position:relative; height:100%; }


/* th.select [type="checkbox"], 
th.selection [type="checkbox"],
td.select [type="checkbox"],
td.selection [type="checkbox"] */

th.select, th.selection, td.select, td.selection { width:30px !important; padding:0px !important; text-align:center; }

tr > th:first-child > [type="checkbox"],
tr > td:first-child > [type="checkbox"] { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; position:relative; display:inline-block; vertical-align:middle; width:16px; height:16px; background:transparent; border:solid 1px #f2f2f2; margin:0px; }

tr > th:first-child > [type="checkbox"]:before,
tr > td:first-child > [type="checkbox"]:before { content:" "; position:absolute; left:0px; top:0px; width:16px; height:16px; background:transparent; border:solid 1px #eee; }

tr > th:first-child > [type="checkbox"]:checked:after,
tr > td:first-child > [type="checkbox"]:checked:after { content:" "; position:absolute; left:4px; top:4px; width:8px; height:8px; background:#E04C38; }

table > thead > tr > th { user-select:none; }

.selection-actions { list-style-type:none; display:inline-block; margin-right:10px; border-radius:8px; overflow:hidden; }
.selection-actions > li { display:inline; float:left; margin-right:1px; }
.selection-actions > li:last-child { margin-right:0px; }
.selection-actions > li a { display:block; width:34px; height:34px; line-height:34px; text-align:center; background:#253150; color:#fff; text-decoration:none !important; font-size:18px; opacity:0.5; pointer-events:none; }
.selection-actions.active > li a { opacity:1; pointer-events:auto; } 
.selection-actions.active > li a:hover { background:#E04C38; }
.selection-infos { display:inline-block; height:34px; line-height:34px; color:#eee; font-style:italic; vertical-align:top; }

table tbody > tr.selected > td { background:#253150; border-bottom:solid 1px #17213C; }

[type="checkbox"].checkbox-dbi { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; position:relative; display:inline-block; vertical-align:middle; width:16px; height:16px; background:transparent; border:solid 1px #f2f2f2; margin:0px; }
[type="checkbox"].checkbox-dbi:before { content:" "; position:absolute; left:0px; top:0px; width:16px; height:16px; background:transparent; border:solid 1px #eee; }
[type="checkbox"].checkbox-dbi:checked:after { content:" "; position:absolute; left:4px; top:4px; width:8px; height:8px; background:#E04C38; }

body.logged-in.menu-open { padding-left:240px; }
body.logged-in.menu-open #navbar { padding-left:260px !important; }
body.logged-in.menu-open #menubar { left:0px !important; }

body.logged-in.menu-attente { padding-left:0px; }
body.logged-in.menu-attente #navbar { padding-left:20px !important; }
body.logged-in.menu-attente #menubar { left:-100% !important; }

body > .ui-notifications { position:fixed; z-index:1000; right:30px; bottom:30px; list-style-type:none; pointer-events:none; transition:all 0.4s ease; width:100%; max-width:300px; overflow:hidden; }
body > .ui-notifications > li { position:relative; display:block; transition:all 0.4s ease; padding:10px 15px; background:linear-gradient(to left, #253150, #17213C); color:#fff; opacity:0; right:-100%; margin-bottom:15px; border:solid 2px #fff; box-shadow:0 0 10 rgba(0,0,0,0.3); }
body > .ui-notifications > li.active { opacity:1; right:0px; }
body > .ui-notifications > li.seen { opacity:0; right:-100%; }

.ui-notifications > li.ok { background:linear-gradient(to right, #5AFF15, #00B712); }

h1 .buttons a.iconize { width:30px; height:30px; line-height:30px; border-radius:15px; padding:0px !important; text-align:center; color:rgba(255,255,255,0.4) !important; transition:all 0.3s ease; }
h1 .buttons a.iconize i { font-size:16px !important; }
h1 .buttons a.iconize:hover { color:#fff !important; }	
ul.buttons > li > a.disabled { opacity:0.5; pointer-events:none !important; cursor:not-allowed; }

a.icon-edit, a.icon-delete, a.icon-view { text-decoration:none !important; }
a.icon-edit:before { font-family:"Font Awesome 5 Pro"; content:"\f303"; vertical-align:top; }
a.icon-delete:before { font-family:"Font Awesome 5 Pro"; content:"\f00d"; vertical-align:top; }
a.icon-view:before { font-family:"Font Awesome 5 Pro"; content:"\f067"; vertical-align:top; }

h1 > ul.selection-actions,
.with-buttons > .buttons.selection-actions { position:relative; right:auto; top:auto; float:none; display:inline-block; vertical-align:middle; }

li.disabled > a { pointer-events:none !important; opacity:0.5; }
li.disabled > a:hover { pointer:not-allowed !important; }

tr[data-item-preview] span.date { /* float:right; */ }

a.plan_logement { color:#E04C38; font-size:20px; text-decoration:none !important; }


.wx-inputbox-window { background:linear-gradient(to right, #17213C, #253150); }
.wx-inputbox-window .close { top:20px; right:20px; width:30px; height:30px; line-height:30px; text-align:center; border-radius:15px; background:#fff; color:#E04C38; opacity:1; }
.wx-inputbox-title { border:none; background:transparent !important; }
.wx-inputbox-buttons { border:none; background:transparent !important; }

 
form button:disabled { position:relative; cursor:not-allowed; }
form button:disabled:before { /* content:" "; position:absolute; left:0px; top:0px; right:0px; bottom:0px; background:transparent url('./images/loading.gif') no-repeat; background-position:center; background-size:auto 70%; */ }


.modal-dialog.loading { /* pointer-events:none !important; */ cursor:not-allowed; }
.modal-dialog.loading:before { content:" "; position:absolute; left:0px; top:0px; right:0px; bottom:0px; z-index:3; pointer-events:none; /* background:rgba(0,0,0,0.3); -webkit-backdrop-filter:blur(2px); backdrop-filter: blur(2px); */ }
.modal-dialog.loading:after { content:" "; position:absolute; right:80px; top:-10px; width:50px; height:50px; background:#fff url('/images/loading.b.gif') no-repeat; background-position:center; background-size:cover; z-index:666; }
.modal + .modal-backdrop { transition:all 0.4s ease; }
.modal.loading + .modal-backdrop { 
		-webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 1; }


.btn-dbi.fileinput-button.iconized { font-size:30px; vertical-align:middle; padding:0px 15px; }
.fileinput-button [type="file"] { cursor:pointer; }
.uploader-window { background:linear-gradient(to right, #17213C, #253150); color:#fff; right:30px !important; bottom:20px !important; }
.uploader-window .modal-header,
.uploader-window .modal-body,
.uploader-window .modal-footer { background:transparent !important; }

#poser-option ul.lots-reservation { list-style-type:none; margin-bottom:30px; border-top:solid 1px #bbb; }
#poser-option ul.lots-reservation > li { line-height:2em; text-align:left; margin-left:0px; font-family:sans-serif; font-size:12px; border-bottom:solid 1px #bbb; }
#poser-option ul.lots-reservation > li:last-child { border-bottom:none; }
#poser-option ul.lots-reservation > li > span.prix { float:right; margin-left:30px; color:#ccc; font-style:italic; }

.gdp td a.reservation { color:#fff; text-decoration:none; }
.gdp td a.reservation:hover { text-decoration:underline; }
.gdp span.veb { color:#ddd !important; }
table > tbody > tr.veb > td,
table > tbody > tr.veb > td a { color:#ddd !important;  }


form.reservation-locked input,
form.reservation-locked select,
form.reservation-locked .control,
form.reservation-locked .form-control { pointer-events:none !important; cursor:not-allowed !important; }

.table-options { margin-bottom:15px; }
.table-options.columns > .column { height:34px; line-height:34px; text-align:center; }
.table-options.columns > .column:first-child { text-align:left; }
.table-options.columns > .column:last-child { text-align:right; }
.table-options .label-results { text-align:right; padding-right:15px; }
.table-options .search-bar { position:relative; max-width:300px; }
.table-options .search-bar:after { content:"\f002"; font-family:'Font Awesome 5 Pro'; position:absolute; right:0px; top:0px; width:34px; height:34px; line-height:34px; text-align:center; color:#fff; z-index:2; }
.table-options .search-bar > input { position:relative; height:34px; line-height:34px; border-radius:17px; background:#253150; color:#fff; border:none; padding-right:40px; outline:none !important; box-shadow:none !important; }


/****** lot-edit ******/
#lot-edit { width:900px; height:700px; }


/****** Bandeau version dev ******/
#menubar { overflow:hidden; }
#menubar .headband { user-select:none !important; }
#menubar .headband.env { width:400px; height:60px; line-height:60px; background:#E04C38; color:#fff; text-align:center; transform:rotate(-28deg); position:absolute; bottom:80px; left:-90px; font-size:16px; box-shadow:0px 0px 8px rgba(0,0,0,0.3); }
#menubar .headband.env { background:linear-gradient(to bottom, #e04c38, #992717); }


/*** ***/
	.tabbed-view { width:100%; height:100%; display:flex; flex-direction:column; }
	.tabbed-view > .tabbed-nav { flex:1; max-height:40px; }
	.tabbed-view > .tabbed-content { flex:1; }
	.tabbed-view > .tabbed-content > .tabbed-panel { display:none; }
	.tabbed-view > .tabbed-content > .tabbed-panel.active { display:block; }
	
	ul.tabbed-nav { list-style-type:none; padding-left:40px; border-bottom:solid 1px #253150; padding-right:40px; }
	ul.tabbed-nav > li { display:inline-block; }
	ul.tabbed-nav > li a { display:block; height:40px; line-height:40px; padding:0px 20px; background-color:transparent; border:none; color:#fff; text-decoration:none !important; border-bottom:solid 4px transparent; }
	ul.tabbed-nav > li.active a { border-bottom:solid 4px #E04C38; }
	ul.tabbed-nav.tabbed-nav-right { text-align:right; padding-left:0px; }
	.tabbed-nav .tabbed-nav-search { max-width:300px; width:300px; float:left; }
	.tabbed-nav .search-bar { position:relative; max-width:300px; }
	.tabbed-nav .search-bar:after { content:"\f002"; font-family:'Font Awesome 5 Pro'; position:absolute; left:0px; top:0px; width:40px; height:40px; line-height:34px; text-align:center; color:#fff; z-index:2; }
	.tabbed-nav .search-bar > input { position:relative; height:40px; line-height:40px; border-radius:0px; background:transparent; color:#fff; border:none; padding-left:40px; outline:none !important; box-shadow:none !important; }
	
	.tabbed-panel { padding:30px 15px 15px 15px; color:#fff; float:left; }
	.tabbed-panel h1 { font-size:26px; color:#fff; margin-bottom:20px; padding-left:20px; text-transform:uppercase; }
	.tabbed-panel h2 { font-size:20px; color:#fff; margin-bottom:10px; padding-left:20px; text-transform:uppercase; }
	
	.tabbed-panel .table-striped>tbody>tr:nth-of-type(odd) { background:#253150; }
	.tabbed-panel .table>thead>tr>th { font-weight:normal; }
	.tabbed-panel .table>thead>tr>th.icon,
	.tabbed-panel .table>tbody>tr>td.icon { width:40px !important; }
	.tabbed-panel .table>tbody>tr>td { border:none; }
	
ul.offres-speciales { position:relative; margin-bottom:20px; }
ul.offres-speciales > li { display:inline-block;  margin-right:5px; text-transform:uppercase; }
ul.offres-speciales > li > a { display:block; height:40px; line-height:40px; padding:0px 15px; background:#253150; color:#fff; text-transform:uppercase; text-decoration:none !important; }
ul.offres-speciales > li:last-child { margin-right:0px; }
ul.offres-speciales > li span.more { display:inline-block; width:auto; height:40px; line-height:40px; text-align:center; border-radius:0px; background:#E04C38; color:#fff; /* #17213C */ font-weight:bold; text-transform:none; font-size:12px; vertical-align:top; margin-right:-15px; margin-left:10px; padding:0px 10px; text-transform:uppercase; }
ul.offres-speciales > li span.more > i { margin-left:2px; }

.programme-preview .badge-offre { position:absolute; left:0px; top:0px; line-height:1em; padding:7px 9px 7px 7px; text-align:center; background:#fff; color:#17213C; border-radius:0px 0px 6px 0px; text-transform:uppercase; white-space:nowrap; font-size:8px; box-shadow:0px 0px 6px rgba(0,0,0,0.3); height:30px; }
.programme-preview .badge-offre strong { font-size:10px; }

/* .programme-preview .badge-evoluvie { position:absolute; right:0px; top:0px; width:48px; height:48px; background:transparent url('../images/icon-evoluvie.jpg') no-repeat; background-size:contain; } */
.programme-preview .badge-evoluvie { position:absolute; right:0px; top:0px; height:30px; line-height:30px; padding:0px 7px 0px 9px; text-align:center; background:#fff; color:#17213C; border-radius:0px 0px 0px 6px; text-transform:uppercase; white-space:nowrap; font-size:8px; box-shadow:0px 0px 6px rgba(0,0,0,0.3); font-weight:bold; overflow:hidden; }
.programme-preview .badge-evoluvie strong { font-size:10px; }
.programme-preview .badge-evoluvie sup { font-size: 31px; top: 0.4em; }

ul.resa-infos { list-style-type:none; margin:0px; padding:0px; }
ul.resa-infos > li { display:block; height:34px; line-height:34px;  }

div.selection-multi#selection-programmes { float:right; }
div.selection-multi { position:relative; display:inline-block; width:280px; }
div.selection-multi .btn-open { position:relative; display:block; width:100%; height:34px; line-height:34px; padding:0px 12px; border-radius:5px; font-size:14px; background:#fff; color:#333; cursor:pointer; text-decoration:none !important; text-transform:none; box-shadow:inset 0 1px 1px rgb(0 0 0 / 8%); }
div.selection-multi .btn-open:after { content:"\f078"; font-family:'Font Awesome 5 Pro'; position:absolute; right:10px; top:0px; }
div.selection-multi .selection-items { position:absolute; left:0px; top:34px; z-index:11; transition:height 0.4s ease; max-height:0px; overflow:hidden; border-radius:0px 0px 6px 6px; max-width:100%; width:100%; height:0px; }
div.selection-multi.open .btn-open { border-radius:6px 6px 0px 0px; }
div.selection-multi.open .btn-open:after { content:"\f077"; font-family:'Font Awesome 5 Pro'; position:absolute; right:10px; top:0px; }
div.selection-multi.open .selection-items { max-height:none; background:#eee; padding:10px; height:300px; }
div.selection-multi .selection-options { text-align:left; }
div.selection-multi ul { display:block; list-style-type:none; z-index:3; max-height:210px; overflow-y:auto; margin-bottom:5px; min-height:210px; }
div.selection-multi ul > li { display:block; height:30px; line-height:30px; text-align:left; }
div.selection-multi [type="checkbox"] { appearance:none; -webkit-appearance:none; display:none; }
div.selection-multi [type="checkbox"] + label { padding-left:35px; position:relative; font-size:14px; font-weight:normal; text-transform:none; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#333; width:100%; height:100%; }
div.selection-multi [type="checkbox"] + label:before { content:" "; position:absolute; left:5px; top:5px; width:20px; height:20px; border:solid 1px #E04C38; }
div.selection-multi [type="checkbox"]:checked + label:after { content:" "; position:absolute; left:5px; top:5px; width:20px; height:20px; background:#E04C38; }
div.selection-items form [type="submit"] { width:100%; height:34px; line-height:34px; border:none !important; box-shadow:none !important; outline:none !important; background:#E04C38; color:#fff; border-radius:4px; font-size:14px; text-transform:uppercase; } 
div.selection-options { display:block; width:100%; height:30px; line-height:30px; background:#ccc; margin-bottom:5px; }

.selection-multi#selection-programmes { max-width:280px; }
h2 > ul.search-inline { float:right; display:inline-block; }
ul.search-inline { list-style-type:none; margin:0px; padding:0px; }
ul.search-inline > li { display:inline-block; max-width:280px; vertical-align:top; }
ul.search-inline > li .form-group .control { position:relative; }
ul.search-inline > li .form-group#affecter_programme .control:after { content:"\f002"; font-family: 'Font Awesome 5 Pro'; position: absolute; right: 0px; top: 0px; width: 34px; height: 34px; line-height: 34px; text-align: center; color: #fff; z-index: 2; }
ul.search-inline > li [type="text"] { height:34px; line-height:34px; padding:0px 12px; border-radius:5px; background:##253150; color:#fff; width:250px; padding-right:40px; }
.ui-menu .ui-menu-item a { height:30px; line-height:30px; }


/****** Tooltips ******/
.tip { position:relative; display:inline-block; width:14px; height:14px; line-height:14px; text-align:center; border-radius:7px; background:#C4B07D; color:#fff; font-size:10px; vertical-align:middle; cursor:pointer; margin-left:5px; }
.tip:after { content:"?"; position:absolute; left:0px; top:0px; width:14px; height:14px; color:#fff; }
.tip-bubble { display:inline-block; white-space:normal; position:relative; top:20px; width:200px; margin-left:-100px; padding:8px 10px; background:#F7F7F7; border:solid 1px #ddd; font-size:11px; font-weight:normal; color:#242D4A; border-radius:5px; box-shadow:0px 0px 6px rgba(0,0,0,0.3); z-index:21; transition:all 0.4s ease; transform:scale(0.6); opacity:0; user-select:none; text-transform:none; }
.tip-bubble.active { transform:scale(1); opacity:1; }
a.map-click > .tip-bubble { position:absolute; margin-left:0px; top:auto; bottom:90%; margin-left:-50%; }

/*** 20240529 ***/
body > ul.ui-notifications { z-index:10000001; right:0; }
body > .ui-notifications > li { padding:15px 30px !important; border-right:none !important; box-shadow:0 0 10px rgba(0,0,0,0.5) !important; margin-bottom:-15px !important; }
body > .ui-notifications > li:last-child { margin-bottom:0px !important; }
body > .ui-notifications > li.ok { /* background:linear-gradient(to left, #376e37, #5cb85c) !important; */ background:linear-gradient(to right, #9ddd00, #527203) !important; text-shadow:1px 2px #333 !important; }
body > .ui-notifications > li.active { z-index:9; }
body > .ui-notifications > li.past-80 { opacity:0.9; z-index:5; }
body > .ui-notifications > li.past-60 { opacity:0.6; z-index:4; }
body > .ui-notifications > li.past-40 { opacity:0.4; z-index:3; }
body > .ui-notifications > li.past-20 { opacity:0.2; z-index:2; }



.ui-sliding-panel { position:fixed; background:white; min-height:500px; transition:all 0.4s ease; opacity:0; z-index:9998; background:linear-gradient(to bottom, #fff, #eee); }
.ui-sliding-panel.active { opacity:1; }

.ui-sliding-panel { display:flex; flex-direction:column; }
.ui-sliding-panel > .ui-panel-header { position:relative; flex:0 auto; min-height:50px; max-height:50px; background:linear-gradient(to bottom, #eee, #ddd); border-bottom:solid 1px #ccc; }
.ui-sliding-panel > .ui-panel-header h5 { margin:0; padding:0 0 0 30px; height:50px; line-height:50px; font-size:20px; width:100%; text-align:left; }
.ui-sliding-panel > .ui-panel-header a.close { position:absolute; top:10px; right:10px; width:30px; height:30px; line-height:30px; text-align:center; background:black; z-index:3; opacity:1; border-radius:5px; font-size:16px; color:white; }
.ui-sliding-panel > .ui-panel-body { flex:1; overflow-y:auto; }
.ui-sliding-panel > .ui-panel-footer { flex:0 auto; }

.ui-sliding-panel-bottom { left:0; bottom:0; right:0; transform:translateY(100%); border-top:solid 1px #aaa; box-shadow:0 0 10px rgba(0,0,0,0.3); }
.ui-sliding-panel-bottom.active { transform:translateY(0); }

table.report-output { width:100%; table-layout:fixed; }
table.report-output > thead > tr > th,
table.report-output > tbody > tr > td { height:34px; line-height:34px; padding:0 8px; color:#333; font-size:12px; border-bottom:solid 1px #ccc; text-align:center; user-select:none; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
table.report-output > tbody > tr > td:nth-child(even) { background:#eee; }
table.report-output > tbody > tr:hover > td { background:steelblue; color:white; }