::-webkit-scrollbar {
	/* width: 0px;  [> remove scrollbar space <] */
	/* background: transparent;  [> optional: just make scrollbar invisible <] */

}
.hasBackgroundImage {
	background-color: white ;
	/*position: fixed;*/
	/* background: url('/assets/img/fibre-1515964_1920.jpg') no-repeat center fixed; */
	/* background-size: cover; */
	/* animation: blureffect 10s linear infinite; */
	/* -webkit-animation: blureffect 10s linear infinite; */
	/*-webkit-animation: kenburnseffect 5s linear infinite;*/
}
#spinner{
	z-index: 100;
	visibility: hidden;
	width: 80px;
	height: 80px;

	border: 8px solid #f3f3f3;
	border-top:8px solid #f25a41;
	border-radius: 100%;

	position: absolute;
	top:0;
	bottom:0;
	left:0;
	right: 0;
	margin: auto;

	animation: spin 1s infinite linear;
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	} to {
		transform: rotate(360deg);
	}
}

#spinner.show {
	visibility: visible;
}

#loginPage h3 {
	opacity: 1;
	letter-spacing: 0.6em;
	text-transform: uppercase;
	color: #fff;
	margin-bottom: 0px;
}
#loginPage h5 { opacity: 1;
	letter-spacing: 0.1em;
	color: #eee;
	margin-top: 8px;
}
#loginPage {
	background-color: rgba(255, 255, 100, 0.3);
	height: 100%;
	animation: colorchange 25s linear infinite;
	-webkit-animation: colorchange 25s linear infinite;
}
#loginPage fieldset { opacity: 0.8; }
#logoContainer-client {
	position: fixed;
	bottom: 0px;
	width: 260px;
	height: 140px;
	/* background-color: rgba(255,255,255,0.2); */
	background-color: transparent;
}
/* #logoContainer-client { background-image: url('/assets/img/Aube.svg'); background-repeat: no-repeat; background-size: contain ; } */
#logoContainer-client {
	background-position: 0px 10px;
	background-image: url('/assets/img/compo-MPGP.png');
	background-repeat: no-repeat;
	background-size: contain ;
}
@keyframes colorchange
{
	0%    {background: rgba(255,100,255,0.5);}
	16.6% {background: rgba(100,100,255,0.5);}
	33%   {background: rgba(100,255,100,0.5);}
	50%   {background: rgba(255,255,100,0.5);}
	66%	  {background: rgba(255,140,100,0.5);}
	82.6% {background: rgba(255,100,100,0.5);}
	100%  {background: rgba(255,100,255,0.5);}
}
@keyframes scalechange {
	0% {	transform: scale(0.1); }
	80% {	transform: scale(1.0); }
	100% {	transform: scale(1.0); }
}
@keyframes positionchange {
	0% {   transform: translate: 0 1500px; }
	100% { transform: translate: 0 0px }
}
@keyframes blureffect {
	0% {	-webkit-backdrop-filter: blur(0px); }
	50% {	-webkit-backdrop-filter: blur(8px); }
	100% {  -webkit-backdrop-filter: blur(0px);}
}
@keyframes kenburnseffect {
	0% {	-webkit-transform: scale3d(1.0, 1.0, 1.0) translate3d(0px, 0px, 0px); }
	50% {	-webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(-190px, -120px, 0px); }
	100% {	-webkit-transform: scale3d(1.0, 1.0, 1.0) translate3d(0px, 0px, 0px); }
}
/*
 *#logoContainer-omalley { position: fixed; bottom: 0px; width: 260px; height: 112px; }
 *div#logoContainer-omalley { background-image: url('/assets/img/OMA.png'); background-repeat: no-repeat; background-size: cover ; }
 */
#rightSideMenu  {
	background-image: url('/assets/img/logo_OMA.png');
	background-repeat: no-repeat;
	background-position: right 250px top;
}
.sidebar-wrapper hr {
	border: 1px solid rgba(255,255,255,0.1);
	margin: 0px 0px;
}
.sidebar {
	overflow: hidden;
}
.sidebar, .sidebar-wrapper, .main-panel  {
	transition: width 0.5s ease-in-out;
}
/* Top Menu bar */
#rightSideMenu.navbar-collapse .nav.navbar-nav > li > a {
	padding: 10px 25px;

}
/* Rounded corner of elements */
.card, #map, #eligMap79, #eligMap86 { border-radius: 8px; padding: 0 }
#map {
	/* height: 80vh; */
	margin-bottom: 16px;
}
.card .header { padding: 15px; }
/*.card form {margin: 15px 0px;} // ATTENTION: provoque le popping des éléments collapse */

