
body {background:#EDEFF4;font-size:14px;margin:0;padding:0;color:#777;}
a {	color:#000; text-decoration:none; }
body.portrait {min-height:375px;}
body.landscape {min-height:230px;}

.grey_background {
	background: rgb(240, 240, 240);
}

#header {z-index:1000;background:#0866c6;position:fixed;text-align:center;width:100%;top:0;height:45px;padding-top:9px;}
#header_app {height:30px;font-size:12px;background-color: #cbe0ff;}
#header_app a {color: #0865c4;line-height: 30px;}
h3 {
    top: 9px;
    z-index: 1001;
    color: #fff;
    left: 45px;
    font-size: 20px;
}
h3.header {
	position: fixed;
}
h2 {display:none;}
h4 {font:bold 13px Helvetica;padding:1px 0;}
#container {margin:60px 10px 10px 10px;color:#000;}
#content {margin-bottom:20px;}
.box
{
	padding:5px;
	margin:0 5px 5px;
	background:#fff;
	border:1px solid #4a4b4d;
	border-bottom-right-radius:8px;
}
.boxsub {
	padding: 5px 5px 5px 15px;
}

ul.list li a, ul.list-planning li a, ul.list-planning li div.div_list_planning
{
    border-bottom:1px solid rgba(0,0,0,.125);
    color:#222;
    display:block;
    font:normal 17px Helvetica;
    padding:12px 20px 12px 10px;
	overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    text-decoration:none;
	/* chevron */
	background:#FFF url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAUCAYAAAB4d5a9AAAAWUlEQVR42mNgGAWDGpSVldWBMK0t+A/FdbSypAXJEhCuHvIWtaNZVDF0LQIaKg3Eb5EseQLEQtS24DaaBSqjFiBbwALER2hmAZJFKlDDaWMBmkW0s2AUEAMAuxh/ueuFbuEAAAAASUVORK5CYII%3D') no-repeat right center;
}

.tache_phase{
	background-color:#f3f3f3 !important;
	padding-left:36px !important;
}
.tache_chantier{
	background-color: #f3f3f3 !important;
	padding-left:33px !important;
	font:bold 14px Helvetica !important;
}
.tache_seul{
	background-color: #f3f3f3 !important;
	padding-left:13px !important;
	font:bold 14px Helvetica !important;
}


ul.list li:first-child a
{
    -webkit-border-top-left-radius:8px;
    -webkit-border-top-right-radius:8px;
	border-top-left-radius:8px;
	border-top-right-radius:8px;
	-moz-border-radius-topright:8px;
	-moz-border-radius-topleft:8px;
}
ul.list-no-first li:first-child a
{
    -webkit-border-top-left-radius:0;
    -webkit-border-top-right-radius:0;
	border-top-left-radius:0;
	border-top-right-radius:0;
	-moz-border-radius-topright:0;
	-moz-border-radius-topleft:0;
}
ul.list li:last-child a
{
    -webkit-border-bottom-left-radius:8px;
    -webkit-border-bottom-right-radius:8px;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	-moz-border-radius-bottomright:8px;
	-moz-border-radius-bottomleft:8px;
}
ul.list li a:active, ul.list-planning li a:active
{
	background:#0866c6;
	color:#fff;
	border-top-color:#195081;
	border-bottom-color:#103656;
	text-shadow:0 1px 0 rgba(0,0,0,.5);
}

ul.list-del li a {
	text-decoration:none;
}

ul.list-del li {
	font:bold 13px Helvetica;
	font-weight:normal;
	background:none;
	border-bottom:1px solid silver;
	padding:5px 0;
}

table.table-list th, table.table-list td {
	border-bottom: solid 1px gray;
}

table.table-list th
{
	padding: 10px 0;
	font-weight: bold;
}
table.table-list td
{
	padding: 20px 0;
	color: #0866c6 !important;
}


#load {
	position:absolute;
	left: 50%;
	top: 120px;
}
#load > div {
	position:relative;
	left:-50%;
	width: 180px;
	height: 80px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	line-height: 80px;
	text-align: center;
	background-color: rgba(0, 0, 0, .7);}

body.landscape #load {top:50px;}

