/**

	Rose: F7007D
	
**/

:root {
	--body_background1: #1f3649;
	--body_background2: #17253d;
	--body_background3: #040d11;
	--selected_item: #219FBC;
	--inactive: #cccccc;
	--highlight1: #F7007D;
	--lightgrey: #F7F7F7;
	--darkgrey: #777777;
	--blue: #319db5;
}

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

.columns { display:flex; }
.columns > .column { flex:1; position:relative; }

.modal-dialog { z-index:1050 !important; }

body { 
	background: #fff;
	font-family: 'Helvetica Neue LT Std', sans-serif;
	font-size: 16px;	
	/* padding-top: 100px; */
}

body.blue {
			background: #1f3649;
	    background: -moz-radial-gradient(center,ellipse cover,#1f3649 0,#17253d 44%,#040d11 100%);
	    background: -webkit-gradient(radial,center center,0,center center,100%,color-stop(0,#1f3649),color-stop(44%,#17253d),color-stop(100%,#040d11));
	    background: -webkit-radial-gradient(center,ellipse cover,#1f3649 0,#17253d 44%,#040d11 100%);
	    background: -o-radial-gradient(center,ellipse cover,#1f3649 0,#17253d 44%,#040d11 100%);
	    background: -ms-radial-gradient(center,ellipse cover,#1f3649 0,#17253d 44%,#040d11 100%);
	    background: radial-gradient(ellipse at center,#1f3649 0,#17253d 44%,#040d11 100%);
}

body.header-sticky { padding-top:60px; }

.icon-checkmark { color:green !important; }

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

.container { width:1400px; max-width:100%; }

main { position:relative; margin-bottom:100px; padding-top:30px; }

section { }
section h1 { font-size:20px; font-weight:bold; text-transform:uppercase; color:#444; margin-bottom:0px; }
section h1 strong { color:#F7007D; font-weight:600 !important; }
section h2 { font-size:18px; font-weight:normal; /* text-transform:uppercase; */ color:#232323; margin-bottom:30px; }
section h2.confirmation { color:green; text-transform:initial; }

h1.with-buttons { height:36px; line-height:36px; } 
h1.with-buttons > ul { list-style-type:none; float:right; height:30px; line-height:30px; }
h1.with-buttons > ul > li { display:inline-block; vertical-align:top; height:30px; line-height:30px; }
h1.with-buttons .btn { display:inline-block; vertical-align:top; height:30px; line-height:30px; font-size:12px; padding:0 15px; font-weight:bold; text-transform:uppercase; }
h1.with-buttons > ul.inline { float:none; display:inline-block; margin-left:10px; }

section .alert { margin-bottom:30px; }

section#programmes { margin-bottom:40px; }
.programme { position:relative; margin-bottom:40px; border:none; box-shadow:0 0 8px rgba(0,0,0,0.4); }
.programme .columns > .column { height:120px; line-height:120px; }
.programme .columns > .column.perspective { max-width:240px; background:#ccc; background-repeat:no-repeat !important; background-size:cover !important; background-position:center !important; }
.programme .columns > .column.resume { position:relative; line-height:1.3em; padding:15px; }
.programme .columns > .column.resume span { display:block; }
.programme .columns > .column.resume span.nom { font-size:20px; font-weight:normal; color:#000; font-weight:600 !important; text-transform:uppercase; margin-bottom:5px; }
.programme .columns > .column.resume span.nom strong { color:#777; font-weight:600 !important; }
.programme .columns > .column.resume span.nom strong.sep { color:#F7007D; }
.programme .columns > .column.resume span.ville { font-size:16px; font-weight:bold; color:#777; }
.programme .columns > .column.resume span.ville strong { color:#F7007D; font-weight:600 !important; }
.programme .columns > .column.resume span.reference { font-size:16px; font-weight:bold; color:#aaa; }
.programme .columns > .column.resume span.badge.nb_lots { /* display:initial; position:absolute; left:-15px; bottom:20px; */ font-size:14px; display:inline-block; margin-top:10px; }
.programme .columns > .column.action { max-width:60px; text-align:center; border-left:dotted 1px #ccc; cursor:pointer; }
.programme .form-group#unlatch { position:absolute; left:15px; bottom:0px; right:15px; width:auto; /* height:34px; line-height:34px; */ font-size:14px; }
.programme .form-group#unlatch input[type="text"]::placeholder { color:#888; font-style:italic; }
.programme .form-group#unlatch .control-label { height:auto; line-height:1.2em; width:100%; text-align:center; margin-bottom:0px; }
.programme .form-group#unlatch .form-control { height:34px; line-height:34px; font-size:14px; }
.programme .form-group#unlatch input.form-control { text-align:center; }
.programme table { margin-bottom:0px; }
.programme table.typologies tr td,
.programme table.lots tr td { font-size:12px; height:30px; line-height:30px; padding:0 12px; }
.programme table.typologies { display:none; }
.programme table.lots { display:none; }
.programme.show_details table.typologies, .programme.show_typologies table.typologies { display:block; }
.programme.show_details table.lots, .rogramme.show_lots table.lots { display:block; }
.programme table.diff tr td { font-size:12px; height:30px; line-height:30px; padding:0 12px; }
.programme table.diff tr.top td { background:#333; color:#fff; font-size:14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.programme table.diff tr.top td .badge { font-size:12px; }

section#programmes .listing-header { position:relative; margin-bottom:30px; background:#eee; /* box-shadow:0 0 8px rgba(0,0,0,0.4); */ }
section#programmes .listing-header.columns { }
section#programmes .listing-header.columns > .column { height:40px; line-height:40px; }
section#programmes .listing-header.columns > .column:last-child { text-align:right; max-width:60px; }

.navbar { position:fixed; z-index:33; padding:0; margin:0; }
.navbar .columns { width:100%; padding:0px 30px; }
.navbar .columns > .column { text-align:center; }
.navbar .columns > .column:first-child { text-align:left; }
.navbar .columns > .column:last-child { text-align:right; }

.navbar.navbar-top { position:fixed; left:0px; top:0px; right:0px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.3); border-bottom:solid 1px #ccc; z-index:1000; }
.navbar.navbar-top .columns > .column { height:60px; line-height:60px; }
.navbar.navbar-top .column.logo img { display:inline-block; max-height:40px; vertical-align:middle; }
.navbar.navbar-top .app-logo { text-decoration:none !important; color:#333; }
.navbar.navbar-top .app-logo span { margin-left:10px; font-size:18px; font-weight:normal; text-transform:uppercase; color:#444; line-height:20px; display:inline-block; vertical-align:middle; font-style:normal; }
.navbar.navbar-top .app-logo span strong { display:block; color:#F7007D; font-weight:600 !important; font-size:24px; font-style:normal; }
.user-menu { position:relative; display:inline-block; /* width:200px; */ height:60px; overflow:visible; }
.user-menu > .username { position:relative; display:block; vertical-align:middle; width:100%; height:60px; line-height:60px; padding:0px 15px; text-align:right; z-index:3; cursor:pointer; color:#444 !important; font-weight:normal; transition:all 0.4s ease; text-decoration:none !important; }
.user-menu > .username .badge-user { display:inline-block; margin-left:10px; width:32px; height:32px; line-height:32px; border-radius:16px; text-align:center; background:#F7007D; color:#fff; font-weight:bold; font-size:12px; }
.user-menu > .username:hover { color:#F7007D; background:#f8f8f8; }
.user-menu:after { /* content:" "; position:absolute; left:0px; top:100%; right:0px; height:20px; background:linear-gradient(to bottom, #ccc, #eee, transparent); z-index:2; transition:all 0.3s ease; opacity:0; */ }
.user-menu.active:after { opacity:1; }
.user-menu ul#menu-user { position:relative; list-style-type:none; margin:1px 0 0 0; padding:0; /* border-left:solid 1px #ccc; border-right:solid 1px #ccc; */ z-index:-1; transition:all 0.4s ease; transform:translateY(-100%); opacity:0; z-index:111; }
.user-menu.active ul#menu-user { transform:translateY(0); opacity:1; }
.user-menu.active ul#menu-user:before { content:" ";  }
.user-menu ul#menu-user > li { display:block; border-bottom:solid 2px #fff; }
.user-menu ul#menu-user > li > a { display:block; height:40px; line-height:40px; text-align:left; padding:0 15px 0 30px; text-decoration:none !important; /* background:linear-gradient(to top, #eee, #fff); */ background:#eee; color:#333; text-decoration:none; }
.user-menu ul#menu-user > li:hover > a {  }
.navbar-top ul.menu { list-style-type:none; display:inline-block; vertical-align:top; }
.navbar-top ul.menu > li { display:inline-block; }
.navbar-top ul.menu > li a { display:block; height:60px; line-height:60px; padding:0px 15px; text-decoration:none !important; }
.navbar-top ul.menu > li.disabled a { opacity:0.2; pointer-events:none; }

.navbar.navbar-bottom { position:fixed; left:0px; bottom:0px; right:0px; border-top:solid 1px #ccc; background:#fff; z-index:1000; }
.navbar.navbar-bottom .columns > .column { height:50px; line-height:50px; } 
#selection-control { position:relative; display:flex; /* background:#eee; */ transition:all 0.4s ease; transform:translateY(100%); opacity:0; }
#selection-control.active { transform:translateY(0); opacity:1; }
#selection-control > .selection-label { flex:1; text-align:right; padding-right:10px; }
#selection-control > .selection-buttons { flex:1; list-style-type:none; text-align:left; padding-left:10px; }
#selection-control > .selection-buttons > li { display:inline-block; }
#selection-control > .selection-buttons > li > a { margin-right:10px; height:40px; line-height:40px; background:#007bff; color:#fff; padding:0 15px; font-weight:600 !important; text-transform:uppercase; font-size:15px; }
#selection-control > .selection-buttons > li > a:last-child { margin-right:0px; }
#selection-control .btn-update.warning { background:#e80001; }

#selection-actions { position:fixed; right:30px; bottom:0px; width:240px; background:#ccc; padding:10px 10px 30px 10px; z-index:9999; }
#selection-actions .selection-label { display:block; height:40px; line-height:40px; text-align:center; margin-bottom:10px; }
#selection-actions .btn-update { display:block; width:100%; height:40px; line-height:40px; background:#007bff; color:#fff; text-align:center; margin-bottom:10px; padding:0; font-weight:bold; text-transform:uppercase; }
#selection-actions.active .btn-update { pointer-events:normal; }



section { margin-bottom:50px; }
section h1 { /* height:auto; padding-bottom:5px; border-bottom:solid 1px #ccc; */  margin-bottom:15px; }


ul.programmes-list { list-style-type:none; margin:0; padding:0; }
ul.programmes-list > li { display:flex; margin-bottom:5px; border:solid 1px #ccc; box-shadow:none !important; }
ul.programmes-list > li > .column { flex:1; height:36px; line-height:36px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:14px; }
ul.programmes-list > li .reference { max-width:100px; background:#eee; text-align:center; font-weight:600; }
ul.programmes-list > li .nom { padding:0px 10px; }
ul.programmes-list > li .nb_lots { max-width:100px; text-align:center; }
ul.programmes-list > li .date { max-width:160px; text-align:center; }
ul.programmes-list > li.header { background:#eee; border:none; }
ul.programmes-list > li.no_result { border:none; }

ul.list-items { list-style-type:none; padding:0; margin:0; }
ul.list-items > li { position:relative; display:flex; margin-bottom:5px; border:solid 1px #ccc; box-shadow:none !important; height:36px; line-height:36px; }
ul.list-items > li > .column { flex:1; height:36px; line-height:36px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:14px; padding:0 10px; }
ul.list-items > li.header { background:#eee; border:none; }
ul.list-items > li.header > .column {  }
ul.list-items > li.no_result { border:none; padding:0 15px; }


ul.list-items.updates > li > div { text-align:center; }
ul.list-items.updates > li > div:first-child { text-align:left; }
ul.list-items.updates > li > div:last-child { text-align:right; }
ul.list-items.updates > li > .date { max-width:160px; text-align:center; }
ul.list-items.updates > li > .reference { max-width:none; text-align:center; }
ul.list-items.updates > li > .nb_programmes { max-width:120px; text-align:center; }
ul.list-items.updates > li > .nb_lots { max-width:120px; text-align:center; }
ul.list-items.updates > li > .statut { max-width:160px; text-align:center; }
ul.list-items.updates > li > .statut .nok { font-weight:bold; color:#ff0000; }
ul.list-items.updates > li > .statut .ok { font-weight:bold; color:green; }
ul.list-items.updates > li > .user { max-width:160px; text-align:center !important; }
ul.list-items.updates > li > .actions { max-width:100px; text-align:right !important; }

ul.list-items.updates > li.header { padding-right:40px; }
ul.list-items.updates > li[aria-expanded] { padding-right:40px; }
ul.list-items.updates > li[aria-expanded]:after { content:"\ea1c"; font-family:'icomoon'; position:absolute; right:0px; top:0px; width:36px; height:36px; line-height:36px; transform:rotate(90deg); text-align:center; }
ul.list-items.updates > li[aria-expanded="true"]:after { transform:rotate(-90deg); }

ul.list-items.updates > li.update-details { height:auto; line-height:1; border:none; }
ul.list-items.update-details { width:100%; }
ul.list-items.update-details > li { background:#ccc; margin-bottom:1px; }
ul.list-items.update-details > li .statut { max-width:50px; text-align:right; }

ul.updates > li.update-details.show, ul.updates > li.update-details.collapsing { display:block; }
ul.updates > li.update-details p { display:block; width:100%; padding:0px 15px; margin-bottom:5px; margin-top:15px; font-weight:600 !important; }
ul.updates > li.update-details p strong { font-weight:600; color:#F7007D; }
ul.updates > li.update-details ul.lots { display:block; width:100%; }
	
table.changes {  }
table.changes > thead > tr > th { height:30px; line-height:30px; background:#777; color:#fff; padding:0px 8px; }
table.changes > tbody > tr > td { height:30px; line-height:30px; background:#aaa; color:#000; padding:0px 8px; }
table.changes > tbody > tr > td.value { background:#ccc; color:#000; }


ul.icons { list-style-type:none; }
ul.icons > li { display:inline-block; }
ul.icons > li > a { display:block; width:36px; height:36px; line-height:36px; text-align:center; border-radius:20px; background:#ccc; text-decoration:none !important; }


.modal-dialog { max-width:100%; }
.modal-dialog .modal-content { width:100%; height:100%; display:flex; flex-direction:column; }
.modal-dialog .modal-content > .modal-header { position:relative; flex:1; max-height:60px; line-height:60px; padding:0px; }
.modal-dialog .modal-content > .modal-header.columns { }
.modal-dialog .modal-content > .modal-header.columns > .column { height:60px; line-height:60px; }
.modal-dialog .modal-content > .modal-header .close { position:absolute; right:10px; top:10px; width:30px; height:30px; line-height:30px; text-align:center; margin:0px; padding:0px; }
.modal-dialog .modal-content > .modal-header .close:before { content:"\ea0f"; font-family:'icomoon'; font-size:20px; }
.modal-dialog .modal-content > .modal-body { position:relative; flex:1; overflow-y:auto; }
.modal-dialog .modal-content > .modal-footer { position:relative; flex:1; max-height:60px; padding:0px; }
.modal-dialog .modal-content > .modal-footer.columns { }
.modal-dialog .modal-content > .modal-footer.columns > .column { height:60px; line-height:60px; padding:0px 15px; margin:0px; }
.modal-dialog .modal-content > .modal-footer.columns > .column:last-child { text-align:right; }
.modal-dialog h1 { font-size:24px; font-weight:600 !important; color:#F7007D; text-transform:uppercase; padding-left:20px; /* display:inline-block; vertical-align:bottom; padding-bottom:10px; */ line-height:60px; }

.modal-dialog#user-edit { width:600px; height:400px; }
.modal-dialog .form-group { display:flex; margin-bottom:5px; }
.modal-dialog .form-group .control-label { flex:1; height:34px; line-height:34px; max-width:160px; text-align:right; padding-right:15px; }
.modal-dialog .form-group .control { flex:1; }

.btn-confirm { width:200px; display:flex; background:linear-gradient(to bottom, #1f2126, #111); border-radius:5px; height:40px; line-height:40px; padding:0; color:#fff; text-decoration:none !important; transition:all 0.3s ease; border:none; outline:none; box-shadow:none; display:inline-block; text-align:left; }
.btn-confirm > span.icon { flex:1; width:40px; max-width:40px; height:40px; line-height:40px; text-align:center; display:inline-block; }
.btn-confirm > span.text { flex:1; height:40px; line-height:40px; text-align:left; }
.btn-confirm:hover { background:#3f9ceb; }


ul.lots { list-style-type:none; margin-bottom:40px; }
ul.lots > li { display:block; }
ul.lots > li.lot { display:flex; height:34px; line-height:34px; border:solid 1px #ccc; margin-bottom:5px; }
ul.lots > li.lot > span { flex:1; height:34px; line-height:34px; padding:0px 10px; text-align:center; }
ul.lots > li.lot > span.confirmation { max-width:40px; }
ul.lots > li.lot-details { margin-bottom:5px; margin-top:-5px; }
ul.lots > li.lot-details table > thead > tr > th { height:30px; line-height:30px; padding:0px 8px; border-top:none; font-size:14px; }
ul.lots > li.lot-details table > tbody > tr > td { height:30px; line-height:30px; padding:0px 8px; border-top:none; font-size:14px; }
ul.lots > li.lot-details th.value,
ul.lots > li.lot-details td.value { width:25%; }
ul.lots > li.lot-details td.name,
ul.lots > li.lot-details th.name { text-align:right; }
ul.lots > li.lot-details td.name_unlatch,
ul.lots > li.lot-details th.name_unlatch { text-align:center; font-style:italic; }

ul.lots > li.lot.new { background:#ff0000; color:#fff; }
ul.lots > li.lot.update { background:#fc9000; color:#fff; }
ul.lots > li.lot.noupdate { background:green; color:#fff; }

#menu-mobile { position:fixed; left:0px; top:60px; right:0px; bottom:50px; background:#eee; transition:all 0.4s ease; transform:translateX(-100%); opacity:1; z-index:3; }
body.menu-open #menu-mobile { transform:translateX(0); opacity:1; }
#menu-mobile ul.menu { list-style-type:none; width:100%; border-top:solid 1px #ccc; /* margin-top:30px; */ }
#menu-mobile ul.menu > li { display:block; border-bottom:solid 1px #ccc; }
#menu-mobile ul.menu > li > a { display:block; width:100%; height:50px; line-height:50px; padding:0 15px; background:#fff; color:#333; text-decoration:none !important; text-align:left; font-size:20px; background:linear-gradient(to top, #eee, #fff, #fff); } 
#menu-mobile ul.menu > li > a:hover { background:#F7007D; color:#fff; }
#menu-mobile ul.menu > li.active > a { color:#F7007D; }
#menu-mobile ul.menu > li > a .menu-icon { display:inline-block; width:30px; }
#menu-mobile a.logout { position:absolute; right:15px; bottom:15px; display:block; width:50px; height:50px; line-height:50px; text-align:center; border-radius:25px; background:#F7007D; color:#fff; font-size:20px; }

#error-message { position:fixed; left:0px; bottom:0px; right:0px; padding:20px; background-color:#ff0000; color:#ffffff; text-align:center; z-index:666666; transition:all 0.5s ease; transform:translateY(100%); opacity:0; }
#error-message.active { transform:translateY(0); opacity:1; }

#selection-programmes { max-height:100%; overflow-y:auto; }
#selection-programmes > ul { list-style-type:none; }
#selection-programmes > ul > li { display:block; margin-bottom:10px; border:solid 1px #ccc; border-radius:8px; overflow:hidden; }
#selection-programmes > ul > li .infos { padding:20px 10px 10px 10px; }
#selection-programmes > ul > li .infos span { display:block; }
#selection-programmes > ul > li > ul.resume { list-style-type:none; border-top:solid 1px #ccc; }
#selection-programmes > ul > li > ul.resume > li { position:relative; display:block; width:100%; height:40px; line-height:40px; padding:0px 15px 0px 0px; margin:0px; border-bottom:solid 1px #ccc; text-transform:uppercase; }
#selection-programmes > ul > li > ul.resume > li:after { /* content:" "; position:absolute; left:0px; top:0px; right:0px; bottom:0px; background:linear-gradient(to bottom, transparent, #000); opacity:0.3; */ }
#selection-programmes > ul > li > ul.resume > li:last-child { border-bottom:none; }
#selection-programmes > ul > li > ul.resume > li span.count { margin-right:10px; }
#selection-programmes > ul > li > ul.resume > li.insert span.count { background:#e80001; color:#fff; }
#selection-programmes > ul > li > ul.resume > li.update span.count { background:#fc9000; color:#fff; }
#selection-programmes > ul > li > ul.resume > li.delete span.count { background:#000000; color:#fff; }
#selection-programmes > ul > li > ul.resume > li.ok span.count { background:green; color:#fff; }
#selection-programmes > ul > li > ul.resume > li > span { display:inline-block; width:60px; text-align:center; font-weight:bold; }


.toolbar-top { position:fixed; left:0px; top:60px; right:0px;  background:#eee; z-index:3; box-shadow:0 0 10px rgba(0,0,0,0.3); }
.toolbar-top > .column { height:50px; line-height:50px; text-align:center; overflow:visible; }
.toolbar-top > .column.current { text-align:center; font-size:12px; font-weight:bold; text-transform:uppercase; }
.toolbar-top > .column.previous { border-right:solid 1px #ccc; }
.toolbar-top > .column.next { border-left:solid 1px #ccc; }
.toolbar-top > .column.previous a,
.toolbar-top > .column.next a { display:block; width:50px; height:50px; line-height:50px; text-align:center; font-size:20px; color:#333; text-decoration:none !important; }
.toolbar-top > .column .counter { position:absolute; left:50%; width:50px; margin-left:-25px; height:24px; line-height:24px; text-align:center; border-radius:10px; background:#F7007D; color:#fff; bottom:-10px; z-index:4; font-size:12px; font-weight:bold; }

.navbar-bottom { position:fixed; left:0px; bottom:0px; right:0px; background:linear-gradient(to bottom, #f2f2f2, #bbb); }
.navbar-bottom.columns > .column { height:60px; line-height:60px; position:relative; }
.navbar-bottom.columns > .column.status { max-width:60px; text-align:center; padding:0; border-right:solid 1px #ccc; }
.navbar-bottom.columns > .column.status > img { display:inline-block; vertical-align:middle; max-width:30px; }
.navbar-bottom.columns > .column.status[data-status]:after { content:" "; position:absolute; left:0px; top:0px; right:0px; bottom:0px; background-repeat:no-repeat !important; background-size:contain !important; background-position:center !important; }
.navbar-bottom.columns > .column.status[data-status="loading"]:after { background-image:url('../img/loader.gif'); background-size:60% 60% !important; }
	
.navbar-module { z-index:1001 !important; transition:all 0.4s ease; transform:translateY(100%); opacity:0; }
.navbar-module.active { transform:translateY(0); opacity:1; }

@media screen and (min-width: 769px) {
		
		.mobile { display:none !important; }
		
		#menu-mobile { display:none; }
	
}

@media screen and (max-width: 768px) {
	
		.desktop { display:none !important; }
		
		body { font-size:4vw; }
		
		main { padding-top:15px; }
		section h1 { font-size:5vw; }
		section h1 + h2 { font-size:4.3vw; margin-top:1vw; }
		
		main#login { flex-direction:column; position:relative !important; min-height:100vh !important; background:#09263c; }
		main#login.columns > .column:first-child { max-width:none !important; max-height:30% !important; }
		main#login.columns > .column.footer { text-align:center; color:#fff; }
		main#login.columns > .column.footer .logo { max-height:60px; margin-bottom:15px; }
		main#login.columns > .column.footer .copyright { font-size:12px; }
		main#login .user-form { width:auto !important; padding:30px 5%; text-align:center; background:#eee; margin-top:0px !important; }
		main#login .user-form form { max-width:260px; margin-left:auto; margin-right:auto; }
		main#login .user-form .form-group { display:block !important; margin-bottom:2vw; }
		main#login .user-form .form-group .control-label { height:auto !important; line-height:normal !important; font-size:12px; text-align:left !important; margin-bottom:0px !important; display:none !important; }
		main#login .user-form .form-group .form-control { text-align:center !important; outline:none !important; box-shadow:none !important; }
		main#login .user-form .form-submit { text-align:center !important; margin-top:4vw; }
		main#login .btn-confirm { width:auto !important; background:#000 !important; }
		main#login .btn-confirm > span.text { display:inline-block; vertical-align:top; padding-right:20px; font-size:14px; text-transform:uppercase; }
		
		.navbar.navbar-top { padding-left:0px; padding-right:0px; }
		.navbar.navbar-top .column.logo img { max-height:15px; }
		.navbar.navbar-top .column.logo .app-logo { padding-left:10px; display:inline-block; vertical-align:top; }
		.navbar.navbar-top .app-logo span { font-size:18px; margin-left:5px; }
		.navbar.navbar-top .app-logo span strong { font-size:18px; }
		.navbar .menu-icon { display:inline-block; width:60px; height:60px; line-height:60px; text-align:center; font-size:20px; color:#000; text-decoration:none; font-size:5vw; }
		.navbar .columns { padding:0px; }
		.navbar .columns > .column.menu { text-align:right; margin-right:0px; max-width:125px; }
		.navbar-top ul.menu > li a { width:60px; padding:0px; text-align:center; color:#000; font-size:5vw; }
		#menu-mobile ul.menu > li > a { font-size:5.5vw; }
		
		.navbar.navbar-bottom { background:#eee; box-shadow:0 0 10px rgba(0,0,0,0.3); }
		.navbar.navbar-bottom .column { height:60px !important; line-height:60px !important; padding:10px; border-right:solid 1px #ccc; }
		.navbar.navbar-bottom .column:last-child { border-right:none; }
		.navbar.navbar-bottom .btn { display:inline-block; vertical-align:top; width:100%; height:40px; line-height:40px; text-align:center; padding:0px; background:#888; color:#fff; border-radius:5px; }
		.navbar.navbar-bottom .btn-cancel { background:#000; }
		.navbar.navbar-bottom .btn-continue { background:#F7007D; }
		
		body.updater { padding-top:110px; }
		section h1 { position:fixed; left:0px; top:60px; right:0px; height:50px; line-height:50px; background:#eee; text-align:center; z-index:3; box-shadow:0 0 10px rgba(0,0,0,0.3); }
		
		section#programmes > p { margin-bottom:15px; text-align:center; }
		section#programmes .listing-header { margin-bottom:20px; }
		.programme { margin-bottom:20px; }
		.programme .columns > .column { height:140px; line-height:140px; }
		.programme .columns > .column.resume { overflow:hidden; }
		.programme .columns > .column.resume span { font-family:unset !important; }
		.programme .columns > .column.resume span.nom { margin-bottom:0vw; font-size:4vw; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
		.programme .columns > .column.resume span.ville { font-size:3.6vw; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
		.programme .columns > .column.resume span.badge.nb_lots { margin-top:5px; }
		.programme .columns > .column.action { background:#eee; }
		
		.section-page { position:fixed; left:0px; top:60px; right:0px; bottom:60px; overflow-y:auto;  padding-top:75px; }
		.section-page.active {  }
		.section-page .toolbar-top { position:fixed; left:0px; top:0px; right:0px; height:50px; line-height:50px; background:#eee; text-align:center; z-index:3; box-shadow:0 0 10px rgba(0,0,0,0.3); }
		.toolbar-top > div { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
		
		body.updater-compare { padding-top:110px; }		
		#selection-programmes { transition:all 0.4s ease; transform:translateX(-100%); opacity:0; }
		#selection-programmes.active { transform:translateX(0); opacity:1; }
		#selection-programmes > ul > li .infos span.nom { font-size:4vw; text-transform:uppercase; font-weight:bold; }
		#selection-programmes > ul > li .infos span.ville { font-size:3.6vw; text-transform:uppercase; font-weight:bold; }
		#selection-programmes > ul > li > ul.resume > li  { font-size:3vw; }
		#selection-programmes > ul > li > ul.resume > li span.count { font-size:4vw; }
		
		#programmes-details { position:fixed; left:0px; top:60px; right:0px; bottom:60px; margin-bottom:0px; overflow-y:auto; transition:all 0.4s ease; transform:translateX(100%); opacity:0; }
		#programmes-details.active { transform:translateX(0); opacity:1; }
		#programmes-details.active .section-page { top:0px; padding-top:0px; bottom:0px; transform:translateY(100%); opacity:0; }
		#programmes-details.active .section-page.active { transform:translateY(0); opacity:1; }
		#programmes-details.active .section-page.passed { transform:translateY(-100%); opacity:1; }
		#programmes-details.active .section-page ul.programme-lots { position:fixed; left:0px; top:50px; right:0px; bottom:0px; overflow:hidden; }
		#programmes-details.active .section-page ul.programme-lots > li { position:absolute; left:0px; top:0px; right:0px; bottom:0px; overflow-y:auto; transition:all 0.4s ease; transform:translateX(100%); opacity:0; }
		#programmes-details.active .section-page ul.programme-lots > li.previous { transform:translateX(-100%); opacity:1; }
		#programmes-details.active .section-page ul.programme-lots > li.next { transform:translateX(100%); opacity:1; }
		#programmes-details.active .section-page ul.programme-lots > li.active { transform:translateX(0) !important; opacity:1; }
		#programmes-details.active .section-page ul.programme-lots.next > li { transform:translateX(100%); }
		#programmes-details.active .section-page ul.programme-lots.next > li.passed { transform:translateX(-100%); }
		#programmes-details.active .section-page ul.programme-lots.next > li.active { transform:translateX(0) !important; }
		#programmes-details.active .section-page ul.programme-lots.previous > li { transform:translateX(-100%); }
		#programmes-details.active .section-page ul.programme-lots.previous > li.passed { transform:translateX(100%); }
		#programmes-details.active .section-page ul.programme-lots.previous > li.active { transform:translateX(0) !important; }
		
		li[data-lot] { display:flex; flex-direction:column; padding-top:50px; }
		li[data-lot] > .toolbar-lot { flex:1; max-height:50px; }
		li[data-lot] > .detail-lot { flex:1; overflow-y:auto; }
		li[data-lot] > .detail-lot h3 { font-size:16px; text-transform:uppercase; margin-bottom:20px; font-weight:bold; text-align:center; }
		
		ul.lot-datas { list-style-type:none; margin-bottom:20px; } 
		ul.lot-datas > li { display:block; margin:0; border-bottom:solid 1px #ccc; }
		ul.lot-datas > li > div { display:flex; height:40px; line-height:40px; border-bottom:dotted 1px #ccc; }
		ul.lot-datas > li > div > .checkbox { flex:1; max-width:40px; background:#eee; }
		ul.lot-datas > li > div > strong { flex:1; max-width:40%; background:#bbb; padding-left:15px; }
		ul.lot-datas > li > div > span { flex:1; padding:0 15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
		ul.lot-datas > li > div > span i { color:#aaa; }
		.column.next { max-width:50px; /* border-left:solid 1px #ccc; */ }
		.column.previous { max-width:50px; /* border-right:solid 1px #ccc; */ }
		.column.next > a, .column.previous > a { display:block; width:50px; height:50px; line-height:50px; text-align:center; font-weight:bold; font-size:24px; color:#333 !important; text-decoration:none !important; }
		
		.navbar-module .columns > .column:first-child { max-width:60px !important; padding-right:0px; border:none; }
		.navbar-module .columns > .column:last-child { padding-left:5px; }
		
	ul.users > li > div.username { display:none; }
	ul.users > li > div.email { display:none; }
	ul.users > li > div.nom { text-align:left; }
		
}

.navbar.navbar-bottom .btn-continue { background:#F7007D; color:#fff; font-size:15px; font-weight:bold; text-transform:uppercase; }

#confirmation-update {  position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    height: 450px;
    max-height:100%;
    margin: auto;
  	width: 400px; 
  	max-width: 100%; 
  	background:#1f3649; color:#fff; 
			background: #1f3649;
	    background: -moz-radial-gradient(center,ellipse cover,#1f3649 0,#17253d 44%,#040d11 100%);
	    background: -webkit-gradient(radial,center center,0,center center,100%,color-stop(0,#1f3649),color-stop(44%,#17253d),color-stop(100%,#040d11));
	    background: -webkit-radial-gradient(center,ellipse cover,#1f3649 0,#17253d 44%,#040d11 100%);
	    background: -o-radial-gradient(center,ellipse cover,#1f3649 0,#17253d 44%,#040d11 100%);
	    background: -ms-radial-gradient(center,ellipse cover,#1f3649 0,#17253d 44%,#040d11 100%);
	    background: radial-gradient(ellipse at center,#1f3649 0,#17253d 44%,#040d11 100%); 
 }
#confirmation-update .modal-content { background:transparent; }
#confirmation-update .modal-header { background:transparent; color:#fff; height:60px; line-height:60px; }
#confirmation-update .modal-body { background:transparent; color:#fff; padding-top:30px; }
#confirmation-update h5 { font-size:20px; color:#fff; height:60px; line-height:60px; padding-left:15px; font-weight:bold; text-transform:uppercase; }
#confirmation-update .close { color:#fff !important; opacity:1; position:absolute; top:10px; right:10px; width:40px; height:40px; line-height:40px; text-align:center; font-size:30px; z-index:11; }

.btn-classic { display:inline-block; height:40px; line-height:40px; padding:0px 20px; background:#666; color:#fff; font-size:14px; font-weight:bold; border-radius:5px; text-transform:uppercase; }
.btn-cancel { background:#000; }
.btn-confirm { background:#F7007D; }
ul.buttons { list-style-type:none; }
ul.buttons > li { margin-right:10px; }
ul.buttons > li:last-child { margin-right:0; }
ul.buttons-inline > li { display:inline-block; }

#confirmation-update #confirmation { padding:15px; }	
#confirmation-update #confirmation p.intro { margin:0 0 20px 0; text-align:center; }
#confirmation-update #confirmation ul.buttons { width:100%; text-align:center; }
#confirmation-update #confirmation ul.buttons > li { display:block; margin-bottom:15px; }
#confirmation-update #confirmation ul.buttons > li > .btn-classic { width:120px; text-align:center; }
#confirmation-update #confirmation ul.buttons > li > .btn-confirm { width:200px; height:50px; line-height:50px; font-size:18px; }
#confirmation-update #upgrade-resume { margin-bottom:20px; background:rgba(255,255,255,0.2); border-radius:10px; padding:15px; }
#confirmation-update #upgrade-resume h4 { font-size:14px; font-weight:bold; text-transform:uppercase; margin-bottom:10px; text-align:center; }
#confirmation-update #upgrade-resume ul { list-style-type:none; }
#confirmation-update #upgrade-resume ul > li { display:block; height:34px; line-height:34px; padding:0 15px; background:#1f3649; border-radius:5px; margin-bottom:5px; }

@media screen and (min-width: 1300px) {
	
	main:not(.login) { max-width:1150px !important; margin:30px auto 30px auto; background:#fff; }
	
}

@media screen and (min-width: 769px) {
	
	/* body { */
	body {
			background: #1f3649;
	    background: -moz-radial-gradient(center,ellipse cover,#1f3649 0,#17253d 44%,#040d11 100%);
	    background: -webkit-gradient(radial,center center,0,center center,100%,color-stop(0,#1f3649),color-stop(44%,#17253d),color-stop(100%,#040d11));
	    background: -webkit-radial-gradient(center,ellipse cover,#1f3649 0,#17253d 44%,#040d11 100%);
	    background: -o-radial-gradient(center,ellipse cover,#1f3649 0,#17253d 44%,#040d11 100%);
	    background: -ms-radial-gradient(center,ellipse cover,#1f3649 0,#17253d 44%,#040d11 100%);
	    background: radial-gradient(ellipse at center,#1f3649 0,#17253d 44%,#040d11 100%);
	}
	
	main:not(.login) { max-width:1000px; margin:30px auto 30px auto; background:#fff; }
	main.updater-process { padding-left:20%; }
	
	.navbar-module { border:none; }
	.navbar-module .columns { max-width:1000px; margin:auto; display:block; text-align:right; }
	.navbar-module .columns > .column { flex:none; display:inline-block; height:60px !important; line-height:60px !important; }
	.navbar-module .columns > .column .btn { height:40px; line-height:40px; border:none; padding:0 20px; }
	.navbar-module .btn-cancel { color:#fff; font-size:20px; }
	
	body { padding-bottom:70px !important; }
	body.updater-compare { padding-top:60px !important; }
	main.updater-compare .toolbar-top { position:absolute; top:0px; }
	.toolbar-top > .column.previous { max-width:50px; }
	.toolbar-top > .column.next { max-width:50px; }
	.recap-programme { margin-bottom:0px; padding-bottom:30px; }
	
	section#programmes div.programme { margin-bottom:20px; }
	section#programmes p { margin-bottom:20px; }
	
	main#dashboard { min-height:70vh; }
	

		
}



.wx-inputbox-window { background:linear-gradient(to top, #1f3649, #319db5); color:#fff !important;; font-family:Lato; font-weight:600; }
.wx-inputbox-title { background:#319db5; color:#fff;}
.wx-inputbox-message { color:#fff; }
.wx-inputbox-buttons { background:#319db5; color:#fff; display:flex; padding:10px 100px 0 100px; }
.wx-inputbox-buttons > .btn { flex:1; }
.wx-inputbox-buttons > .btn-yes { background:var(--highlight1); color:#fff !important; text-decoration:none !important; }
.wx-inputbox-buttons > .btn-nom { background:black; color:#fff !important; text-decoration:none !important;; }