.bootstrap-table .form-control { border: 1px solid #CCC; }
.bootstrap-table .btn { border: 1px solid #CCC;  }
.bootstrap-table .pagination>li>a { border-width: 1px; }
.bootstrap-table tbody, .bootstrap-table tr, .bootstrap-table td,
.table tbody, .table tr, .table td
{ border: 0; }
.bootstrap-table tr.no-records-found>td { color: #ccc; height: 300px; font-size: 14pt; }
.bootstrap-table tr[data-index] {
	/*border-bottom: 1px solid #ddd; */
	/*border-top: 1px solid #ddd; */
	/*border: 1px solid red;*/
}
.bootstrap-table tr.disabled td {
	background-color: #F7F7F7;
	color: #999;
	font-style: italic;
}
.bootstrap-table tr.row-frozen td {
	background-color: #E0F0FF;
	font-style: italic;
}
.bootstrap-table tr.row-highPriority td {
	color: #933333;
	font-weight: bold;
	/* font-style: italic; */
}
#topMenu { top: 0px; position: fixed; width: 100%; z-index: 1049; }
#pageContainer { margin-top: 61px;}
/*#mainPage { margin-top: 56px; }*/
.fullheight { min-height: calc(100vh - 180px);}
.fullheightMinusLiveSearch { min-height: calc(100vh - 180px - 70px);}
.legend hr { margin-top: 12px; margin-bottom: 0px }
#map { border: 1px solid #ccc; }
footer.footer { z-index: 30; position: fixed; bottom: 0px; width: 100%; opacity: 0.9; }

/*.bootstrap-select ul { height: 100%; display: none; }*/
.bootstrap-select .dropdown-menu .open * { opacity: 1 }
.tooltip-inner { font-family: 'Roboto',Helvetica,sans-serif; }
.fresh-table .pagination > li.active a { z-index: 0; }

.fixPaddingCollapse { padding: 6px 18px; }
#opForm, #eventForm  { padding: 0; }
#opForm hr, #eventForm hr { margin: 0; }

/* summernote dialog fix*/
.note-dialog .modal-dialog{ z-index:100050;  }

/* Modal */
#modalContainer {
	z-index: 1041;
}
.modal-wide .modal-dialog {
	width: 1080px;
}
/* History log */
.card.historylog .header {
	/*border-bottom: 1px solid #eee; */
	padding-bottom: 12px;
	margin-bottom: 2px;
}
.card.opHeader .header h6 { margin-top: 10px; }
.card.historylog .date {
	display: inline-block;
	width: 100px;
}
.card.historylog .content {
	padding: 10px 22px 16px 22px;
}
/* Fix bootstrapValidator checkmarks partially covering field content */
.has-success .form-control, .has-error .form-control, .has-feedback .form-control { padding-right: 0; }

/* Affichage des couleurs des lignes dans les opés spéciales */
tr.speOp.bg-warning td *, tr.speOp.bg-warning *  { color: #960; }
tr.speOp.bg-info td *, tr.speOp.bg-info *  { color: #069; }

/*Style du descriptif qui apparait dans les événements des logs*/
.historylog .content p { color: #666; font-weight: 200;  }
.historylog div.content, .card.legend div.content { border-top: 1px solid #F0F0F0; }
.legend .content div { margin-bottom: 0.8em; }
.legend .content div i { margin-right: 0.6em; }
.legend i {  text-shadow: -1px 0 #999, 0 1px #999, 1px 0 #999, 0 -1px #999;}

.opHeader .fulljustify { margin-top: 10px; margin-bottom: 40px; border-bottom: 1px solid #CCC; height: 19px;}
.fulljustify {
	text-align: justify;
	text-shadow: 1px 0 0 #999, -1px 0 0 #999, 0 1px 0 #999, 0 -1px 0 #999, 1px 1px #999, -1px -1px 0 #999, 1px -1px 0 #999, -1px 1px 0 #999;
}
.fulljustify i { display: inline-block; padding: 0 3px; }
.fulljustify:after {
	content: "";
	display: inline-block;
	width: 100%;
}
.strikethrough {background: #CCC;height:2px; margin-top:10px;}
.strikethrough span{ padding:10px; position:relative; top:-10px; left: 20px }
.card.opHeader .header .popover-content h6 {margin-top:3px;}
.popover { z-index: 100; box-shadow: none; }
#mainPage { margin-bottom: 40px; }
div.note-editor.note-frame.panel.panel-default.fullscreen {
	width: calc(100% - 260px);
	margin-left: 260px;
}
button[disabled].btn-primary { background-color: grey; border-color: #666; }
/* Dropzone styling */
.dropzone {
	min-height: 212px ; padding: 0; margin: 0;
	border: 2px dashed #CCC; border-radius: 10px;
	overflow: hidden;
}
.dz-message { color: #CCC; padding-top: 24px; }
.dz-message h4 { margin: 0 14px; }
#overallProgressContainer { margin-top: 20px; }

/* cards */
.card {
	margin-bottom: 18px;
}

/* Balloons gmaps */
div#map td { padding: 5px; }

/* OpNavPills */
div#opNavPillsContainer.card {
	padding: 2px;
	border-radius: 4px;
}
div#opNavPillsContainer.card div.body>ul {
	/* margin-bottom: 20px; */
}
div#opNavPillsContainer.card div.body ul.nav.nav-pills li a {
	padding: 3px 6px;
	font-size: 75%;
}
/* Map Legend Below SideMenu */
#mapLegend {
	top: 60px;
	position: fixed ;
	width: 260px;
	z-index: 1;
	transition: 0.5s;

	height: 480px;
	padding: 8px;
	background-color: white;
	background-image: url('/assets/img/map_legend_512.png');
	background-position: 20px 20px;
	background-repeat: no-repeat no-repeat;
	background-size: calc(75%);
	font-style: italic;
	font-size: 8pt;
	color: #999;
	text-overflow: hidden;
}
#mapLegend.open {
	width: 260px;
}
#mapLegend.closed {
	width: 0px;
}
#mapLegend.open div {
	display: inline-block;
}
#mapLegend.closed div {
	display: none;
}
#mapLegend.open::after, #mapLegend.open div {
	/* content: "Cliquer pour masquer la légende et permettre l'accès au menu"; */
	position: absolute;
	bottom: 5px;
	text-overflow: hidden;
}

/* Attachment legend/caption */
figure {
	width: 100%;
	text-align: center;
	font-style: italic;
	font-size: smaller;
	text-indent: 0;
	/* margin: 0.5em; */
	/* padding: 0.5em; */
}
/* Display thubmnails at correct size in dropzone in editLogItem */
.dz-image img {
	height: inherit;
	weight: inherit;
}
div.dz-preview img{
	height: inherit;
	width: inherit;
	object-fit: cover;
}
img-thumbnail {

}
#logScrollableContainer {
	padding: 2px 2px;
	padding-right: 2em;
	margin: 0.5em 1.1em;
	/* height: 60vh; */
	max-height: calc( 100vh - 420px );
	overflow-y: scroll;
	overflow-x: hidden;
	-ms-overflow-style: none;  /* Internet Explorer 10+ */
	scrollbar-width: none;  /* Firefox */
	/* border-bottom: 1px silver solid; */
}
#logScrollableContainer::-webkit-scrollbar {
	display: none;
}
/* iframes cartes éligibilité */
#eligMap79, #eligMap86 {
	width: 100%;
	/* height: 80vh; */
	border: 1px solid silver;
}

