/* your styles go here */
/*html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(18, 38, 63, 0); }*/

/*body {
  margin: 0;
  font-family: "Cerebri Sans", sans-serif;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.5;
  color: #12263F;
  text-align: left;
  background-color: #F9FBFD; }*/

/*a.btn {
  margin: 0;
  font-family: "Cerebri Sans", sans-serif;
  font-weight: 700;
}*/

.modal.modal-left.window .modal-dialog, 
.modal.modal-right.window .modal-dialog{
	width: 100%;
	max-width: 100%;
}
.outline-none{outline: none !important;}
.svg-blob-swiper {
	top: -10%;
  	right: -100px;
  	width: 100%;
  	max-height: 500px;
}
.tarifs-sip:first-child{
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.tarifs-sip:last-child{
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}
.comment-text .ql-video{
	width: 1200px;
	height: 400px;
	max-width: 100% !important;
}
@media (max-width: 768px) {
	.comment-text .ql-video{
		height: 200px;
	}
}
.dropdown.bootstrap-select.show a.dropdown-item{
	white-space: normal;
}
.dropdown.bootstrap-select.show a.dropdown-item:hover{
	background: #e9ecef;
}
.dropdown.bootstrap-select.show a.dropdown-item small.text-muted{
	display: block;
	padding-left: 0;
	color: #868e96;
	font-weight: 400;
	letter-spacing: 0.05em;
}
.dropdown.bootstrap-select.show a.dropdown-item.active.selected small.text-muted{
	color: var(--primary) !important; 
	font-weight: 300;
}
input[readonly]{background: #fff !important;}
.modal-backdrop {
  //background-color: red;
}
.product-stars.achat {
  bottom: 0px;
}
.rounded{border-radius: 3px !important;}
.rounded-6{border-radius: 6px !important;}
.rounded-top-6{
	border-top-right-radius: 6px !important;
	border-top-left-radius: 6px !important;
}
.rounded-bottom-6{
	border-bottom-right-radius: 6px !important;
	border-bottom-left-radius: 6px !important;
}
.rounded-left-6{
	border-top-left-radius: 6px !important;
	border-bottom-left-radius: 6px !important;
}
.rounded-right-6{
	border-top-right-radius: 6px !important;
	border-bottom-right-radius: 6px !important;
}
.border-white{border: 2px solid #fff !important;}
.border-gray-100{border: 2px solid #f8f9fa !important;}
.border-gray-200{border: 2px solid #e9ecef !important;}
.bb-gray-200{border-bottom: 2px solid #e9ecef !important;}
.border-primary-2{border: 2px solid #bcac76 !important;}
.border-secondary-2{border: 2px solid #877f64 !important;}

.bg-secondary.small-card .text-gray-700,.bg-secondary.small-card .text-dark{
	color: #fff !important;
	font-weight: 300 !important;
}
.bg-secondary .link-animated:hover:after {
  background: #fff;
}
.svg-icon.navbar-icon.size-14 {
  width: 14px;
  height: 14px;
}
.svg-icon.navbar-icon.size-20 {
  width: 20px;
  height: 20px;
}
.lh-2{letter-spacing: 0.2em;}
.lh-1{letter-spacing: 0.1em;}
.bg-dark-transparent-5{background: rgba(0,0,0,0.5) !important;}
.bg-dark-transparent-2{background: rgba(0,0,0,0.2) !important;}
.bg-dark-transparent-0{background: rgba(0,0,0,1) !important;}
.size-14 {font-size: 14px !important;}
.size-12 {font-size: 12px !important;}

/*
 * positionnement des fenetres
 */
.z-index-0{z-index: 1050 !important;}
.z-index-1{z-index: 1051 !important;}
.z-index-2{z-index: 1052 !important;}
.z-index-3{z-index: 1053 !important;}
.z-index-4{z-index: 1054 !important;}
.z-index-5{z-index: 1055 !important;}
.z-index-6{z-index: 1056 !important;}
.z-index-7{z-index: 1057 !important;}

.error{color: var(--danger);}

.gray-form .form-control,.gray-form .btn-selectpicker{
	background-color: #e9ecef;
	//background-color: #f8f9fa;
  	border-color: #e9ecef !important;
	border-radius: 3px;
}
.gray-form .form-control:focus,.gray-form .btn-selectpicker:focus {
	background-color: #fff !important;
  	border-color: #d5cba9 !important;
}
.gray-form .form-control.sort-abonnement:focus{
  	border: 1px solid #d5cba9 !important;
}
.gray-form .form-control:disabled, .gray-form .form-control[readonly]{
	/*//background-color: #f8f9fa !important;
	background-color: #fff !important;
  	border-color: #ced4da !important;*/
  	border: 0px none;
	background-color: #fff !important;
  	border-bottom: 1px solid #ced4da !important;
  	border-radius: 0px !important;
  	color: #495057;

  	/*opacity: 0.8;*/
}


/* Extra small devices (portrait phones, less than 576px)
 * No media query for `xs` since this is the default in Bootstrap
 */
.w-20{width: 20% !important;}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.w-lg-auto{width: auto !important;}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}

.gray-form .btn-selectpicker{
	width: 100% !important;
}
.text-normal{text-transform: none !important;}
.size-17{font-size: 17px !important;}
.size-20{font-size: 20px !important;}
.btn-circle-sm{
	width: 20px;
	height: 20px;
	//line-height: 10px;
	text-align: center;
	padding: 0;
	border-radius: 10px;
}
.btn-circle{
	padding: 0;
	width: 30px !important;
	height: 30px !important;
	line-height: 30px !important;
	//font-size: 17px !important;
	border-radius: 20px;
}
.btn-circle i{margin-left: 5px;}
@media (max-width: 991.98px) {
  .custom-nav .nav-item {
    width: 20% !important;
    margin-bottom: 0px;
  }
}
@media (max-width: 500px) {
  .custom-nav .nav-item {
    width: 100px !important;
    margin-bottom: 0px;
  }
  .custom-nav{
  	width: 500px;
  }
  /*#sidebarRight .modal-content{
  	max-width: 70%;
  }*/
  .custom-nav-sticky{
  	overflow-x: scroll;
  }
}
.list-group.bg-gray-100 .list-group-item{
	background: #f8f9fa;
}
.list-group.bg-gray-200 .list-group-item{
	background: #e9ecef;
}
.list-group-flush .list-group-item:last-child{
	border-bottom: 0px none;
}

.list-group.rounded .list-group-item:first-child{
	border-top-left-radius: 6px !important;
	border-top-right-radius: 6px !important;
}

.list-group.rounded .list-group-item:last-child{
	border-bottom-left-radius: 6px !important;
	border-bottom-right-radius: 6px !important;
}
.custom-switch .custom-control-label::after{
	top: 1px !important;
	left: calc(-3.5rem) !important;
  	width: 24px;
  	height: 24px;
  	border-radius: 12px;
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after{
  	box-shadow: 0 2px 1rem rgba(0, 0, 0, 0.15) !important;
	margin-left: calc(-0.3rem) !important;
	border:1px solid #dee2e6 !important;
}
.custom-checkbox .custom-control-input.showetablissement.disabled:checked ~ .custom-control-label::after{
    background-color: #000 !important;
}
.custom-control-input.showetablissement[disabled] ~ .custom-control-label, 
.custom-control-input.showetablissement:disabled ~ .custom-control-label{
	color: #000;
}

.pointer{cursor: pointer;}
.was-validated .form-control:invalid, .form-control.is-invalid, 
.selectpicker.is-invalid + .btn.dropdown-toggle.bs-placeholder  {
  border-color: #dc3545 !important;
}

.was-validated .form-control:invalid:focus, .selectpicker.is-invalid + .btn.dropdown-toggle.bs-placeholder:focus {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
}
.size-20{font-size: 20px;}
.size-40{font-size: 40px;}
.text-underline{text-decoration: underline;}

.gray-form input.date_activation.flatpickr-input{
	background-color: #e9ecef !important;
  	border-color: #e9ecef !important;
	border-radius: 3px !important;
  	color: #000;
}
.flatpickr-calendar{
	border: 0px none !important;
	text-transform: capitalize;
}
.flatpickr-current-month .flatpickr-monthDropdown-months{text-transform: capitalize;}
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, 
.flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, 
.flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, 
.flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, 
.flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, 
.flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay{background: #bcac76;border:0px none;}

.overlay{
	position: fixed;
	top: 0;
	z-index: 9999999999;
	background: rgba(0,0,0,0.8);
	height: 100%;
	width: 100%;
}
.centered {
  position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}
.bg-info-soft {
  background-color: #1a415c !important; }
@media (max-width: 992px) {
  .swiper-container{
    height: auto !important; min-height: 300px;
  }
  .home-slider-image {
    max-height: auto;
    width: auto;
    max-width: 100%;
  }
  .detail-carousel .swiper-container{
    height: auto !important; min-height: auto;
  }
}
.dropdown-toggle::after{margin-left: 10px !important;}
.nav .nav-link i, .contact-link i{
  margin-right: 0px !important;
  font-size: 20px !important;
  display:inline-block !important;
  width: 35px !important;
}
.nav-item.dropdown .nav{margin-left: 33px !important;}
/*@media (max-width: 767px) {
  .product-hover-overlay{display: none !important;}
}*/
.gotobasket-container{
	position: fixed;
	width: 100%;
	bottom: 0;
	//z-index: 2000;
	/*box-shadow: 10px 1rem 3rem rgba(0,0,0,.175) !important;*/

	-webkit-box-shadow: 0px -7px 25px 3px rgba(0,0,0,0.2); 
	box-shadow: 0px -7px 25px 3px rgba(0,0,0,0.2);
}
.product-grid-header .btn-selectpicker{
	letter-spacing: 0.1rem;
	padding-left: 0;
	padding-top: 10px;
}
.shadow-xl{
	-webkit-box-shadow: 0px -7px 25px 3px rgba(0,0,0,0.2); 
	box-shadow: 0px -7px 25px 3px rgba(0,0,0,0.2);
}

.lift {
  transition: box-shadow .25s ease, transform .25s ease; }

.lift:hover,
.lift:focus {
  box-shadow: 0 1rem 2.5rem rgba(18, 38, 63, 0.1), 0 0.5rem 1rem -0.75rem rgba(18, 38, 63, 0.1) !important;
  transform: translate3d(0, -3px, 0); }

.lift-lg:hover,
.lift-lg:focus {
  box-shadow: 0 2rem 5rem rgba(18, 38, 63, 0.1), 0 0.5rem 1rem -0.75rem rgba(18, 38, 63, 0.05) !important;
  transform: translate3d(0, -5px, 0); }

small,
.small {
  font-size: 0.8125rem !important;
  font-weight: 400; }

@media (max-width: 767px){
	.container, .container-sm {
	    max-width: 98%;
	}
}

@media (max-width: 1300px) {
  .container-fluid-px {
    padding-right: 1rem;
    padding-left: 1rem;
  }
}
.sidebar-block{
  border-color: transparent;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.page-arrow {
  border-radius: 5px !important;
  margin-left: 0rem !important;
  //background-color: var(--light) !important;
}
.sidebar-icon-menu-item.active .famille{color: var(--green) !important;}