#dsl0 {
	/*z-index: -1 !important;*/
	/*display : none !important;*/
}
/* ============================================ *
 * Totop
 * ============================================ */
.scrollup{
	width: 40px;
	height: 40px;
	position: fixed;
	bottom: 10px;
	right: 10px;
	display: none;
	background-color: #000000;
	color: #ffffff;
	/*-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;*/
	z-index: 3;
	font-size: 1.2rem;
	line-height: 40px;
	text-align: center;
	border: none;
	padding: 0;
	background-color: #000000;
	color: #ffffff;
}
/* ============================================ *
 * main
 * ============================================ */
html,body {
	height: 100%;
}
main {
	min-height: 100%;
	margin-bottom: -82px;
	padding-bottom: 82px;
}
body {
	background-color: #FBFBFB;
	padding-top: 40px;
	font-family: 'Lato',Arial,Helvetica,Tahoma,sans-serif;
	font-size: 0.9rem;
	color: #777777;
}
.pointer {
	cursor: pointer;
}
.img-fluid {
	margin: 0 auto;
	display: block;
	max-width: 100%;
	height: auto;
}
.tab-pane.white {
	background-color: #ffffff;
}
.table-borderless th,
.table-borderless td {
	border: 0;
}
.table-borderless .table-bt,
.table-bt {
	border-top: 1px solid #dee2e6;
}
.table-borderless .table-bb,
.table-bb {
	border-bottom: 1px solid #dee2e6;
}
.table-borderless .table-br,
.table-br {
	border-right: 1px solid #dee2e6;
}
.table-borderless .table-bl,
.table-bl {
	border-left: 1px solid #dee2e6;
}
.text-muted {
	color: #9e9e9e !important;
}
.red-img {
	filter: url(#cherry-icecream);
}
/* ============================================ *
 * Hx
 * ============================================ */
.block-h1 {
	background-color: #FB5B73;
	color: #ffffff;
	padding-top: 15px;
	padding-bottom: 10px;
}
.block-h1 h1 {
	font-size: 1.3rem;
}
/* ============================================ *
 * nav
 * ============================================ */
.navbar {
	background-color: #FBFBFB;
	font-size: 1rem;
	box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
	color: #191919;
	height: 40px;
}
.navbar a {
	color: #191919;
}
.navbar .btnlogin {
	background: none;
	border: none;
}
.navbar .btn-info,
.navbar .btn-secondary {
	border: none;
}
.navbar .nav-center {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.navbar .name {
	font-size: 14px;
}
.navbar .hier {
	font-size: 12px;
	font-weight: 300;
}
.navbar .hier .dropdown-item {
	font-size: 12px;
	font-weight: 300;
}
.navbar .hier .dropdown-item span {
	color: #bbbbbb;
	font-size: 11px;
}
.navbar .btn-info {
	color: #ffffff;
}
.hiernav {
	color: #191919;
	font-size: 12px;
	font-weight: 300;
}
.sidenav,
.sidecon{
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1031;
	background-color: #8f8f8f;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 60px;
}
.sidenav{
	top: 0;
	left: 0;
}
.sidecon{
	top: 0;
	right: 0;
}
.sidenav a,
.sidecon a {
	text-decoration: none;
}
.sidenav .nav.menu a,
.sidecon .nav.menu a {
	padding: 8px 8px 8px 32px;
	font-size: 25px;
	color: #f1f1f1;
	display: block;
	transition: 0.3s;
	white-space: nowrap;
	font-weight: 300;
}
.sidenav a.disabled {
	color: #818181;
}
.sidenav .nav.menu a:hover,
.sidecon .nav.menu a:hover {
	color: #ffffff;
}
.sidenav .closebtn,
.sidecon .closebtn {
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 36px;
	margin-left: 50px;
	cursor: pointer;
	color: #f1f1f1;
}
.sidecon .lang {
	width: 250px;
	font-weight: 700;
}
.sidecon .lang a {
	padding: 0;
	color: #ffffff;
}
.sidecon .lang a:hover {
	color: #777777;
}
.sidecon .lang a:hover span {
	background-color: #ffffff;
}
.sidecon .lang span {
	font-size: 1.2rem;
	text-transform: uppercase;
	display: block;
	background-color: transparent;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
}
.sidecon .lang span.active {
	background-color: #ffffff;
}
.sidecon .version {
	position: absolute;
	bottom: 20px;
	width: 250px;
	font-size: 0.8rem;
	color: #ffffff;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

/* ============================================ *
 * breadcrumb
 * ============================================ */
.container-fluid.breadcrumb {
	background-color: #CE4C5F;
	border-radius: 0;
}
.container-fluid.breadcrumb ol.breadcrumb {
	background-color: inherit;
	border-radius: 0;
	margin: 0;
}
.container-fluid.breadcrumb ol.breadcrumb .breadcrumb-item a {
	color: #FB98A7;
}
.breadcrumb-item + .breadcrumb-item::before {
	color: #6F2B35;
}
.container-fluid.breadcrumb ol.breadcrumb .breadcrumb-item.active {
	color: #6F2B35;
}
.container-fluid.breadcrumb a.btn {
	color: #6F2B35;
	border-color: #6F2B35;
}
.container-fluid.breadcrumb a.btn:hover {
	color: #FB98A7;
	background-color: #6F2B35;
}
/* ============================================ *
 * auth
 * ============================================ */
html.auth,
html.auth body,
html.auth .authnewsslider,
html.auth .slick-slider,
html.auth .slick-list,
html.auth .slick-track {
	height: 100%;
}
html.auth main {
	height: calc(100% - 82px);
	background-image: url('../../../medias/bg.jpg');
	background-size: cover;
	background-position: 50% 50%;
}
html.auth .slick-slide > div {
	background-color: #ffffff;
	padding: 20px;
	-webkit-box-shadow: -5px 5px 14px -2px rgba(0,0,0,0.2);
	-moz-box-shadow: -5px 5px 14px -2px rgba(0,0,0,0.2);
	box-shadow: -5px 5px 14px -2px rgba(0,0,0,0.2);
	max-width: 800px;
}
#loginModal .close,
#savePassModal .close {
	padding: 1rem;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}
#videoPlayerModal1 .close,
#videoPlayerModal2 .close,
#videoPlayerModal .close {
	padding: 1rem;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}

/* move-login */
#loginModal .modal-content {
	position: absolute;
	top: 170px;
}

