body {
	font-size: 16px;
}

.apx-show {
	opacity                    : 1;
	transition-property        : opacity;
	transition-duration        : 1s;
	transition-timing-function : ease-in-out;
}

.apx-hide {
	opacity                    : 0;
	transition-property        : opacity;
	transition-duration        : 1s;
	transition-timing-function : ease-in-out;
}

.apx-circle {
	border-radius : 50%;
}

.apx-vertical-separator {
	padding : 0.7rem;
}

.apx-circle.apx-vertical-separator {
	width  : 1.4rem;
	height : 1.4rem;
}

.apx-list-unstyled {
	list-style  : none;
	padding-top : 5px;
}

.apx-content-cart {
	display : table;
}

div#cart-wrapper {
	font-size : 1.1rem;
}

.jbd-container .cart-item-table {
	width : auto;
}

.jitem-title.apx-smart-category-title span {
	font-weight : 500;
	font-size   : 1.7rem;
  	text-shadow: none;
}

.apx-product-variant-choice-value {
	padding     : 15px 0;
	font-weight : 500;
	font-size   : 1.3rem;
}

table.apx-product-table-variants {
	width : 100%;
  	margin: 1% 0;
}

ul.apx-product-variant-choice-list li {
	display        : grid;
	height         : auto;
	vertical-align : middle;
	text-align     : start;
	border-bottom  : 1px dotted #aaaaaa;
}

.apx-cart-chosen-variants {
	font-weight: 600;
}

.apx-product-variant-choice-description {
	font-size   : 1rem;
	padding     : 10px 0;
	display     : flex;
	line-height : 1;
}

span.apx-product-variant-price {
	float      : right;
	text-align : right;
}

ul.apx-product-variant-choice-list li .apx-kind-color.apx-common-variant.apx-choose {
	justify-self : start;
	align-self   : center;
}

.apx-product-variant-choice-name {
	font-weight : 700;
}

tr.apx-product-variant-choice-title {
	background-color : #333333;
	color            : #fcfcfc;
	text-align       : center;
	vertical-align   : middle;
  	font-size: 1.5rem;
  	line-height: 2;
}


.apx-product-option-choice-value {
	padding     : 15px 0;
	font-weight : 500;
	font-size   : 1.3rem;
}

table.apx-product-table-options {
	width : 100%;
}

ul.apx-product-option-choice-list li {
	display        : grid;
	height         : auto;
	vertical-align : middle;
	text-align     : start;
	border-bottom  : 1px dotted #aaaaaa;
}

.apx-cart-chosen-options {
  	font-weight: 600;
}

.apx-product-option-choice-description {
	font-size   : 1rem;
	padding     : 10px 0;
	display     : flex;
	line-height : 1;
}

span.apx-product-option-price {
	float      : right;
	text-align : right;
}

ul.apx-product-option-choice-list li .apx-kind-color.apx-common-option.apx-choose {
	justify-self : start;
	align-self   : center;
}

.apx-product-option-choice-name {
	font-weight : 700;
}

tr.apx-product-option-choice-title {
	background-color : #333333;
	color            : #fcfcfc;
	text-align       : center;
	vertical-align   : middle;
  	font-size: 1.5rem;
  	line-height: 1.5;
}

.apx-btn-delete-edit-product-cart {
    float: right;
    margin: 20px;
}

.jbd-container .cart-item-pic {
	width: 100%;
	max-width: 16rem;
	max-height: 16rem;
}
.jbd-container .cart-item-pic img {
	width: 100%;
	max-width: 16rem;
	max-height: 16rem;
}

th.cart-item-header {
    padding: 0 10px;
}

ul {
	display              : block;
	list-style-type      : disc;
	margin-block-start   : 0em;
	margin-block-end     : 0em;
	margin-inline-start  : 0px;
	margin-inline-end    : 0px;
	padding-inline-start : 0px;
}

@media (max-width : 992px) {
	table.cart-item-table.responsive-simple {
		width : auto !important;
	}
	
	.jbd-container .responsive-simple td:last-child {
		padding-bottom : 0 !important;
	}
	
	.jbd-container table.cart-item-table td {
		padding-top : 0 !important;
	}
}

body.site.com-giftcardmanager #sp-mainbody,
body.site.com-giftcardmanager #sp-component {
	padding-left  : 0;
	padding-right : 0;
}

