html, body {
margin: 0 auto;
overflow-x: hidden;
overflow-y: hidden;
font-family: "inter", sans-serif;
}
.hidden
{
display: none !important;
}
.forceshow
{
display: block !important;
}
.hiddenOpacity
{
opacity: 0.7;
}
.hideParamettreOptions, .hiddenVisibility
{
visibility: hidden;
}
.noselect{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.noTransition {
-webkit-transition: none !important;
-moz-transition: none !important;
-o-transition: none !important;
transition: none !important;
}
.desableMouse
{
pointer-events: none;
}
/*width: 1024px;*/
@media screen and (max-width: 1023px) {
html, body.SpaceBuilder {
overflow: auto !important;
}
body.SpaceBuilder
{
width: 1024px !important;
min-width: 1024px !important;
}
.settings-builder
{
height: 100% !important;
}
}
.stickybar-builder
{
position: fixed;
background: white;width:100%;
z-index: 999999999;
top: 0;
right: 0;
left: 0;height:60px;
padding-right: 15px;
padding-left: 15px;
border-bottom: 1px solid #EEEEEE;
display: flex; align-items: center; justify-content: space-between;
}
.stickybar-builder .center_stickybare
{
font-weight: 600;font-size: 12px; min-width: 100px;
cursor: pointer;
padding: 10px;
display: flex;
gap: 5px;
min-width: 200px;
position: relative;
/*flex-direction: column;*/
/*align-items: center;*/
}
.stickybar-builder .left_stickybare
{
min-width: 200px;
}
.stickybar-builder .right_stickybare
{
display: flex; align-items: center; justify-content: space-between;gap:10px;
position: relative;
}
.stickybar-builder .options_stickybare.HideVisibility,
.stickybar-builder .right_stickybare.HideVisibility
{
visibility: hidden;
}
.btnEditor, .btnEditorTab {
position: absolute;
/*top: -20px;*/
left: calc(50% - 0px);
transform: translatex(-50%);
}
/* Button Editor */
.button.button--sacnite {
min-width: 20px !important;
width: 20px;
height: 20px;
min-width: 0;
padding: 0;
color: #fff;
-webkit-transition: color 0.3s;
transition: color 0.3s;
z-index: 1;
font-size: 12px;
position: relative;
border: none;
background: none;
display: flex;
align-items: center;
justify-content: center;
outline: 2px solid white;
}
.button--sacnite::before {
content: '';
position: absolute;
top: 0px;
left: 0;
width: 100%;
height: 100%;
background: #fff;
border-radius: inherit;
z-index: -1;
box-shadow: inset 0 0 0 35px #37474f;
-webkit-transform: scale3d(0.9, 0.9, 1);
transform: scale3d(0.9, 0.9, 1);
-webkit-transition: box-shadow 0.3s, -webkit-transform 0.3;
transition: box-shadow 0.3s, transform 0.3s;
}
.button--round-l {
border-radius: 40px;
}
.button--sacnite:hover::before {
-webkit-transform: scale3d(1.5, 1.5, 1.5);
transform: scale3d(1.5, 1.5, 1.5);
}
.button--sacnite i
{
top: 0.22222px;
position: relative;
}
.button.button--sacnite:focus
{
outline: none !important;
}
.content-builder
{
position: fixed;
width:100%;
z-index: 8;
top: 60px;
right: 0;
left: 0;
height:calc(100vh - 60px);
display: flex;
}
.settings-builder
{
position: fixed;
background: #EEEEEE;
width:100%;
z-index: 9;
top: 60px;
right: 0;
left: 0;
height:calc(100vh - 60px);
display: flex;
}
button.button-space
{
min-width:62px;
width: 30px;
height:30px;
font-size:12px;
background-color:rgb(0, 153, 255);
color:rgb(255, 255, 255);
padding:0px 10px;
border-radius:8px;
font-weight:600;cursor:pointer;
position:relative;
border:0px none rgb(255, 255, 255);
margin:0px;
appearance:none;
outline:rgb(255, 255, 255) none 0px;
text-decoration:none solid rgb(255, 255, 255);
transition:background-color 190ms ease;
}
button.button-space.blue
{
background-color:rgb(0, 153, 255);
box-shadow:rgba(0, 153, 255, 0.3) 0px 4px 8px 0px;
}
button.button-space.blue:hover
{
background-color: #1188FF;
}
button.button-space.silver
{
background-color: #F3F3F3;
color: #333333;
}
button.button-space.silver:hover, button.button-space.silver.active, button.button-space.silver:focus
{
background-color: #EEEEEE !important;
border-color: #EEEEEE !important;
box-shadow: none !important;
color: #333333 !important;
}
button.button-space.silver:active
{
background-color: #dddddd !important;
border-color: #dddddd !important;
box-shadow: none !important;
color: #333333 !important;
}
button.button-space.red
{
background-color: #ff3366;
color: white;
}
button.button-space.red:hover, button.button-space.red:focus
{
background-color: #ee2255 !important;
border-color: #ee2255 !important;
box-shadow: none !important;
}
button.button-space.red:active
{
background-color: #dd1144 !important;
border-color: #dd1144 !important;
box-shadow: none !important;
}
button.button-space.radio, button.button-space.radio_platforme, button.button-space.checkradio
{
background-color: transparent;
color: #837d7d;
}
button.button-space.radio.active, button.button-space.radio_platforme.active, button.button-space.checkradio.active
{
background-color: #F3F3F3;
color: #222222;
}
button.button-space.white
{
background-color: white;
color: #333333;
box-shadow: 0px 4px 8px 0px rgba(0,0,0,.12);
font-size: 13px;
}
button.button-space.white:hover
{
background-color: #FAFAFA;
}
button.button-space.lime
{
background-color: #FFE391;
color: #333333;
box-shadow: 0px 4px 8px 0px rgb(79 139 72 / 22%);
}
button.button-space.lime:hover
{
background-color: #F9F871;
}
button.button-space.with_icon
{
min-width: 30px;
padding: 0;
}
.menu_accuail_content, .menu_edition_editor
{
position: relative;
border-right: 1px solid #EEEEEE;
min-width: 300px; /* 259 */
margin-right: 60px;
background: white;padding: 10px;
scrollbar-color: transparent transparent;
padding-top: 20px;overflow-y: overlay; padding-bottom: 60px;
height: 100%;
z-index: 999999999;
}
.menu_edition_editor
{
width: 300px; /* 259 */
padding: 15px;
margin-right: 0px;
overflow: hidden;
}
.menu_accuail_content hr
{
border-color: #EEEEEE; margin-left: 5px; margin-right: 5px;
}
.menu_edition_editor hr
{
border-color: #EEEEEE; margin-left: 0px; margin-right: 0px;
}
.menu_accuail_content .wrapper_bigTitle
{
padding-left: 5px !important;
margin-bottom: 7px;
padding-bottom: 15px;
}
.menu_accuail_content .wrapper_bigTitle .bigTitle, .askPopupElementsAdd .wrapper_bigTitle .bigTitle
{
letter-spacing: .05em;
pointer-events: none;
cursor: default;
font-size: 10px;
text-transform: uppercase;
color: var(--color-black) !important;
font-weight: 700;
min-width: 180px;
}
.menu_accuail_content .accordion, .askPopupElementsAdd .accordion
{
margin: 0 0px;
padding-right: 0px;
margin-right: 5px;
color: #333333;
font-size: 12px;
font-weight: 500;
margin-top: -10px;
padding-left: 5px;
}
.menu_accuail_content ul, .askPopupElementsAdd ul {
list-style-type: none;
padding: 0;
}
.menu_accuail_content a, .askPopupElementsAdd ul a
{
color: #333333 !important;
}
.menu_accuail_content ul a, .askPopupElementsAdd ul a
{
cursor: pointer;
width: 100%;
display: block;
padding: 11px 16px;
line-height: 20px;
position: relative;
margin-bottom: 1px;
background: white;
outline: 0 !important;
border: 0 !important;
color: #333333 !important;
font-weight: 500;
border-radius: 8px !important;
transition: ease 150ms all;
padding-left: 35px;
text-decoration: none;
}
.menu_accuail_content ul a.active, .askPopupElementsAdd ul a.active
{
background-color: #F3F3F3;
}
.menu_accuail_content ul a i, .askPopupElementsAdd ul a i
{
color: #333333;
font-size: 12px;
top: 35%;
position: absolute;
left: 0;
width: 40px;
text-align: center;
}
.menu_accuail_content .text_item, .askPopupElementsAdd .text_item
{
max-width: 93%;
display: block;
}
.menu_accuail_content a:focus, .menu_accuail_content a:hover
{
text-decoration: none !important;
outline:0 !important;
}
.menu_accuail_content::-webkit-scrollbar {
width: 1px;
background: transparent;
}
.Settings_content
{
overflow-y: auto; overflow-x: hidden; padding-right: 60px; flex: 1;
/*padding-left: 320px;*/
}
.Settings_content .settings_wrap
{
padding: 60px 0; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 30px;min-width: 600px;
}
.Settings_content .form_settings
{
box-shadow: 0px 1px 1px 0px rgba(0,0,0,.1),0px 2px 10px 0px rgba(0,0,0,.05);background: white;width: 600px;border-radius: 16px;border-bottom:rgba(0,0,0,.05); overflow: hidden;padding:30px;
}
.Settings_content .form_settings hr
{
border-color: #EEEEEE; margin-top: -10px;
}
.Settings_content .form_settings .form_title_
{
padding-bottom: 30px;display: flex; justify-content: space-between;
}
.Settings_content .form_settings .title_
{
font-size:22px;font-weight: 700;
}
.input_group_rename,
.inputcolorpickers_dyn_settings_element,
.input_dyn_settings_element,
.input_dyn_inputtree,
.input_menu_add,
.input_select_dyn_settings_element .dropdown-toggle
{
min-height: 32px;
/*font-family: Open Sans,Helvetica,Roboto,Arial,sans-serif;*/
font-size: 12px;
font-weight: 600;
background: #F3F3F3;
width: 100%;
border: 0px;
padding: 7px 10px;
border-radius: 3px;
transition:background .2s ease;
color:#4c5866;
border-radius: 8px;
}
.content-builder .tab-editing .parent_setting_ .input_group_rename,
.content-builder .tab-editing .parent_setting_ .inputcolorpickers_dyn_settings_element,
.content-builder .tab-editing .parent_setting_ .input_dyn_settings_element,
.content-builder .tab-editing .parent_setting_ .input_dyn_inputtree,
.content-builder .tab-editing .parent_setting_ .input_menu_add,
.content-builder .tab-editing .parent_setting_ .input_select_dyn_settings_element .dropdown-toggle,
.settingsSpecialPopup .parent_setting_ .input_group_rename,
.settingsSpecialPopup .parent_setting_ .inputcolorpickers_dyn_settings_element,
.settingsSpecialPopup .parent_setting_ .input_dyn_settings_element,
.settingsSpecialPopup .parent_setting_ .input_dyn_inputtree,
.settingsSpecialPopup .parent_setting_ .input_menu_add,
.settingsSpecialPopup .parent_setting_ .input_select_dyn_settings_element .dropdown-toggle
{
font-size: 12px;
font-weight: 500;
min-height: 30px;
border-radius: 3px;
padding: 5px 7px;
font-size: 10px;
min-height: 20px;
padding-left: 5px;
padding-right: 5px;
}
.content-builder .tab-editing .parent_setting_ .input_select_dyn_settings_element .dropdown-toggle,
.settingsSpecialPopup .parent_setting_ .input_select_dyn_settings_element .dropdown-toggle
{
min-height: 25px;
}
.content-builder .tab-editing .parent_setting_ .input_dyn_settings_element,
.settingsSpecialPopup .parent_setting_ .input_dyn_settings_element
{
font-size: 10px;
min-height: 20px;
padding-left: 5px;
padding-right: 5px;
}
.content-builder .tab-editing .parent_setting_ .buttons_inline_setting > button,
.settingsSpecialPopup .parent_setting_ .buttons_inline_setting > button
{
transform: scale(0.822);
margin-right: 5px !important;
}
.content-builder .tab-editing .parent_setting_ .title_item_setting,
.settingsSpecialPopup .parent_setting_ .title_item_setting
{
font-size: 11px;
margin-right: 7px;
}
.content-builder .tab-editing .parent_setting_ .title_item_setting,
.content-builder .tab-editing .parent_setting_ .buttons_inline_setting,
.settingsSpecialPopup .parent_setting_ .title_item_setting,
.settingsSpecialPopup .parent_setting_ .buttons_inline_setting
{
position: relative;
top: 8px;
}
.tab-editing .row_config_margin .fa-link.active, .tab-editing .row_config_padding .fa-link.active {
color: rgb(43, 135, 218) !important;
}
.tab-editing .wrapperContentSettings
{
/*padding-left: 10px;*/
padding-top: 8px;
padding-left: 10px;
}
.input_group_rename:focus,
.input_dyn_settings_element:focus,
.input_menu_add:focus,
.inputcolorpickers_dyn_settings_element:focus,
.input_select_dyn_settings_element:focus {
outline: 1px solid #0099ff;
background: #F3F3F3;
}
.sp-container button : focus
{
outline: none !important;
border :0 !important;
}
.sp-container
{
z-index: 999999999;
}
.sp-container .sp-cancel
{
text-decoration: none !important;
position: absolute;
left: 13px;
bottom: 10px;
border: 1px solid;
padding: 3px 8px;
font-weight: 600;
border-radius: 3px;
}
.row_config_margin:after .row_config_padding:after, .row_configuration_numeric:after {
content: "";
display: table;
clear: both;
}
.row_configuration_all
{
margin-bottom: 15px;
min-height: 20px;
margin-top: 10px;
position: relative;
z-index: 2;
}
.parent_setting_fix_margin .row_configuration_all
{
margin-bottom: 8px;
margin-top: 3px;
}
.popupErreur .AskPopupContainer *
{
color: #7473af !important;
}
.parent_setting_ .helpTite
{
font-size: 12px;color: #a1a7b1;
margin-top: 10px;
}
.parent_setting_ .setting_elem_help
{
font-size: 12px;color: #a1a7b1;display: none;
margin-top: 10px;
}
.title_item_setting, .tabResponsibleHover, .buttons_inline_setting
{
position: relative;
z-index: 2;
}
.buttons_inline_setting button.active, .title_item_setting button.active
{
background: #2C87DA !important;
color :white !important;
}
.buttons_inline_setting button
{
margin-right: 10px;
}
.buttons_inline_setting button.active, .title_item_setting button.active
{
background: #2C87DA !important;
color :white !important;
}
.btn-circle:active,
.btn-circle,
.btn-circle:hover:focus{
border: 0 !important;
box-shadow:none !important;
outline : 0 !important;
}
.btn-circle:hover{
}
.btn-circle {
width: 22px;
height: 22px;
text-align: center;
padding: 6px 0;
font-size: 12px;
text-align: center;
cursor: pointer;
line-height: 1.428571429;
border-radius: 15px;
background: #F1F5F9;
color: black;
border: 0;
padding: 0px;
}
.title_item_setting, .tabResponsibleHover, .buttons_inline_setting
{
position: relative;
z-index: 2;
}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
color: #c7c8c9;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #c7c8c9;
}
::-ms-input-placeholder { /* Microsoft Edge */
color: #c7c8c9;
}
.AskMessageBottomAlert
{
background: rgb(41 15 33) !important;
box-shadow: 0px 10px 30px 0px rgba(0,0,0,.1), 0px 1px 4px 0px rgba(0,0,0,.02) !important;
border-radius: 15px !important;
padding-right: 15px !important;
padding-left: 15px !important;
bottom: 84px !important;
min-height: 50px !important;
}
.AskMessageBottomAlert .checkmark, .sauvgarde_elements .checkmark
{
width: 16px;
height: 16px;
border-radius: 50%;
display: block;
stroke-width: 4;
stroke: white;
stroke-miterlimit: 10;
box-shadow: inset 0px 0px 0px white;
animation: fill_ .4s ease-in-out .4s forwards, scale_ .3s ease-in-out .9s both;
position:relative;
top: 5px;
right: 5px;
margin: 0 auto;
position: absolute;
right: 9px;
top: 9px;
}
.AskMessageBottomAlert .checkmark__circle, .sauvgarde_elements .checkmark__circle {
stroke-dasharray: 166;
stroke-dashoffset: 166;
stroke-width: 6;
stroke-miterlimit: 10;
stroke: white;
fill: #2DCE89;
animation: stroke_ 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}
.AskMessageBottomAlert .checkmark__check, .sauvgarde_elements .checkmark__check {
transform-origin: 50% 50%;
stroke-dasharray: 48;
stroke-dashoffset: 48;
animation: stroke_ 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.6s forwards;
}
.AskMessageBottomAlert.mssuccess
{
background-color: #2DCE89 !important;
}
.AskMessageBottomAlert.mssuccess svg
{
top: 17px !important;
right: 13px !important;
}
.AskMessageBottomAlert .svg_loading
{
top: 10px !important;
right: 7px !important;
}
.AskMessageBottomAlert span {
font-family: "inter", sans-serif !important;
font-size: 12px !important;
margin-top: 19px !important;
}
.AskMessageBottomAlert .checkmark {
stroke: white !important;
}
.AskMessageBottomAlert .checkmark__circle {
stroke: white !important;
fill: #2DCE89 !important;
}
@keyframes stroke_ {
100% {
stroke-dashoffset: 0;
}
}
@keyframes scale_ {
0%, 100% {
transform: none;
}
50% {
transform: scale3d(1.1, 1.1, 1);
}
}
@keyframes fill_ {
100% {
box-shadow: inset 0px 0px 0px 30px #4bb71b;
}
}
.row_configuration_image .PreviewBackgroundImage
{
cursor: pointer;
width: 100%;
height: 270px;
background-image: url(../data/images/image_vide.png);
background-position: center;
background-repeat: no-repeat;
background-color: #F1F5F9;
margin-top: 15px;
margin-bottom: 15px;
}
/* CheckBox */
.switchdyn {
position: relative;
display: inline-block;
width: 52px;
height: 25px;
}
/* Hide default HTML checkbox */
.switchdyn input {display:none;}
/* The slider-checkbox */
.slider-checkbox {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}
.slider-checkbox:before {
position: absolute;
content: "";
height: 17px;
width: 17px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
input.default:checked + .slider-checkbox {
background-color: #444;
}
input.primary:checked + .slider-checkbox {
background-color: #2196F3;
}
input.success:checked + .slider-checkbox {
background-color: #8bc34a;
}
input.info:checked + .slider-checkbox {
background-color: #3de0f5;
}
input.warning:checked + .slider-checkbox {
background-color: #FFC107;
}
input.danger:checked + .slider-checkbox {
background-color: #f44336;
}
input:focus + .slider-checkbox {
box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider-checkbox:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}
.slider-checkbox.round {
border-radius: 34px;
}
.slider-checkbox.round:before {
border-radius: 50%;
}
.parent_setting_ .backgroundColorCheckboxChild
{
opacity:0.6;
/*background-color:#0f02ff2e;*/
position:absolute;
top:-15px;
/*width: calc(100% + 30px); */
width: 4px;
background: #6c2eb9;
/*background-image: linear-gradient(to right top, #f0ecf2, #ebd6f6, #e6c0fa, #e0a9fd, #d992ff);*/
/*border-left:5px solid #6c2eb9;*/
}
.tab-editing .parent_setting_ .backgroundColorCheckboxChild
{
/*display: none !important;*/
left: -10px !important;
top: 4px !important;
border-bottom: 20px solid white;
background-color: #0099ff;
}
.classDesignSpaceBuilderColorPicker
{
display: block;
}
.classDesignSpaceBuilderColorPicker input.inputcolorpickers_dyn_settings_element
{
padding-left: 35px !important;
width: 100%;
display: block !important;
}
.classDesignSpaceBuilderColorPicker .sp-replacer
{
width: 30px;
height: 24px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
position: absolute !important;
left: 0;
top: 0;
}
.classDesignSpaceBuilderColorPicker .sp-replacer .sp-dd
{
display: none;
}
.parent_setting_
{
transition: filter 0.4s ease-in-out, background-color 0.4s ease-in-out;
margin-bottom: 10px;
position: relative;
z-index: 2;
}
.Settings_content .parent_setting_
{
margin-bottom: 2em;
}
.form_settings_password_boutique .backgroundColorCheckboxChild
{
display:none !important;
}
.form_settings_password_boutique .parent_setting_.nopaddingFix
{
padding-left: 0 !important;
margin-top: -10px;
}
.settings_custom_code_boutique .row_configuration_inputtextarea > .CodeMirror:not(.CodeMirror-fullscreen)
{
border-radius: 6px;
}
/* Remove this container when use*/
.menu_edition_editor .component-title {
width: 100%;
position: absolute;
z-index: 999;
top: 30px;
left: 0;
padding: 0;
margin: 0;
font-size: 1rem;
font-weight: 700;
color: #22222;
text-align: center;
font-weight: 700;
}
.menu_edition_editor .tab-container {
position: relative;
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 0px;
background-color: #F3F3F3;
border-radius: 9px;
margin-bottom: -5px;
z-index: 9999;
margin-bottom: 20px;
}
.menu_edition_editor .indicator {
content: "";
width: 80px;
height: 27px;
background: #ffffff;
position: absolute;
top: 2px;
left: 2px;
z-index: 9;
border: 0.5px solid rgba(0, 0, 0, 0.04);
box-shadow: 0px 2px 4px 0px rgba(0,0,0,.15);
border-radius: 5px;
transition: all 0.2s ease-out;
}
.menu_edition_editor .tab {
width: 130px;
height: 32px;
position: absolute;
z-index: 99;
outline: none;
opacity: 0;
}
.menu_edition_editor .tab_label {
width: 130px;
height: 32px;
position: relative;
z-index: 999;
display: flex;
align-items: center;
justify-content: center;
border: 0;
opacity: 0.6;
cursor: pointer;
font-size: 12px;
font-weight: 500;
color: #999999;
transition: color ease;
}
.menu_edition_editor .tab_label.active {
font-weight: 700;
color: #222222;
opacity: 1;
}
.menu_edition_editor .tab1.active ~ .indicator {
left: 4px;
}
.menu_edition_editor .tab2.active ~ .indicator {
left: calc(88px + 6px);
}
.menu_edition_editor .tab3.active ~ .indicator {
left: calc(88px * 2 + 8px);
width: 78px;
}
.menu_edition_editor .tab-container .divider
{
width: 2px;
height: 14px;
border-radius: 2px;
background-color: #e6e6e6;
-webkit-transition: opacity .2s;
transition: opacity .2s;
margin-top: 9px;
}
.menu_edition_editor .close_mobile
{
display: none;
}
@keyframes heartBeat {
0% { transform: scale(1); }
14% { transform: scale(1.6); }
28% { transform: scale(1); }
42% { transform: scale(1.6); }
70% { transform: scale(1); }
}
.animate__heartBeat__ {
animation: heartBeat 1.3s ease-in-out infinite;
}
@media screen and (min-width: 920.8px)
{
.LeftMenuColorPicker
{
left: 273px !important;
}
}
/* Mobile Builder */
@media screen and (max-width: 920.8px)
{
.content-builder .space_canvas_ .views
{
transition: none !important;
}
.menu_edition_editor .tab-content:not(.tab-editing)
{
width: calc(110% - 30px) !important;
}
.stickybar-builder .center_stickybare,
.stickybar-builder .left_stickybare:not(.forceshow),
.stickybar-builder .right_stickybare .btn-invite
{
display: none !important;
}
.hiddenMobile
{
display: none !important;
}
.selected_item .fa-info-circle
{
float: none !important;
display: none !important;
}
.content-builder .menu_edition_editor:not(.ShowEditingMobile)
{
display: none !important;
}
.content-builder .menu_edition_editor.DetailePropertyOpenedMobile
{
height: 55% !important;
top: calc(100vh - 55% - 10px) !important;
}
.bodyParent
{
top: -15px !important;
}
body .content-builder .menu_edition_editor.ShowPagesConfiguration
{
height: 70% !important;
top: calc(100vh - 70% - 10px) !important;
padding-top: 50px;
}
.content-builder .menu_edition_editor
{
width: 450px;
position: fixed;
left: 50% !important;
transform: translateX(-50%);
height: 135px;
top: calc(100vh - 180px);
z-index: 999999999999999999999999999999;
max-width: 94%;
border-radius: 15px;
box-shadow: 0 10px 20px #0000001a;
}
.content-builder .menu_edition_editor .tab-container-menu
{
display: none !important;
}
.menu_edition_editor:not(.DetailePropertyOpenedMobile) .tab-editing.active
{
display: flex !important;
overflow-x: scroll !important;
scroll-snap-type: x mandatory; /* Active le snapping horizontal */
scroll-padding: 10px; /* Ajoute un petit padding pour le snap */
overflow-y: hidden !important;
padding-right: 60px;
}
.menu_edition_editor:not(.DetailePropertyOpenedMobile) .tab-editing.active:after {
content: "";
position: absolute;
top: 50px;
right: 0;
width: 100px;
height: 100%;
pointer-events: none;
background: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
z-index: 999999999999999;
}
.tab-content .arrow_container
{
display: none !important;
}
.menu_edition_editor:not(.ShowPagesConfiguration) .wrapper .wrapper_bigTitle_title
{
text-align: center !important;
}
.menu_edition_editor .text_item, .askPopupElementsAdd .text_item
{
max-width: 100% !important;
font-weight: 600 !important;
font-size: 10px !important;
}
body i.onlyMobile.hidden
{
display: block !important;
font-size: 26px;
font-weight: 300;
margin-bottom: 7px;
}
.tab-content .wrapper_bigTitle, .askPopupElementsAdd .wrapper_bigTitle
{
outline: 0 !important;
padding: 0 !important;
}
.content-builder .tab-editing
{
margin-top: 20px;
}
.tab-editing.active hr
{
display: none !important;
}
.menu_edition_editor .wrapper_bigTitle .bigTitle, .askPopupElementsAdd .wrapper_bigTitle .bigTitle
{
min-width: 130px !important;
}
.menu_edition_editor .close_mobile
{
display: block !important;
position: absolute;
top: 10px;
right: 10px;
background: white;
cursor: pointer;
border-radius: 50%;
border: 1px solid #828282;
height: 30px;
width: 30px;
line-height: 31px;
text-align: center;
padding: 0;
z-index: 9999999999999999999999999;
}
.menu_edition_editor .selected_item
{
background: #F3F3F3 !important;
text-align: center !important;
margin-left: 10px !important;
border: 0 !important;
border-radius: 0 !important;
}
/* Configuration */
body.ShowMobileMenuConfiguration .menu_config
{
background: #f3f3f3;
}
.configurationOpened .menu_config
{
display: block !important;
}
.configurationOpened .left_stickybare
{
display: flex !important;
gap: 20px;
justify-content: space-between;
width: 100%;
min-width: 100%;
}
.configurationOpened .Settings_content
{
padding: 10px !important;
}
.configurationOpened .Settings_content .settings_wrap
{
padding: 0px !important;
min-width: 100% !important;
width: 100% !important;
}
.configurationOpened .Settings_content .form_settings
{
width: 100% !important;
}
body:not(.ShowMobileMenuConfiguration) .settings-builder .menu_accuail_content
{
position: absolute;
min-width: 0;
max-width: 0px;
width: 0;
margin-right: 0;
padding: 0;
}
body.ShowMobileMenuConfiguration .Settings_content .settings_wrap
{
filter: blur(6px);
opacity: 0.5;
}
.settings-builder .menu_accuail_content
{
margin-right: 0 !important;
}
.open_pages_mobile, .open_color_config_mobile
{
display: block !important;
}
body .fixidTippy2
{
transform: initial !important;
}
}
@media screen and (max-width: 550.8px)
{
.askPopupElementsAdd
{
overflow-x: scroll !important;
}
}
@media screen and (max-width: 460.8px)
{
.stickybar-builder .button-space-help,
.stickybar-builder ._divider_
{
display: none !important;
}
.configurationOpened .Settings_content .form_settings
{
padding-left: 15px !important;
padding-right: 15px !important;
}
.stickybar-builder
{
padding-left: 2px !important;
padding-right: 5px !important;
}
}
/* END Mobile Builder */
.menu_edition_editor .tab-content
{
width: calc(110% - 10px);
height: 100%;
height: calc(100% - 30px);
scrollbar-color: transparent transparent;
display: none;
padding-bottom: 40px;
overflow-y: scroll;
overflow-x: hidden;
}
.menu_edition_editor .tab-content::-webkit-scrollbar {
width: 1px;
background: transparent;
}
.menu_edition_editor .tab-content.active
{
display: block;
}
.tab-content .wrapper_bigTitle, .askPopupElementsAdd .wrapper_bigTitle
{
position: sticky;
top:0px;
background: white;
width: 100%;
padding-left:0 !important;
margin-bottom: 12px;
padding-top: 5px;
margin-bottom: 0px;
padding-top: 0;
outline: 15px solid white;
padding-bottom: 5px;
cursor: pointer;
z-index: 99 !important;
background: white;
}
.sp-picker-container .sp-cf
{
/* display: flex;
align-items: center;
justify-content: space-between;
width: 100%;*/
}
.tab-content .wrapper_bigTitle hr, .askPopupElementsAdd .wrapper_bigTitle hr
{
margin-bottom: 15px;
margin-top: 10px;
}
.tab-content .accordion
{
padding-left: 0;
padding-right: 0;
margin-right: 0;
}
.tab-content ul a
{
padding: 5px 14px;
padding-left: 45px;
}
.tab-content ul a i
{
top: 32%;
font-size: 10px;
left: 13px;
}
.tab-content .add_button_layers_menu, .tab-content .arrow_container
{
cursor: pointer;
padding: 10px 10px;
position: absolute;
top: -22px;
right: -10px;
}
.accordion-classes, .accordion-colors, .accordion-styles
{
margin-top: 15px;
}
.accordion-pages a, .accordion-composants a, .accordion-classes a, .accordion-colors a, .accordion-styles a, .askPopupElementsAdd ul a
{
display: flex !important;
align-items: center;
gap: 10px;
padding-left: 25px !important;
}
.menu_accuail_content ul a:not(.active)
{
opacity: 0.755;
}
.accordion-pages a:not(.active) *:not(input)
{
opacity: 0.6;
}
.accordion-classes a:not(.active) span.text_item, .accordion-styles a:not(.active) span.text_item, .accordion-colors a:not(.active) span.text_item, .askPopupElementsAdd a:not(.active) span.text_item
{
opacity: 0.755;
}
.tab-content .accordion
{
margin-top: 0;
}
.tab-content .accordion:first-of-type
{
/*margin-top: 5px !important;*/
}
.tab-content .accordion ul
{
margin-bottom: 0;
}
.settings-builder .accordion-configuration-pages a
{
display: flex !important; align-items: center; padding-left: 23px;
}
.settings-builder .accordion-configuration-pages a svg
{
position: relative; left: -9px;
}
.content-builder .space_canvas_
{
flex: 1;
background-color: #EEEEEE;
height: 100%;
/*overflow: initial;*/
/*overflow: hidden;*/
min-width: 5000px;
min-height: 5000px;
touch-action: none;
user-select: none;
-ms-touch-action: none;
-webkit-user-select: none;
-ms-user-select: none;
}
.content-builder .space_canvas_ .views
{
display: flex;
transition: transform .3s;
}
.content-builder .ResizeSpacePreview
{
border-left: 4px solid transparent;
height: 100%;
cursor: e-resize;
position: absolute;
left: 0;
top: 0;
}
.content-builder .space_preview_
{
position: fixed;
border-left: 1px solid #EEEEEE;
min-width: 259px;
right: 0px;
background: white;
height: 100%;
padding: 15px;
padding-top: 20px;
padding-bottom: 60px;
}
.content-builder .fixed_bottom_bar, .content-builder .fixed_bottom_bar_info_control
{
position: fixed;
box-shadow:0 10px 20px #0000001a;
height: 50px;
border-radius: 15px;
bottom:20px;
background-color: white;
transform: translate(-50%);
left:50%;
display: flex;
align-items: center;
padding: 0px 12px;
gap: 10px;
z-index: 999999999999999999999;
}
.content-builder .fixed_bottom_bar_info_control
{
bottom: 90px;
background-color: #0099ff;
color: white;
font-weight: 600;
font-size: 14px;
height: 40px;
}
.content-builder .fixed_bottom_bar_info_control p
{
padding-bottom: 0;
margin-bottom: 0;
}
.content-builder .fixed_bottom_bar_info_control p.info_
{
border-right: 1px solid white;
padding-right: 15px;
white-space: pre;
}
.content-builder .fixed_bottom_bar_info_control .property_edit_
{
display: flex;
font-size: 10px;
gap: 10px;
margin-bottom: 1px;
padding-right: 5px;
padding-left: 5px;
}
.content-builder .fixed_bottom_bar_info_control .property_edit_ .unit_mesure_
{
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
margin-bottom: 1px;
}
.content-builder .fixed_bottom_bar_info_control .property_edit_ .unit_mesure_
{
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
margin-bottom: 1px;
}
.content-builder .fixed_bottom_bar_info_control .property_edit_ .valeur_
{
background: #0480d3;
padding: 2px 8px;
cursor: pointer;
border-radius: 4px;
}
.content-builder .fixed_bottom_bar_info_control .property_edit_ .position_
{
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
}
.content-builder .fixed_bottom_bar .divider
{
width: 1px;
height: 30px;
border-radius: 2px;
background-color: #e6e6e6;
-webkit-transition: opacity .2s;
transition: opacity .2s;
margin-top: 0px;
}
.zoom_canvas_button
{
position: relative;
width: 65px;
height: 30px;
box-sizing: border-box;
padding: 0 7px;
border-radius: 8px;
background-color: #f3f3f3;
color: #333333;
cursor: pointer;
font-size: 12px;
font-variant-numeric: tabular-nums;
font-weight: 600;
display: flex;
align-items: center;
justify-content: space-between;
margin-left: 7px;
}
.menu_tippy_zoom a, .menu_tippy_styles a
{
border-radius: 5px;
margin: 0 5px;
color: #181818;
cursor: pointer;
white-space: pre;
padding: 6px 7px 6px 10px;
width: calc(100% - 10px);
overflow: hidden;
font-size: 12px;
}
.menu_tippy_zoom a.check
{
position: relative;
}
.menu_tippy_zoom a.check:after
{
font-family: 'Font Awesome 5 Pro';
content: "\f00c";
font-size: 10px;
color: #181818;
position: absolute;
top: 7px;
right: 7px;
}
.menu_tippy_zoom a.check:hover:after
{
color: white;
}
.menu_tippy_styles
{
padding-top: 10px;
height: 200px;
overflow-y: auto;
overflow-x: hidden;
margin-top: 10px;
margin-bottom: 10px;
scrollbar-color: transparent transparent;
padding-left: 10px !important;
}
.menu_tippy_styles::-webkit-scrollbar {
width: 1px;
background: transparent;
}
.menu_tippy_styles a
{
margin: 0px;
margin-top: 0px;
font-size: 12px;
min-height: 28px;
}
.menu_tippy_zoom a:hover, .menu_tippy_styles a:hover
{
background-color:#09f;
color:white !important;
}
.menu_tippy_zoom a.disabled, .menu_tippy_styles a.disabled
{
pointer-events: none;
opacity: 0.2;
}
.menu_tippy_zoom .separator, .menu_tippy_styles .separator
{
background-color: #eee;
height: 1px;
margin: 6px 0;
padding: 0;
margin-right: 0px;
}
.menu_tippy_styles .separator
{
min-height: 1px;
pointer-events: none;
}
.menu_tippy_zoom a,
.menu_tippy_zoom a:focus,
.menu_tippy_zoom a:visited,
.menu_tippy_zoom a:hover,
.menu_tippy_zoom a:active,
.menu_tippy_styles a,
.menu_tippy_styles a:focus,
.menu_tippy_styles a:visited,
.menu_tippy_styles a:hover,
.menu_tippy_styles a:active
{
outline: 0 !important;
border:0 ! important;
text-decoration: none !important;
}
.space_canvas_.selectMode
{
cursor: default;
}
.space_canvas_.navigationMode
{
/* desable selctionne */
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: grab;
}
.space_canvas_.navigationMode.grabbing, body.grabbing
{
cursor: grabbing;
}
.space_canvas_.navigationMode *
{
pointer-events: none;
}
.fixidTippy
{
/*position: fixed !important;*/
z-index: 999999999 !important;
transform: translateX(262px) !important;
/*top: 70px !important;*/
/*height: calc(100% - 20px) !important;*/
margin-top: 75px !important;
margin-left: 15px !important;
}
.fixidTippy2
{
transform: translateX(282px) !important;
}
.fixidTippy .tippy-box
{
/*height: calc(100% - 60px) !important;*/
/*padding: 20px 0px;*/
}
.fixidTippy .tippy-box .tippy-content
{
/*height: 100% !important;*/
/*overflow-y: auto;*/
/*overflow-x: hidden;*/
scrollbar-color: transparent transparent;
}
.fixidTippy .tippy-box .tippy-content::-webkit-scrollbar {
width: 1px;
background: transparent;
}
.customTippyPopup .content_tippy_class
{
scrollbar-color: transparent transparent;
}
.customTippyPopup .content_tippy_class::-webkit-scrollbar
{
width: 1px;
background: transparent;
}
.classess_items_wrap
{
padding: 20px 0px;
padding-bottom: 0;
}
.classess_items_wrap .classess_items
{
/*max-height: 190px;*/
/*overflow-y: auto;*/
/*padding: 0;*/
/*scrollbar-color: transparent transparent; */
}
/*.classess_items_wrap .classess_items::-webkit-scrollbar
{
width: 1px;
background: transparent;
}*/
.classess_items_wrap .classess_items ul
{
margin-top: -5px;
}
.wrapperClassess .classess_items_wrap .classess_items .icon_class, .accordion-styles .icon_class
{
color: #222222; font-size: 10px; font-weight: 700; text-transform: uppercase;
width: 10;
display: block;
}
.accordion-colors .color_icon
{
border-radius: 50%;
position: relative;
width: 10px;
min-width: 10px;
height: 10px;
background-color: black;
}
.LeftMenuColorPicker
{
box-shadow: 0px 10px 30px 0px rgba(0,0,0,.1), 0px 1px 4px 0px rgba(0,0,0,.02);
border-radius: 15px;
z-index: 999999999;
}
.LeftMenuColorPicker .sp-cancel
{
margin-right: 10px;
color: #333333;
}
.LeftMenuColorPicker .sp-cancel:focus, .LeftMenuColorPicker .sp-cancel:hover
{
text-decoration: none !important;
outline:0 !important;
}
.accordion-colors .color_icon:after
{
position: absolute;
border: 1px solid #000000;
border-radius: 50%;
background: transparent;
content: "";
inset: 0;
opacity: .1;
}
.tab-content .wrapper .wrapper_bigTitle_title
{
display:flex;justify-content: space-between; align-items: center;cursor: pointer;
}
.tab-content .wrapperClassessChilds .classess_items li:focus, .tab-content .wrapperClassessChilds .classess_items li:visited,
.tab-content .wrapperColorsChilds li:focus, .tab-content .wrapperColorsChilds li:visited,
.tab-content .wrapperStylesChilds li:focus, .tab-content .wrapperStylesChilds li:visited
{
outline: 0;
box-shadow: none;
border: 0;
}
.tab-content .wrapperPagesChilds li,
.tab-content .wrapperComposantsChilds li
{
position: relative;
outline: 0;
}
.tab-content .wrapperPagesChilds li a .menu_page,
.tab-content .wrapperComposantsChilds li a .menu_page
{
position: absolute; top: -5px; right: 1px; padding: 10px; cursor: pointer; display: none;
}
.tab-content .wrapperPagesChilds li a:hover .menu_page,
.tab-content .wrapperComposantsChilds li a:hover .menu_page
{
display: block;
}
.content-builder .tab-editing
{
padding: 0 1px;
padding-bottom: 100px;
}
.content-builder .tab-editing .parent_setting_ h5.title_item_setting,
.settingsSpecialPopup .parent_setting_ h5.title_item_setting
font-weight: 400;
font-size: 12px;
.content-builder .tab-editing .wrapper_bigTitle
{
margin-bottom: 10px;
}
.content-builder .tab-editing .wrapper_bigTitle svg
{
rotate: -90deg;
transition: all ease 200ms;
}
.content-builder .tab-editing .wrapper_bigTitle.backTab svg
{
rotate: 90deg;
}
.tab-content .wrapperPagesChilds .rename_pages input,
.tab-content .wrapperComposantsChilds .rename_pages input
{
color: #4c5866;font-size: 12px;
border-radius: 3px;
border: 0;
background-color: white !important;
height: 20px;
}
.tab-content .wrapperPagesChilds .rename_pages input:focus,
.tab-content .wrapperComposantsChilds .rename_pages input:focus
{
outline: 1px solid #0099ff;
background: #F3F3F3;
}
div#IconPickerModal
{
z-index: 999999999 !important;
height: 90vh;
}
div#IconPickerModal .ip-icons-content
{
transition: all .4s cubic-bezier(0,0.9,0.3,1) !important;
box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, .1), 0px 1px 4px 0px rgba(0, 0, 0, .02);
border-radius: 15px;
}
div#IconPickerModal:before
{
background: rgb(0 0 0 / 14%) !important;
}
div#IconPickerModal .ip-icons-content .ip-icons-area
{
overflow-y: scroll !important;
}
div#IconPickerModal .ip-icons-content .ip-icons-area:before, div#IconPickerModal .ip-show-all-icons
{
display: none !important;
}
div#IconPickerModal.animate .ip-icons-content
{
height: 90vh;
display: flex;
flex-direction: column;
}
div#IconPickerModal .ip-icons-content .ip-icons-area
{
max-height:inherit !important;
}
/* Ask Popup Css */
/* tablet & mobile */
@media screen and (max-width: 750px) {
.popupBackground .askPopup
{
width: 98% !important;
height: 97% !important;
max-height: initial !important;
position: absolute !important;
top: 1% !important;
left: 1% !important;
transform:none !important;
overflow-y: auto !important;
}
.popupBackground
{
overflow-y : hidden !important;
height: 101% !important;
}
}
.popupBackground
{
position:fixed;
top:0px;
left:0px;
width:100%;
height:100%;
/*background-color: rgb(0 0 0 / 53%);*/
z-index:999999999;
cursor:not-allowed;
overflow-y: auto;
padding: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.popupBackground::-webkit-scrollbar , .popupBackground .grid_variants::-webkit-scrollbar , .popupBackground .askPopup::-webkit-scrollbar, .LightBoxRightSide .container_scroll_::-webkit-scrollbar , .AskPopupImportdmManagerImages .contenu-images::-webkit-scrollbar, .askPopupv2 .AskPopupContainer::-webkit-scrollbar {
width: 10px;
}
.popupBackground::-webkit-scrollbar-thumb , .popupBackground .grid_variants::-webkit-scrollbar-thumb , .popupBackground .askPopup::-webkit-scrollbar-thumb , .LightBoxRightSide .container_scroll_::-webkit-scrollbar-thumb, .AskPopupImportdmManagerImages .contenu-images::-webkit-scrollbar-thumb, .askPopupv2 .AskPopupContainer::-webkit-scrollbar-thumb {
background: #818181;
border-radius: 50px;
}
.popupBackground::-webkit-scrollbar-track , .popupBackground .grid_variants::-webkit-scrollbar-track , .popupBackground .askPopup::-webkit-scrollbar-track , .LightBoxRightSide .container_scroll_::-webkit-scrollbar-track, .AskPopupImportdmManagerImages .contenu-images::-webkit-scrollbar-track, .askPopupv2 .AskPopupContainer::-webkit-scrollbar-track {
background: #fff;
margin-top: 7px;
margin-bottom: 7px;
}
.popupBackground .askPopup:not('.AskPopupStepForm')
{
overflow: hidden;
}
.popupBackground .askPopup:not('.AskPopupStepForm')::-webkit-scrollbar {
width: 10px;
}
.popupBackground .askPopup:not('.AskPopupStepForm')::-webkit-scrollbar-thumb {
background: #818181;
border-radius: 0px;
}
.popupBackground .askPopup:not('.AskPopupStepForm')::-webkit-scrollbar-track {
background: #fff;
}
.popupBackground .askPopup:not('.AskPopupStepForm')::-webkit-scrollbar-button {
width: 20px;
height: 20px;
}
.popupBackground .askPopup
{
width:500px;
height:auto;
cursor:default;
background:white;
padding:20px;
position:relative;
margin: 0 auto;
overflow-x: hidden;
border-radius: 10px;
box-shadow: 0 10px 20px #0000001a !important;
padding: 15px !important;
border-radius: 15px !important;
background: white !important;
}
.popupBackground .closeIcon
{
position:absolute;
right: 10px;
top : 5px;
cursor:pointer;
padding: 10px;
z-index: 9999999999999999999999999;
font-size: 16px;
}
/* popup configuration center with 90vh & 80vw intek */
.popupBackground.popupNewCenter>.askPopup
{
/*max-height:560px;*/
max-height:90vh;
height:auto;
width:90vw;max-width:800px;padding:0px;
}
.popupBackground.popupNewCenter>.loading
{
max-height:560px;
height:220px;
width:90vw;max-width:800px;
}
.popupBackground .title_container
{
margin-bottom: 8px;
}
.popupBackground h3.title_
{
color: #333333;
font-size: 12px;
font-weight: 600;
}
.popupBackground .AskPopupContainer
{
padding: 0;
}
.popupBackground .AskPopupContainer p
{
color: #666666;
font-weight: 500;
font-size: 12px;
}
.popupBackground .closeIcon
{
font-size: 12px;
}
/**********************/
.mfp-bg, .mfp-wrap
{
z-index: 99999999999999999999999999999 !important;
}
.askPopupElementsAdd .menu_popup_add_element
{
width:50%; overflow-y: scroll; max-height: 74vh; overflow-x: hidden;
padding-top: 15px;
scrollbar-color: transparent transparent;
padding-right: 0px;
}
.askPopupElementsAdd .menu_popup_add_element::-webkit-scrollbar
{
width: 1px;
background: transparent;
}
@media screen and (max-width: 750px) {
.askPopupElementsAdd .menu_popup_add_element, .askPopupElementsAdd .popup_show_select_element, .list_grid_space_builder_
{
max-height: initial !important;
}
}
.askPopupElementsAdd .menu_ul
{
z-index: 999999; margin-top:10px; position: relative; display: flex; flex-direction: column;
}
.askPopupElementsAdd .popup_show_select_element, .list_grid_space_builder_
{
width:60%; overflow-y: scroll; max-height: 74vh; overflow-x: hidden;
padding: 15px;
border-left: 1px solid #EEEEEE;
scrollbar-color: transparent transparent;
display: flex;
flex-wrap: wrap;
flex-direction: row;
align-content: flex-start;
gap: 15px;
padding-right: 0px;
}
.wrapperItemsGrid .list_grid_space_builder_
{
scrollbar-color: #b6b6b6 #fafafa;
}
.askPopupElementsAdd .popup_show_select_element::-webkit-scrollbar {
width: 1px;
background: transparent;
}
.askPopupElementsAdd .menu_popup_add_element .svg_container_
{
background:white;border-radius:8px;box-shadow: 0 4px 8px 0 rgba(0,0,0,.1);
}
.askPopupElementsAdd .menu_popup_add_element .openElmentList
{
padding-left: 12px !important;
}
.askPopupElementsAdd .menu_popup_add_element .openElmentList .text_item
{
font-weight: 600;
font-size: 12px;
flex: 1;
}
.askPopupElementsAdd .wrapper_bigTitle_title
{
opacity: 0.755;
}
.askPopupElementsAdd ul a
{
border-radius: 12px !important;
height: 50px;
padding: 10px 10px !important;
}
.askPopupElementsAdd .popup_show_select_element .item, .list_grid_space_builder_ .item
{
display:flex; flex-direction: column;background-color:#F6F6F6;
transition: background-color 300ms ease;
align-items: center;
border-radius: 12px !important;
cursor: pointer;
position: relative;
}
.wrapperItemsGrid .list_grid_space_builder_ .item
{
background-color: transparent !important;
}
.askPopupElementsAdd .popup_show_select_element .item:hover, .list_grid_space_builder_ .item:hover
{
background-color:#F3F3F3;
}
.askPopupElementsAdd .popup_show_select_element .item .item_image, .list_grid_space_builder_ .item .item_image
{
width: 100%; height: 100%;
display: flex;
align-items: center;
justify-content: center;
padding-left: 15%;
padding-right: 15%;
padding-top: 15%;
padding-bottom: 0% !important;
}
.askPopupElementsAdd .popup_show_select_element .item .item_image > div, .list_grid_space_builder_ .item .item_image > div
{
display: flex;
flex-direction: column;
align-items: center;
gap: 10px;
}
.askPopupElementsAdd .popup_show_select_element .item .item_image img, .list_grid_space_builder_ .item .item_image img
{
width: 100%;
box-shadow: 0px 4px 8px 0px rgba(0,0,0,.12);
border-radius: 8px;
}
.askPopupElementsAdd .popup_show_select_element .item .item_image span, .list_grid_space_builder_ .item .item_image span
{
margin-bottom: 10px;font-weight:600;font-size:10px;color:#3a3a3a;
/* white-space: pre;*/
text-align: center;
}
.askPopupElementsAdd .popup_show_select_element .item_complet .item_image, .list_grid_space_builder_ .item_complet .item_image
{
padding: 10px !important;
transition: transform .3s ease;
}
.askPopupElementsAdd .popup_show_select_element .item_complet .item_image span, .list_grid_space_builder_ .item_complet .item_image span
{
margin-bottom: 0 !important;
}
.list_grid_space_builder_ .item:focus-visible
{
outline: 0;
box-shadow: none;
}
.LoadImageParcourirBtn
{
background-color: rgb(0, 153, 255);
box-shadow: rgba(0, 153, 255, 0.3) 0px 4px 8px 0px;
border-radius: 8px;
}
.LoadImageParcourirBtn:hover
{
background-color: #1188FF;
}
.TextFormattingTab.active
{
color :rgb(43, 150, 225) !important;
fill:rgb(43, 150, 225) !important;
}
.TextFormattingTab.active
{
box-shadow: rgba(56, 132, 194, 1) 0px 2px 1px 0px !important;
}
.modal-backdrop.show
{
display: none !important;
}
.note-modal
{
z-index: 2147483647;
}
.note-modal .modal-dialog
{
box-shadow: 0 10px 20px #0000001a !important;
padding: 15px !important;
border-radius: 15px !important;
background: white !important;
}
.note-modal .note-btn-primary
{
position: relative;
border: 0px none rgb(255, 255, 255);
margin: 0px;
appearance: none;
outline: rgb(255, 255, 255) none 0px;
text-decoration: none solid rgb(255, 255, 255);
transition: background-color 190ms ease;
border-radius: 8px;
font-weight: 600;
height: 30px;
font-size: 12px;
}
.note-modal .modal-header, .note-modal .modal-body, .note-modal .modal-footer
{
border: 0;
}
.askPopupElementsAdd .popup_show_select_element .item_complet .item_image > div:after,
.list_grid_space_builder_ .item_complet .item_image > div:after
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 8px;
background: rgb(255 255 255);
content: "";
opacity: 0;
transition: opacity .3s ease;
}
.askPopupElementsAdd .popup_show_select_element .item_complet:hover .item_image,
.list_grid_space_builder_ .item_complet:hover .item_image
{
transform: scale(1.02);
/*filter: brightness(105%);*/
}
.askPopupElementsAdd .popup_show_select_element .item_complet:hover .item_image > div:after,
.list_grid_space_builder_ .item_complet:hover .item_image > div:after
{
opacity: 0.3;
}
.askPopupElementsAdd .popup_show_select_element .item100,
.list_grid_space_builder_ .item100
{
min-height: 110px;width:100%;
}
.list_grid_space_builder_ .item100 .item_image
{
padding-top: 10%;
}
.askPopupElementsAdd .popup_show_select_element .item50,
.list_grid_space_builder_ .item50
{
min-height: 110px;width:104px;
}
.content_design_predefinit .list_grid_space_builder_ .item50
{
width: 46%;
}
.content_design_predefinit .list_grid_space_builder_
{
/* position: relative; */
/* left: 20px; */
/* top: -10px; */
max-height: calc(100vh - 240px);
}
.content_design_predefinit .list_grid_space_builder_ .item100
{
width: 98%;
}
.wrapperItemsGrid .list_grid_space_builder_ img
{
background-color:#CCCCCC;
padding:5px;
}
.list_grid_space_builder_ .item.active img
{
background-color:#0099ff;
}
.views .view1 .ElementDynClass
{
height:30px;
display:flex;
justify-content: space-between;
align-items: center;
background-color: #f3f3f3;
padding: 0px 15px;
width: 100%;
}
.ElementDynClass, .ElementDynClass .col-el
{
position: relative;
}
.views .view1 .ElementDynClass
{
margin-bottom: 1em;
width: 100%;
}
.menu_accuail_content .selected_item
{
text-transform:capitalize;
}
.views .view1 .ElementDynClass .caption_
{
color: #666666;
font-weight: bold;
font-size: 10px;
}
.views .view1 .ElementDynClass .icon_
{
color: #666666;
font-size: 14px;
width: 20px;
text-align: center;
}
.views .view1 .ElementDynClass.columnEl
{
background-color: white;
padding: 0;
max-width: 100%;
height: auto;
}
.views .view1 .ElementDynClass.columnEl .col-el {
border-collapse: separate;
border: 5px solid rgba(0, 160, 157, 0.1);
padding: 10px;
/*height: 100%;*/
}
.button--sacnite.blue::before
{
box-shadow: inset 0 0 0 35px #2B87DA;
}
.views .view1 .ElementDynClass.columnEl .element_content > .row
{
display:flex;
justify-content: space-between;
align-items: center;
width: 100%;
margin: 0;
align-items: stretch;
}
.views .view1 .ElementDynClass.columnEl .element_content > .row .col-el
{
min-height: 60px;
}
.ElementDynClass.selected
{
z-index: 99999999999999999999 !important;
}
body.EditorSpaceBuilder
{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
body.EditorSpaceBuilder:not(.noLine):not(.modeAI) .BodyPages:not(.PreviewMode) .ElementDynClass:not(.columnEl), .views .view1 .BodyPages:not(.PreviewMode) .ElementDynClass:not(.columnEl)
{
outline: 1px solid #4A5663;
outline-offset: 0px;
}
body.EditorSpaceBuilder:not(.noLine):not(.modeAI) .BodyPages:not(.PreviewMode) .ElementDynClass.columnEl, .views .view1 .BodyPages:not(.PreviewMode) .ElementDynClass.columnEl
{
outline: 1px solid #2B87DA;
outline-offset: 0px;
}
body.EditorSpaceBuilder:not(.modeAI) .BodyPages:not(.PreviewMode) .ElementDynClass.hover:not(.columnEl), .views .view1 .BodyPages:not(.PreviewMode) .ElementDynClass.hover:not(.columnEl)
{
outline: 2px dashed #4A5663;
outline-offset: 0px;
}
body.EditorSpaceBuilder:not(.modeAI) .BodyPages:not(.PreviewMode) .ElementDynClass.hover.columnEl, .views .view1 .BodyPages:not(.PreviewMode) .ElementDynClass.hover.columnEl
{
outline: 2px dashed #2B87DA;
outline-offset: 0px;
}
body.EditorSpaceBuilder:not(.NoLineEditorF2):not(.modeAI) .BodyPages:not(.PreviewMode) .ElementDynClass.selected:not(.columnEl), body:not(.NoLineEditorF2):not(.modeAI) .views .view1 .BodyPages:not(.PreviewMode) .ElementDynClass.selected:not(.columnEl)
{
outline: 3px solid #4A5663 !important;
outline-offset: 0px;
}
body.EditorSpaceBuilder:not(.NoLineEditorF2):not(.modeAI) .BodyPages:not(.PreviewMode) .ElementDynClass.selected.columnEl, body:not(.NoLineEditorF2):not(.modeAI) .views .view1 .BodyPages:not(.PreviewMode) .ElementDynClass.selected.columnEl
{
outline: 3px solid #2B87DA !important;
outline-offset: 0px;
}
.NoLineEditorF2 .ElementDynClass
{
outline: 0 !important;
}
.NoLineEditorF2 .ElementDynClass .control_element,
.NoLineEditorF2 .control_icons_bd,
.NoLineEditorF2 .button.button--sacnite.btnEditor
{
display: none !important;
}
body.EditorSpaceBuilder .ElementDynClass.selected, .views .view1 .ElementDynClass.selected
{
z-index: 99;
}
body.PreviewModeBody
{
/* overflow: scroll !important; */
padding-bottom: 100px;
}
.views .view1 .ElementDynClass .row, .views .view1 .ElementDynClass .element_content
{
display: flex !important;
align-items: stretch !important;
width: 100% !important;
flex-wrap: nowrap !important;
}
.space_canvas_ .control_container_1, .space_canvas_ .control_container_2
{
position:relative;
z-index: 999999999999999;
height: 0;
}
.control_icons_bd
{
padding-left: 5px;
position:absolute;
user-select: none;
height: 34px;
color: #000;
text-align: left;
z-index: 1058;
display: flex;
flex-wrap: nowrap;
/* align-items: baseline;*/
/* justify-content: flex-end;*/
/* align-content: flex-end;*/
gap: 3px;
align-items: center;
}
.control_icons_bd li
{
background: #fff;
box-shadow: 0 1px 18px 0 rgb(0 0 0 / 8%), 0 6px 10px 0 rgb(0 0 0 / 10%), 0 3px 5px -1px rgb(0 0 0 / 15%), 0 0 4px 0 rgb(0 0 0 / 10%);
font-size: 14px;
color: #00A09D;
min-width: 32px;
cursor: pointer;
position: relative;
text-align: center;
text-decoration: none;
display: inline-block;
margin: 0 7px 0 0;
padding: 0;
font-size: 14px;
list-style: none;
vertical-align: top;
border-radius: 16px;
height: 32px;
}
.control_icons_bd li i, .control_icons_bd li svg
{
font-size: 16px;
position:absolute;
top:50% !important;
left:50% !important;
transform: translate(-50%, -50%);
color: #606060;;
}
.control_icons_bd .control_btn_property
{
display: flex;
align-items: center;
padding: 0 10px;
color: black;
white-space: pre;
}
.space_preview_.desableSpacePreview
{
max-width: 0px !important;min-width: 0px !important;padding: 0px !important;
}
body.EditorSpaceBuilder .ElementDynClass.columnEl
{
/* min-height: 80px; */
/* padding-top: 20px; */
/* padding-bottom: 20px; */
}
.control_icons_bd .desable_control
{
pointer-events: none;
}
.control_icons_bd .desable_control svg, .control_icons_bd .desable_control i
{
opacity: 0.12;
}
.accordion-styles .icon_text
{
width: 12px;
}
.IsDrag
{
opacity: 0.5 !important;
outline-style:dotted !important;
outline-color: #32a1ce !important;
outline-width: 3px !important;
}
.PlaceholderDrop
{
width:100%;
min-height:10px;
background:#DEDEDE;
position:absolute;
opacity: 1;
pointer-events: none;
z-index: 999999999999999999999;
}
.PlaceholderDrop.bottom_
{
top: initial !important;
bottom: -11px;
}
.gradient {
animation-duration: .8s;
animation-fill-mode: forwards;
animation-iteration-count: infinite;
animation-name: placeHolderShimmer;
animation-timing-function: linear;
background: #f6f7f8;
background: linear-gradient(to right, #DEDEDE 8%, #e4e4e4 38%, #DEDEDE 54%);
background-size: 1000px 640px;
}
@keyframes placeHolderShimmer{
0%{
background-position: -468px 0
}
100%{
background-position: 468px 0
}
}
.PlaceholderDrop.empty_
{
top: 0px !important;
height: 100% !important;
}
.tab-editing .title_item_setting
{
font-weight:500 !important;
}
.tab-editing .row_config_padding
{
margin-bottom: 2em;
}
.tab-editing .button_inline_responsive, .tab-editing .button_inline_hover,
.settingsSpecialPopup .button_inline_responsive, .settingsSpecialPopup .button_inline_hover
{
display: inline-table !important;
}
.tab-editing .parent_setting_ .tabResponsibleHover, .settingsSpecialPopup .parent_setting_ .tabResponsibleHover
{
width: 100%;
min-height: 33px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 0!important;
border-bottom: 2px solid #f1f5f9;
margin-bottom: 10px;
margin-top: 10px;
}
.tab-editing .parent_setting_ .tabResponsibleHover li,
.settingsSpecialPopup .parent_setting_ .tabResponsibleHover li
{
flex-grow: 1;
list-style: none;
vertical-align: top;
padding: 0 1px;
margin-bottom: 0;
}
.tab-editing .parent_setting_ .tabResponsibleHover li button.active,
.settingsSpecialPopup .parent_setting_ .tabResponsibleHover li button.active
{
color: #2b87da;
background: #fff;
border-color: #F3F3F3;
}
.tab-editing .parent_setting_ .tabResponsibleHover li button i,
.settingsSpecialPopup .parent_setting_ .tabResponsibleHover li button i
{
font-size: 10px;
}
.tab-editing .parent_setting_ .tabResponsibleHover li button:focus,
.settingsSpecialPopup .parent_setting_ .tabResponsibleHover li button:focus
{
outline: none !important;
box-shadow: none !important;
}
.tab-editing .parent_setting_ .tabResponsibleHover li button,
.settingsSpecialPopup .parent_setting_ .tabResponsibleHover li button
{
width: 100%;
margin: 0;
text-align: center;
background-color: #F3F3F3;
color: #bec9d6;
cursor: pointer;
padding: 5px 0;
border-radius: 3px 3px 0 0;
box-sizing: border-box;
font-weight: 600;
font-size: 14px;
font-style: normal;
text-transform: none;
text-decoration: initial;
border: 2px solid #f1f5f9;
border-bottom: none;
transition: background-color .4s ease,color .2s ease;
}
.sp-original-input-container
{
width: 100%;
}
.sp-colorize-container
{
width: 35px !important;
background-image:none !important;
}
.sp-colorize
{
border:1px solid rgb(236, 231, 231) !important;
}
.tab-editing .InputTextbuttonUpload
{
padding: 0.15rem 0.5rem !important;
}
.tab-editing .row_configuration_image .PreviewBackgroundImage
{
height: 124px !important;
}
body.SpaceBuilder input.attacheColorProjectColorFix
{
color: transparent !important;
}
.row_configuration_parent .row
{
margin-top: 25px;
/*margin-bottom: 20px;*/
}
.row_configuration_parent .container-full
{
margin-bottom: 25px;
}
.row_configuration_parent .row:first-child
{
margin-top: 30px;
}
.SpaceBuilder .bs-searchbox
{
margin: 1px;
margin-right: 15px;
}
.SpaceBuilder .bs-searchbox .form-control
{
padding: 0px 7px !important;
box-shadow: none !important;
}
.content-builder .tab-editing .parent_setting_ .input_select_dyn_settings_element .dropdown-toggle,
.settingsSpecialPopup .parent_setting_ .input_select_dyn_settings_element .dropdown-toggle
{
outline: 0 !important;
border: 0;
}
.tab-editing .row_configuration_multicheckbox .custom-control-label::before,
.tab-editing .row_configuration_multicheckbox .custom-control-label::after,
.AskPopupContainer .custom-control-label::before,
.AskPopupContainer .custom-control-label::after
{
top: .1rem !important;
width: 1.55rem !important;
height: 1.55rem !important;
}
.tab-editing .custom-checkbox .custom-control-label::before,
.AskPopupContainer .custom-checkbox .custom-control-label::before
{
background: #F1F5F9;
border: 0;
}
.tab-editing .custom-control-label,
.AskPopupContainer .custom-control-label
{
color: #5f5f5f !important;
font-family: Open Sans,Helvetica,Roboto,Arial,sans-serif;
font-size: 12px;
}
.custom-control-input:checked ~ .custom-control-label::before {
color: #fff;
border-color: #007bff;
background-color: #007bff;
}
.row_configuration_multicheckbox
{
padding-left: 1px;
}
.row_configuration_multicheckbox .custom-control-input:checked~.custom-control-label::before
{
border-color: #007bff !important;
background-color: #007bff !important;
}
.tab-editing .wrapper_bigTitle .bigTitle
{
font-size: 12px !important;
}
@keyframes colored-circle {
0% {
opacity:0
}
50% {
opacity:100
}
100% {
opacity:0
}
}
.wrapperClickActionChilds.checkbox_action .slider-checkbox:before{
position: absolute !important;
content: "" !important;
height: 6px !important;
width: 6px !important;
left: 5px !important;
bottom: 5px !important;
background-color: #DDDDDD !important;
-webkit-transition: .2s !important;
transition: .2s !important;
opacity: 0.2;
}
.wrapperClickActionChilds.checkbox_action input:checked + .slider-checkbox:before{
-webkit-transform: translateX(0px);
-ms-transform: translateX(0px);
background-color: white !important;
transform: translateX(0px);
opacity: 1;
}
.wrapperClickActionChilds.checkbox_action .slider-checkbox{
-webkit-transition: .2s !important;
transition: .2s !important;
background: #DDDDDD;
/* outline: 1px solid black; */
transform: scale(0.8);
}
.wrapperClickActionChilds.checkbox_action .switchdyn{
width: 16px !important;
height: 16px !important;
}
.wrapperClickActionChilds.checkbox_action .parent_setting_
{
margin-bottom: 0;
margin-top: 0 !important;
padding-top: 0 !important;
}
.wrapperClickActionChilds.checkbox_action .row_configuration_checkbox
{
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}
.wrapperClickActionChilds.checkbox_action .buttons_inline_setting
{
display: none !important;
opacity: 0 !important;
}
.row_configuration_numeric > .column1 {
float: left;
width: 70%;
padding-right: 5%;
}
.row_configuration_numeric > .column2 {
float: left;
width: 30%;
margin-top: -5px;
}
.row_configuration_numeric .slider {
-webkit-appearance: none;
width: 100%;
height: 7px;
border-radius: 5px;
background: #E6EDF5;
outline: none;
opacity: 1;
-webkit-transition: .2s;
transition: opacity .2s;
}
.row_configuration_numeric .slider:hover {
opacity: 0.7;
}
.row_configuration_numeric .slider::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 17px;
height: 17px;
border-radius: 50%;
background: #0099FF;
cursor: pointer;
}
.row_configuration_numeric .slider::-moz-range-thumb {
width: 17px;
height: 17px;
border-radius: 50%;
background: #2B87DA;
cursor: pointer;
}
.row_configuration_numeric input.input_numeric
{
margin-top: 3px;
}
.wrapperContentSettings .parent_setting_:last-child
{
margin-bottom: 20px;
}
.bootstrap-select.bs-container
{
z-index: 99999999999;
}
.wrapperClickActionChilds.checkbox_action .row_configuration_checkbox input.default:checked + .slider-checkbox,
{
background-color: #0099FF;
}
.InputTextbuttonUpload
{
background-color: #0099FF !important;
box-shadow: none !important;
}
.row_configuration_selectchoices.multiple .choices__inner
{
overflow-y: auto;
height: 150px;
scrollbar-color: #b6b6b6 #fafafa;
}
.row_configuration_selectchoices:not(.multiple) .choices__inner
{
min-height: 38px !important;
padding: 4px 7px !important;
}
.choices__list--dropdown
{
height: 150px;
z-index: 9999999999999;
top:100% !important;
}
.parent_setting_.choices__list
{
z-index: 9;
}
.choices__list--dropdown .choices__list {
max-height: 150px !important;
overflow-y: auto !important;
scrollbar-color: #b6b6b6 #fafafa;
}
.parent_btn_caption .classDesignSpaceBuilderColorPicker .sp-replacer,
.parent_fectif_after_action .sp-replacer
{
border-top-left-radius: 8px !important;
border-bottom-left-radius: 8px !important;
height: 100% !important;
}
body.EditorSpaceBuilder [data-homepage] > .btnEditor
{
top: 20px;
margin-bottom: 60px;
}
.askPopupElementsAdd .popup_show_select_element .item50
{
width: 46%;
}
.askPopupElementsAdd .popup_show_select_element .item50complet .item_image
{
padding: 0px 8px !important;
}
.askPopupElementsAdd .popup_show_select_element .item50complet .item_image span
{
display: none !important;
}
[data-field_formulaire_show="false"]
{
opacity: 0.35;
}
[data-field_formulaire_show="false"] i.show_hide_field_formulaire::before
{
font-family: 'Font Awesome 5 Pro';
content: "\f070";
}
[data-property="DetailProduit_Formulaire_Fields"] .btnEditorList
{
display: none !important;
}
.askPopupElementsAdd hr.divider-composants, .askPopupElementsAdd hr.divider-detail-produit {
height: 1px;
margin: 30px 0;
padding: 0;
overflow: visible;
border: none;
background-color: #e7e7e9;
color: #6e6d7a;
text-align: center;
width: 100%;
}
.askPopupElementsAdd hr.divider-composants:after {
content: "Vos Composants";
display: inline-block;
position: relative;
top: -10px;
padding: 0 16px;
background: #fff;
font: normal 14px / 14px "Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
color: #b3b3b3;
}
.askPopupElementsAdd hr.divider-detail-produit:after {
content: "Section Produit Solo";
display: inline-block;
position: relative;
top: -10px;
padding: 0 16px;
background: #fff;
font: normal 14px / 14px "Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
color: #b3b3b3;
}
body.EditorSpaceBuilder .BodyPages:not(.PreviewMode) .ElementDynClass[data-type="composant"] .composant-content
{
opacity: 0.7;
pointer-events: none !important;
filter: blur(4px);
}
body.EditorSpaceBuilder .BodyPages:not(.PreviewMode) .ElementDynClass[data-type="composant"] .composant-content *
{
pointer-events: none !important;
}
body.EditorSpaceBuilder .BodyPages.PreviewMode .goto_composant
{
display: none !important;
}
.settings_pixel_boutique ._cancel_select
{
position: absolute;
top: 1px;
right: -23px;
padding: 2px;
padding-left: 7px;
padding-right: 7px;
cursor: pointer;
padding-bottom: 8px;
padding-top: 8px;
border-radius: 6px;
font-size: 11px;
}
.settings_pixel_boutique ._cancel_select i {
font-weight: 300;
color: #5A6268;
}
.settings_pixel_boutique ._cancel_select:hover
{
background-color: #eeeeee;
}
.settings_pixel_boutique .parent_setting_
{
margin-bottom: 0em;
}
.settings_pixel_boutique .add_more_pixel
{
font-size: 12px;
text-align: left;
display: block;
color: #444;
text-decoration: none;
cursor: pointer;
}
.settings_pixel_boutique .add_more_pixel i
{
font-size: 10px;
}
.parent_btn_slider .row_configuration_image > .container-fluid > .row
{
margin-top: 0 !important;
}
.parent_btn_slider, .wrapperClickActionChilds, .parent_btn_slider, .parent_fectif_after_action
{
padding:20px;
}
.parent_btn_slider
{
padding-bottom:0px;
}
body.SpaceBuilder:not([page="detail-produit"]) [cible=".wrapperLandingPageContainerChilds"]
{
display: none !important;
}
body.SpaceBuilder .choices__list .choices .choices__list .choices__item
{
font-size: 12px;
}
.choices__list--dropdown, .choices__list[aria-expanded]
{
word-break: normal !important;
}
.choices__list--dropdown .choices__item--selectable, .choices__list[aria-expanded] .choices__item--selectable
{
padding-right: 50px !important;
}
.choices__list--dropdown .choices__list, .choices__list[aria-expanded] .choices__list
{
padding-bottom: 45px !important;
}
.ElementDynClass .espacement_padding,
.ElementDynClass .espacement_margin
{
background-color: #fff;
position: absolute;
top: -10px;
display: inline-block;
padding: 0 10px;
height: 19px;
left: 25%;
margin-left: -9.5px;
border-radius: 6px;
box-shadow: 0 0 5px #162d3d69;
cursor: url("data:image/svg+xml,") 12 12, auto;
z-index: 999;
font-size: 14px !important;
line-height: 1.4 !important;
}
.ElementDynClass .espacement_margin
{
left: 75%;
}
.ElementDynClass .espacement_padding_x,
.ElementDynClass .espacement_margin_x
{
background-color: #fff;
position: absolute;
left: -17px;
display: inline-block;
padding: 0 10px;
height: 19px;
top: 25%;
margin-top: -9.5px;
border-radius: 6px;
box-shadow: 0 0 5px #162d3d69;
cursor: url("data:image/svg+xml,") 12 12, auto;
z-index: 999;
font-size: 14px !important;
line-height: 1.4 !important;
}
.ElementDynClass .espacement_margin_x
{
top: 75%;
}
.ElementDynClass .control_position_,
.ElementDynClass .control_border_radius_
{
background-color: #fff;
position: absolute;
bottom: -10px;
display: inline-block;
padding: 0 10px;
height: 19px;
left: 25%;
margin-left: -9.5px;
border-radius: 6px;
box-shadow: 0 0 5px #162d3d69;
cursor: url("../data/images/position_cursor_.png") 12 12, auto;
z-index: 999;
font-size: 14px !important;
line-height: 1.4 !important;
}
.ElementDynClass .control_border_radius_
{
left: 75%;
cursor: url("data:image/svg+xml,") 12 12, auto;
}
.ElementDynClass .control_rotate_
{
background-color: #fff;
position: absolute;
top: -10px;
display: inline-block;
padding: 0 10px;
height: 19px;
left: -10px;
margin-left: -9.5px;
border-radius: 6px;
box-shadow: 0 0 5px #162d3d69;
cursor: url('data:image/svg+xml,') 12 12, auto;
z-index: 999;
font-size: 12px !important;
line-height: 1.6 !important;
}
.fixMove, .fixMove *
{
transition: none !important;
}
.ElementDynClass .control_box
{
transition: ease 200ms all !important;
scale: 0.6;
}
.ElementDynClass .control_box:hover
{
scale: 1.5;
z-index: 9999999999;
}
.ElementDynClass .control_remove_border_radius,
.ElementDynClass .control_remove_rotate_
{
/* background: white;*/
border-radius: 5px;
/* box-shadow: 0 0 5px #162d3d69;*/
padding: 1px 5px;
font-size: 8px;
position: absolute;
left: 23px;
top: 17px;
font-weight: 600;
cursor: pointer;
}
.ElementDynClass .control_remove_rotate_
{
left: -13px;
top: -10px;
}
.verticalCursorSvg, .verticalCursorSvg *
{
cursor: url("data:image/svg+xml,") 12 12, auto;
}
.horisentalCursorSvg, .horisentalCursorSvg *
{
cursor: url("data:image/svg+xml,") 12 12, auto;
}
.radiusCursor, .radiusCursor *
{
cursor: url("data:image/svg+xml,") 12 12, auto !important;
}
.rotateCursor, .rotateCursor *
{
cursor: url('data:image/svg+xml,') 12 12, auto !important;
}
.positionCursor, .positionCursor *
{
cursor: url("../data/images/position_cursor_.png") 12 12, auto !important;
}
body.HideControlSelectElement .control_element
{
display: none !important;
}
body.noBoxEditor .box_view_btn,
body.noBoxEditor .zoom_select1
{
display: none !important;
}
body.noBoxEditor .views .view1
{
visibility: hidden !important;
}
.CodeMirror-selected {
background-color: rgba(133, 135, 243, 0.62) !important; /* Yellow background with transparency */
}
.CodeMirror-focused .CodeMirror-selected {
background-color: rgba(133, 135, 243, 0.62) !important
}
/*[type-add-element="detail-produit-source"]
{
display: none !important;
}*/
.ElementDynClass[data-type="button"] .espacement_padding,
.ElementDynClass[data-type="button"] .espacement_padding_x
{
pointer-events: none;
}
.row_configuration_inputhtml .keepStyles
{
position: relative;
width: 15px;
height: 10px;
}
.SpaceBuilderWrap .options_stickybare
{
display: flex;
gap: 5px;
}
.SpaceBuilderWrap .options_stickybare button.desable
{
opacity: 0.3;
pointer-events: none;
background-color: transparent !important;
}
.SpaceBuilderWrap .options_stickybare .button-space-undo,
.SpaceBuilderWrap .options_stickybare .button-space-redo
{
background: transparent;
min-width: 35px;
width: 35px;
}
.SpaceBuilderWrap .options_stickybare .button-space-undo svg,
.SpaceBuilderWrap .options_stickybare .button-space-redo svg
{
width: 16px;
}
.padding-20px
{
padding-left: 20px !important;
}
body:not(.ShowPanierBoutique) .ElementDynClass[data-type="menu"] .li_panier,
body:not(.ShowPanierBoutique) .ElementDynClass[data-type="menu"] .panier,
body:not(.ShowPanierBoutique) .ElementDynClass[data-type="detail-produit-formulaire"] .action-add-card,
body:not(.ShowPanierBoutique) .wrapperFormulaireSettings .custom-checkboxformulaire_show_btn_addcarte3,
body:not(.ShowPanierBoutique) .wrapperCustomMenu .parent_setting_:nth-child(4)
/*body:not(.ShowPanierBoutique) .ElementDynClass[data-type="repeteur-produit"] .button_add_carte,*/
/*body:not(.ShowPanierBoutique) .wrapperDesignPrédéfini .custom-checkboxrepeteur_produit_showbtnaddtocard0*/
{
display: none !important;
}
.PreviewModeBody [data-type="composant"] .goto_composant
{
display:none !important;
}
body.SpaceBuilder.modeAI .menu_accuail_content,
body.SpaceBuilder.modeAI .fixed_bottom_bar *:not(.ai_control):not(.ai_control *),
body.SpaceBuilder.modeAI .fixed_bottom_bar_info_control,
body.SpaceBuilder.modeAI .right_stickybare,
body.SpaceBuilder.modeAI .options_stickybare,
body.SpaceBuilder.modeAI .path-pages-navigation,
body.SpaceBuilder.modeAI .center_stickybare,
body.SpaceBuilder.modeAI .popupBackgroundAddElement,
body.SpaceBuilder.modeAI .left_stickybare,
body.modeAI .btnEditor,
body.SpaceBuilder.modeAI .center_stickybare_preview
{
display: none !important;
}
body.SpaceBuilder.modeAI .view1
{
opacity: 0 !important;
}
body.SpaceBuilder.modeAI .right_stickybare_preview
{
display: flex !important;
}
body.SpaceBuilder.modeAI .stickybar-builder
{
justify-content: center !important;
}
body.SpaceBuilder.modeAI.EndPopupAi .fixed_bottom_bar
{
bottom: 50% !important;
}
body.SpaceBuilder.modeAI.EndPopupAi .space_canvas_
{
background-color: white !important;
}
body.SpaceBuilder.modeAI.StartGeneration .fixed_bottom_bar
{
display: none !important;
}
@media screen and (max-width: 920.8px)
{
body.SpaceBuilder.modeAI.EndPopupAi .fixed_bottom_bar
{
padding-top: 10px;
padding-bottom: 10px;
height: initial !important;
}
body.SpaceBuilder.modeAI.EndPopupAi .fixed_bottom_bar .ai_control
{
flex-direction: column;
}
body.SpaceBuilder.modeAI.EndPopupAi .fixed_bottom_bar .divider2
{
display: none !important;
}
}
body.SpaceBuilder.modeAI .fixed_bottom_bar .ai_control
{
display: flex !important;
gap: 15px;
}
body.SpaceBuilder.modeAI .fixed_bottom_bar .ai_control .button-space
{
width: auto !important;
}
body.SpaceBuilder.modeAI .fixed_bottom_bar .ai_control .button-space.btnconfirmer_
{
display: flex;
align-items: center;
gap: 10px;
padding: 10px;
}
.modeAI .ElementDynClass .ElementDynClass
{
pointer-events: none !important;
}
.modeAI .BodyPages > .pageClass> .ElementDynClass
{
outline: 2px dashed; #2B87DA;
}
.modeAI .BodyPages > .pageClass > .ElementDynClass.selected
{
outline: 4px solid #2B87DA !important;
}
.modeAI .control_icons_bd
{
/* width: 1204px;*/
/* display: flex;*/
/* justify-content: center;*/
}
.modeAI .control_icons_bd li
{
background-color: rgb(0, 153, 255);
color: white;
}
.modeAI.EnGeneration .control_icons_bd li.ai_change_section
{
display: none !important ;
}
.modeAI .control_icons_bd li:not(.ai_change_section)
{
display: none !important;
}
.modeAI .AskMessageBottomAlert
{
left: 50% !important;
transform: translate(-50%, -50%);
margin-left: auto !important;
}
.modeAI.EnGeneration .content-builder .fixed_bottom_bar button
{
opacity: 0.4;
pointer-events: none;
}
.modeAI.EnGeneration .ElementDynClass
{
pointer-events: none !important;
}
body.modeAI:not(.AiLandingPage) .ai_control.ai_control_landing_page,
body.modeAI.AiLandingPage .ai_control:not(.ai_control_landing_page)
{
display: none !important;
}
body.modeAI.AiLandingPage .ai_control.ai_control_landing_page button
{
opacity: 1 !important;
}
.container-grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
overflow-y: scroll;
max-height: calc(100vh - 330px);
justify-content: flex-start;
}
.item-grid {
width: 33.33%;
box-sizing: border-box;
padding: 3px; /* espacement entre les items */
text-align: center;
cursor: pointer;
transition: all 0.3s ease;
}
.item-grid:hover
{
filter: brightness(1.05);
transform: translateY(-2px);
cursor: pointer;
}
.item-grid.selected img {
outline: 3px solid rgb(21, 116, 245); /* couleur de sélection */
box-shadow: 0 0 15px rgba(255, 64, 129, 0.2);
border-radius: 10px;
/* transform: scale(1.03);*/
}
.item-content {
background: #fff;
border-radius: 5px;
overflow: hidden;
/* box-shadow: 0 2px 6px rgba(0,0,0,0.1);*/
padding: 3px;
}
.item-grid img {
width: 100%;
height: auto;
border-radius: 5px;
display: block;
}
.item-grid p {
font-weight: bold;
margin: 10px 0 0;
}
/* ✅ Tablette */
@media (max-width: 992px) {
.item-grid {
width: 50%;
}
}
/* ✅ Mobile */
@media (max-width: 600px) {
.item-grid {
width: 50%;
}
}
.parent_images_ai .PreviewBackgroundImage
{
display: flex;
flex-wrap: nowrap;
flex-direction: column-reverse;
justify-content: center;
border: dashed 2px #afafaf;
border-radius: 8px;
}
.parent_images_ai .PreviewBackgroundImage
{
height:100px !important;
margin-bottom: 0px !important;
background-color: #f4f4f4 !important;
}
.parent_images_ai .buttons_inline_setting
{
display: none !important;
}
.parent_images_ai .title_item_setting
{
margin-right: 0px !important;
display: block !important;
min-width: 90px;
text-align: center;
}
.parent_images_ai .confirmButton
{
margin-top: 3em !important;
}
.parent_images_ai
{
scrollbar-color: #afafaf1c #00000003;
}
.parent_images_ai .parent_setting_
{
display: flex;
flex-wrap: nowrap;
flex-direction: column-reverse;
justify-content: center;
}
@media screen and (max-width: 920.8px)
{
.fixed_bottom_bar .fit_view_btn,
.fixed_bottom_bar .navigationMode,
.fixed_bottom_bar .selectMode,
.fixed_bottom_bar .CommentMode,
.fixed_bottom_bar .divider__1,
.fixed_bottom_bar .divider__2
{
display: none !important;
}
.menu_edition_editor .tab-editing
{
padding-right: 20px;
}
}
body.DefaultDetailProduit [data-type="detail-produit-source"]
{
display: none !important;
}
body.DefaultDetailProduit .voir_le_site_web
{
display: none !important;
}
body.DefaultDetailProduit .click_show_siteweb
{
pointer-events: none;
}
body.SessionInvited .stickybar-builder .btn-invite
{
display:none !important;
}
.choices__list--dropdown .choices__list [data-value="-1"]
{
display:none !important;
}
.backgroundColor-checkboxChild-1021091115
{
display: none !important;
}
body .content_setting_devis .parent_setting_
{
padding-left: 0 !important;
}