#loginModal .modal-content,
#savePassModal .modal-content{
	border-radius: 0;
	background-color: inherit;
	border: 0;
}
#loginModal .modal-content .shade,
#savePassModal .modal-content .shade {
	background-color: #ffffff;
	border-radius: 0;
	-webkit-box-shadow: -5px 5px 14px -2px rgba(0,0,0,0.39);
	-moz-box-shadow: -5px 5px 14px -2px rgba(0,0,0,0.39);
	box-shadow: -5px 5px 14px -2px rgba(0,0,0,0.39);
	border: solid 1px #606060;
}
.navbar .btn.loginbutton {
	padding: 0.375rem 0.75rem;
}
.form-signin {
	width: 100%;
	max-width: 330px;
	padding: 10px;
	margin: 0 auto;
}
.form-signin .checkbox {
	font-weight: 400;
}
.form-signin .input-group-text {
	background-color: transparent;
	border-right: 0;
	width: 35px;
	color: #ced4da;
}
.form-signin .form-control {
	position: relative;
	box-sizing: border-box;
	height: auto;
	padding: 10px;
	font-size: 16px;
	border-left: 0;
}
.form-signin .form-control:focus {
	z-index: 2;
}
.form-signin input[type="email"] {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.form-signin .btn-block,
.form-savepass .btn-block {
	background-color: #FB5B73;
	color: #ffffff;
}
/* ============================================ *
 * DASHBOARD
 * ============================================ */
.contlognewslider {
	background-color: #FB5B73;
}
.contlognewslider .slick-slide > div {
	background-color: #ffffff;
	margin: 20px;
	padding: 20px;
	-webkit-box-shadow: -5px 5px 14px -2px rgba(0,0,0,0.2);
	-moz-box-shadow: -5px 5px 14px -2px rgba(0,0,0,0.2);
	box-shadow: -5px 5px 14px -2px rgba(0,0,0,0.2);
	max-width: 800px;
	height: 250px;
}
.contnewslister .blocnews {
	background-color: #ffffff;
	margin: 20px;
	padding: 20px;
	-webkit-box-shadow: -5px 5px 14px -2px rgba(0,0,0,0.2);
	-moz-box-shadow: -5px 5px 14px -2px rgba(0,0,0,0.2);
	box-shadow: -5px 5px 14px -2px rgba(0,0,0,0.2);
	max-width: 800px;
	height: 250px;
}
.contnewslister .blocnews h3 {
	max-height: 4.45rem;
	overflow: hidden;
}
html.auth .slick-slide > div a,
.contlognewslider .slick-slide > div a,
.contnewslister .blocnews a {
	text-decoration: none;
}
a.linkmore {
	color: #FB5B73;
}

/* move-login */
.no-login-move{
	margin-top:-150px;
	padding-top:120px;
}

.login-move{
	margin-top:-65px;
	padding-top:185px;
}
/* ============================================ *
 * listing
 * ============================================ */
.nav-pills .nav-link {
	background-color: #EBEBEB;
	color: #C3C3C3;
	border-radius: 0;
	font-size: 1.2rem;
}
.nav-pills .nav-link.active {
	background-color: #FBFBFB;
	color: #191919;
}
.navdate {
	align-items: center;
	color: #d8d8d8;
}
.navdate span.getplan {
	color: #777777;
}
.navdate .nav-item {
	font-size: 1.2rem;
	color: #777777;
}
.planlisting.old {
	opacity: 0.45;
}
.planlisting.not-access .medialisting {
	background-color: #F2D1D5;
	border: solid 1px #FBE0E3;
}
.planlisting .date {
	width: 30px;
}
.planlisting .date .day1 {
	font-size: 1.2rem;
	font-weight: 900;
	color: #7C558C;
}
.planlisting .date .day2 {
	text-transform: uppercase;
	font-size: 0.7rem;
}
.planlisting .displaydate {
	font-size: 1.2rem;
}
.planlisting .medialisting {
	background-color:#FBFBFB;
	border:solid 1px #ffffff;
	-webkit-box-shadow: -5px 5px 14px 0px rgba(0,0,0,0.09);
	-moz-box-shadow: -5px 5px 14px 0px rgba(0,0,0,0.09);
	box-shadow: -5px 5px 14px 0px rgba(0,0,0,0.09);
}
.planlisting.old .medialisting {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.planlisting .medialisting .hiertitle {
	background-color: #F2F2F2;
	border-bottom: solid 1px #D0D0D0;
	font-size: 13px;
	font-weight: 300;
}
.planlisting .medialisting .hiertitle {
	color: #FB5B73;
}
.planlisting .medialisting .hiertitle.grey {
	color: #777777;
}
.planlisting .medialisting .hiertitle svg {
	width: 13px;
	height: 13px;
	display: inline-block;
	top: 2px;
	position: relative;
	fill: #FB5B73;
}
.planlisting .medialisting .patitle {
	font-weight: 700;
}
.planlisting .medialisting .time {
	font-weight: 300;
}
.planlisting .medialisting .showdetail {
	background-color: #FB5B73;
	border-left: solid 1px #C82840;
	color: #ffffff;
}
.planlisting .medialisting .detail {
	background-color: #F2F2F2;
	border-top: solid 1px #D0D0D0;
}
.planlisting .medialisting .detail .blocdetail {
	border-bottom: solid 1px #D0D0D0;
}
.planlisting .medialisting .detail .blocdetail:last-child {
	border: none;
}
.planlisting .medialisting .detail .title {

}
.planlisting .medialisting .detail .desc {
	font-weight: 300;
	font-size: 0.8rem;
}
.planlisting .medialisting .detail .color {
	width: 12px;
	height: 12px;
	border: solid 1px #ffffff;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.26);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.26);
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.26);
}
/* ============================================ *
 * calendar
 * ============================================ */
.responsive-calendar .day-headers,
.responsive-calendar .days {
  font-size: 0;
}
.responsive-calendar .day {
  display: inline-block;
  position: relative;
  font-size: 14px;
  width: 14.285714285714286%;
  text-align: center;
}
.responsive-calendar .days .day {
	height: 60px;
	background-color: #F2F2F2;
	border-bottom: solid 1px #DFDFDF;
	border-top: solid 1px #ffffff;
	border-left: solid 1px #ffffff;
	border-right: solid 1px #DFDFDF;
}
.responsive-calendar .days .day.not-current {
	background-color: #FBFBFB;
}
.responsive-calendar .days .day.not-access {
	background-color: #F2D1D5;
	border-bottom: solid 1px #F2B2BA;
	border-top: solid 1px #FBE0E3;
	border-left: solid 1px #FBE0E3;
	border-right: solid 1px #F2B2BA;
}
.responsive-calendar .days .alert {
	font-size: 0.9rem;
}
.responsive-calendar .day .dflex {
	position:absolute;
	top: 24px;
	left: 50%;
	margin-left: -12px;
}
.responsive-calendar .day.not-current .dflex {
	opacity: 0.3;
}
.responsive-calendar .day img {
	/*position:absolute;
	top: 24px;
	left: 50%;
	margin-left: -13px;*/
}
.responsive-calendar .day.not-current img {
	/*opacity: 0.3;*/
}
.responsive-calendar .day span.getplanevent {
	display: block;
	background-color: coral;
	width: 34px;
	height: 34px;
	position:absolute;
	top: 18px;
	left: 50%;
	margin-left: -17px;
}
.responsive-calendar .day.header {
  border-bottom: 1px gray solid;
}
.responsive-calendar .day .badge.badge-date,
.responsive-calendar .day .badge.badge-icon {
	position: absolute;
	top: 2px;
	z-index: 1;
}
.responsive-calendar .day .badge.badge-date {
	right: 2px;
}
.responsive-calendar .day .badge.badge-icon {
	left: 2px;
	color: #FB5B73;
}
.responsive-calendar .day .badge.badge-icon svg {
	width: 13px;
	height: 13px;
	display: inline-block;
	top: 2px;
	position: relative;
	fill: #FB5B73;
}
.responsive-calendar .day.not-current .badge.badge-date {
	color: #aaaaaa;
}
.responsive-calendar .day.not-access .badge.badge-date {
	color: #BB7F86;
}
/* ============================================ *
 * Ajaxfilter
 * ============================================ */
.ajaxfilter label img {
	pointer-events: none;
}
.checkbox.box input:not(:checked),
.checkbox.box input:checked {
	position: absolute;
	display: none;
}
/*.checkbox.box input:not(:checked) + label img {
	box-shadow: -1px 1px 2px rgba(0,0,0,0.09);
}
.checkbox.box input:checked + label img {
	box-shadow: -3px 3px 6px rgba(0,0,0,0.15);
}*/
.checkbox.box .count {
	background-color: #F2F2F2;
	border-bottom: solid 1px #D0D0D0;
	font-size: 12px;
	font-weight: 300;
}
.checkbox.box input:not(:checked) + label,
.checkbox.box input:checked + label {
	position: relative;
	padding-left: 18px;
	cursor: pointer;
}
.checkbox.box input:not(:checked) + label:before,
.checkbox.box input:checked + label:before {
	content: '';
	position: absolute;
	left:0;
	top: 8px;
	width: 10px;
	height: 10px;
	border: 1px solid #7f7f7f;
	border-radius: 50%;
}
.checkbox.box input:checked + label:before {
	background-color: #7f7f7f;
}
/* ============================================ *
 * DEMANDES
 * ============================================ */
.demandelisting {
	background-color:#FBFBFB;
	border:solid 1px #ffffff;
	-webkit-box-shadow: -5px 5px 14px 0px rgba(0,0,0,0.09);
	-moz-box-shadow: -5px 5px 14px 0px rgba(0,0,0,0.09);
	box-shadow: -5px 5px 14px 0px rgba(0,0,0,0.09);
}
.demandelisting .statut {
	font-size: 13px;
	font-weight: 300;
}
.demandelisting .statut.ac {
	background-color: #D1FBD3;
	border-bottom: solid 1px #ABD9AE;
}
.demandelisting .statut.re {
	background-color: #FBD1D1;
	border-bottom: solid 1px #D9ABAB;
}
.demandelisting .statut.pe {
	background-color: #E0E7FF;
	border-bottom: solid 1px #B1BAD7;
}
.demandelisting .statut.del {
	background-color: #848484;
	border-bottom: solid 1px #595959;
	color: #f0f0f0;
}
.demandelisting .title {
	font-weight: 700;
}
.demandelisting .delrequest {
	background-color: #FB5B73;
	border-left: solid 1px #C82840;
	color: #ffffff;
}
.demandelisting .modrequest {
	background-color: #5EEA7E;
	border-left: solid 1px #4BB764;
	color: #ffffff;
}
.demandelisting .delrequest .btn-link,
.demandelisting .modrequest {
	color: #ffffff;
}
.demandelisting .modrequest:hover {
	text-decoration: none;
}

.request-info-box{
	border: solid 2px #FB5B73;
	padding: 0.5em;
	margin-bottom: 1em;
	border-radius: 5px;
}
/* ============================================ *
 * NOUVELLE DEMANDE
 * ============================================ */
.grouphoraire .btn {
	margin: 0;
	padding: 0;
}
.grouphoraire input {
	position: absolute;
	clip: rect(0,0,0,0);
	/*pointer-events: none;*/
}
.grouphoraire.gpopc span.d-inline-block {
	opacity: 0.2;
}
.grouphoraire.gpopc span.all span.d-inline-block {
	opacity: 1;
}

.grouphoraire .blocksolde {
	position: relative;
	display: inline-block;
}

.grouphoraire .blocksolde .solde {
	position: absolute;
	top: 30px;
}

.grouphoraire .blocksolde .icone-conge-x{
	background-color: white;
	position: absolute;
  	left: 2px;
}

.grouphoraire input:not(:checked) + span img,
.grouphoraire input:checked + span img {
	border: solid 3px #FBFBFB;
}
.grouphoraire input:checked + span img {
	border: solid 3px #28a745
}

/* .grouphoraire input:not(:checked) + div,
.grouphoraire input:checked + div {
	border: solid 3px #FBFBFB;
}
.grouphoraire input:checked + div {
	border: solid 3px #28a745
} */

.grouphoraire img {
	pointer-events: none;
}

/* drag & drop input type de congés */
.droptypeconge{
	position: relative;
}

.droppable{
	width: 90%;
	height: 80px;
	padding: 0.2em;
	float: left;
	position: absolute;
	right: 0;
	left: 14px;
}

.droppableUpper{
	z-index: 0;
}

.droppableUnder{
	z-index: -1;
}

.inputTypeConge{
	width: 90%;
	height: 80px;
	padding: 0.2em;
	position: absolute;
	right: 0;
	left: 14px;
	background-color: white;
}

.inputTypeUpper{
	z-index: 0;
}

.inputTypeUnder{
	z-index: -1;
}
  
/* ============================================ *
 * CREDITS
 * ============================================ */
.creditline {
	background-color: #D3D5D7;
	color: #495057;
	font-weight: 700;
	font-size: 15px;
}
.creditline img {
	height: 30px;
}
.table tfoot td {
	border-color: #D3D5D7;
}
.table .table.unstyled {
	background: none;
}
.table .table.unstyled th,
.table .table.unstyled td {
	border: none;
}
.table td.unstyled {
	border: none;
}
.table tr.sm,
.table td.sm {
	font-size: 0.8rem;
}
/* ============================================ *
 * SOLDE
 * ============================================ */
.navdate span.getsolde {
	color: #777777;
}
/* ============================================ *
 * POINTAGE
 * ============================================ */
.navdate span.getpointage {
	color: #777777;
}
.table .table-pointday td {
	background-color: #CBCBCB;
	color: #495057;
}
.table .table-pointpa td {
	background-color: #F2F2F2;
	color: #495057;
}

/* ============================================ *
 * POINTAGE
 * ============================================ */
.carte-pointage-tab{
	text-align: left;
	position: relative;
	overflow-y: auto; 
}

.fix-header{
	position: -webkit-sticky;
	position: sticky;
	top: 40px;
	z-index: 10;
}

/* ============================================ *
 * CONTACT
 * ============================================ */
#contactfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}
#contactfile + label {
    /*max-width: 80%;*/
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
}
/* ============================================ *
 * footer
 * ============================================ */
