html {
	overflow-x: hidden;
}

.bg-qwild {
	background-color: #1fa08d;
}

.header {
	z-index: 6002;
}

.footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  background-color: #efefef;
  text-align: center;
  z-index: 5000;
}

.wrapper {
	display: flex;
}

.xsmall {
	font-size: 60%;
}

body {
	font-family: 'Open Sans';
	position: relative;
	font-weight: 400;
	padding-bottom: 6rem;
  	min-height: 100%;
}

h1, h2 {
	font-family: 'Poppins', sans-serif;
	font-weight: 800;
	color: var(--primary-dark);
}

.btn {
	font-weight: 500;
}

.badge {
	font-weight: 500;
}

.list-group-item {
	font-size: inherit;
}

#photosAnimaux img {
	margin: auto;
}

.carousel-item {
	cursor: pointer;
}

.carousel-control-prev-icon {background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%5c6670' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); }
.carousel-control-next-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%5c6670' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");}

.btn::before, .F::before, .M::before, .state::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	padding-right: 10px;
}

.tag::after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	padding-left: 10px;
}

.icon {
	padding-right: 10px;
}

.submitButton::before {
	content: "\f058";
}

.resetButton::before {
	content: "\f0e2";
}

.editButton::before {
	content: "\f044";
}

.tag::after {
	font-size: 130%;
}

.tag.other::after {
	content: "\f059";
	color: #dbdbdb;
}

.trashButton::before {
	content: "\f2ed";
}

.col-no-style {
	text-align: right;
}

table.dataTable.select tbody tr, table.dataTable.select input[type=checkbox] {
  cursor: pointer;
}

table.dataTable.select tbody tr.selected {
	background-color: #888;
}

table.dataTable.select tbody tr:not(.selected):hover {
	background-color: #dbdbdb;
}

.filter-button:not(.active) {
	cursor: pointer;
}

/* CHECKED */

.hidden {
	display: none;
}

input {
  padding: 6px;
}

.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}

.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:hover {
  /*when hovering an item:*/
  background-color: #1fa08d;
  color: #fff;
}
.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: DodgerBlue !important;
  color: #ffffff;
}

.btn-round-lg{
border-radius: 22.5px;
}
.btn-round{
border-radius: 17px;
}
.btn-round-sm{
border-radius: 15px;
}
.btn-round-xs{
border-radius: 11px;
padding-left: 10px;
padding-right: 10px;
}

input.no-grey {
	background-color: #fff !important;
}

.avatar {
	border-radius: 22px;
}

.card-footer {
	background-color: #fff;
}

.navbar {
	padding: 0;
	min-height: 0;
}

.navbar a {
	text-decoration: none;
}

.navbar-nav .nav-item.dropdown .dropdown-toggle::after {
	content: none;
}

.navbar-nav .nav-item.dropdown.show .dropdown-toggle::after {
	content: none;
}

.navbar.fixed-top {
	z-index: 5000;
}


.modal {
	z-index: 7000;
}

.navbar-nav .nav-item .nav-link .badge {
	font-size: .6rem;
}

.badge-up {
	font-size: 70%;
	position: absolute;
	margin-left: -22px;
	top: 5px;
}

.navbar .soustitre {
	font-size: .9rem;
}

/*body.appli { padding-top: 120px; }*/

footer.sticky-footer {
	width: 100%;
}

.navbar-dark .navbar-nav .nav-link:hover {
	color: rgba(255,255,255,1);
}

.navbar-dark .navbar-nav .nav-link {
	color: rgba(255,255,255,.7);
}

table tbody td {
	vertical-align: middle !important;
}

.pagination {
	background-color: #fff;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child::before,
table.dataTable.dtr-column > tbody > tr > td.control::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 125%;
	color: #1fa08d;
	background-color: #fff;
	content: "\f00e";
	border: 0;
	box-shadow: none;
}