.button-primary,
.button-success {
	color:#fff;
	border:1px solid #14689c;
	background:#0866c6;
	padding:5px 20px;
	border-radius:3px;
	cursor:pointer;
}

.button-success {
	border-color: #22aa0b;
	background: #22aa0b;
}
/* NEW BUTTON */
.button {
	cursor:pointer;
	display: inline-block;
	position: relative;
	color: #888;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.8);
	text-decoration: none;
	text-align: center;
	padding: 6px 12px;
	font-size: 12px;
	font-weight: 700;
	font-family: helvetica, arial, sans-serif;
	border-radius: 4px;
	border: 1px solid #bcbcbc;

	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12);
	box-shadow: 0 1px 3px rgba(0,0,0,0.12);

	background-image: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 60%,rgba(225,223,226,1) 100%);
	background-image: -moz-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 60%,rgba(225,223,226,1) 100%);
	background-image: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 60%,rgba(225,223,226,1) 100%);
	background-image: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 60%,rgba(225,223,226,1) 100%);
	background-image: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 60%,rgba(225,223,226,1) 100%);
}
.button a{
	text-decoration:none;
}
.button:hover {
	color: #555;
}

.button:active,.button:active:after,.button:active:before {
	-webkit-box-shadow: none;
	box-shadow: none;
}

/* Back Button */
.back-button {
    position:absolute;
    top:7px;
    left:15px;
}
.back-button a {
	color:#fff;
	font-size:20px;
}
.home-button {
	position:absolute;
    top:7px;
    right:16px;
}
.home-button a {
	color:#fff;
	font-size:20px;
}
.button.next {
	border-right: none;
    position:absolute;
    top:7px;
    right:16px;
}
.button.next:after {
	content: '';
	position: absolute;
	height: 48%;
	width: 15px;
	border-right: 1px solid #bcbcbc;

	background-image: -webkit-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(239,239,239,1) 10%,rgba(225,223,226,1) 100%);
	background-image: -moz-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(239,239,239,1) 10%,rgba(225,223,226,1) 100%);
	background-image: -o-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(239,239,239,1) 10%,rgba(225,223,226,1) 100%);
	background-image: -ms-linear-gradient(top, rgba(240,240,240,1) 0%,rgba(239,239,239,1) 10%,rgba(225,223,226,1) 100%);
	background-image: linear-gradient(top, rgba(240,240,240,1) 0%,rgba(239,239,239,1) 10%,rgba(225,223,226,1) 100%);
	right: -5px;
	bottom: 1px;

	-webkit-transform: skew(-35deg, 0);
	-moz-transform: skew(-35deg, 0);
	-o-transform: skew(-35deg, 0);
	-ms-transform: skew(-35deg, 0);
	transform: skew(-35deg, 0);

	-webkit-box-shadow: 2px 1px 2px rgba(100,100,100,0.1);
	box-shadow: 2px 1px 2px rgba(100,100,100,0.1);
}

.button.next:before {
	content: '';
	position: absolute;

	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 1%,rgba(240,240,240,1) 100%);
	background-image: -moz-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 1%,rgba(240,240,240,1) 100%);
	background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 1%,rgba(240,240,240,1) 100%);
	background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 1%,rgba(240,240,240,1) 100%);
	background-image: linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 1%,rgba(240,240,240,1) 100%);
	height: 50%;
	width: 15px;
	border-right: 1px solid #bcbcbc;
	top: 1px;
	right: -5px;

	-webkit-transform: skew(35deg, 0);
	-moz-transform: skew(35deg, 0);
	-o-transform: skew(35deg, 0);
	-ms-transform: skew(35deg, 0);
	transform: skew(35deg, 0);
}
/* END NEW BUTTON */

#subnav { background:#EDEFF4;text-align:center; }
#subnav ul li { display:inline-block; }
#subnav ul li .fa {display:block;font-size:2.5em;margin-bottom:2px;}
#subnav ul li a {opacity:.7;display:block;color:#000;background-color:#D8DFEA;font-size:10px;text-decoration:none;text-align:center;width:55px;padding:5px 0 5px;margin-right:5px;border:1px solid #D8DFEA;border-bottom:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;}
#subnav ul li:last-child a {margin:0;}
#subnav ul li a.active, #subnav ul li a:active {background-color:#fff;opacity:1;}