footer {
	background-color: #ffffff;
	padding-top: 25px;
	padding-bottom: 27px;
	position: relative;
	height: 82px;
}
footer .version {
	position: absolute;
	bottom: 5px;
	left: 0;
	width: 100%;;
	font-size: 0.8rem;
	color: #c1c1c1;
}
/* ============================================ *
 * SLICK
 * ============================================ */
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
		touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}
.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.slick-list:focus {
	outline: none;
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	   -moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		 -o-transform: translate3d(0, 0, 0);
			transform: translate3d(0, 0, 0);
}
.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.slick-track:before,
.slick-track:after {
	display: table;
	content: '';
}
.slick-track:after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}
.slick-slide {
	display: none;
	float: left;

	height: 100%;
	min-height: 1px;
}
[dir='rtl'] .slick-slide {
	float: right;
}
.slick-slide img {
	display: block;
}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	pointer-events: none;
}
.slick-initialized .slick-slide {
	display: block;
}
.slick-loading .slick-slide {
	visibility: hidden;
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
	display: none;
}
/* Arrows */
.slick-prev,
.slick-next {
	position: absolute;
	top: 50%;
	display: block;
	padding: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	cursor: pointer;
	border: none;
	outline: none;
	background: transparent;
	font-size: 1.5rem;
	z-index: 2;
	/* Décalage logo */
	margin-top: 60px;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
	outline: none;
}
.slick-prev {
	left: 10px;
}
.slick-next {
	right: 10px;
}

