html,
body{
	min-height: 100vh;
}

div.content{
	width: 100%;
}

/** Bouton **/
.btn{
	box-shadow: #c8cfd3 0px 1px 1px 0;
}
.btn:disabled{
	opacity: .35;
}
.btn-defaut{
	background-color: #ececec;
	color: #212529;
}
.btn-defaut:hover{
	background-color: #e1e1e1;
	color: #212529;
}

.btn-active{
	background-color: #ffffff;
	color: #555555;
	border: 1px solid #ececec;
}
.btn-active:hover{
	background-color: #f5f5f5;
	color: #4c4c4c;
}

.btn-light-blue{
	background-color: #1087c7;
	color: #ffffff;
}
.btn-light-blue:hover{
	background-color: #0778b5;
	color: #ffffff;
}


.btn-heavy-blue{
	background-color: #0070ca!important;
	color: #ffffff!important;
}
.btn-heavy-blue:hover{
	background-color: #007fd6!important;
}

.btn-light-red{
	background-color: #e45342!important;
	color: #ffffff!important;
}
.btn-light-red:hover{
	background-color: #ec5e4e!important;
}
.btn-heavy-red{
	background-color: #e81f08!important;
	color: #ffffff!important;
}
.btn-heavy-red:hover{
	background-color: #e63925!important;
}

.btn-heavy-yellow{
	background-color: #f1eb37!important;
    color: #181d21!important;
}
.btn-heavy-yellow:hover{
	background-color: #eae54d!important;
}

.btn-heavy-green{
	background-color: #14d25d!important;
	color: #ffffff;
}
.btn-heavy-green:hover{
	background-color: #0dca55!important;
}

.btn-light-green,
.btn-validate{
	background-color: #4dc364;
	color: #ffffff;
}
.btn-light-green:hover,
.btn-validate:hover{
	background-color: #49ca63;
	color: #ffffff;
}
.btn-light-green:focus,
.btn-light-green:active,
.btn-light-green:visited,
.btn-validate:focus,
.btn-validate:active,
.btn-validate:visited{
    outline-color: #4dc364!important;
}


.btn-dark{
	background-color: #181d21!important;
	color: #ffffff!important;
}
.btn-dark:hover{
	background-color: #252c3a!important;
}

.btn-switch {
	padding: 5px 10px;
	background-color: #28a745;
	color: #fff;
}

/** Flash message **/
.flash-msg{
	width: 100%;
	padding: 8px 15px;
	border-radius: 3px;
	border: 1px solid;
	margin-bottom: 15px;
	font-size: 14px;
	box-shadow: #acacac 0 1px 4px 0;
}
.flash-msg>p{
	width: 100%;
	margin: 0;
}
.flash-msg.error{
	background-color: #e84949;
	color: #ffffff;
	border-color: #dc5b5b;
}

.flash-msg.success{
	background-color: #41ce6a;
    color: #ffffff;
    border-color: #3eb967;
}

/** Font Awesome **/
.fa,
.fas,
.far{
	color: inherit;
}
.far.fa-trash-alt{
	color: #d23636;
}

/** DataTable **/
@media only screen and (max-width: 767px) {
	.dataTables_length{
		display: none;
	}
	.dataTables_paginate{
		display: inline-block;
		width: 100%;
	}
}

@media only screen and (min-width: 768px) {
	.dataTables_length,
	.dataTables_paginate{
		display: inline-block;
		width: 50%;
	}
}
.dataTables_filter label,
.dataTables_length label,
.dataTables_paginate label{
	margin-bottom: 0;
}

.dataTables_wrapper table.had-bottom-control tbody tr:last-child td{
	border-bottom: 1px solid #efefef;
}

	/* Filter */
.dataTables_filter label{
	background-color: #ececec;
	border-radius: 4px;
}
.dataTables_filter label .input-group-addon{
	padding: 0 .58em;
	font-size: 15px;
}
.dataTables_filter label input{
	padding: 3px 8px;
    font-size: 0.9em;
    border: 1px solid #ececec;
}


	/* Bottom */
.dataTables_wrapper .bottom{
	padding: 15px 0 10px 0;
}
.dataTables_length select{
    padding: 2px 4px;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
}

.dataTables_length{
	font-size: .9em;
	padding-left: 25px; /* 15(bootstrap row) + 10(align table) */
}
.dataTables_paginate{
	padding-right: 25px; /* 15(bootstrap row) + 10(align table) */
}
.dataTables_paginate a.paginate_button{
	padding: 5px 9px;
	border: 1px solid #d9d9d9;
	background-color: #ffffff;
	color: #333;
	text-decoration: none;
	font-size: .9em;
	transition: background-color .2s;
}

.dataTables_paginate a.paginate_button.current{
	background-color: #1087c7;
	color: #ffffff;
}

.dataTables_paginate a.paginate_button.disabled{
	color: #adadad;
}

.dataTables_paginate a.paginate_button.previous{
	border-radius: 4px 0 0 4px;
}
.dataTables_paginate a.paginate_button.next{
	border-radius: 0 4px 4px 0;
}
.dataTables_paginate a.paginate_button:not(.disabled):not(.current):hover{
	cursor: pointer;
	background-color: #f2f4f4;
}
.dataTables_paginate a.paginate_button.current:hover{
	background-color: #2f98d0;
}

.keyboard-element{
	background-color: #130520;
	color: #fff;
	padding: .25em .5em;
	border-radius: 3px;
}