/* ------------------------------------------- */
/* ----------------- Boutons ----------------- */
.btn.btn-default {
	color: #ffffff;
	background-color: #fb9747;
	border-color: #fb9747;
}

.btn.btn-default:hover,
.btn.btn-default.hover,
.btn.btn-default:focus,
.btn.btn-default.focus,
.btn-default.focus:active,
.btn-default:active,
.btn-default.active,
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active:focus,
.btn-default:active:hover,
.open .dropdown-toggle.btn-default,
.open > .dropdown-toggle.btn-default.focus,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default:hover{
	color: #ffffff;
	background-color: #f48026;
	border-color: #f48026;
}

.btn.btn-default.disabled,
.btn.btn-default[disabled] {
	background-color: #a6a7aa;
	border-color: #a6a7aa;
}

.btn.btn-default > .caret{
	color: #fff;
	border-top-color: #fff;
	border-bottom-color: #fff!important;
}

.btn.btn-grey {
	background-color: #f5f5f5;
}

.dropdown-menu.dropdown-default {
	background-color: #ff7f00;
	border-color: #ff7f00;
}

.dropdown-menu.dropdown-default > li > a {
	color: #ffffff;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
	background-color: #d96d01;
}

.dropdown-menu.dropdown-default > li:hover a {
	background-color: #d96d01;
	color: #ffffff;
}

.dropdown-menu.dropdown-default .divider,
.dropdown-menu.dropdown-default .divider:hover {
	height: 1px;
	margin: 7.5px 0;
	overflow: hidden;
	background-color: #d96d01;
}

.dropdown-menu.default > li:hover, .dropdown-menu.default > li:hover > span > span > a, .dropdown-menu.default > li:hover > a {
	background-color: #d96d01 !important;
	color: #FFF !important;
	border-color: #FFF !important;
}

/* ---------------------------------------------- */
/* ----------------- Datatables ----------------- */
table.dataTable thead th,
table.dataTable thead td{
	border-bottom: 1px solid #bbb;
}
table.dataTable thead th,
table.dataTable thead td {
	padding: 10px 8px 10px 18px;
}
table.dataTable thead th.sorting_disabled{
	padding: 10px 8px;
}

.dataTables_wrapper div.dataTables_scrollBody > table{
	width: 99.9%!important;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody{
	border-bottom: none;
}

.dataTables_wrapper tbody tr.selected,
.dataTables_wrapper tbody tr.even.selected,
.dataTables_wrapper tbody tr.even.selected td,
.dataTables_wrapper tbody tr.odd.selected,
.dataTables_wrapper tbody tr.odd.selected td{
	background-color: #A4C2EA;
}

.overlay-dt .spinner-dt > div {
	background-color: #fb9747;
}

.fa-pulse {
	color: #fb9747;
}

.spinner {
	margin-left: 45%;
	margin-top : 15%;
}
.overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	background-color: rgba(0,0,0,0.06);
}
.dataTables_wrapper table thead tr th.sorting_asc::before,
.dataTables_wrapper table thead tr th.sorting_desc::before {
	display: block;
	float: right;
	color: #303641;
	font-family: 'FontAwesome';
	content: '\f0d8';
}
.dataTables_wrapper table thead tr th.sorting_desc::before {
	content: '\f0d7';
}
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
	background-image: none;
}
.dataTables_paginate .active > a,
.dataTables_paginate .active > a:focus,
.dataTables_paginate .active > a:hover,
.dataTables_paginate .active > span,
.dataTables_paginate .active > span:focus,
.dataTables_paginate .active > span:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	z-index: 2;
	color: #ffffff!important;
	background: #303641!important;
	border-color: #303641!important;
	cursor: default!important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	z-index: 2;
	color: #333!important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
	color: #999999;
	background-color: #ffffff;
	border-color: #dddddd;
	cursor: not-allowed;
}
/* ---------------------------------------------- */
/* ----------------- Générique ----------------- */
select option:disabled{
	color: #bdbdbd;
}

#list-content.footrightfixed { overflow: hidden; }

.select-loading{
	background-position: right 5% center;
}

