.driver-active .driver-overlay,
.driver-active * {
pointer-events: none;
}
.driver-active .driver-active-element,
.driver-active .driver-active-element *,
.driver-popover,
.driver-popover * {
pointer-events: auto;
}
@keyframes animate-fade-in {
0% {
opacity: 0;
}
to {
opacity: 1;
}
}
.driver-fade .driver-overlay {
animation: animate-fade-in .2s ease-in-out;
}
.driver-fade .driver-popover {
animation: animate-fade-in .2s;
}
.driver-popover {
all: unset;
box-sizing: border-box;
margin: 0;
padding: 25px;
border-radius: 5px;
min-width: 450px !important; /* largeur fixe */
max-width: 450px !important; /* largeur fixe */
width: 450px !important; /* largeur fixe */
box-shadow: 0 1px 10px #0006;
z-index: 1000000000;
position: fixed;
left: 50%;
bottom: 20px;
transform: translateX(-50%);
background-color: #FFFFFF !important;
color: #000 !important;
overflow-wrap: break-word;
word-break: break-word;
font-family: "Montserrat", Sans-serif !important;
}
.driver-popover * {
font-family: "Montserrat", Sans-serif !important;
}
.driver-popover-title {
font-size: 20px !important;
font-weight: 700;
line-height: 1.5;
margin: 0;
display: block;
position: relative;
}
.driver-popover-close-btn {
all: unset;
position: absolute;
top: 5px;
right: 5px;
width: 32px;
height: 28px;
cursor: pointer;
font-size: 18px;
font-weight: 500;
color: #000000 !important;
z-index: 1;
text-align: center;
transition: color;
transition-duration: .2s;
}
.driver-popover-close-btn:hover {
color: #000 !important;
}
.driver-popover-description {
margin-top: 5px;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
}
.driver-popover-footer {
margin-top: 15px;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 10px !important;
}
.driver-popover-progress-text {
font-size: 13px;
font-weight: 400;
color: #727272;
order: 1 !important;
flex: 1 !important;
text-align: center !important;
}
.driver-popover-footer button {
display: inline-block;
padding: 5px 8px !important;
background-color: #FCDBB2 !important;
color: #000 !important;
border: 2px solid #FCDBB2 !important;
border-radius: 6px !important;
text-shadow: none !important;
font-size: 14px !important;
cursor: pointer;
font-family: "Montserrat", Sans-serif !important;
text-align: center !important;
flex: 1 !important;
}
.driver-popover-footer button:hover {
background-color: #F7941D !important;
border: 2px solid #F7941D !important;
}
.driver-popover-navigation-btns {
display: flex;
flex-grow: 1;
justify-content: flex-end;
order: 2 !important;
}
.driver-popover-navigation-btns button + button {
margin-left: 4px;
}
.driver-popover-arrow {
content: "";
position: absolute;
border: 5px solid #ffffff !important;
}
.driver-popover-arrow-side-over,
.driver-popover-arrow-side-center,
.driver-popover-arrow-none {
display: none;
}
.driver-popover-arrow-side-top {
top: 100%;
left: 50%;
transform: translateX(-50%);
border-right-color: transparent;
border-bottom-color: transparent;
border-left-color: transparent;
}
.driver-popover-arrow-side-bottom {
bottom: 100%;
left: 50%;
transform: translateX(-50%);
border-left-color: transparent;
border-top-color: transparent;
border-right-color: transparent;
}
.driver-no-interaction,
.driver-no-interaction * {
pointer-events: none !important;
}
:not(body):has(>.driver-active-element) {
overflow: hidden !important;
}



.driver-popover.driverjs-theme {
background-color: #FFFFFF !important;
color: #000 !important;
max-width: 450px !important; /* largeur fixe */
min-width: 450px !important; /* largeur fixe */
width: 450px !important; /* largeur fixe */
overflow-wrap: break-word !important;
word-break: break-word !important;
box-sizing: border-box !important;
}
.driver-popover.driverjs-theme .driver-popover-title {
font-size: 20px !important;
}
.driver-popover.driverjs-theme .driver-popover-title,
.driver-popover.driverjs-theme .driver-popover-description,
.driver-popover.driverjs-theme .driver-popover-progress-text {
color: #000 !important;
font-family: "Montserrat", Sans-serif !important;
}
.driver-popover.driverjs-theme button {
flex: 1 !important;
text-align: center !important;
background-color: #FCDBB2 !important;
color: #000 !important;
border: none !important;
text-shadow: none !important;
font-size: 14px !important;
padding: 5px 8px !important;
border-radius: 6px !important;
}
.driver-popover.driverjs-theme button:hover {
background-color: #F7941D !important;
color: #000 !important;
border: none !important;
}
/* Centrer le texte de progression entre les boutons */
.driver-popover.driverjs-theme .driver-popover-footer {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 10px !important;
}
.driver-popover.driverjs-theme .driver-popover-navigation-btns {
order: 2 !important;
}
.driver-popover.driverjs-theme .driver-popover-progress-text {
order: 1 !important;
flex: 1 !important;
text-align: center !important;
}
.driver-popover.driverjs-theme .driver-popover-close-btn {
all: unset;
position: absolute;
top: 5px;
right: 5px;
width: 32px;
height: 28px;
cursor: pointer;
font-size: 18px;
font-weight: 500;
color: #000000 !important;
z-index: 1;
text-align: center;
transition: color;
transition-duration: .2s;
}
.driver-popover.driverjs-theme .driver-popover-close-btn:hover {
color: #000 !important;
}
.driver-popover.driverjs-theme .driver-popover-arrow-side-left.driver-popover-arrow {
border-left-color: #fde047 !important;
}
.driver-popover.driverjs-theme .driver-popover-arrow-side-right.driver-popover-arrow {
border-right-color: #fde047 !important;
}
.driver-popover.driverjs-theme .driver-popover-arrow-side-top.driver-popover-arrow {
border-top-color: #fde047 !important;
}
.driver-popover.driverjs-theme .driver-popover-arrow-side-bottom.driver-popover-arrow {
border-bottom-color: #fde047 !important;
}