.content {
	height: calc(100% - 70px);
/* 	height: 100%; */
}

.content .background-container {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}

.page .content {
	padding-top: 70px;
	padding-left: 0;
	padding-right: 0;
}

.page .content .content-container {
	height: 100%;
}

#wait {
	height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
	display: flex;
    align-items: center;
    justify-content: center;
    z-index: 4000;
    pointer-events: none;
}

#wait .modal {
	text-align: center;
	padding: 20px;
	top: -20%;
	background-color: white;
	position: relative;
	max-width: 400px;
	font-size: 16px;
}

#wait .loader {
	display: inline-block;
	vertical-align: middle;
}

#wait .loaderText {
	display: inline-block;
	vertical-align: middle;
	max-width: 250px;
}

/** Home page **/
.page .content .homePage {
	padding: 10px;
	font-size: 14px;
}
/** Fin Home apge **/

/** Boutons **/

/** Fin Boutons **/

/** Messages **/
.page.login .message.modal .checkbox.normal {
	margin-bottom: 0;
	padding: 0;
}

.page.login .message.modal .modal-body {
	color: #333;
}
/** Fin Messages **/

/** Form **/
.content .erreur input,
.content .erreur .input-group-addon {
	border-color: #a94442 !important;
}

.content .erreur .input-group-addon {
	color: #a94442 !important;
}

.content label.autoWidth {
	width: auto;
}

.content table.autoHeight {
	height: auto;	
}

.content .has-error .checkbox label,
.content .has-error .radio label {
	color: #333 !important;
}

.checkbox.normal {
	color: #333;
}

.content .has-error .hide {
	display: block !important;
}

.content .has-error .hide input,
.content .has-error label.hide {
	display: none !important;
}

.content .has-error .hide small {
	display: block;
}

sup.colchic {
	color: #ff0a6c;
}

sup.scola {
	color: #0075ff;
}

.content .input-group-addon {
	border-radius: 0;
}

.content .input-group-addon.glyphicon {
	top: 0;	
	cursor: pointer;
}

.content .form-group {
	margin-bottom: 5px;
}

.content .form-group.required .control-label:after,
th > span.title.required:after {
	content: "\00A0*"; /*00A0p; reprsesente un espace insecable*/
	color: #a94442;
}

.content .form-control {
	font-size: 12px;
}

.form-horizontal .checkbox, 
.form-horizontal .checkbox-inline {
    padding-top: 9px;
}

.form-horizontal .radio, 
.form-horizontal .radio-inline {
    padding-top: 8px;
}


/** Fin Form **/

/** H1 **/
.page .content h1 {
	margin: 10px 0;
	padding: 10px;
	border: 1px solid;
	border-top: 8px solid;
	background-color: white;
	font-size: 14px;
}

.page .content h1 .title {
	font-size: 18px;
}
/** Fin H1 **/

/** Div repliable **/
.page .content .panel {
	border-radius: 0;
	border: 1px solid;
	margin-bottom: 10px;
}

.page .content .panel .panel-heading {
	background-image: none;
	border-radius: 0;
	background-repeat: no-repeat;
	padding: 0 10px;
	line-height: 30px;
	position: relative;
	border: none;
	font-size: 14px;
}

.page .content .panel .panel-heading a {
	color: white;
	font-weight: bold;
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
}

.page .content .panel .panel-heading a:before {
	font-family: 'Glyphicons Halflings';
	content: '\e113';
	margin-right : 10px;
	padding-top : 2px;
}

.page .content .panel .panel-heading a.collapsed:before {
	font-family: 'Glyphicons Halflings';
	content:'\e114';
}

.page .content .panel .panel-body {
	padding: 10px;
}

.page .content .panel a:hover {
	text-decoration: none;
}

.page .content .panel a:focus {
	outline: none;
	text-decoration: none;
}
/** Fin Div repliable **/

/** Table **/
.table {
	margin-bottom: 0;
}

.table.table-bordered {
	border: none;	
}

table.noHand td {
	cursor: default;
}

.table>thead>tr>th {
	color: white;
	text-align: center;
	vertical-align: middle;
}

.table>thead>tr>th .sort,
.table>tbody>tr>td .sort {
	cursor: pointer;
	color: #333;
}

.table>thead>tr>th div.tri {
	display: inline-block;
	margin-right: 10px;
}

.table>thead>tr>th span.title {
	margin-right: 10px;
}