#subnav-bs div.subnav_col_bs a { opacity:.7;display:block;color:#000;background-color:#D8DFEA;font-size:10px;text-decoration:none;text-align:center;padding:5px 0 5px;margin-right:5px;border:1px solid #D8DFEA;border-bottom:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased; }
#subnav-bs div.subnav_col_bs a.active, #subnav-bs div.subnav_col_bs a:active { background-color:#fff;opacity:1; }

.btn-del {-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:5px 10px;border:1px solid #953403;background:#ed050b;font-weight:bold;color:#fff;cursor:pointer;text-shadow:0 -1px 1px #953403;text-decoration: none;}

ul label, .form label, table.table-list label {display:block;}

.form li, .box ul li {
    padding:7px 10px;
}
.form ul li input[type="text"], .form ul li input[type="number"],.form ul li input[type="datetime"], ul li input[type="password"], ul li textarea, ul li select {
    color:#777;
    border:2px solid #D8DFEA;
    font:normal 17px Helvetica;
    padding:5px;
    display:inline-block;
    margin-left:0;
    width:100%;
    -webkit-appearance:textfield;
}
ul li select {
    background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAUCAYAAAB4d5a9AAAAWUlEQVR42mNgGAWDGpSVldWBMK0t+A/FdbSypAXJEhCuHvIWtaNZVDF0LQIaKg3Eb5EseQLEQtS24DaaBSqjFiBbwALER2hmAZJFKlDDaWMBmkW0s2AUEAMAuxh/ueuFbuEAAAAASUVORK5CYII%3D') no-repeat right center;
}
.form ul li input[type="submit"] {
	color:#fff !important;
	/*width:110px;*/
	border:1px solid #14689c;
	background:#0866c6;
	padding:5px 20px !important;
	cursor:pointer;
}
.form ul li input[type="reset"] {
	color:#404040 !important;
	border:1px solid #9d9c9c;
	background: #f7f7f7;
	padding:5px 20px !important;
	cursor:pointer;
}

.legal {display:block;text-align:center;font-size:10px;padding-top:5px;}

/* Entête presta */
.header_presta {
	font:bold 16px Helvetica,sans-serif;
	padding:5px 10px;
	color:#fff;
	margin:5px 5px 0;
	background:#0866c6;
	border-bottom:1px solid #000;
	border-top:1px solid #4a4b4d;
}
.title_header_presta {
	display: inline-block;
	text-transform: uppercase;
}
.header_presta .button .fa,
.button .fa-lg {
	font-size:1.5em;
}

table.form_add tr {
	font-size:13px;
}
table.form_add td {
	padding:5px;
}

table .mainTR {
	font-size:14px !important;
	font-weight:bold;
	color:#000;
	background:#DEE4ED;
}
table .mainTR td {
	background:#DEE4ED;
	padding:6px 4px;
	border-top:1px solid #0865c4 !important;
	border-bottom:1px solid #0865c4 !important;
}
table .mainTR.section {
	font-size:15px !important;
}
table .mainTR.section td {
	background:#a0c6ff;
}
table .mainTR td {
	padding-left:10px !important;
}

ul.list-planning li a,
ul.list-planning li div.div_list_planning {
    font:normal 13px Helvetica;
    padding:10px 20px 10px 15px;
}
ul.list-planning>li>a,
ul.list-planning>li>div.div_list_planning {
	font-size:17px;
	padding-left:8px;
	background-color:#A3BDD4;
}
ul.list-planning>li.no-first>a,
ul.list-planning>li.no-first>div.div_list_planning {
	font-size:14px;
	padding-left:8px;
	background-color:#fff;
}
ul.list-planning li a span,
ul.list-planning li div.div_list_planning span {
	display:inline-block;
	width:50%;
}

ul.list-planning>li>a.hors_presta,
ul.list-planning>li>div.div_list_planning.hors_presta {
	background-color:#FFF0F0 !important;
}

ul.list-planning>li>a.date_planning,
ul.list-planning>li>div.div_list_planning.date_planning {
	background-color:#aaaaaa !important;
}

ul.list-planning li h4 {
    border:1px solid #999;
    color:#222;
    display:block;
    font:bold 17px Helvetica;
    margin-bottom:-1px;
	overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
	background-color:#C9D9F8;
    padding:10px 20px 10px 8px;
}
ul.list-planning li h5 {
    border:1px solid #999;
    color:#222;
	background:#fff;
    display:block;
    font:normal 14px Helvetica;
    margin-bottom:-1px;
	overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    padding:10px 20px 10px 8px;
}
ul.list-planning li h5 a {
	display:inline;
	background:#fff;
	border:0;
	padding:0;
    font:normal 14px Helvetica;
	text-decoration:underline;
}

.submit-login {
	color:#fff !important;
	width:110px;
	border:1px solid #14689c;
	background:#0866c6;
	padding:5px 20px !important;
	border-radius:3px;
	cursor:pointer;
}
.error {
	color:#c00;
	font-weight:bold;
	background-color:#FFEFF7;
	border:1px solid #c69;
	margin:10px;
	padding:5px 20px;
}
.info {
	color:#11519f;
	font-weight:bold;
	background-color:#DAE9FB;
	border:1px solid #A2C6F4;
	margin:10px;
	padding:5px 20px;
}

.alert {
	margin:10px;
	padding:5px 20px;
}

.nolink {background-image:none !important;}

.planning_note {
	border: 1px solid #5d8cc9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin: 5px 1px;
	padding: 3px;
	font-size: 11px;
	background: #FFFFE0;
	color: #000;
}

.arto_presta {
	font:bold 13px Helvetica;
	padding:10px 20px 10px 15px;
	border:1px solid #999;
	font-size:17px;
	padding-left:8px;
	background-color:#A3BDD4;
}


#popup-install{position:absolute;left:50%;bottom:25px;color:#fff;font-size:14px;margin:0 auto;text-align:center;width:280px;}
#popup-install>div {padding:10px;position:relative;left:-50%;-webkit-border-radius:10px;border-radius:10px;-moz-border-radius:10px;background-color:#4C4C4C;z-index:10;-moz-box-shadow: 1px 1px 12px #555;-webkit-box-shadow: 1px 1px 12px #555;box-shadow: 1px 1px 12px #555;}
#popup-install strong {font-weight:bold;}
#popup-install .arrow {z-index:-1;position:absolute;left:115px;bottom:-10px;width:50px;height:50px;background:#4C4C4C;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-moz-box-shadow: 1px 1px 12px #555;-webkit-box-shadow: 1px 1px 12px #555;box-shadow: 1px 1px 12px #555;}
body.landscape #popup-install{left:100px;bottom:130px;}

/* Select2 */
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
	color: #1f2d3d;
    padding-left: 8px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
	padding: 0 4px 0 4px;
    left: -3px;
    top: -1px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	color:#495057;
	line-height: 1.5rem;
}
.select2-container .select2-selection--single .select2-selection__rendered {
	padding-left:5px;
}
.select2-container .select2-selection--single {
	height:35px;
}
.select2-container--default .select2-selection--single {
	border:1px solid #ced4da;
	font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
	font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
	border: 1px solid #80bdff;
}
.select2-container--default .select2-search--inline .select2-search__field::placeholder {
	color: #999;
}
.select2-container--default .select2-search--inline .select2-search__field {
	font-size:1rem;
	line-height: 1.2rem;
	color: #999;
	padding-left: 12px;
	font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
.select2-container--default .select2-dropdown .select2-search__field:focus, .select2-container--default .select2-search--inline .select2-search__field:focus {
	border: 0;
}
.select2-container--default .select2-selection--multiple {
	border: 1px solid #ced4da;
}

/* Ajout XD : Début */
/* Page émargement : Début */
#tableau_emargement {border:1px solid #000000!important;margin:12px 0!important;}

#tableau_emargement_wrapper {
	padding:15px 0 10px!important;
}