input[type="time"].form-control{
	line-height:normal;
}

/* ---------------------------------------------- */
/* --------- Fix Select2 Placeholder ------------ */
.select2-search--inline, .select2-search__field { width: 100% !important;}

/* ----------------------------------------- */
/* ----------------- Panel ----------------- */
.panel-default > .panel-heading{
	background-color: #fdcba3;
}

/* ----------------------------------------- */
/* ----------------- LEAFLET ----------------- */
.leaflet-grab {
	cursor: default;
}

/* ------------------------------------------------ */
/* ----------------- PROGRESS BAR ----------------- */
/* Styling an indeterminate progress bar */
progress:not(value) {
	/* Add your styles here. As part of this walkthrough we will focus only on determinate progress bars. */
}

/* Styling the determinate progress element */
progress[value] {
	/* This unfortunately leaves a trail of border behind in Firefox and Opera. We can remove that by setting the border to none. */
	border: none;
	/* Add dimensions */
	width: 100%; height: 20px;
	/* Although firefox doesn't provide any additional pseudo class to style the progress element container, any style applied here works on the container. */
	background-color: whiteSmoke;
	border-radius: 3px;
	box-shadow: 0 2px 3px rgba(0,0,0,.5) inset;
	/* Of all IE, only IE10 supports progress element that too partially. It only allows to change the background-color of the progress value using the 'color' attribute. */
	color: royalblue;
	position: relative;
	margin: 0 0 1.5em;
}

/*
Webkit browsers provide two pseudo classes that can be use to style HTML5 progress element.
-webkit-progress-bar -> To style the progress element container
-webkit-progress-value -> To style the progress element value.
*/
progress[value]::-webkit-progress-bar {
	background-color: whiteSmoke;
	border-radius: 3px;
	box-shadow: 0 2px 3px rgba(0,0,0,.5) inset;
}

progress[value]::-webkit-progress-value {
	position: relative;
	background-size: 35px 20px, 100% 100%, 100% 100%;
	border-radius:3px;
	/* Let's animate this */
	animation: animate-stripes 5s linear infinite;
}

@keyframes animate-stripes { 100% { background-position: -100px 0; } }

/* Let's spice up things little bit by using pseudo elements. */
progress[value]::-webkit-progress-value:after {
	/* Only webkit/blink browsers understand pseudo elements on pseudo classes. A rare phenomenon! */
	content: '';
	position: absolute;

	width:5px; height:5px;
	top:7px; right:7px;

	background-color: white;
	border-radius: 100%;
}

/* Firefox provides a single pseudo class to style the progress element value and not for container. -moz-progress-bar */