.table>thead>tr>th span.sort.active, 
.table>thead>tr>th span.sort.active:before,
.table>tbody>tr>td span.sort.active, 
.table>tbody>tr>td span.sort.active:before {
	color: white;
}

.table>tbody>tr>td span.sort.down.active {
	text-shadow: -2px 0 #333, 0 2px #333, 2px 0 #333, 0 0 #333;
}

.table>tbody>tr>td span.sort.up.active {
	text-shadow: -2px 0 #333, 0 0 #333, 2px 0 #333, 0 -2px #333;
}

.table>thead>tr>th .down.sort,
.table>tbody>tr>td .down.sort {
	margin-left: 5px;
}

.table th.center,
.table td.center {
	text-align: center;
}

.table th.right,
.table td.right {
	text-align: right;
}

.table th.left,
.table td.left {
	text-align: left;
}

.table>tbody .icon.hierarchy {
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
}

.table>tbody>tr>td {
	vertical-align: middle;
}

.table-footer.image {
	width: 120px;
	text-align: center;
}

.table-footer {
	padding-top: 10px;
	padding-bottom: 0;
	border: none;	
}

.table-footer .table-pager {
	margin-bottom: 5px;
}

.table-footer .arrow {
	cursor: pointer;
}

.table-footer .arrow.disabled {
	pointer-events: none;
	color: #aaa;
}

.table-footer .arrow.previous {
	margin-right: 5px;	
}

.table-footer .arrow.next {
	margin-left: 5px;	
}

.table-footer .pagesize {
	margin: 1px 5px;	
}

.table-footer .pages {
	text-align: right;
}

.table-footer.fixe,
.table-footer.fixeModal {
	position: fixed;
	bottom: 0;
	left: 0;
}

.table-footer.fixeModal {
	bottom: 50px;
}

.table-footer.fixe .table-pager,
.table-footer.fixeModal .table-pager {
	margin-top: 5px;
}

.table-footer.fixe .table-footer-container,
.table-footer.fixeModal .table-footer-container {
	margin: 0 26px;
	height: 65px;
	background-color: white;
}

.table-footer.fixeModal .table-footer-container {
	margin-right: 44px;
}

.table td.image {
	width: 10%;
	text-align: center;
}

.export {
	text-align: right;
	vertical-align: middle;
}

.export img {
	margin-left: 5px;
}

.export img:hover {
	cursor: pointer;	
}

table.sites, table.droits, table.etages, table.accreditations, table.utilisateurs {
	margin-bottom: 10px;
}

table.droits {
	height: auto;
}
/** Fin Table **/

/** Modal **/
.searchModal.modal, 
.detail.modal, 
.exportModal.modal,
.importModal.modal {
	z-index: 2001;
}

/** override **/
.exportModal.modal,
.importModal.modal {
	z-index: 2050;
}

.searchModal.modal.level2 {
	z-index: 2020;
}

.iframe.modal {
	z-index: 2010;
}

.message.modal {
	z-index: 2050;
}

.bootbox.modal {
	z-index: 2010;
}

.bootbox .modal-body {
	height: auto !important;
}

.modal-backdrop {
	z-index: 1999;
}

.modal-dialog{
    overflow-y: initial !important
}

.modal-body{
    max-height: calc(100vh - 165px) !important;
    overflow-y: auto;
}

.modal .ui-draggable-handle:hover {
	cursor: move;
}

.modal .modal-content {
	border-radius: 0;
}

.modal .modal-content .modal-header {
	padding: 5px 10px;
	height: 40px;
}
 
.modal .modal-content .modal-header .modal-title {
	font-size: 20px;
	font-weight: bold;
}

.modal .modal-content .modal-header .modal-subtitle {
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	display: block;
}

.modal .modal-content .modal-body {
	border-radius: 0;
	margin-bottom: 50px;
	height: 80%;
	height: calc(100% - 90px);
	overflow: auto;
}

.noHeight .modal .modal-content .modal-body {
	height: auto !important;	
}

.modal .modal-content .modal-body .historique .form-control {
	height: auto;
}

.modal .modal-content .modal-body .historique pre {
	margin-bottom: 0;
	background: #eee;
	border-radius: 0;
	min-height: 30px;
	max-height : 160px;
}
 
.modal .modal-content .modal-footer {
	position: absolute;
	width: 100%;
	height: 50px;
	bottom: 0;
	padding: 10px;
	background-color: white;
}