table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child::before,
table.dataTable.dtr-column > tbody > tr.parent td.control::before, table.dataTable.dtr-column > tbody > tr.parent th.control::before {
	color: #1fa08d;
	font-size: 105%;
	background-color: #fff;
	content: "\f056";
}

/*.custom-control-lg .custom-control-label::before,
.custom-control-lg .custom-control-label::after {
    top: 0.1rem !important;
    left: -2rem !important;
    width: 1.25rem !important;
    height: 1.25rem !important;
}

.custom-control-lg .custom-control-label {
    margin-left: 0.5rem !important;
    font-size: 1rem !important;
}*/

.flippedX {
    transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
}

.flippedY {
    transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
}

label {
	z-index: 10;
}

.picker__input {
	border-style: solid !important;
	color: #000 !important;
}

.picker__select--month, .picker__select--year {
	padding: 0 !important;
}

.picker__weekday {
	text-align: center;
}

.picker__nav--prev::before, .picker__nav--next::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	border: none;
}

.picker__nav--prev::before {
	content: "\f053";
}
.picker__nav--next::before {
	content: "\f054";
}

.picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected {
	background-color: #1fa08d;
}

.picker__day--infocus:hover, .picker__day--outfocus:hover, .picker__day--highlighted:hover, .picker__day--highlighted {
	background-color: #A7E2DA;
}

.picker__button--today:hover, .picker__button--clear:hover, .picker__button--close:hover {
	background-color: #A7E2DA;
	border-color: #A7E2DA;
}

.picker__day--highlighted {
	border-color: #1FA08D;
}

.picker__day--today::before {
	border-top-color: #1FA08D;
}

.picker__nav--prev:hover, .picker__nav--next:hover {
	background-color: #fff;
	color: #1fa08d;
}

/*Image upload*/
.upload-demo .upload-demo-wrap,
.upload-demo .upload-result,
.upload-demo.ready .upload-msg {
    display: none;
}

.upload-demo.ready .upload-demo-wrap {
    display: block;
}
.upload-demo.ready .upload-result {
    display: inline-block;
}
.upload-demo-wrap {
    width: 300px;
    height: 300px;
    margin: 0 auto;
}

.upload-msg {
    text-align: center;
    font-size: 22px;
    color: #aaa;
    width: 260px;
    margin: 20px auto;
}

.file-btn input[type="file"] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
}

#upload {
	cursor: pointer !important;
}

.btn-float {
	border-radius: 10%;
}

.icon-menu {
	padding-bottom: 10px;
	font-size: 22px;
	margin-top: 9px;
}

.btn-menu {
	line-height: 13px;
	width: 60px;
}
.title-menu {
	font-size: 13px;
}

.tooltip-inner {
    white-space:pre-wrap;
    max-width:200px;
}

.dropdown-item {
	width: auto;
}

/* Supprimer les spinners pour Chrome et Safari */
.numberSpinner input[type=number]::-webkit-inner-spin-button,
.numberSpinner input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Supprimer les spinners pour Firefox*/
.numberSpinner input[type=number] {
	-moz-appearance:textfield;
}

#femelleBtn.active {
	background-color: #C20078;
	border-color: #C20078;
}

#maleBtn.active {
	background-color: #3465A4;
	border-color: #3465A4;
}

.stepper:hover {
	cursor: pointer;
}

.stepper.disabled:hover {
	cursor: not-allowed;
}

.poids_rationInput input[readonly] {
	border-style: solid;
	color: inherit;
}


@media (max-width: 720px) {
	.container {
		max-width: 100%;
	}
}

.btn-group-xs > .btn, .btn-xs {
	padding: .25rem .4rem;
	font-size: .875rem;
	line-height: .5;
	border-radius: .2rem;
  }

.picker__frame{
	top: 10% !important;
	bottom: 0 !important;
}


.div-button-wordpress{
	padding: 15px;
	cursor: pointer;
	font-size: 120%;
}

.div-button-wordpress-primary{
	padding: 15px;
	cursor: pointer;
	color: var(--primary);
	border: 1px solid var(--primary);
	font-size: 120%;
	box-shadow: none;
}

