.border-debug {
    border: 1px solid black;
}

/* Firefox and fieldsets
Firefox has some awkward fieldset styling involving width that interferes with the responsive table. This cannot be overriden without a Firefox-specific hack that we don't provide in Bootstrap: */
@-moz-document url-prefix() {
    fieldset {
		display: table-cell;
	}
}

body {
    padding-top: 70px;
}

form {
	position: relative;
}

.select_placeholder {
    display: none;
}

/* Hauteur du menu des modules en mode smartphone */
.navbar-fixed-top .navbar-collapse {
    max-height: 424px !important;
}

/* Authentification */
div.row.login {
    top: calc((100vh - (200px * 2)) / 2);
    position: relative;
}


.btn-action {
    display: none;
}

.btn-checkbox {
    height: 16px;
    width: 16px;
}


/* < Paginate */
.paginate-table-container {
    overflow-y: auto;
    font-size: .9em;
}
section {
    position: relative;
    background: #ffffff;
}
section.positioned {
    position: absolute;
    width: 100%;
}
section div.paginate-table-container table thead tr th {
    height: 1px !important;
    line-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    color: transparent;
    white-space: nowrap;
}
section div.paginate-table-container table thead tr th div{
    position: absolute;
    background: transparent;
    color: #000;
    line-height: normal;
    top: 20px;
}
.paginate-navigationBottom-container .paginate-navigation {
    margin-bottom: 10px;
}
tr.paginate-table-header th {
    min-width: 35px;
}
th.paginate-header-action-field {
    text-align: center;
}
tr.paginate-table-header th div.sortable:first-child {
    margin-right: 2px;
    cursor: pointer;
}
.glyphicon-chevron-up, .glyphicon-chevron-down {
    font-size: .85em;
}
.paginate-quick-search, .paginate-badge-container {
    display: inline-block;
    margin-right: 20px;
}
.paginate-quick-search input[type="text"] {
    display: inline-block !important;
}
.paginate-buttons-container {
    display: inline;
}
.paginate-table-container table tr td.action-button {
    text-align: center;
}
/* Paginate > */
/* < PaginateEX */
section div.paginate-table-container ul.table {
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
    box-sizing: border-box;
}
section div.paginate-table-container ul.table li.paginate-table-header {
    height: 1px !important;
    line-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    color: transparent;
    white-space: nowrap;
}
section div.paginate-table-container ul.table li.paginate-table-header div {
    position: absolute;
    background: transparent;
    color: #000;
    line-height: normal;
    top: 20px;
    font-weight: bold;
    margin-left: 5px;
}
section div.paginate-table-container ul.table li:not( .paginate-table-header ):nth-of-type(even) {
    background-color: #f5f5f5;
}
section div.paginate-table-container ul.table li:not( .paginate-table-header ):hover {
    background-color: #eeeeee;
}
li.paginate-table-header span div.sortable:first-child {
    margin-right: 2px;
    cursor: pointer;
}
.table > li:not( .paginate-table-header ) > span {
    line-height: 1.42857143;
    vertical-align: top;
}
.table > li:not( .paginate-table-header ) {
    border-top: 1px solid #dddddd;
}
section div.paginate-table-container ul.table li.paginate-table-header span {
    vertical-align: bottom;
    min-width: 35px;
}
section div.paginate-table-container ul.table li.paginate-table-header {
	border-bottom: 2px solid #dddddd;
}
.paginate-table-container ul li span.action-button {
    text-align: center;
}
.orange {
	color: orange;
}
.red {
	color: red;
}

@media (max-width: 767px) {
	.sub-navbar {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.paginate-quick-search {
		margin-right: 10px;
	}
	.paginate-quick-search input[type="text"] {
		width: calc( 100vw - 185px );
	}
	section {
		padding-top: .25em;
	}
	.paginate-badge-container, .paginate-buttons-container, .sub-navbar:last-child {
		display: none;
	}
	select[name="pageno"] {
		display: inline-block;
		width: auto;
	    min-width: 0;
	}
	.paginate-table-container {
	    height: calc( 100vh - 145px );
	    margin-top: 5px;
	}
	ul.table {
	    padding: 0px;
		width: 99%;
	}
	li.paginate-table-header {
		display: none;
	}
	.table-row {
	    list-style-type: none;
        padding-bottom: 5px;
	}
	.table-row span:nth-child( 3n - 1 ) {
	    font-style: italic;
	}
	.table-row span:nth-child( 3n ) {
	    font-weight: bold;
	}
    li.table-row span.id {
        display: none;
    }
	span.action-button {
		display: block;
		position: relative;
		margin-top: 25px;
	}
    span.action-button button {
        position: absolute;
        margin-right: 0;
        right: 10px;
        bottom: 0;
    }
    span.action-button.action-no-2 button {
        right: 40px;
    }
    span.action-button.action-no-3 button {
        right: 70px;
    }
    span.action-button.action-no-4 button {
        right: 100px;
    }
    span.action-button.action-no-5 button {
        right: 130px;
    }
}

@media (min-width: 768px) and (max-width: 1159px) {
    .paginate-buttons-container {
        display: none;
    }
	select[name="pageno"] {
		display: inline-block;
        width: 6em;
	}
}

@media (min-width: 768px) {
	.sub-navbar {
	    margin-top: 10px;
        margin-bottom: .1em;
	}
	section {
    	padding-top: 2em;
	}
	.paginate-navigation-container, .paginate-navigationBottom-container {
		float: right;
	}
	.paginate-table-container {
	    height: calc( 100vh - 210px );
	    margin-top: 15px;
	}
	.paginate-quick-search input[type="text"] {
	    width: 200px;
	}
	ul.table {
	    display: table;
	}
	.table-row {
	    display: table-row-group;
	}
	li.paginate-table-header {
	    display: table-header-group;
	}
	ul.table > li > span {
	    display: table-cell;
	}
    .table-condensed > li:not( .paginate-table-header ) > span {
        padding: 5px;
    }
}

@media (min-width: 1159px) {
	select[name="pageno"] {
		display: none;
	}
}
/* PaginateEX > */

/* Bouton submit de formulaire invisible */
.invisible-submit {
    position: absolute;
    left: -9999px;
}

/* Loader */
.loading {
    background: #ffffff url( ../img/loading_32.gif ) no-repeat center center;
}