.giftcard-layout select,
.giftcard-layout textarea,
.giftcard-layout input[type="text"],
.giftcard-layout input[type="password"],
.giftcard-layout input[type="datetime"],
.giftcard-layout input[type="datetime-local"],
.giftcard-layout input[type="date"],
.giftcard-layout input[type="month"],
.giftcard-layout input[type="time"],
.giftcard-layout input[type="week"],
.giftcard-layout input[type="number"],
.giftcard-layout input[type="email"],
.giftcard-layout input[type="url"],
.giftcard-layout input[type="search"],
.giftcard-layout input[type="tel"],
.giftcard-layout input[type="color"],
.giftcard-layout .uneditable-input {
	display : initial;
}


/** GIFTCARD */
.giftcard-layout {
	display             : grid;
	grid-template-areas : "t" "n" "s" "r" "u" "v" "a" "p" "d";
	grid-gap            : 0.5rem;
	margin              : 0;
	padding             : 0.5rem;
}

.giftcard-title {
	grid-area    : t;
	justify-self : center;
}

.giftcard-number {
	grid-area    : n;
	justify-self : start;
}

.giftcard-sender {
	grid-area      : s;
	justify-self   : stretch;
	text-align     : center;
	vertical-align : center;
}

.giftcard-vendor-name {
	grid-area      : v;
	justify-self   : center;
	text-align     : center;
	vertical-align : center;
}

.giftcard-vendor-address {
	grid-area    : a;
	justify-self : start;
}

.giftcard-receiver {
	grid-area      : r;
	justify-self   : stretch;
	text-align     : center;
	vertical-align : center;
}

.giftcard-subject {
	grid-area      : u;
	justify-self   : stretch;
	text-align     : center;
	vertical-align : center;
}

.giftcard-paid-stamp {
	grid-area      : p;
	justify-self   : center;
	align-self     : center;
	text-align     : center;
	vertical-align : center;
	width          : 10rem;
	height         : auto;
}

.giftcard-valid-until {
	grid-area    : d;
	justify-self : end;
}

/** SEND FORM */
.send-message-layout {
	display             : grid;
	grid-template-areas : "smf-t" "smf-m" "smf-v" "smf-c" "smf-lc" "smf-e" "smf-b" "smf-s";
	justify-content     : center;
	grid-gap            : 0.5rem;
	text-align          : center;
	vertical-align      : center;
	padding             : 1%;
}

.send-message-form-title {
	grid-area    : smf-t;
	justify-self : center;
}

.send-message-background-theme {
	grid-area    : smf-m;
	justify-self : center;
}

.send-message-event {
	grid-area    : smf-v;
	justify-self : center;
}

.send-message-music {
	grid-area    : smf-c;
	justify-self : center;
}

.send-message-listen-music {
	grid-area    : smf-lc;
	justify-self : center;
}

.send-message-form-email {
	grid-area    : smf-e;
	justify-self : center;

}

.send-message-form-message-body {
	grid-area    : smf-b;
	justify-self : center;
	resize       : none;
}

.send-message-form-submit-button {
	grid-area    : smf-s;
	justify-self : center;
}

/* style rendez-vous grille */
ul#morning {
	display               : grid;
	grid-template-columns : repeat(2, 1fr);
}

ul#morning li {
	justify-self : center;
	align-self   : center;
}

ul#afternoon {
	display               : grid;
	grid-template-columns : repeat(2, 1fr);
}

ul#afternoon li {
	justify-self : center;
	align-self   : center;
}

ul#evening {
	display               : grid;
	grid-template-columns : repeat(2, 1fr);
}

ul#evening li {
	justify-self : center;
	align-self   : center;
}

.text-impossible {
	color           : #a6d2ae !important;
	text-decoration : line-through;
}

/** DEBUT boutons sociaux */

.resp-sharing-button__link,
.resp-sharing-button__icon {
	display : inline-block
}

.resp-sharing-button__link {
	text-decoration : none;
	color           : #ffffff;
	margin          : 0.5em
}

.resp-sharing-button {
	border-radius : 5px;
	transition    : 25ms ease-out;
	padding       : 0.5em 0.75em;
	font-family   : Helvetica Neue, Helvetica, Arial, sans-serif
}