progress[value]::-moz-progress-bar {
	/* Gradient background with Stripes */
	background-image:
		-moz-linear-gradient( 135deg,
			transparent,
			transparent 33%,
			rgba(0,0,0,.1) 33%,
			rgba(0,0,0,.1) 66%,
			transparent 66%),
		-moz-linear-gradient( top,
			rgba(255, 255, 255, .25),
			rgba(0,0,0,.2)),
		-moz-linear-gradient( left, #fddbbf, #fd811d);

		background-size: 35px 20px, 100% 100%, 100% 100%;
		border-radius:3px;
		/* Firefox doesn't support CSS3 keyframe animations on progress element. Hence, we did not include animate-stripes in this code block */
}

.html5::-webkit-progress-value {
	/* Gradient background with Stripes */
	background-image:
		-webkit-linear-gradient( 135deg,
			transparent,
			transparent 33%,
			rgba(0,0,0,.1) 33%,
			rgba(0,0,0,.1) 66%,
			transparent 66%),
		-webkit-linear-gradient( top,
			rgba(255, 255, 255, .25),
			rgba(0,0,0,.2)),
		-webkit-linear-gradient( left, #fddbbf, #fd811d);
}

/* Similarly, for Mozillaa. Unfortunately combining the styles for different browsers will break every other browser. Hence, we need a separate block. */

.html5::-moz-progress-bar {
	/* Gradient background with Stripes */
	background-image:
		-moz-linear-gradient( 135deg,
			transparent,
			transparent 33%,
			rgba(0,0,0,.1) 33%,
			rgba(0,0,0,.1) 66%,
			transparent 66%),
		-moz-linear-gradient( top,
			rgba(255, 255, 255, .25),
			rgba(0,0,0,.2)),
		-moz-linear-gradient( left, #09c, #f44);
}


/****** Styles pour l'affichage de la complexité du mot de passe ******/
.pwd_very_low,
.pwd_low,
.pwd_average,
.pwd_high,
.pwd_very_high{
	text-align:center;
	font-weight:bold;
}
.pwd_very_low,
.pwd_low{
	color:#cc2424;
}
.pwd_average{
	color:orange;
}
.pwd_high,
.pwd_very_high{
	color:#00A651;
}

progress.verifPasswordMeterPrg{width:100%;clear:both;}


progress[value="1"].verifPasswordMeterPrg,progress[value="2"].verifPasswordMeterPrg{background-color:transparent;color:#cc2424;background-image:none;}
progress[value="3"].verifPasswordMeterPrg{background-color:transparent;background-image:none;color:orange;}
progress[value="4"].verifPasswordMeterPrg,progress[value="5"].verifPasswordMeterPrg{background-color:transparent;color:#00A651;background-image:none;}


progress[value="1"].verifPasswordMeterPrg::-webkit-progress-value,progress[value="2"].verifPasswordMeterPrg::-webkit-progress-value{background-color:#cc2424;background-image:none;}
progress[value="3"].verifPasswordMeterPrg::-webkit-progress-value{background-color:orange;background-image:none;}
progress[value="4"].verifPasswordMeterPrg::-webkit-progress-value,progress[value="5"].verifPasswordMeterPrg::-webkit-progress-value{background-color:#00A651;background-image:none;}

progress[value="1"].verifPasswordMeterPrg::-moz-progress-bar,progress[value="2"].verifPasswordMeterPrg::-moz-progress-bar{background-color:#cc2424;background-image:none;}
progress[value="3"].verifPasswordMeterPrg::-moz-progress-bar{background-color:orange;background-image:none;}
progress[value="4"].verifPasswordMeterPrg::-moz-progress-bar,progress[value="5"].verifPasswordMeterPrg::-moz-progress-bar{background-color:#00A651;background-image:none;}

@-moz-document url-prefix() {
	progress.verifPasswordMeterPrg{background-color:transparent !important;background-image:none;}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* IE10+ CSS styles go here */
	progress.verifPasswordMeterPrg{background-color:transparent !important;background-image:none;}
}
/******  / complexité du mot de passe ******/

/* --------------------------------------------------- */
/* ----------------- BROWSER WARNING ----------------- */
body.login-page{
	background:#fdcba3;
}
#browser-warning {
	display:none;
	color:orange;
	background-color:white;
	border-color:orange;
	font-weight: bold;
	font-size: 1.2em;
}
#platform-warning {
	color:orange;
	background-color:white;
	border-color:orange;
	font-weight: bold;
	font-size: 1.2em;
}
.snackbar {
	visibility: hidden;
	min-width: 250px;
	margin-left: -125px;
	background-color: #333;
	color: #fff;
	text-align: center;
	border-radius: 2px;
	padding: 9px;
	position: fixed;
	z-index: 1;
	left: 50%;
	top: 0px;
	z-index:10;
}
.snackbar.browser-warning {
	background-color: orange;
	font-weight:bold;
}
.snackbar.show {
	visibility: visible;
	-webkit-animation: fadein 0.5s/*, fadeout 0.5s 2.5s*/;
	animation: fadein 0.5s /*, fadeout 0.5s 2.5s*/;
}

@-webkit-keyframes fadein {
	from {top: 0; opacity: 0;}
	to {top: 0px; opacity: 1;}
}

@keyframes fadein {
	from {top: 0; opacity: 0;}
	to {top: 0px; opacity: 1;}
}

@-webkit-keyframes fadeout {
	from {top: 0px; opacity: 1;}
	to {top: 0; opacity: 0;}
}

@keyframes fadeout {
	from {top: 0px; opacity: 1;}
	to {top: 0; opacity: 0;}
}