/*Ajout DGJ 07/11/19 */

.loadingModal {
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto;
	background-color: rgba(255,255,255,0.7);
	font-family: 'Lato',Arial,Helvetica,Tahoma,sans-serif;
}

.loadingWrapper {
	margin: 15% auto;
	width: 300px;
	text-align: center;
}

.loadingText {
	font-size: 20px;
}

.loadingLogo {
	margin: 25px auto;
	width : 150px;
	height: 150px;
	background-image: url('../img/loading.gif');
	background-repeat: no-repeat;

}

/* Vertical align */
.centerEnvPointage {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100px;
}

.centerEnvAcceuil {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 300px;
}

.checkbox-velo{
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 20px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.checkbox-velo input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

  /* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #eee;
	border: 3px solid #17a2b8;
}

/* On mouse-over, add a grey background color */
.checkbox-velo:hover input ~ .checkmark {
	background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox-velo input:checked ~ .checkmark {
	background-color: #17a2b8;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.checkbox-velo input:checked ~ .checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.checkbox-velo .checkmark:after {
	left: 7px;
	top: 1px;
	width: 8px;
	height: 14px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
  }
  
.mingcute--bike-line {
	display: inline-block;
	width: 25px;
	height: 25px;
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035q-.016-.005-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093q.019.005.029-.008l.004-.014l-.034-.614q-.005-.018-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z'/%3E%3Cpath fill='%23000' fill-rule='nonzero' d='M13.614 4a3 3 0 0 1 2.809 1.947l2.294 6.117a4.001 4.001 0 1 1-2.072.171L16.182 11L9.21 13.614a4 4 0 1 1-3.41-1.61L6.022 12l-1.111-2H4a1 1 0 0 1 0-2h4a1 1 0 0 1 0 2h-.8l1.026 1.847l7.254-2.72l-.93-2.478A1 1 0 0 0 13.614 6H11a1 1 0 1 1 0-2zm4.553 10.007L17.981 14a2 2 0 1 0 .186.007M6 14a2 2 0 1 0 0 4a2 2 0 0 0 0-4'/%3E%3C/g%3E%3C/svg%3E");
	background-color: currentColor;
	-webkit-mask-image: var(--svg);
	mask-image: var(--svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
}