.resp-sharing-button__icon svg {
	width          : 1em;
	height         : 1em;
	margin-right   : 0.4em;
	vertical-align : top
}

.resp-sharing-button--small svg {
	margin         : 0;
	vertical-align : middle
}

/* Non solid icons get a stroke */
.resp-sharing-button__icon {
	stroke : #ffffff;
	fill   : none
}

/* Solid icons get a fill */
.resp-sharing-button__icon--solid,
.resp-sharing-button__icon--solidcircle {
	fill   : #ffffff;
	stroke : none
}

.resp-sharing-button--twitter {
	background-color : #55acee
}

.resp-sharing-button--twitter:hover {
	background-color : #2795e9
}

.resp-sharing-button--pinterest {
	background-color : #bd081c
}

.resp-sharing-button--pinterest:hover {
	background-color : #8c0615
}

.resp-sharing-button--facebook {
	background-color : #3b5998
}

.resp-sharing-button--facebook:hover {
	background-color : #2d4373
}

.resp-sharing-button--tumblr {
	background-color : #35465c
}

.resp-sharing-button--tumblr:hover {
	background-color : #222d3c
}

.resp-sharing-button--reddit {
	background-color : #5f99cf
}

.resp-sharing-button--reddit:hover {
	background-color : #3a80c1
}

.resp-sharing-button--google {
	background-color : #dd4b39
}

.resp-sharing-button--google:hover {
	background-color : #c23321
}

.resp-sharing-button--linkedin {
	background-color : #0077b5
}

.resp-sharing-button--linkedin:hover {
	background-color : #046293
}

.resp-sharing-button--email {
	background-color : #777777
}

.resp-sharing-button--email:hover {
	background-color : #5e5e5e
}

.resp-sharing-button--xing {
	background-color : #1a7576
}

.resp-sharing-button--xing:hover {
	background-color : #114c4c
}

.resp-sharing-button--whatsapp {
	background-color : #25d366;
    color: #ffffff
}

.resp-sharing-button--whatsapp:hover {
	background-color : #1da851;
    color: #ffffff
}

.resp-sharing-button--hackernews {
	background-color : #ff6600
}

.resp-sharing-button--hackernews:hover, .resp-sharing-button--hackernews:focus {
	background-color : #fb6200
}

.resp-sharing-button--vk {
	background-color : #507299
}

.resp-sharing-button--vk:hover {
	background-color : #43648c
}

.resp-sharing-button--facebook {
	background-color : #3b5998;
	border-color     : #3b5998;
}

.resp-sharing-button--facebook:hover,
.resp-sharing-button--facebook:active {
	background-color : #2d4373;
	border-color     : #2d4373;
}

.resp-sharing-button--twitter {
	background-color : #55acee;
	border-color     : #55acee;
}

.resp-sharing-button--twitter:hover,
.resp-sharing-button--twitter:active {
	background-color : #2795e9;
	border-color     : #2795e9;
}

.resp-sharing-button--email {
	background-color : #777777;
	border-color     : #777777;
}

.resp-sharing-button--email:hover,
.resp-sharing-button--email:active {
	background-color : #5e5e5e;
	border-color     : #5e5e5e;
}


/**
 * Masquer logo aproximito + menu dans la page des entreprises
 * Important pour sentiment de personnalisation propre à chaque entreprise
 * "C'est ma page, mon espace pour mes clients - Mon entreprise"
 */
body.site.com-jbusinessdirectory.view-companies.task-showcompany #sp-section-logo-menu {
	display : none;
}


/**
 * Masquer logo + menu dans la vue panier
 */
body.site.com-jbusinessdirectory.view-cart.no-layout.no-task.itemid-101 #sp-section-logo-menu {
	display : none;
}

/**
 * Masquer logo + menu dans la vue connexion utilisateur avant achat
 */
body.site.com-jbusinessdirectory.view-offerbuyerdetails.layout-edit.no-task.itemid-101 #sp-section-logo-menu {
	display : none;
}

/**
 * Masquer logo + menu dans la vue affichage details client avant achat
 */
body.site.com-jbusinessdirectory.view-offerbuyerdetails.layout-edit.no-task.itemid-1208 #sp-section-logo-menu {
	display : none;
}

/**
 * Masquer logo + menu dans la vue moyens de paiement présentés au client avant achat
 */