.div-button-wordpress-primary:hover{
	background-color: var(--primary);
	color: white;
}

.show-pass:hover {
	cursor: pointer;
	color: #1FA08D !important;
}

.bootstrap-select {
	z-index: 7000;
}

@media (max-width: 339px) {
	#logoqru {
		display: none;
	}	
}

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

#backdrop-wait {
	z-index: 6001;
}

.backdrop-circular {
	top: 50%;
	left: 50%;
	position: absolute;
}

.backdrop-circular .legend {
	white-space: nowrap;
	margin-left: -90px;
}

.navbar-shadow{
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
    height: 80px;
	background-color: #fff;;
}

a, a:hover, a:focus {
    text-decoration: none;
}


a.underlined, a.underlined:hover{
    text-decoration: underline;
}

/* products */
.img-product{
    object-fit: cover; 
    border-radius: 20px;
	max-height: 200px;
	max-width: 200px;
}

.card-header {
    border: none;
}

.btn-product-packing{
    border-radius: 20px;
	width: 80%;
}

.btn-product-packing:disabled{
    background-color: transparent!important;
	border-color: #999;
}

.img-product-select > a {
    position: absolute;
    background: #1fa08d;
    color: white;
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
    font-weight: bold;
    width: 75px;
    top: 0;
    right: 0;
}

.div-collapse{
    border-radius: 10px;
    padding: 10px;
    font-weight: bold;
	color: white;
}

.respect-height{
    height: 100%;
}

.badge {
    padding-left: 9px;
    padding-right: 9px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.badge-up-count {
    font-size: 12px;
    padding: 0 5px;
    vertical-align: top;
    margin-left: -10px; 
}

.disable-a{
    cursor: not-allowed;
    color: lightgrey;

}

.disable-a:hover{
    color: lightgrey;

}

.col-border{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 2px solid lightgray;
	border-radius: 10px;
    margin: 10px;
}

.header-border{
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 2px solid var(--primary);
	border-radius: 10px;
    margin: 10px;
	color: white;
}

.badge-product-promo {
	border-radius: 20px;
	width: 40px;
	height: 30px;
	display: block;
	position: absolute;
	background: var(--danger);
	border: 1px solid white;
	color: white;
	font-size: 10px;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	top: -15px;
	right: -15px;
	transition: all .3s;
}

.col-to-change{
	margin-top: 5px;
	margin-bottom: 5px;
}

.btn-add-product-cart{
	min-width: 70%;
	max-width: 100%;
}

.btn-del-product-cart{
	min-width: 15%
}

.btn {
	white-space: normal;
}

.card-deck .card {
	border-radius: 10px;
}

.card-deck .card-header {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.card-deck .card-img-top {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	width: 100%;
	height: auto;
}

.card-deck .card-footer {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.form-control-lg {
	font-size: 1.5rem;
	line-height: 1.2;
	padding: .5rem 0 calc(.5rem - 1px);
}

.navdrawer .list-group-item:first-child {
	border-top: 0px !important;
}

#cart .navdrawer-content {
	width: 500px;
}

select.animal-meal:hover {
	cursor: pointer;
}

.modalBottomNav {
	position: sticky;
	bottom: 0px;
	z-index:6000;
	border-top: 2px dashed;
}

@media (max-width: 450px) {
	#cart .navdrawer-content {
		width: 100%;
		max-width: 100%;
	}
}

@media (max-width: 575px) {
	#cart .side-product-name {
		min-width: 50%;
	}
}

.badge-btn:hover {
	cursor: pointer;
	-webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,.14),0 3px 4px 0 rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);
	box-shadow: 0 0 4px 0 rgba(0,0,0,.14),0 3px 4px 0 rgba(0,0,0,.12),0 1px 5px 0 rgba(0,0,0,.2);
}

.info-comp {
	color: #424242;
}

.info-comp:hover {
	color: #000;
	cursor: pointer;
}