#tableau_emargement_filter {
	padding-bottom:5px;
}

.calendricalDatePopup {
	z-index:10;
}

/* Ajout XD : Fin */

/* NDF : bouton pour prendre une photo à joindre à la note de frais */
.btn-file
{
	width: 100%;
	display: inline-block;
	text-align: center;
	background-color: #cecece;
	border: solid 1px #757373;
	padding: 7px 0;
}

.btn-file:last-child {
	margin-top: 10px;
}

.btn-file.selected {
	background-color: #41f768;
}

/* Alignement des boutons NDF pour la PJ */
.ndf-bloc-btns
{
	text-align: center;
}

.ndf-status-label {
	background: #d0eff7;
	color: #10272d;
	padding: 5px 8px 5px 5px;
	font-size: 12px;
	border-radius: .5rem;
	display: inline-flex;
	justify-content: center;
	align-items: center
}

.ndf-status-label .outer-circle {
	width: 14px;
	height: 14px;
	background-color: white;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 5px;
}

.ndf-status-label .outer-circle .inner-circle {
	width: 8px;
	height: 8px;
	background-color: #9A9690;
	border-radius: 50%;
}

/* Bloc affichant le fichier joint à la ligne de note de frais */
.visu_ndfd_file
{
	height: 38px;
    line-height: 28px;
    background-color: #b3dcff;
    border: solid 1px #299cff;
    padding: 5px;
    font-weight: bold;
}