body.site.com-jbusinessdirectory.view-offerpayment.no-layout.no-task.itemid-101 #sp-section-logo-menu {
	display : none;
}

/**
 * Masquer logo + menu dans la vue panier vide
 */
body.site.com-jbusinessdirectory.view-cart.no-layout.no-task.itemid-1081 #sp-section-logo-menu {
	display : none;
}

/**
 * Masquer logo + menu dans la vue evenement de l'entreprise
 */
body.site.com-jbusinessdirectory.view-event.no-layout.no-task.itemid-657 #sp-section-logo-menu {
	display : none;
}

/**
 * Masquer logo + menu dans la vue deal de l'entreprise
 */
body.site.com-jbusinessdirectory.view-offer.no-layout.no-task.itemid-658 #sp-section-logo-menu {
	display : none;
}

/**
 * Masquer logo + menu dans la vue panier de l'entreprise
 */
body.site.com-jbusinessdirectory.view-offerbuyerdetails.layout-edit.no-task.itemid-1208 #sp-section-logo-menu #sp-header-sticky-wrapper {
	display : none;
}

/**
 * Masquer logo + menu dans la vue panier de l'entreprise
 */
body.site.com-jbusinessdirectory.view-offerpayment.layout-redirect.task-processTransaction.itemid-101 #sp-section-logo-menu #sp-header-sticky-wrapper {
	display : none;
}


/**
 * Apx menu message
 */
.apx-menu-message {
	display : flex;
}

.apx-menu-message .apx-cart {

}

.apx-menu-message .apx-message-count {
	width         : 2rem;
	height        : 2rem;
	border-radius : 50%;
	color         : #ffffff;
	background    : #ff0000;
}

.aproximito-container {
	display               : grid;
	grid-template-columns : repeat(3, 1fr);
	grid-template-rows    : auto;
}

.aproximito-container .grid-item {
	justify-self : center;
	align-self   : center;
}


.aproximito-container.aproximito-profile.aproximito-salesman.aproximito-grid {
	grid-template-columns : repeat(auto-fit, minmax(30rem, 1fr));
	grid-gap              : 0.5rem;
}

p.aproximito-profile-role {
    font-weight: 600;
    font-size: 1.2rem;
}

.aproximito-container .aproximito-grid-item {
	background    : #fdfdfd;
	text-align    : center;
	border        : 1px dotted #dedede;
	border-radius : 0.5rem;
	min-width     : 30rem;
	padding       : 1rem;
}

.aproximito-container .aproximito-grid-item .aproximito-profile-figure > img {
	margin : 1rem auto;
}

.chosen-container.chosen-container-single {
	width  : inherit;
	margin : 0.5rem;
}

.apx-top-menu {
	display         : flex;
	flex-direction  : row;
	justify-content : space-around;
	margin          : 0 0.5rem;
	font-size       : 0.975rem;
}

.apx-top-menu .apx-btn {
	display               : grid;
	grid-template-columns : auto;
	grid-template-rows    : repeat(2, auto);
	grid-gap              : 0;
}

.apx-top-menu .apx-btn-icon {
	align-self   : center;
	justify-self : center;
	font-size    : 1.3rem;
}

.apx-top-menu .apx-btn-text {
	align-self   : center;
	justify-self : center;
}

/************************Style logo****************************/

.apx-inline {
	display : inline !important;
}

body.site .apx-logo-container {
	display             : grid;
	grid-template-areas : "logo text" "logo slogan";
	align-items         : center;
	margin              : 2% auto;
	width               : auto;
	height              : auto;
	float               : left;
}


body.site img.apx-inline {
	grid-area    : logo;
	justify-self : end;
	max-width    : 8rem;
	float        : left;
}

body.site .apx-logo-text {
	grid-area      : text;
	justify-self   : start;
	font-size: 2.5rem !important;
	margin         : 10px auto -2.5rem auto;
	letter-spacing : 0.1rem;
	font-weight    : 400;
	font-family    : Lato;
	width          : 100%;
	text-align     : center;
	color          : #29bf42;
}

body.site .apx-logo-slogan {
	grid-area   : slogan;
	font-size   : 0.875rem;
	text-align  : center;
	font-family : Lato;
	width       : 100%;
	color       : #29bf42;
}