#contextMenu span.fa {
	padding-right: 30px;
}
.bootstrap-table .fixed-table-container .table td.align-text-top, .table td.align-text-top {
	vertical-align: top
}
.bootstrap-table .fixed-table-container .table td.align-text-top pre, .bootstrap-table pre {
	/* font-size: 8pt; */
	padding: 2px 6px;
	margin-bottom:0;
	border: 0;
	background-color: unset;
}
/* Make cell borders appear on FF */
.bootstrap-table .table-striped > tbody > tr:nth-of-type(2n+1) {
	  background-color: rgba(170,170,170,0.1);

}
/* alternative way */
.bootstrap-table td {
	background-clip: padding-box;
}
.bootstrap-table .table-hover tbody tr:hover, .bootstrap-table .table-striped > tbody > tr:nth-of-type(2n+1):hover {
	background-color: unset;
	background-color: rgba(60,150,60,0.1);

}
#apikeysList pre {
	font-size: 11pt;
}

.bootstrap-table .fixed-table-container .table td.align-text-top pre.prop {
	font-size: unset;
	font-family: sans-serif;
}
ul.no-bullet {
	list-style-type: none;
}
/* Restore reset search button, cleared by Bootstrap */
input[type="search"]::-webkit-search-cancel-button {
	  -webkit-appearance: searchfield-cancel-button;

}
#osList th.bs-checkbox, #bcList th.bs-checkbox {
	padding-right: 6px;
}