.clickable {
	cursor:pointer !important;
}

/* Popup */
#overlay
{
	background-color: rgba(0,0,0,.7);
	display:none;
	position:absolute;
	z-index: 2;
	width:100%;
	padding:5%;
	min-height:100vh;
	margin: -20px -10px;
}

/* QRCode */
#qrr-output-info {
	width: 90%;
	max-height: 15%;
	margin: 20px auto 10px;
	overflow-y: auto;
}
#qrr-output-info li {
	color:#fff;
	padding:3px 5px;
}
#qrr-container, #qrr-overlay, #qrr-output {display:none;}

/* qrcode.class.php */
table.qr {border-collapse:collapse;border:solid 1px black;table-layout: fixed;}
table.qr td {width:5px;height:5px;font-size:2px;}
table.qr td.on {background:#000000;}

/* HOME */
.home .cards h5.card-title {
	font-size: 2rem;
	color: #0866c6;
}

.home .cards a {
	font-size: 1rem;
	line-height: 1rem;
}

.home .cards a:hover {
	text-decoration: none;
}

.home .cards a:hover .card {
	background: #b8d7f7;
}

/* NOTY 3.2.0-BETA THEME BOOTSTRAP */
.noty_theme__bootstrap-v4.noty_bar{margin:4px 0;overflow:hidden;position:relative;border:1px solid transparent;border-radius:.25rem}.noty_theme__bootstrap-v4.noty_bar .noty_body{padding:.75rem 1.25rem}.noty_theme__bootstrap-v4.noty_bar .noty_buttons{padding:10px}.noty_theme__bootstrap-v4.noty_bar .noty_close_button{font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5;background:0 0}.noty_theme__bootstrap-v4.noty_bar .noty_close_button:hover{background:0 0;text-decoration:none;cursor:pointer;opacity:.75}.noty_theme__bootstrap-v4.noty_type__alert,.noty_theme__bootstrap-v4.noty_type__notification{background-color:#fff;color:inherit}.noty_theme__bootstrap-v4.noty_type__warning{background-color:#fcf8e3;color:#8a6d3b;border-color:#faebcc}.noty_theme__bootstrap-v4.noty_type__error{background-color:#f2dede;color:#a94442;border-color:#ebccd1}.noty_theme__bootstrap-v4.noty_type__info,.noty_theme__bootstrap-v4.noty_type__information{background-color:#d9edf7;color:#31708f;border-color:#bce8f1}.noty_theme__bootstrap-v4.noty_type__success{background-color:#dff0d8;color:#3c763d;border-color:#d6e9c6}

.disabled-mobile-select {
	background-color: rgb(233, 236, 239);
	color: rgb(73, 80, 87);
	pointer-events: none;
}
#aff_saisie_emarg .select2-container .select2-selection--single {
	height: 38px;
}

#aff_saisie_emarg .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 35px;
}

/* Fonds coloré custom */
.es_bg_success
{
	background-color: #E0FFDF;
}
.es_bg_danger
{
	background-color: #f8d7da;
}