#offcanvas-toggler .fa.fa-bars {
	color : var(--user-primary-color);
}

.offcanvas-menu {
	width      : 15rem;
	right      : -15rem;
	background : #ffffff;
	color      : var(--user-primary-color);
}

.offcanvas-inner {
	display        : flex;
	flex-direction : column;
	padding        : 0.5rem;
}

.offcanvas-inner li,
.offcanvas-inner li.active,
.offcanvas-inner li.deeper,
.offcanvas-inner li.parent {
	display               : grid;
	grid-template-rows    : auto;
	grid-template-columns : auto;
}

.offcanvas-inner .sp-module ul li {
	border-bottom : 1px dotted var(--user-primary-color);
}

/* couleur des liens personnalisable */
#sp-main-body .search-header,
#sp-main-body .search-header a,
#sp-main-body .search-header a:link {
	color : var(--user-accent-color);
}


#sp-main-body .place-card-body a,
#sp-main-body .place-card-body a:link {
	color : var(--user-accent-color);
}

a,
a:link,
#sp-feature,
#sp-feature a,
#sp-feature a:link {
	color           : var(--company-accent-color);
	text-decoration : none !important;
}

.sp-megamenu-parent > li.active > a {
	color : var(--user-primary-color);
}

.sp-megamenu-parent > li:hover > a {
	background : var(--user-primary-color);
	color      : white;
}

/* DEBUT  couleurs personnaliséeq entreprise   */

/* MENUS */
body.site.com-jbusinessdirectory.view-companies.task-showcompany.itemid-963 li:hover a.dj-up_a small.subtitle,
body.site.com-jbusinessdirectory.view-companies.task-showcompany.itemid-963 li.hover a.dj-up_a small.subtitle,
body.site.com-jbusinessdirectory.view-companies.task-showcompany.itemid-963 li:hover a.dj-up_a,
body.site.com-jbusinessdirectory.view-companies.task-showcompany.itemid-963 li.hover a.dj-up_a {
	background         : var(--company-primary-color);
	color              : var(--company-secondary-color);
	border-right-color : var(--company-secondary-color);
	border-left-color  : var(--company-secondary-color);

}

body.site.com-jbusinessdirectory.view-companies.task-showcompany.itemid-963 li ul.dj-submenu > li > a:hover,
body.site.com-jbusinessdirectory.view-companies.task-showcompany.itemid-963 li ul.dj-submenu > li > a:hover small.subtitle,
body.site.com-jbusinessdirectory.view-companies.task-showcompany.itemid-963 li ul.dj-submenu > li > a.active,
body.site.com-jbusinessdirectory.view-companies.task-showcompany.itemid-963 li ul.dj-submenu > li.hover:not(.subtree) > a {
	background : var(--company-primary-color);
	color      : var(--company-secondary-color);
}

body.site.com-jbusinessdirectory.view-companies.task-showcompany.itemid-963 li ul.dj-submenu > li > a.active small.subtitle,
body.site.com-jbusinessdirectory.view-companies.task-showcompany.itemid-963 li ul.dj-submenu > li.hover:not(.subtree) > a small.subtitle {
	color : var(--company-primary-color);
}


body.site.com-jbusinessdirectory.view-companies.task-showcompany.itemid-963 li.active a.dj-up_a,
body.site.com-jbusinessdirectory.view-companies.task-showcompany.itemid-963 li.active a.dj-up_a small.subtitle {
	color : var(--company-primary-color);
}

body.site.com-jbusinessdirectory.view-companies.task-showcompany.itemid-963 li ul.dj-subtree > li > a:hover small.subtitle {
	color : var(--company-primary-color);
}


/* AUTRES */
body.site.com-jbusinessdirectory.view-companies.task-showcompany.itemid-963 #offcanvas-toggler .fa.fa-bars {
	color : var(--company-primary-color);
}

body.site.com-jbusinessdirectory.view-companies.task-showcompany.itemid-963 .offcanvas-menu {
	width      : 15rem;
	right      : -15rem;
	background : #ffffff;
	color      : var(--company-primary-color);
}

body.site.com-jbusinessdirectory.view-companies.task-showcompany.itemid-963 .offcanvas-inner .sp-module ul li {
	border-bottom : 1px dotted var(--company-primary-color);
}