.level2 .modal-dialog {
	top: 40px;
	z-index: 1070;
}

.level3 .modal-dialog {
	top: 80px;
}
/* .modal-backdrop.in:not(:last-of-type) { */
/* 	opacity: 0 !important; */
/* } */

/* .modal-backdrop.in:last-of-type { */
/* 	opacity: 0.5 !important; */
/* } */


/** Fin Modal **/

/** Datepicker **/
.ui-datepicker.ui-widget.ui-widget-content {
	z-index: 10000 !important;
	position: absolute !important;
}

/** Fin Datepicker **/

/** Import de fichier **/
span.loadedFile {
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
}

span.loadedFile label {
	margin-right: 10px;	
}
/** Fin Import de fichier **/

.addRemoveActions {
	height: 350px;
	font-size: 30px;
	text-align: center;
	padding-top: 145px;
}

.itemsToAdd {
	padding-right: 0;
}

.itemsAdded {
	padding-left: 0;
}

/** Infobulle **/
img.help {
	cursor: pointer;
}

.popover {
	max-width: 350px;
}
/** Fin Infobulle **/
	
/** Confirmation **/
.btn.btn-default.cancel.pull-right {
	margin-left: 10px;
}
/** Fin Confirmation **/
	
.addRemoveActions .addAction span,
.addRemoveActions .removeAction span {
	cursor: pointer;
}

div.center,
.form-horizontal div.center label.control-label.center {
	text-align: center;
	
}

div.noPaddingRight {
	padding-right: 0;
}

div.noPaddingLeft {
	padding-left: 0;
}

.noMarginRight {
	margin-right: 0;	
}

.noMarginLeft {
	margin-left: 0;
}

div.right {
	text-align: right;
}

div.left {
	text-align: left;
}

span.scriptDeleted {
	font-style: italic;
}

div.resultats-container {
	overflow: auto;
	margin-bottom: 20px;
}

div.tableSQL .table-footer .footer {
    background-color: white;
    vertical-align: middle;
}

div.tableSQL .table-footer,
div.tableSQL .table-footer .footer {
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
}

div.tableSQL .table-footer.fixe {
	padding-left: 15px;
	padding-right: 15px;
}

div.tableSQL .table-footer.fixe .footer {
	padding-right: 10px;
}

div.tableSQL .table-footer.fixe .footer {
	border-left: 1px solid #33a457;
    border-right: 1px solid #33a457;
    line-height: 40px;
    height: 40px;
}

div.text-danger input {
	color: #a94442;
}

div.popover {
	z-index: 10000;
}

div.popover .popover-content {
	text-align: left;
}

.pagemdp .content-container {
	padding-top: 10px;
}

.pageaccreditation .form-group .form-group,
.pageetablissement_scola .form-group .form-group,
.pagesig .form-group .form-group,
.pageutilisateur_scola  .form-group .form-group {
	margin-bottom: 0;
}

.small {
	font-size: 100%;
}

pre.description {
	border: none;
	background: transparent;
	padding: 0;
    font: inherit;
    margin: 0;
}

#collapsefiltre #rechercheButtonContainer {
	position: relative;
	pointer-events: none;
}

#collapsefiltre #rechercheButtonContainer > .col-md-12 {
	position: absolute;
	text-align: center;
}
#collapsefiltre #rechercheButtonContainer button {
	pointer-events: auto;
}

#rgpd-choices label {
	cursor: pointer;
	display: flex;
	align-items:center;
	text-align: left;
}

#rgpd-choices small.text-danger {
	margin-left: 23px;
}

#rgpd-choices input[type=checkbox] {
	margin-right: 10px;
	margin-top: 0;
	cursor: pointer;
}

#rgpd-choices input[type=checkbox].required:after {
	content: '\00A0\00A0\00A0\00A0*';
	color: #a94442;
}

/* h1 visible quand on scroll */
.page .content h1.sticky {
	position: fixed;
	width: 100%;
	z-index: 1000;
	margin: 0 -15px !important;
	box-shadow: 0px 0px 15px #b5aeac;
	-webkit-box-shadow: 0px 0px 15px #b5aeac;
    -moz-box-shadow: 0px 0px 15px #b5aeac;
}

.page nav.header.stickyTitle {
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}

pre.description {
	word-break: unset;
	white-space: pre-line;
}