/* couleur des liens personnalisable */
body.site.com-jbusinessdirectory.view-companies.task-showcompany.itemid-963 #sp-main-body .search-header,
body.site.com-jbusinessdirectory.view-companies.task-showcompany.itemid-963 #sp-main-body .search-header a,
body.site.com-jbusinessdirectory.view-companies.task-showcompany.itemid-963 #sp-main-body .search-header a:link {
	color : var(--company-accent-color);
}


body.site.com-jbusinessdirectory.view-companies.task-showcompany.itemid-963 #sp-main-body .place-card-body a,
body.site.com-jbusinessdirectory.view-companies.task-showcompany.itemid-963 #sp-main-body .place-card-body a:link {
	color : var(--company-accent-color);
}

body.site.com-jbusinessdirectory.view-companies.task-showcompany.itemid-963 .sp-megamenu-parent > li.active > a {
	color : var(--company-primary-color);
}

body.site.com-jbusinessdirectory.view-companies.task-showcompany.itemid-963 .sp-megamenu-parent > li:hover > a {
	background : var(--company-primary-color);
	color      : white;
}

/* Bouton
 * fond noir texte blanc par defaut
*/
body.site.com-jbusinessdirectory.view-companies.task-showcompany.itemid-963 .jbd-container .btn {

	background-color    : var(--company-primary-color);
	border-color        : var(--company-primary-color);
	border-radius       : 0.28rem;
	background-position : center;
	transition          : background 0.8s;
}

body.site.com-jbusinessdirectory.view-companies.task-showcompany.itemid-963 .add-review-link {

	background-color    : var(--company-primary-color) !important;
	border-color        : var(--company-primary-color);
	border-radius       : 0.28rem;
	background-position : center;
	transition          : background 0.8s;
}


#b-attr {

	background-color    : var(--company-primary-color) !important;
	border-color        : var(--company-primary-color);
	border-radius       : 0.28rem;
	background-position : center;
	transition          : background 0.8s;
}


/* Boutons sociaux
 * couleur texte blanc par defaut
 */
body.site.com-jbusinessdirectory.view-companies.task-showcompany.itemid-963 .socials-network a.share-social {
	color : var(--company-social-link-color);
}

body.site.com-jbusinessdirectory.view-companies.task-showcompany.itemid-963 .phone a {
	color : var(--company-primary-color);
}

body.site.com-jbusinessdirectory.view-companies.task-showcompany.itemid-963 .review-info .reviews,
body.site.com-jbusinessdirectory.view-companies.task-showcompany.itemid-963 .review-info .bookmark {
	color : var(--company-social-link-color);
}

/* menus */
body.site.com-jbusinessdirectory.view-companies.task-showcompany.itemid-963 a.dj-up_a {
	color        : var(--dropdown-link-hover-color);
	background   : var(--company-primary-color);
	border-right : 1px solid var(--company-primary-color);
	border-left  : 1px solid var(--company-primary-color);
}

body.site.com-jbusinessdirectory.view-companies.task-showcompany.itemid-963 .dj-submenu a {
	color            : var(--dropdown-link-hover-color);
	background-color : var(--company-primary-color);
	border-right     : 1px solid var(--company-primary-color);
	border-left      : 1px solid var(--company-primary-color);
}

body.site.com-jbusinessdirectory.view-companies.task-showcompany.itemid-963 address a {
	color : var(--company-accent-color);
}

body.site.com-jbusinessdirectory.view-companies.task-showcompany.itemid-963 .company-links a {
	color : var(--company-accent-color);
}

body.site.com-jbusinessdirectory.view-companies.task-showcompany.itemid-963 .company-info-details .phone {
	color : var(--company-accent-color);
}

body.site.com-jbusinessdirectory.view-companies.task-showcompany.itemid-963 .company-links .website {
	color : var(--company-accent-color);
}


/* FIN COULEURS PERSONNALISEES ENTREPRISES */


.minicolors-theme-bootstrap .minicolors-input {
	width  : inherit;
	height : auto;
}

.minicolors-panel {
	width  : 185px;
	height : 165px;
}

.rating-container .caption {
	width : 15ch;
}


.autocomplete-selected {
	background : var(--dropdown-link-hover-bg);
	color      : var(--dropdown-link-hover-color);
}

.autocomplete-suggestion {
	cursor      : pointer;
	overflow    : hidden;
	padding     : 3px 20px;
	white-space : nowrap;
}

.autocomplete-suggestions {
	color         : #000000;
	background    : #ffffff;
	border        : 1px solid var(--dropdown-border);
	border-radius : var(--border-radius-base);
	overflow      : auto;
	padding       : 5px 0;
}


.layout-edit .btn-group.apx-common-discount-kind input[type="radio"] {
	display : unset;
}

.apx-modal {
	position      : relative;
	top           : 50%;
	right         : 0.5rem;
	bottom        : 0.5rem;
	left          : 0.5rem;
	width         : inherit;
	height        : auto;
	border-radius : 0.5rem;
	border        : 5px solid #29bf42;
}

.apx-backdrop {
	background-color : rgba(0, 0, 0, 0.2);
}

.jbd-container .radio.apx-common-discount-kind input {
	display : inline-block;
}

.jbd-container .radio.apx-common-discount-kind label {
	font-size : 1.1rem;
}

.jbd-container .subform-repeatable .btn.btn-primary {
	margin : 0;
}

a.apx-print-button {
	display      : inline-block;
	background   : #29bf42;
	text-align   : center;
	font-size    : 1.1rem;
	color        : #ffffff;
	margin-right : -15px;
	padding      : 5px 10px;
}

.jbd-container a.apx-print-button i.la {
	font-size : 1.1rem;
	color     : #ffffff;
}

.jbd-container .order-identifier,
.jbd-container dt.apx-details-tax-name {
	border-left : 0.5rem solid #29bf42;
}

.jbd-container dt.apx-details-tax-name {
	padding-left : 0.5rem;
}

.jbd-container dd.apx-details-tax-description {
	background    : #ededed;
	border-bottom : 2px solid #29bf42;
}

.jbd-container ul.entity-details li {
	display          : list-item;
	list-style-image : url("https://www.aproximito.com/images/icon-apx-li.png");
	list-style-type  : square !important;
}

span.apx-product-remise-accroche-texte {
    float: right;
    font-size: 1.5rem;
  	font-weight: 500;
}

ul.apx-product-remise-list {
	list-style : none;
	padding    : 2rem 0;
	margin: 1rem auto;
	text-align: right;
}

.apx-product-remise-title {
	font-size   : auto;
	line-height : 1;
}

.apx-product-remise-value, .apx-product-remise-quantity {
	font-family : auto;
}

.apx-product-remise-quantity {
	color     : #ff4400;
	font-size : 1.5rem;
}

.apx-product-remise-value {
	color     : #ff4400;
	font-size : 1.5rem;
}

/* footer collant dans la page entreprises affiliées */
body.site.com-content.view-article.itemid-1113 #sp-section-footer-2 {
	margin-top : calc(100vh - 44px);
}

body.site.com-content.view-article.itemid-1113 #sp-footer {
	margin-top    : calc(100vh - 88px) !important;
	margin-bottom : 0;
	margin-left   : 0;
	margin-right  : 0;
}

body.site.com-jbusinessdirectory.view-offer.no-layout.no-task.itemid-658 .above-background-container {
	background-color : rgba(255, 255, 255, 0.8);
	width            : inherit;
	height           : inherit;
}


.jbd-container img.payment-icon {
	width : initial;
	max-width: 6rem;
}

.aproximito-monthly-payment-simulation-value {
	text-decoration : line-through;
	color           : #999999;
	cursor          : not-allowed;
}

.aproximito-monthly-payment-actual-value {
	font-size   : 1.4rem;
	font-weight : 600;
}

.aproximito-profile-fullname {
	background-color : var(--user-primary-color);
	text-transform : capitalize;
	font-weight    : 600;
	font-size      : 1.4rem;
    color: #ffffff;
}

.aproximito-current-role {
	color:var(--user-primary-color);
	font-size: 3rem;
	line-height: 3;
	font-weight:400;
  	text-shadow: 0.02em 0.02em 0.02em #333;
}

/* apx smart categories images */
.jitem-img-wrap.apx-smart-category-img-wrap .apx-smart-category-img {
	max-width: 100%;
	max-height: 100%;
}

.projects-container {
	width: 100%;
}


span.apx-back-to-top {
	position         : fixed;
	bottom           : 2%;
	right            : 8%;
	color            : rgb(255,255,255);
	background-color : rgba(41, 41, 41, 0.8);
	border-radius    : 0.25rem;
	display          : inline-flex;
	align-items      : center;
	justify-content  : center;
	width            : 3rem;
	height           : 3rem;
	font-size        : 1.5rem;
	line-height      : 1.5;
}

span.apx-back-to-top > a.apx-link {
	color            : rgb(255,255,255);
	padding         : 1rem;
	text-decoration : none;
}

span.apx-back-to-top:hover {
	background-color : rgba(41, 191, 66, 0.8);
	transition       : background-color 0.5s ease-out;
}

a.apx-btn-mon-choix {
	font-size        : 0.9rem;
	background-color : #29bf42;
	color            : #ffffff;
	padding          : 15px;
	border-radius    : 5px;
}

.apx-multiply-sign {
	margin : 0.25rem;
}

.pagination, .list-footer {
	display         : flex;
	justify-content : center;
}

.pagination ul, .list-footer ul, ul.pagination-list {
	display         : flex;
	justify-content : center;
	list-style-type : none;
}

.pagination ul li, .list-footer ul li, ul.pagination-list li {
	padding : 0 0.5rem;
}


@media screen and (min-width : 20rem) {
	a.apx-btn-mon-choix {
		font-size : 1.5rem;
	}
	
	.jbd-container .cart-item-pic {
		width     : 100%;
		max-width : 20rem;
		max-height: 20rem;
	}
	.jbd-container .cart-item-pic img {
		width: 100%;
		max-width: 20rem;
		max-height: 20rem;
	}
	
}

@media screen and (min-width : 40rem) {
	.apx-top-menu {
		flex-direction  : row;
		justify-content : space-evenly;
	}
	
	body.site.view-managecategories .btn-toolbar,
	body.site.view-managecategory .btn-toolbar {
		display:flex;
		margin: 0.5rem;
	}
	
	body.site.view-managecategories .btn-toolbar .btn-wrapper,
	body.site.view-managecategory  .btn-toolbar .btn-wrapper {
		margin: 0.2rem 0.5rem;
	}
	
	.apx-top-menu .apx-btn {
		display               : grid;
		grid-template-columns : repeat(3, auto);
		grid-template-rows    : auto;
		grid-gap              : 0.3rem;
		margin-left           : 2rem;
	}

	body.site img.apx-inline {
		grid-area    : logo;
		justify-self : end;
		max-width    : 8rem;
		float        : left;
	}

	body.site .apx-logo-text {
		font-size : 2.5rem;
	}

	body.site .apx-logo-slogan {
		font-size : 1.05rem;
	}
	
	span.apx-back-to-top {
		bottom           : 1%;
		right            : 1%;
		width            : 4rem;
		height           : 4rem;
		font-size        : 2rem;
		line-height      : 2;
	}
	
	a.apx-btn-mon-choix {
		font-size: 1.8rem;
		background-color: #29bf42;
		color: #fff;
		padding: 15px;
		border-radius: 5px;
	}
}

/** FIN boutons sociaux */

@media screen and (min-width : 56.250rem) {

	ul#morning {
		display               : grid;
		grid-template-columns : repeat(3, 1fr);
	}

	ul#morning li {
		justify-self : center;
		align-self   : center;
	}

	ul#afternoon {
		display               : grid;
		grid-template-columns : repeat(3, 1fr);
	}

	ul#afternoon li {
		justify-self : center;
		align-self   : center;
	}

	ul#evening {
		display               : grid;
		grid-template-columns : repeat(3, 1fr);
	}

	ul#evening li {
		justify-self : center;
		align-self   : center;
	}

}

/** Media queries */
@media screen and (max-width : 56.250rem) {
	.dj-megamenu-custom188 {
		flex-wrap : wrap;
	}
}

@media screen and (max-width : 56.250rem) {
	.dj-megamenu-custom166 {
		flex-wrap : wrap;
	}
}

@media screen and (min-width : 56.250rem) {
	.giftcard-layout {
		display               : grid;
		grid-template-areas   : "t t t" "n s v" "a r p" "a u p" ". . d";
		grid-template-columns : 30rem 1fr 15rem;
	}
}