@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');
.d-block {
    display: block !important;
}

.mention-informatif p{
    padding: 18px 24px;
    display: flex;
    align-items: center;
    border: 1px solid #E3E8EF;
    border-radius: 12px;
}
.mention span {
    margin-left: 16px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.02em;
    color: #175CD3;
}
ul.tabsBloc {
    display: flex;
    justify-content: center;
    padding: 0;
    position: relative;
    width: 100%;
    gap: 16px;
    border-bottom: 1px solid #EAECF0;
}
ul.tabsBloc li {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px;
    gap: 8px;
    width: 240px;
    height: 44px;
}
ul.tabsBloc li.active {
    background: #EFF8FF;
    border-bottom: 2px solid #175CD3;
}
ul.tabsBloc li span {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #667085;
}
ul.tabsBloc li.active span {color: #175CD3;}
ul.tabsBloc li:hover {cursor: pointer;}
.favizone_tags label.select{
    display: inline-block;
    width: 100%;
    font-weight: 700;
}
select {
    width: 100%;
    height: 40px;
    outline: 0;
    gap: 20px;
    box-sizing: border-box;
    padding: 0px 10px;
    background: #FFFFFF;
    border: 1px solid #D0D5DD;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    border-radius: 8px;
}
.btn-1 a,
.btn-1 button,
button.applyBtn,
.bouton_primaire{
    padding: 10px 16px;
    background: #1570EF !important;
    border: 1px solid #1570EF !important;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    border-radius: 8px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF !important;
    transition: 0.3s ease;
    cursor: pointer !important;
    display: inline-flex;
    white-space: nowrap;
    gap: 8px;
    align-items: center;
}
.flex-btn a {
    display: flex;
    align-items: center;
    gap: 10px;
}
.btn-2 a,
.btn-2 button,
button.cancelBtn,
.bouton_secondaire{
    padding: 10px 16px;
    background: #FFFFFF;
    border: 1px solid #D0D5DD;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    border-radius: 8px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #344054 !important;
    transition: 0.3s ease;
    cursor: pointer !important;
    display: inline-flex;
    white-space: nowrap;
    gap: 8px;
    align-items: center;
}
.btn-send button{
    padding: 10px 16px;
    background: #e2ffee ;
    border: 1px solid #e2ffee;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    border-radius: 8px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #027A48 !important;
    transition: 0.3s ease;
    cursor: pointer !important;
    display: inline-flex;
    white-space: nowrap;
    gap: 8px;
    align-items: center;
}
.btn-send button:hover {
    background: #c9f5db;
    border: 1px solid #c9f5db;
}
.favizone_tags .btn-2 a{white-space:normal;}
.w-100{width: 100%;}
.w-initial{width: initial !important;}
.btn-nav button:hover,
.btn-2 a:hover,
.btn-2 button:hover,
.bouton_secondaire:hover {
    background: #f8f8f8 !important;
    transition: 0.3s ease;
}
.btn-4 button {
    display: inline-flex;
    gap: 8px;
    justify-content: end;
    padding: 10px 16px;
    border-radius: 8px;
    border: 1px solid  #D0D5DD;
    background:  #FFF;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    color: #667085;
}
.btn-5 button,
.btn-5 a {
    display: inline-flex;
    padding: 10px 16px !important;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color:#175CD3 !important;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    border-radius: 8px;
    border: 1px solid #EFF8FF !important;
    background: #EFF8FF !important;
    transition: 0.3s ease;
}
.ChampInput input {
    background: #FFFFFF;
    border: 1px solid #D0D5DD;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    border-radius: 8px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #667085;
}
.btn-5 button:hover,
.btn-5 a:hover {
    border: 1px solid#D1E9FF !important;
    background:#D1E9FF !important;
    transition: 0.3s ease;
    cursor: pointer;
}
p.Titlegrouprecommendor {
    color: #1570ef;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    margin-top: 0;
    margin-bottom: 0;
}
p.s-titre {
    color:#667085;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    text-transform: uppercase;
    margin-top: 8px;
    margin-bottom: 16px;
}
.flex-toggle .btn-DEL a{padding: 8px 14px;}
.row-flex-wrap-end{
    display: flex;
    align-items: end;
    flex-wrap: wrap;
}
p.ShopName {
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -0.48px;
    color: #101828;
    margin-left: 16px;
}
.btn-1 a:hover,
.btn-1 button:hover,
button.applyBtn:hover,
.bouton_primaire:hover{
    background: #175CD3 !important;
    transition: 0.3s ease;
}
.btn-3 button {
    padding: 10px 16px;
    background: #dddddd;
    border: 1px solid #D0D5DD;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    border-radius: 8px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    transition: 0.3s ease;
    cursor: pointer;
    margin-bottom: 13px;
}
.btn-3 button:hover {
background: #ffffff;
}
.stepTitle {
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 24px;
color: #344054;
position: relative;
padding-left: 40px;
margin-bottom: 36px !important;
}
.stepTitle:before {
content: "\F111";
line-height: 25px;
text-align: center;
position: absolute;
height: 25px;
width: 25px;
border: 2px solid #EAECF0;
border-radius: 50%;
left: 0;
top: 0;
z-index: 10;
background-color: #ffffff;
color: #EAECF0;
display: flex;
align-items: center;
justify-content: center;
font-family: "Font Awesome 5 Free";
font-size: 9px;
}
.d-none{display: none !important;}
.stepTitle:after {
content: '';
position: absolute;
height: 20px;
left: 12px;
top: 25px;
border: 1px solid#EAECF0;
z-index: 0;
border-radius: 2px;
}
.headerTabs {
background: #FFFFFF;
border: 1px solid #EAECF0;
border-radius: 8px;
padding: 16px 0;
display: flex;
align-items: center;
margin-bottom: 8px;
}
.headerTabs h4 {
gap: 16px;
display: flex;
align-items: center;
font-family: 'Inter';
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 20px;
color: #344054;
}
h2.titleBlock {
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 28px;
color: #101828;
margin-bottom: 24px;
display: flex;
align-items: center;
gap: 16px;
margin-top: 0;
}
.titleStep {
background: #FFFFFF;
border: 1px solid #EAECF0;
border-radius: 12px;
display: flex;
flex-direction: column;
padding: 20px 24px;
}

.titleStep h3 {
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 19px;
letter-spacing: -0.02em;
color: #344054;
gap: 16px;
display: flex;
align-items: center;
}
ul.navTabs {
display: flex;
justify-content: center;
margin-bottom: 24px;
padding-left: 0;
}

ul.navTabs li {
width: 50%;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 10px 14px;
gap: 8px;
border-radius: 6px;
}
ul.navTabs li.active {background: #EFF8FF;}
ul.navTabs li.active a {color: #175CD3;}
ul.navTabs li a {
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 24px;
color: #667085;
}
.contentBloc {
background: #FFFFFF;
border: 1px solid #EAECF0;
border-radius: 8px;
margin-top: 16px;
padding: 16px;
}
p.titleChamp {
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 20px;
letter-spacing: -0.02em;
color: #344054;
}
p.S_titleChamp {
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 12px;
line-height: 16px;
letter-spacing: -0.02em;
color: #344054;
margin-top: 24px;
margin-bottom: 16px;
}
label.ChampInput input {
box-sizing: border-box;
padding: 8px 12px;
width: 100%;
background: #FFFFFF;
border: 1px solid #D0D5DD;
border-radius: 8px;
}
.ChampInputs2{
    background: #FFFFFF;
    border: 1px solid #D0D5DD;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    border-radius: 8px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #667085;
    width: 100%;
    text-overflow: ellipsis;
    pointer-events: none;
    line-height: 2;
    padding: 4px 12px;
    height: 43px;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 0;
}
label.ChampInput  label.ChampInput2{
width: 100%;
margin-top: 6px;
}
label.ChampInput2 input{
    box-sizing: border-box;
    padding: 8px 12px;
    width: 100%;
    border: 1px solid #D0D5DD;
    border-radius: 8px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #667085;
}
div#setImage .modal-body label.ChampInput2 input{padding: 8px 45px;}
label.ChampInput input::placeholder {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #b7b7b7;
}
.ChampInputTxt {
width: 100%;
display: inline-grid;
}
.ChampInputTxt textarea {
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 12px 14px;
gap: 8px;
height: 155px;
border: 1px solid #D0D5DD;
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
border-radius: 8px;
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #667085;
}
.w-100 select {
width: 100% !important;
}
.navBtn {
border-top: 1px solid #EAECF0;
margin: 24px 0;
}
.marg0{margin:0 !important;}
.champSelect select {
padding: 0px 12px;
background: #FFFFFF;
border: 1px solid #D0D5DD;
border-radius: 8px;
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #667085;
width: auto;
text-transform: capitalize;
}
span.endDomain {
    position: absolute;
    text-align: center;
    font-family: 'Inter';
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #475467;
    border-left: 1px solid #D0D5DD;
    padding: 0px 10px;
    height: 100%;
    display: flex;
    align-items: center;
    right: 0;
}
.customChamp .inputurl input {
    padding-left: 90px !important;
    padding-right: 150px;
}
label.champSelect {
padding: 5px 0;
width: 100%;
display: inline-grid;
}
.DecChamp {
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 20px;
color: #344054;
margin-bottom: 6px;
margin-top: 15px;
}
.titleInput {
font-family: 'Inter';
font-style: normal;
font-weight: bold;
font-size: 14px;
line-height: 20px;
color: #344054;
    margin-bottom: 0;
}
.margBott16{margin-bottom: 16px !important;}
.margBott12{margin-bottom: 12px !important;}
.tab-content.tabs .panel-body {
border: none !important;
}
.selectator_element.single {
margin-top: 6px;
}
.nav-tabsBloc li a {
background: #eff8ff;
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 24px;
color: #667085;
margin-right: 16px;
padding: 6px 25px;
}
.nav-tabsBloc {
padding: 0;
border-bottom: 1px solid #EAECF0;
display: flex;
align-items: center;
width: 100%;
margin-bottom: 18px;
}
.nav-tabsBloc li.active a {
background: #eff8ff;
color: #175CD3;
border-bottom: 2px solid;
}
.nav-tabsBloc li a:hover,
.nav-tabsBloc li a:focus{background: #eff8ff !important;}
span.nameBtn {
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #344054;
margin-left: 8px !important;
top: 4px;
position: relative;
}
p.titreBloc {
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 28px;
color: #101828;
}
p.d-block {display: inline-block;}
.tableResponsive p {margin: 0;}
span.numbShop {
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 18px;
text-align: center;
color: #175CD3;
background: #EFF8FF;
mix-blend-mode: multiply;
border-radius: 16px;
padding: 2px 8px;
margin-left: 8px;
}
p.ST_bloc {
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #475467;
margin-bottom: 21px;
}
.btnGroup {
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 10px;
isolation: isolate;
width: fit-content;
border: 1px solid #D0D5DD;
border-radius: 8px;
overflow: hidden;
}
button.btnFilter {
display: flex;
padding: 0 14px;
background: #fff;
position: relative;
border: none;
}
button.btnFilter.active span {
color: #2196F3;
}
@media (min-width:992px) and (max-width:1069px){
button.btnFilter {padding: 0 9px !important;}
}
@media screen and (max-width:991px) {
.margBottFillter{margin-bottom: 16px;}
}
button.btnFilter:before {
position: absolute;
content: "";
right: 0;
width: 1px;
height: 50px;
background: #D0D5DD;
top: -20px;
}
button.btnFilter:last-child:before {content: none;}
button.btnFilter span {
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 20px;
color: #344054;
}
.filtersBar {
padding: 16px 24px;
position: relative;
}
.filtersBar:before {
content: "";
position: absolute;
top: 0;
left: -10%;
width: 120%;
height: 1px;
background: #EAECF0;
}
.filtersBar:after {
content: "";
position: absolute;
bottom: 0;
left: -10%;
width: 120%;
height: 1px;
background: #EAECF0;
}
input.InputSearch {
padding: 8px 40px;
background: #FFFFFF;
border: 1px solid #D0D5DD;
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
border-radius: 8px;
width: 100%;
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #667085;
}
.champSearch {
display: flex;
align-items: center;
position: relative;
}
.champSearch span.icone {
position: absolute;
left: 15px;
top: 11px;
}
.tableResponsive span.logoShop i {
width: 40px;
height: 40px;
position: relative;
background: #eff8ff;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
font-size: 2rem;
color: #6c8caf;
}
.tableResponsive span.logoShop {
display: inline-block;
align-items: center;
}
.tableResponsive thead.headTable th {
    padding: 12px 10px !important;
    height: 44px;
    border-bottom: 1px solid #EAECF0 !important;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    color: #475467;
    box-shadow: none !important;
    white-space: nowrap;
}
.tableResponsive tbody.bodyTable td{
    padding: 12px 10px !important;
    height: 44px;
    border-bottom: 1px solid #EAECF0 !important;
    border-top: none;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #475467;
    box-shadow: none !important;
}
.tableResponsive > tbody > tr > td {
    padding: 9px 10px !important;
    vertical-align: middle;
}
.nowrap{white-space: nowrap;}
.btnhelp {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 8px;
}
.btnhelp i.fa-solid.fa-circle {
    font-size: 5px;
    color: #475467;
}
.paddRight0{padding-right: 0 !important;}
span.checkDomain i {color: #027A48 !important;}
span.errorDomain i {color: red;}
@media (min-width:1200px) and (max-width:1399px){
.btnResp button.btnFilter {
padding: 0 10px !important;
}
.btnResp button.btnFilter span {
font-size: 11px;
}
}
@media(max-width:1199px){
.tableResponsive tbody.bodyTable td{padding: 10px 0 !important;}
.btnResp button.btnFilter {
padding: 0 11px !important;
}
.btnResp button.btnFilter span {
font-size: 12px;
}
.btnResp {
margin-bottom: 14px;
}
}
.tableResponsive tbody.bodyTable td a{
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #475467;
}
.tableResponsive tbody.bodyTable td a:hover {
color: #2e90fa;
}
.tableResponsive .flex-content {
display: flex;
align-items: center;
gap: 12px;
}
.tableResponsive p.nameShop {
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 15px;
line-height: 20px;
color: #101828;
margin-bottom: 0;
}
.tableResponsive tr:nth-child(even) {background: #F9FAFB;}
.tableResponsive thead.headTable tr {background: #f7f7f7cc;}
.tableResponsive ul.dropdown-menu {
    margin-left: -170px;
    background: transparent;
    box-shadow: none;
    border: none;
    z-index: 999;
    width: 183px;
    bottom: 0;
}
.tableResponsive ul.dropdown-menu span a {
padding: 8px 14px;
background: #FFFFFF;
border: 1px solid #D0D5DD;
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
border-radius: 8px;
}
.tableResponsive ul.dropdown-menu li {
margin-bottom: 20px;
float: right;
}
.tableResponsive ul.dropdown-menu span a:hover {
color: #1570ef !important;
cursor: pointer;
}
button.btnAcition {
background: transparent;
border: none;
color: #475467;
}
.bg-activeGreen {
display: flex;
gap: 4px;
flex-wrap: wrap;
}
span.bg-active {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    padding: 2px 9px 0 15px;
    gap: 4px;
    height: 22px;
    mix-blend-mode: multiply;
    border-radius: 16px;
    position: relative;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
    text-wrap: nowrap;
}
.Style1 {
background: #ECFDF3 !important;
color: #027A48 !important;
}
.Style1:before {
content: "";
position: absolute;
width: 6px;
height: 6px;
left: 6px;
background: #12B76A;
border-radius: 50%;
}
.Style2 {
color: #175CD3;
background: #EFF8FF;
}
.Style2:before {
content: "";
position: absolute;
width: 6px;
height: 6px;
left: 6px;
background: #2E90FA;
border-radius: 50%;
}
.Style3 {
color: #5925DC;
background: #EFF8FF;
}
.Style3:before {
content: "";
position: absolute;
width: 6px;
height: 6px;
left: 6px;
background:#5925DC;
border-radius: 50%;
}
.Style4 {
color: #8a6d3b;
background: #fcf8e3;
}
.Style4:before {
content: "";
position: absolute;
width: 6px;
height: 6px;
left: 6px;
background:#8a6d3b;
border-radius: 50%;
}
.Style5 {
    color: #f62323;
    background: #ffeded;
}
.Style5:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    left: 6px;
    background:#f62323;
    border-radius: 50%;
}
span.bg-disabled {
display: inline-flex;
flex-direction: row;
align-items: center;
padding: 2px 9px 0 15px;
gap: 4px;
height: 22px;
mix-blend-mode: multiply;
border-radius: 16px;
position: relative;
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 12px;
line-height: 18px;
text-wrap: nowrap;
}
span.bg-disabled:before {
content: "";
position: absolute;
width: 6px;
height: 6px;
left: 6px;
background: #667085;
border-radius: 50%;
}
.inactive {
color: #344054 !important;
background: #F2F4F7;
}
.champDate {
position: relative;
display: inline-flex;
align-items: center;
margin-top: 2px !important;
}
p.addDate {text-wrap: nowrap;}
.champDate i{
position: absolute;
font-size: 15px;
padding-left: 8px;
color: #667085;
}
.champDate input {
padding-left: 27px !important;
}
.paddInput{
    padding: 8px 12px !important;
}
.tableResponsive .btnLogin a {
padding: 8px 14px;
background: #EFF8FF;
border: 1px solid #EFF8FF;
border-radius: 8px;
font-weight: 600 !important;
color: #175CD3 !important;
transition:0.3s ease;
}
.tableResponsive .btnLogin a:hover{
border: 1px solid #175CD3;
transition:0.3s ease;
}

.tableResponsive .btnLogin {
display: grid;
text-align: center;
}
.check {
display: flex;
align-items: center;
transform: scale(1);
}
.check input[type="checkbox"] {
width: 20px;
height: 20px;
margin: 5px;
display: inline-flex;
appearance: none;
position: relative;
background-color: #ffffff;
border: 1px solid #D0D5DD;
cursor: pointer;
overflow: hidden;
border-radius: 6px;
justify-content: center;
align-items: center;
}
.check input[type="checkbox"]::after {
content: '\f00c';
display: block;
opacity: 0;
position: absolute;
transition: .25s ease;
font-family: 'FontAwesome';
color: #1570EF;
}
.check input[type="checkbox"]::before {
content: '';
display: block;
height: 0;
width: 0;
background-color: #EFF8FF;
border-radius: 50%;
opacity: .5;
transform: translate(-50%, -50%);
position: absolute;
top: 50%;
left: 50%;
transition: .3s ease;
}
.btn-nav {
display: flex;
align-items: center;
justify-content: end;
gap: 12px;
}
.btn-nav button {
font-family: 'Inter';
font-style: normal;
font-weight: 600;
font-size: 14px;
line-height: 20px;
color: #344054;
padding: 8px 14px;
background: #FFFFFF;
border: 1px solid #D0D5DD;
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
border-radius: 8px;
transition: 0.3s ease;
}
.check input[type="checkbox"]:checked::before {opacity: 100%;}
.check input[type="checkbox"]:checked::after {opacity: 100%;}
.check input[type="checkbox"]:checked {border: 1px solid #1570EF;}
.nbPage {
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #344054;
}
.scrollTable {
overflow-x: auto;
}
input.checked:after {
content: '\f068' !important;
opacity: 1 !important;
}
.check input.checked{
border: 1px solid #1570EF;
}
.paddTB24{padding: 24px 0 !important;}
.paddLR24{padding:0 24px ;}
.paddTop0{padding-top: 0 !important;}
.btn-del a {
    padding: 10px 16px;
    background: #dc3545;
    border: 1px solid #dc3545;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    border-radius: 8px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    transition: 0.3s ease;
    cursor: pointer !important;
}
.btn-del a:hover,
.btn-del button:hover {background: #c82333;color: #fff;}
.btn-flex {
display: flex;
align-items: center;
gap: 8px;
}
.row-flex-wrap {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.EditTemplateBloc .panel-title a,
.partSetting .smart-accordion-default.panel-group .panel-title a{
border: 1px solid #D0D5DD !important;
box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
border-radius: 8px;
margin: 5px 0;
}
.EditTemplateBloc {padding-left: 16px;}
.EditTemplateBloc p.S_titleChamp{margin: 0;}
.EditTemplateBloc p.titleChamp span.nameLayout {
font-weight: 100;
color: #03A9F4;
}
.EditTemplateBloc .panel-title a .myHandle {
float: right;
margin: 0;
color: #329ffb;
padding: 0;
top: 3px;
position: relative;
}
.EditTemplateBloc .panel-heading {
background-color: #fbfbfb !important;
}
.partSetting .collapse.in{margin-bottom: 20px;}
.partSetting .bouton_secondaire {margin-bottom: 13px;}
@media(min-width:1200px){
.fixedBloc{
position: fixed;
top: 0;
width: 47%;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
}
}
.EditTemplateBloc label.inputFile {font-size: 13px;margin-bottom: 0;}
.EditTemplateBloc label.inputFile svg {width: 17px;}
.EditTemplateBloc .btn-2 {margin: 20px 0px;}
/**toggle**/
.toggle {
    padding-right: 61px;
    font-size: 15px;
    line-height: 25px;
    color: #404040;
    cursor: pointer;
    margin: 0 !important;
}
.toggle:last-child {margin-bottom: 0;}
.toggle input {
    position: absolute;
    left: -9999px;
}
.toggle input:checked + i:after {
    content: attr(data-swchon-text);
    text-align: right;
}
.toggle input:checked + i:before {right: 42px;}
.toggle i {
    position: relative;
    right: 0;
    display: flex;
    background: #dedede;
    width: 44px;
    height: 24px;
    border-radius: 12px;
    border-color: #dedede;
    transition: border-color 0.3s;
    -o-transition: border-color 0.3s;
    -ms-transition: border-color 0.3s;
    -moz-transition: border-color 0.3s;
    -webkit-transition: border-color 0.3s;
    align-items: center;
}
.toggle i:after {
    content: attr(data-swchoff-text);
    position: absolute;
    top: 12px;
    right: 8px;
    left: 54px;
    font-style: normal;
    font-size: 9px;
    line-height: 13px;
    font-weight: 700;
    text-align: left;
    color: #32373D;
    z-index: 99;
}
.toggle i:before {
    content: '';
    position: absolute;
    z-index: 1;
    display: block;
    opacity: 1;
    transition: right 0.2s;
    -o-transition: right 0.2s;
    -ms-transition: right 0.2s;
    -moz-transition: right 0.2s;
    -webkit-transition: right 0.2s;
    width: 20px !important;
    height: 20px !important;
    line-height: 20px;
    border-radius: 12px !important;
    background-color: #fff;
    right: 22px;
}
.toggle input:checked + i:hover{
    background: #175CD3 !important;
    transition: 0.3s ease;
}
.toggle input:checked + i {
    border-color: #1570EF!important;
    background: #1570EF !important;
    transition: 0.3s ease;
}
.toggle input:checked + i:before {right: 2px !important;}
/** end toggle**/
.headerLayoutEmail {
    min-height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.block-previewEmailing img {
    width: 100%;
    aspect-ratio: 1/1;
    min-height: 600px;
    object-fit: contain;
    object-position: top;
}
.bouton-help a {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #475467;
    display: flex;
    align-items: center;
    gap: 6px;
}
label.ChampInput.inputurl span.abs_url{height: 40px;}
.cm-s-twilight.CodeMirror{min-height: 550px;}
.content-bloc {
    padding: 0px 17px;
    vertical-align: middle;
    line-height: 24px;
    border: 1px solid #f1f1f1;
    border-radius: 8px;
    box-shadow: 0 0 20px #f7f7f7;
}
.content-interneBloc:last-child {
    border-bottom: none;
}
.content-interneBloc {
    border-bottom: 2px solid #f7f7f7;
    padding: 15px 0;
}
.emojionearea.emojionearea-inline {
    height: 42px !important;
}
label#emailUser .emojionearea.emojionearea-inline>.emojionearea-editor{top: 4px !important;}
label#emailUser .emojionearea.emojionearea-inline>.emojionearea-button{top:8px !important;}
h3.label-tab{
    display: flex;
    align-items: center;
    gap: 5px;
}
h3.label-tab a.EmailInfo i.fa-info{
    width: 16px;
    border: 1px solid #1570EF;
    height: 16px;
    line-height: 16px;
}
a.EmailInfo i.fa-info:hover {
    background: #1570EF;
    color: #fff;
}
.help {
    display: flex;
    align-items: center;
    gap: 5px;
}
.help i {
    width: 16px !important;
    height: 16px !important;
    line-height: 16px !important;
}
label.form__radio-group {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

label.form__radio-group input[type="radio"] {
    margin-top: 0 !important;
}
p.titleTags {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #344054;
    position: relative;
}
.tagID{
    background: #fafafa;
    display: inline-flex;
    align-items: center;
    padding: 8px 14px;
    border-radius: 8px;
    border: 1px solid #e7e7e7;
    margin-right: 12px;
}
svg.copy-icon {
    width: 22px;
    height: 22px;
    cursor: pointer;
}
div#dropdownfilterBloc {
    position: absolute;
    background: #fff;
    right: 0;
    width: 261px;
    border: 1px solid #dfdfdf;
    border-radius: 8px;
    padding: 20px;
    top: 50px;
    z-index: 9;
    box-shadow: 0 0 20px #e5e5e5bd;
}
div#accordionFiltter .panel-headingFilter {
    color: #333;
    background-color: #fff;
    padding: 3px 0;
    margin-top: 10px;
}
.w-modal .modal-body {
    padding: 15px !important;
}
div#accordionFiltter a {
    border: none;
    box-shadow: none;
    padding: 6px 0;
    font-size: 14px;
    font-weight: 100;
    position: relative;
    display: block;
}
div#dropdownfilterBloc .flex-content {
    display: flex;
    align-items: center;
    gap: 5px;
}
div#dropdownfilterBloc .panel-body {padding-left: 0;}
div#accordionFiltter .panel {border: none;}
div#dropdownfilterBloc h3 {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 18px;
}
div#accordionFiltter a.collapsed:before {
    content: "\f078";
    font-family: 'FontAwesome';
    position: absolute;
    right: 0;
}
div#accordionFiltter a:before {
    content: "\f077";
    font-family: 'FontAwesome';
    position: absolute;
    right: 0;
}
a.collapsed {
    position: relative;
}
#tableProducts thead.headTable th:first-child {padding-left: 2px !important;}
#tableProducts .headTable .flex-content{align-items: end !important;}
#tableProducts .headTable .check { margin-bottom: 0;}
#tableProducts .headTable .check input[type="checkbox"] {margin-bottom: 0;}
.pagination li.active a {
    padding: 6px 12px;
}
label.inputFile{margin-bottom: 0 !important;}
.inputurl{position: relative;}
.popover-content {text-align: left;min-width: 200px;}
label.champTags .bootstrap-tagsinput {
    box-sizing: border-box;
    padding: 8px 12px;
    border: 1px solid #D0D5DD;
    border-radius: 8px;
}
label.champTags .bootstrap-tagsinput input{
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #667085;
}
label.champTags .bootstrap-tagsinput .tag{
    margin: 0;
}
label.champTags .bootstrap-tagsinput {
    position: relative;
    padding-left: 30px !important;
}

label.champTags .bootstrap-tagsinput:before {
    content: "@";
    position: absolute;
    left: 7px;
    top: 8px;
    color: darkgrey;
}
.content-bloc .btn-1 i {
    margin: 0;
    color: #fff !important;
}
#imagCover2 .modal-body,
div#imagCover .modal-body { padding: 45px 10px !important;}
#imagCover2 .fade.in,
div#imagCover .fade.in {background: #000000a6;}
#imagCover2 .modal-body img,
div#imagCover .modal-body img {
    width: auto;
    object-fit: contain;
    height: 300px;
}
span.title-product {
    margin-left: 15px;
}
#imagCover2 button.close,
div#imagCover button.close {
    position: absolute;
    top: 7px;
    right: 0;
}
#imagCover2 button.close i,
div#imagCover button.close i {
    font-size: 27px;
    color: #000 !important;
}
#imagCover2 .modal-header,
div#imagCover .modal-header {padding: 20px 10px;}
span.img-cover {
    position: relative;
    max-width: 50px;
    max-height: 50px;
}
span.img-cover img {
    border: 1px solid #90bfff;
    border-radius: 8px;
    padding: 3px;
    max-width: 50px;
    object-fit: cover;
}
span.img-cover i {
    position: absolute;
    font-family: 'FontAwesome';
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: 0.3s ease;
    z-index: 9;
}

span.img-cover:hover i {
    opacity: 1;
    transition: 0.3s ease;
    cursor: pointer;
}
span.img-cover:hover img {
    opacity: 0.2;
    transition: 0.3s ease;
    cursor: pointer;
}
div#imagCover .modal {
    z-index: 1051;
}
.helpBtnInput p.DecChamp {
    display: flex;
    align-items: center;
    gap: 5px;
    position: relative;
}
.helpBtnInput p.DecChamp i {
    width: 15px;
    height: 15px;
    line-height: 15px;
}
span.copycode {
    position: relative;
    top: 10px;
    font-size: 14px;
    color: #1570EF;
    margin-bottom: 20px;
}
label.ChampInputTxt {
    position: relative;
}
.flex-gap {
    display: inline-flex;
    gap: 8px;
    align-items: center;
}
.paddLeft16{padding-left: 16px !important;}
.customTab th {
    font-size: 15px !important;
}
.customTab th span:first-child {
    display: flex;
    gap: 5px;
}
.customTab th .help {
    color: #2e90fa;
    text-decoration: underline;
    transition: 0.3s ease;
}
.customTab th .help:hover {
    cursor: pointer;
    color: #0d4799;
    transition: 0.3s ease;
}
.w-auto{width: auto !important;}
.marg-R20{margin-right: 20px !important;}
.bloc-recommnadation {padding: 15px 0;}
.bloc-recommnadation:nth-child(odd) {
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
}
.bloc-recommnadation p {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #101828;
    margin-bottom: 0;
}
.file-name{margin-top: 15px;}
.inputFileType2 {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #344054;
    display: flex;
    align-items: center;
    padding: 10px 18px;
    text-align: center;
    white-space: nowrap;
    background-color: #fff;
    border: 1px solid #cbced4;
    border-radius: 8px;
    margin-top: 15px;
    margin-right: 15px;
}
.champdisabled{
    background-color: #f0f0f0;
    color: #999999;
    cursor: not-allowed;
    pointer-events: none;
}
.card-performance {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 12px;
    border: 1px solid #EAECF0;
    background: #FFF;
    margin-bottom: 24px;
}
p.blocStat {
    display: inline-flex;
    gap: 8px;
    margin-bottom: 16px !important;
    flex-wrap: wrap;
}
p.header-card-performance {
    padding: 16px 0 0 16px;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 16px;
    color: #101828;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.28px;
}

.body-card-performance {
    padding: 0 16px;
    width: 100%;
}

span.icone-card-performance {
    padding: 12px;
    border-radius: 50%;
    background: #EFF8FF;
    display: inline-flex;
    align-items: center;
}

p.num-viewed {
    color: #101828;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.56px;
}

span.num-stat {
    color: #101828;
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.28px;
    white-space: nowrap;
}

span.nomApp {
    color: #1570EF;
    text-align: center;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    padding: 2px 8px;
    border-radius: 8px;
    background: #EFF8FF;
    white-space: nowrap;
}

span.performance-percent {
    color: #039855;
    text-align: center;
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    padding: 2px 8px;
    border-radius: 8px;
    background: #ECFDF3;
    white-space: nowrap;
}

.footer-card-performance {
    border-top: 1px solid#EAECF0;
    width: 100%;
    padding: 16px;
}

a.graphLink {
    float: right;
    color: #175CD3;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.f-right{float: right;}
.stat-Bloc {
    display: flex;
    align-items: end;
    padding: 0 20px 20px 20px;
    width: 100%;
}
.stat-Bloc p.blocStat {
    margin-bottom: 7px !important;
    float: right;
}
.stat-Bloc p.desc-title {
    display: flex;
    gap: 8px;
    color:#101828;
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.28px;
}
.card_t2 p.header-card-performance {
    font-weight: 600;
    line-height: 24px;
    padding: 20px 0 0 20px;
    font-size: 17px;
    width: 100%;
}
p.urlShop a {
    color: #667085;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.28px;
}
p.urlShop {margin-top: 8px;margin-bottom: 0;}
h2.title-section {
    color:#101828;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.48px;
}
.line-legend {
    display: flex;
    justify-content: end;
    gap: 13px;
}
ul.line-legend li span {
    border-radius: 50%;
    line-height: 8px;
    width: 8px;
    height: 8px;
}
ul.line-legend li {
    display: flex;
    align-items: center;
    color: #475467;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
.margNumb {
    margin-bottom: 20px;
    margin-top: 10px;
}
div#modal,#modal-website,#modal-triggeredEmail,
#modal-widget,div#modal-general,#modal-chatbot {
    scroll-margin: 300px;
}
.modal-content.widgetStyle {
    border-radius: 12px;
    border: 1px solid #EAECF0;
}
ul.btn-date {
    display: inline-flex;
    border-radius: 8px;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    background: #ffffff;
    padding-left: 0;
    border: 1px solid #D0D5DD;
    overflow: hidden;
    height: 42px;
    margin-bottom: 5px;
}
p.titleChamp a.EmailInfo i.fa-info {
    width: 16px;
    height: 16px;
    line-height: 16px;
    background: #03A9F4;
    color: #fff;
}
p.titleChamp {
    display: flex;
}
ul.btn-date li.active {
    background: #eff8ff;
    color: #1570ef;
}
ul.btn-date li:hover {
    background: #eff8ff;
    color: #1570ef;
    cursor: pointer;
}
ul.btn-date li {
    display: flex;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-right: 1px solid #e0edf8;
    color: #1D2939;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
}
ul.btn-date li:first-child {border-left: none;}
ul.btn-date li:last-child {border-right: none;}
.blocfilterStat{
    display: flex;
    justify-content: end;
    gap: 30px;
    align-items: end;
    margin-bottom: 10px;
}
.listeShopes {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
}
.listeShopes p {
    display: flex;
    white-space: nowrap;
    margin-bottom: 0;
    color: #101828;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -0.48px;
    margin-left: 16px;
}
table.styletable tr:hover {background: #fbfbfb;}
.actionBtn {
    display: flex;
    gap: 8px;
    justify-content: end;
}
table.styletable {
    width: 100%;
}
.btn-DEL button {
    display: flex;
    padding: 8px 14px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    border: 1px solid #FEF3F2;
    background: #FEF3F2;
    /*box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.10);*/
    color: #B42318;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    transition: 0.3s ease;
    cursor: pointer;
}
.btn-DEL a {
    display: inline-flex;
    padding: 10px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    border: 1px solid #FEF3F2;
    background: #FEF3F2;
/*    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.10);*/
    color: #B42318 !important;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    transition: 0.3s ease;
    cursor: pointer;
}
.btn-DEL a:hover,
.btn-DEL button:hover{
    background: #FEE4E2 !important;
    transition: 0.3s ease;
    border: 1px solid #FEE4E2 !important;
}
table.styletable td {
    padding: 16px 24px;
    height: 44px;
    border-bottom: 1px solid #EAECF0 !important;
    border-top: none;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #475467;
    box-shadow: none !important;
}
.Blocrecommendation {
    border-radius: 12px;
    border: 1px solid #EAECF0;
    background: #FFF;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.10);
}
span.tagedPage {
    display: flex;
    padding: 4px 12px;
    align-items: center;
    white-space: nowrap;
}
canals.TaggedPages {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}
.headerbloc {
    padding: 20px 24px 0px 24px;
}
.headerbloc select{height: 43px;}
.bg-badge-green {
    border-radius: 16px;
    background: #ECFDF3;
    mix-blend-mode: multiply;
    color: #027A48;
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}
.bg-badge-red {
    border-radius: 16px;
    background: #FEF3F2;
    mix-blend-mode: multiply;
    color:#B42318;
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}
.btn-action {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 12px;
}

.btn-action label.champSelect {
    width: auto;
    padding: 5px 0 0;
}
a.needHelp {
    color: #475467;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
table.styletable thead th {
    border-bottom: 1px solid #EAECF0;
    background: #f7f7f7;
    padding: 15px 24px;
    color: #475467;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
}
.headerbloc i.fa-solid.fa-circle {
    font-size: 5px;
    color: #475467;
}
.CardFavizone {
    border-radius: 12px !important;
    border: 1px solid  #EAECF0;
    background:  #FFF;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.10);
}
.CardFavizone .headerCard {
    padding: 20px 24px;
    border-bottom: 1px solid #EAECF0;
}
.CardFavizone.headerCard h3 {
    color: #101828;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 4px;
}
.CardFavizone .headerCard p {
    color:#475467;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
.CardFavizone {overflow-x: auto;}


.CardFavizone .bodyCard {
    padding: 20px 24px;
    border-bottom: 1px solid #EAECF0;
}
.CardFavizone .flexBloc{display: flex;}
.CardFavizone .footerCard {
    padding: 12px 16px;
}
div#content1 {
    padding: 0 24px !important;
}
.parameterChamp {
    display: inline-flex;
    align-items: center;
    gap: 46px;
}
.mentionTXt {
    white-space: nowrap;
    color: #1D2939;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -0.36px;
}
.parameterChamp .champSelect {
    width: 65px;
}
ul.listeStyle1 {
    background: #f6f6f6;
    padding: 20px 15px;
    border-radius: 10px;
    border: 1px solid #D0D5DD;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
}
ul.listeStyle1 li {
    margin-bottom: 10px;
    position: relative;
    color: #475467;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
ul.listeStyle1 li i {color: #007bff;}
ul.listeStyle2 {padding-left: 18px;}
ul.listeStyle2 li i {font-size: 6px;}
ul.listeStyle2 li {
    display: flex;
    align-items: center;
    gap: 5px;
}
.flex-toggle {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 10px;
    margin-bottom: 20px;
}
.toggle-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.smart-accordion-default .titleproduct > a.collapsed > :nth-child(2) {display:none;}
.smart-accordion-default .titleproduct > a.collapsed > :first-child {display: inline-block;}
.smart-accordion-default .titleproduct > a > :first-child {display: none;}
.titleproduct .myHandle{margin-top: 0;}
.toggle-flex label.toggle,
.flex-toggle label.toggle {padding-right: 0;}
.toggle-flex label.toggle i,
.flex-toggle label.toggle i{background: #ebebeb;}
label.toggle .toggle i:before,
.flex-toggle .toggle i:before {filter: drop-shadow(0px 1px 2px rgba(16, 24, 40, 0.06)) drop-shadow(0px 1px 3px rgba(16, 24, 40, 0.10));}
.flex-toggle span {
    color:#344054;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.32px;
}
h4.titleproduct a {
    border-radius: 8px;
    border: 1px solid #D0D5DD;
    background: #FFF;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    display: flex;
    padding: 8px 14px;
    justify-content: space-between;
    align-items: center;
    color: #344054;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 16px;
}
.paddCard24 {padding: 15px 21px !important;}
.paddCard24 .row {
    margin-left: -12px;
    margin-right: -12px;
}
.titleSection{
    color: #101828;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    margin-top: 0;
}
.recommendorsBlocs {
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
}
.InfoRecommendorsBlocs {
    display: flex;
    gap: 40px;
    align-items: center;
}
.InfoRecommendorsBlocs label.ChampInput  label.ChampInput2{
    min-width: 260px;
    overflow: hidden;
    width: 260px;
}
.InfoRecommendorsBlocs p {
    color: #344054;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.32px;
    margin-bottom: 0;
    width: 100%;
}
.blocCanal label.ChampInput input label.ChampInput2{
    text-overflow: ellipsis;
}
.show-calendar .dashboarddate {
    display: flex;
    width: 531px;
    flex-wrap: wrap;
}
.daterangepicker th.month select {
    padding: 0px 12px;
    background: #FFFFFF;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #667085;
    text-transform: capitalize;
    width: auto;
    border: none;
    box-shadow: none;
}
.show-calendar .dashboarddate .ranges {
    float: initial !important;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 8px 0;
}
.show-calendar .dashboarddate .btn-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    flex-direction: row-reverse;
    border-top: 1px solid #667085;
    padding-top: 13px;
}
/*.show-calendar .ranges ul{display: none}*/
ul#myTab {
    padding-left: 0;
    display: flex;
}
ul#myTab li.active a {
    border-radius: 4px;
    background: #ffffff;
    color: #175CD3;
}
ul#myTab li a {
    color: #667085;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    padding: 8px 12px;
}
ul#myTab li {display: flex;}
.parametreTemplate {
    display: flex;
    align-items: center;
    background: #FFF;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.10);
    padding: 16px;
    justify-content: space-between;
}
.btnDevice {
    padding-left: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}
.SettingTemplate {
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: end;
}
.btnDevice a {
    border-radius: 8px;
    border: 1px solid #D0D5DD;
    background:#FFF;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    padding: 8px 14px;
    display: flex;
    align-items: center;
}
.btnDevice a:hover {background: #EFF8FF;border: 1px solid #EFF8FF;}
.btnDevice a:hover svg {stroke: #175CD3 !important;}
.btnDevice a svg {stroke:#344054;}
.blocEditor ul#myTab {
    margin-bottom: 0;
    border: 1px solid #F2F4F7;
    background: #F9FAFB;
    border-radius: 8px;
    padding: 4px;
}
a.btn-txt {
    color: #175CD3;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.fixedCard {
    position: -webkit-sticky;
    position: sticky;
    top: 20px;
    z-index: 999;
    height: 100%;
}
.fixedCardTop0{
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 99;
    height: 100%;
}
.headerPage h3 {
    color: #101828;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.48px;
}
.headerPage {padding-top: 24px;}
.overflow-initial{overflow: initial !important;}
.overflow-h{overflow: hidden !important;}
.configBox p.titleChamp {
    font-size: 18px;
    margin-bottom: 16px;
}
.configBox p.titleChamp span.nameLayout {
    color:#175CD3;
    font-family: Inter;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
}
.configBox .separateur {
    border: 1px dashed #98A2B3;
    margin: 20px 0;
}
.configBox .ChampInputFile input{font-size: 14px;padding: 10px 14px !important;}
.configBox label.inputFile{
    font-size: 14px;
    line-height: 24px;
    padding: 7px 10px;
}
.configBox .vouchurebloc {
    border-radius: 8px;
    border: 1px solid #F2F4F7;
    background: #FFF;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.10);
    padding: 8px;
    margin: 24px 0;
}
.customCard h2 {
    font-size: 26px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: bold;
    line-height: 1.5;
    color: #2d9bf0;
    margin-bottom: 30px;
}
.customCard ul.checkliste {
    padding-left: 0;
    margin-bottom: 30px;
}
.customCard ul.checkliste li {
    margin: 10px 0;
    font-family: 'Inter';
    font-style: normal;
    font-weight: bold;
    line-height: 1.5;
    color: #475467;
    font-size: 14px;
}
ul.checkliste i {
    color: #2d9bf0;
}
.customCard p {
    font-family: 'Inter';
    font-style: normal;
    font-weight: bold;
    line-height: 1.5;
    color: #475467;
    font-size: 16px;
}
.configFilter {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 16px 20px 16px 24px;
    border-radius: 12px;
    border: 1px solid #EAECF0;
    background: #FFF;
}
.filterName {
    color: #344054;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.36px;
}
.blocInterne {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
    border-radius: 8px;
    border: 1px solid #EAECF0;
    background: #FFF;
    margin-top: 20px;
}
.blocInterne p {
    margin-bottom: 0;
    color: #344054;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
}
.conversell-Bg {
    background: url('/assets/conversell-bg.png') !important;
    background-size: contain !important;
    background-position: top right!important;
    background-repeat: no-repeat !important;
}
.customCard {margin-top: 80px;}
p.alertmsg {
    margin-bottom: 0;
    color: #8a6d3b;
    background: #FFFAEB;
    padding: 16px 20px 16px 16px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.02em;
    margin-top: 10px;
    border-radius: 10px;
}
p.errormsg {
    margin-bottom: 0;
    background: #FEF3F2;
    color: #D92D20;
    padding: 16px 20px 16px 16px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.02em;
    margin-top: 10px;
    border-radius: 10px;
}
p.successMsg{
    margin-bottom: 0;
    background: #ECFDF3;
    color: #027A48;
    padding: 16px 20px 16px 16px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.02em;
    margin-top: 10px;
    border-radius: 10px;
}

.tableCustom {
    border-radius: 12px !important;
    border: 1px solid #EAECF0;
    background: #FFF;
    box-shadow: 0px 1px 2px 0px
    rgba(16, 24, 40, 0.06), 0px 1px 3px 0px
    rgba(16, 24, 40, 0.10);
    overflow: hidden;
}
.tableCustom thead  tr {
    border-bottom: 1px solid #EAECF0;
    background: #F9FAFB;
}
.tableCustom thead th {
    color: #000;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -0.32px;
    border-bottom: none !important;
}
.tableCustom td {
    padding: 16px 24px !important;
    border-bottom: 1px solid #EAECF0;
    vertical-align: middle !important;
}
.tableCustom td p {margin-bottom: 0}
a.linkGuide {
    color: #1570ef;
    text-decoration: revert;
    font-weight: bold;
}
p.alertmsgInterne {
    color: #8a6d3b !important;
    background: #FFFAEB;
    padding: 5px 10px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: -0.02em;
    border-radius: 10px;
    display: inline-block;
    margin-bottom: 12px;
}
p.alertmsgInterne a {
    color: #2c91ff;
    text-decoration: revert;
}
.panel-default>.panel-heading {
    background: #fff !important;
}
.numbProd {
    display: flex;
    align-items: center;
    gap: 24px;
}
.addBtn button {
    border-radius: 8px;
    border: 1px solid #D0D5DD;
    background: #FFF;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    padding: 8px 14px;
}
.numbProd label.ChampInput input {text-align: center;}
span.sepa {
    color:#667085;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
div#setImage span.abs_url{height: 77%;}
span.sepa:before {
    content: "";
    position: absolute;
    display: flex;
    width: 45%;
    height: 1px;
    background: #EAECF0;
    left: 0;
}
span.sepa:after {
    content: "";
    position: absolute;
    display: flex;
    width: 45%;
    height: 1px;
    background: #EAECF0;
    right: 0;
}
.flex-checkbox {
    display: flex;
    align-items: center;
    gap: 5px;
}
.flex-checkbox label.sub_lab {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 15px;
    line-height: 20px;
    color: #101828;
    margin-bottom: 0;
}
.bookDemo-content .modal-content {
    padding: 14px 25px;
    border-radius: 10px;
}
.bookDemo-content .modal-content h3{margin-top:0;}
.phonemodel {
    position: relative;
}
.phonemodel img{
    width: 100%;
    height: 550px;
    object-fit: contain;
}
.emailbox {
    position: absolute;
    top: 56%;
    left: -5px;
    padding: 15px 16px;
    display: flex;
    align-items: center;
    gap: 14px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: bold;
    line-height: 20px;
    color: #344054;
    background: #eff8ffeb;
    width: 100%;
    border-radius: 10px;
    box-shadow: 0 0 20px #d7d7d7;
}
.iconemail.ng-binding {
    background: #1570ef;
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    font-size: 30px;
    text-transform: capitalize;
}
.contenet p {margin-bottom: 0;}
p.preheadermail {
    font-size: 14px;
    font-weight: 100;
}
p.subjetmail {
    font-size: 15px;
    margin-bottom: 5px;
}
p.namesender{
    text-transform: capitalize;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
}

.blocTemplate {
    border-radius: 12px;
    border: 1px solid #EAECF0;
    background: #FFF;
    overflow: hidden;
    position:relative;
    margin-bottom: 24px;
}
.blocTemplate img {
    width: 100%;
    object-fit: contain;
    object-position: top;
}
.templateImg {
    height: 500px;
    overflow: hidden;
}

p.nameTemp {
    color: #101828;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
}
.contentBlocTemp {
    padding: 20px 16px;
    /*position: absolute;*/
    bottom: 0;
    background: #fff;
    width: 100%;
}
.actionBouton .btn-1 a{margin-bottom:12px;}
.actionBouton .btn-1 a,.actionBouton .btn-2 button {
    width: 100%;
    display: flex;
    justify-content: center;
}
.blocTemplate:hover .templateImg { height: 100%;}
/*.blocTemplate:hover p.nameTemp {display:  none;}*/
.blocTemplate:hover .contentBlocTemp {background: transparent;}
p.PageTitle {
    color: #101828;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.48px;
    margin-bottom: 48px;
}
p.titleModel {
    color:#101828;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
}
p.descTemp {
    color:#475467;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
.flex-option {
    display: flex;
    gap: 10px;
    align-items: center;
}
.flex-option label.ChampInput {  width: auto;}
.flex-option label.ChampInput input {
    text-align: center;
    max-width: 140px;
}
.radioSelect { padding-left: 0;justify-content: space-between;flex-wrap: wrap;}
.radioSelect li {
    display: flex;
    align-items: center;
}
.radioSelect input[type="radio"] { margin-top: 0;}
.radioSelect span {
    color: #101828;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.28px;
    padding-top: 9px;
}
.contentOptioncustom {
    background: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 8px;
    padding: 10px 20px;
    margin-top: 25px;
    color: #101828;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.28px;
}
.contentOptioncustom ul { padding-left: 0;}
.contentOptioncustom input[type="radio"] {
    top: 0;
    margin-top: 0;
}
.contentOptioncustom li {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 20px;
}
.contentOptioncustom li select{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    height: 42px;
}
form#smart-form-register .sep{
    margin: 11px 0 !important;
}
.sep {
    border-bottom: 1px solid #E9ECEF;
    margin: 16px 0;
}
h2.titlesection {
    color: #101828;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.32px;
    margin-top: 0;
    margin-bottom: 16px;
}
p.title-Champ {
    color: #475467;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.28px;
    margin-bottom: 0;
}
.btn-chanpPers button {
    border-radius: 0px 8px 8px 0px;
    border: 1px solid #D0D5DD;
    background: #FFF;
    display: flex;
    padding: 11px 16px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    height: 44px;
    color: #344054;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
}

.flexBouton {
    display: flex;
    align-items: center;
}
.flexBouton .emojionearea.emojionearea-inline {
    border-radius: 8px 0px 0px 8px;
    border-top: 1px solid #D0D5DD;
    border-bottom: 1px solid #D0D5DD;
    border-left: 1px solid #D0D5DD;
    background: #FFF;
    border-right: none;
    box-shadow: none;
    height: 44px !important;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #667085;
}
.btn-chanpPers.open ul.dropdown-menu {top: 65px;right: 13px;border-radius: 8px;}
.dropdown-menu>li>a:hover {
    text-decoration: none;
    color: #1570ef;
    background: #EFF8FF;
}
.sp-container{min-height: 280px;}

div#deleteProfile_modal {
    z-index: 99999999999 !important;
    background: #000000cc !important;
    padding-top: 8%;
}

.hoverMsg {
    position: relative;
}
.hoverMsg:hover:before {
    content:attr(data-content);
    z-index: 999;
    position: absolute;
    background: white;
    width: 200px;
    border-radius: 10px;
    padding: 10px;
    color: #344054;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.32px;
    box-shadow: 0 0 20px #00000029;
    border: 1px solid #e1e1e1;
    top: -11px;
    left: -218px;
    word-break:normal;
    white-space: break-spaces !important;
}
.flexcontent {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.flexcontent label.champSelect {width: auto;}
h4.title-panel a {
    color: #101828;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
}
.heading-panel {padding:24px;}
.panel-box {border-bottom: 1px solid #EBEDF1;}
h4.title-panel a.collapsed:before {
    content: "\f067";
    transform: rotate(90deg);
}
h4.title-panel a:before {
    content: "\f068";
    font-family: "Font Awesome 5 Free";
    width: 25px;
    height: 25px;
    line-height: 28px;
    font-size: 15px;
    font-weight: 900;
    text-align: center;
    position: absolute;
    top: 2px;
    right: 15px;
    transition: all 0.3s ease 0s;
    color: #667085;
}
.body-panel {
    padding: 0 24px 24px;
}
.body-panel .sp-original-input-container .sp-add-on { width: 40px !important;}
.body-panel .btn-DEL button{padding: 8px 14px;}
.body-panel span.logovide{
    display: flex;
    width: 64px;
    height: 64px;
    padding: 16px;
    justify-content: center;
    align-items: center;
    border-radius: 200px;
    background:#F2F4F7;
}
.side-panel {border-right: 1px solid #EAECF0;}
.previwlayout {
    background: #fbfbfb;
    padding: 0px 32px 32px 32px;
    border-top: 1px solid #EBEDF1;
}
#templatePreview div#voucherHtml:hover{margin: 0 auto !important;}
#templatePreview #voucherHtml:hover,
#templatePreview #additionalFirstBloc:hover,
#templatePreview #additionalSecondBloc:hover,
#templatePreview #bodyHtml:hover,
#templatePreview .footerEdit #FooterAdress:hover,
#templatePreview .footerEdit #addressCode:hover,
#templatePreview #menuCode:hover{
    border: 2px solid #1570EF;
    border-radius: 9px;
    position: relative;
    cursor: pointer;
    padding: 10px !important;
    margin-bottom: 5px !important;
    margin: 0 15px;
}
#templatePreview #voucherHtml:hover:before,
#templatePreview #additionalFirstBloc:hover:before,
#templatePreview #additionalSecondBloc:hover:before,
#templatePreview #bodyHtml:hover:before,
#templatePreview .footerEdit #FooterAdress:hover:before,
#templatePreview .footerEdit #addressCode:hover:before,
#templatePreview #menuCode:hover:before{
    content: "\f304";
    font-family: 'FontAwesome';
    position: absolute;
    border-radius: 8px;
    border: 1px solid #1570EF;
    background:#1570EF;
    color: #fff;
    padding: 8px 10px;
    top: -41px;
    right: 0;
}
.recTitle:hover:before {
    content: "\f304";
    font-family: 'FontAwesome';
    position: absolute;
    border-radius: 8px;
    border: 1px solid #1570EF;
    background:#1570EF;
    color: #fff;
    padding: 8px 10px;
    top: -41px;
    right: 0;
    font-size: 13px;
}
.hhhh:hover:before {
    content: "\f0b2";
    font-family: 'FontAwesome';
    position: absolute;
    border-radius: 8px;
    border: 1px solid #1570EF;
    background:#1570EF;
    color: #fff;
    padding: 8px 10px;
    top: -41px;
    right: 0;
    font-size: 13px;
}
p.txtlink {
    color:#175CD3;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    cursor: pointer;
}
p.txtlink:hover {color: #1849A9;}
p.pageTitle {
    color: #101828;
    font-family: Inter;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.48px;
    display: inline-flex;
    gap: 18px;
    align-items: center;
    margin-bottom: 45px;
}
.BG-Blocfix {
    background: #f2f4f7;
    padding-top: 30px;
}
.Interne-SettingsBloc {
    padding: 32px 24px;
    border-bottom: 1px solid #EBEDF1;
}
.settingsBloc {border-right: 1px solid #EBEDF1;}
.voucher-content p {
    color:#344054;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 0;
}
.voucher-content {
    justify-content: normal !important;
    gap: 8px;
    margin-top: 24px;
}
.Boxtitle {
    color:#101828;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
}
p.descBox {
    color:#475467;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}
p.txtlink2 a {
    color:#175CD3;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    display: inline-flex;
    gap: 8px;
    align-items: center;
}
h4.titleReco a.collapsed {
    border-radius: 8px;
    border: 1px solid #EAECF0;
    background: #FFF;
}
h4.titleReco a {
    padding: 12px 16px 12px 38px;
    color: #344054;
    font-family: Inter;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    border-radius: 8px 8px 0px 0px;
    border-bottom: 1px solid #EAECF0;
    background: #F9FAFB;
    display: inline-flex;
    position: relative;
    width: 100%;
    align-items: center;
}

.panelReco {
    border: 1px solid #EBEDF1;
    border-radius: 8px;
    margin-bottom: 10px;
}

h4.titleReco a:before {
    content: "\f068";
    font-family: "Font Awesome 5 Free";
    width: 25px;
    height: 25px;
    line-height: 28px;
    font-size: 15px;
    font-weight: 900;
    text-align: center;
    position: absolute;
    right: 15px;
    transition: all 0.3s ease 0s;
    color: #667085;
}
h4.titleReco a.collapsed:before {
    content: "\f067";
    transform: rotate(-90deg);
}
.body-reco {
    padding: 0px 16px;
}
.navbloc {
    margin: 0 !important;
    position: absolute;
    left: 14px;
    opacity: 0;
    transition: 0.3s ease;
}
div#headerBlock:hover .navbloc {
    opacity: 1;
    transition: 0.3s ease;
}
ul.box-radio {
    padding-left: 0;
    margin-bottom: 20px;
}
ul.box-radio li {
    margin-bottom: 10px;
}
.Interne-SettingsBloc .Boxtitle span.EmailInfo,
.settingsBloc .DecChamp span.EmailInfo,
.btn-2 a span.EmailInfo {
    width: 15px;
    border: 1px solid #1570EF;
    height: 15px;
    line-height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 9px;
    padding: 3px;
    border-radius: 50%;
    color: #1570EF;
    position: relative;
    top: 0;
    cursor: pointer;
}
.configFilter .select2-container-multi .select2-choices .select2-search-field input{width: 100% !important;}
.body-reco .configFilter {
    padding: 10px 20px;
    margin: 10px 0;
}
.body-reco .configFilter p {margin: 0;}
.body-reco .configFilter .toggle-flex {display: flex;}
.body-reco .configFilter .flexcontent {width: 100%;}
.padd25 {padding: 15px 25px;}
.closeBtn button {
    padding: 10px;
    background: #fff;
    border: 1px solid #EAECF0;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

.closeBtn button:hover {
    background: #f9f9f9;
}
#textEditor .modal-dialog {
    width: 900px;
    margin: 30px auto;
}
.tox:not(.tox-tinymce-inline) .tox-editor-header:not(.tox-editor-dock-transition) {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
}
.tox .tox-editor-container {
    padding-top: 0 !important;
}
#editTheme . .btn-default.active ,
form#groupThemes .btn-default.active {
    border: 2px solid #1570EF;
    background: #EFF8FF;
    margin-bottom: 12px;
}

.paddBott0{padding-bottom: 0 !important;}
#editTheme .btn-default,
form#groupThemes .btn-default {
    border-radius: 12px;
    border: 2px solid #EAECF0;
    background: #FFF;
    box-shadow: none;
    width: 100%;
    padding: 16px;
    margin-bottom: 12px;
    display: flex;
    justify-content: space-between;
}
#editTheme .btn-default:hover,
form#groupThemes .btn-default:hover {
    border-radius: 12px;
    border: 2px solid #1570EF;
    background: #EFF8FF;
    box-shadow: none;
    margin-bottom: 12px;
}
p.titleRecom.ng-binding {
    color:#344054;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
}
p.descRecm.ng-binding {
    color:#475467;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
}
form#editTheme .btn-default:hover p.descRecm,
form#editTheme .btn-default:hover p.titleRecom,
form#editTheme .btn-default.active p.descRecm,
form#editTheme .btn-default.active p.titleRecom{color: #1849A9;}

form#groupThemes .btn-default:hover p.descRecm,
form#groupThemes .btn-default:hover p.titleRecom,
form#groupThemes .btn-default.active p.descRecm,
form#groupThemes .btn-default.active p.titleRecom{color: #1849A9;}
.iconeRecom {
    position: relative;
    padding: 16px;
    border-radius: 50%;
    border: 6px solid #EFF8FF;
    background: #D1E9FF;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#editTheme .bodyRecom,
form#groupThemes .bodyRecom {
    display: flex;
    gap: 16px;
}
#editTheme input[type="radio"]::before,
form#groupThemes input[type="radio"]::before{
    content: "\f00c";
    width: 21px;
    height: 21px;
    font-family: 'Font Awesome 6 Free';
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background: #1570EF;
}
#editTheme input[type="radio"]:checked::before,
form#groupThemes input[type="radio"]:checked::before {
    transform: scale(1);
    color: #fff;
}
.custemStyle #widget-grid {
    padding: 0 !important;
    margin: 0;
    width: 100%;
}
.custemStyle .CardFavizone {
    box-shadow: none;
    border: none;
    padding: 0 10px;
    overflow: hidden;
}
#editTheme .s-titre,
#groupThemes .s-titre{
    color: #475467;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    margin: 10px 0;
    text-transform: math-auto;
}
.dot-spinner {
    --uib-size: 1.8rem;
    --uib-speed: .9s;
    --uib-color: #1570EF ;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: var(--uib-size);
    width: var(--uib-size);
}

.dot-spinner__dot {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 100%;
    width: 100%;
}

.dot-spinner__dot::before {
    content: '';
    height: 20%;
    width: 20%;
    border-radius: 50%;
    background-color: var(--uib-color);
    transform: scale(0);
    opacity: 0.5;
    animation: pulse0112 calc(var(--uib-speed) * 1.111) ease-in-out infinite;
    box-shadow: 0 0 20px rgba(18, 31, 53, 0.3);
}

.dot-spinner__dot:nth-child(2) {
    transform: rotate(45deg);
}

.dot-spinner__dot:nth-child(2)::before {
    animation-delay: calc(var(--uib-speed) * -0.875);
}

.dot-spinner__dot:nth-child(3) {
    transform: rotate(90deg);
}

.dot-spinner__dot:nth-child(3)::before {
    animation-delay: calc(var(--uib-speed) * -0.75);
}

.dot-spinner__dot:nth-child(4) {
    transform: rotate(135deg);
}

.dot-spinner__dot:nth-child(4)::before {
    animation-delay: calc(var(--uib-speed) * -0.625);
}

.dot-spinner__dot:nth-child(5) {
    transform: rotate(180deg);
}

.dot-spinner__dot:nth-child(5)::before {
    animation-delay: calc(var(--uib-speed) * -0.5);
}

.dot-spinner__dot:nth-child(6) {
    transform: rotate(225deg);
}

.dot-spinner__dot:nth-child(6)::before {
    animation-delay: calc(var(--uib-speed) * -0.375);
}

.dot-spinner__dot:nth-child(7) {
    transform: rotate(270deg);
}

.dot-spinner__dot:nth-child(7)::before {
    animation-delay: calc(var(--uib-speed) * -0.25);
}

.dot-spinner__dot:nth-child(8) {
    transform: rotate(315deg);
}

.dot-spinner__dot:nth-child(8)::before {
    animation-delay: calc(var(--uib-speed) * -0.125);
}

@keyframes pulse0112 {
    0%,
    100% {
        transform: scale(0);
        opacity: 0.5;
    }

    50% {
        transform: scale(1);
        opacity: 1;
    }
}
.up-Orders{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    justify-content: end;
    background: #f9f9f9;
    padding: 4px 10px;
    border-radius: 10px;
    border: 1px solid #efefef;
}

span.name-Up {
    font-family: 'Inter';
    font-style: normal;
    font-weight: bold;
    font-size: 12px;
    line-height: 18px;
    color: #1570ef;
}
p.statusPlugin .Style3:before {content: none !important;}
p.statusPlugin span.bg-active {
    padding: 13px 10px !important;
    font-weight: bold;
}
p.statusPlugin .Style2:before {content: none !important;}
p.statusPlugin {
    display: flex;
    justify-content: end;
    gap: 8px;
}
.uploadbloc {
    display: flex;
    gap: 8px;
    justify-content: end;
}
.statusbloc {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 8px;
}
ul.progress-Step li.active:after {border: 1px solid#EAECF0 !important;}
.InfoRecommendorsBlocs label.ChampInput input {
    background: #FFFFFF;
    border: 1px solid #D0D5DD;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    border-radius: 8px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #667085;
    width: 250px;
    text-overflow: ellipsis;
    pointer-events: none;
}
div#error-dataExtracted .modal-body p {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 31px;
    letter-spacing: -0.02em;
    color: #475467;
}
.select2-container-multi .select2-choices .select2-search-choice {
    padding: 1px 25px 1px 5px !important;
    border: 2px solid #1570ef !important;
    background-color: #1570ef !important;
    border-radius: 5px;
}
.flexBouton label#emailUser {
    margin-bottom: 0;
    width: 100%;
}
.flex-start {
    display: flex;
    align-items: start;
    gap: 20px;
}
.flex-start .help-block {
    color: red;
    font-weight: 100;
}
.champInputFile2,
.champInputFile {
    display: flex;
    align-items: center;
}
.champInputFile .inputFileType2{
    border-radius: 0 8px 8px 0;
    margin-bottom: 0;
    height: 48px;
}
.champInputFile2 p.file-name{height:30px !important;}
.champInputFile2 p.file-name,
.champInputFile p.file-name {
    padding: 8px 13px;
    border-radius: 8px 0px 0px 8px;
    border-top: 1px solid #D0D5DD;
    border-bottom: 1px solid #D0D5DD;
    border-left: 1px solid #D0D5DD;
    background: #FFF;
    margin-top: 0;
    height: 42px;
    line-height: 2;
    margin-bottom: 0;
    width: 240px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #667085;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: flex;
    align-items: center;
}
.champInputFile span.Error{
    font-size: 12px;
    padding: 5px 13px;
    margin-left: 7px;
    cursor: pointer;
}
.champInputFile2 .inputFileType2{height: 26px !important;}
.champInputFile2 .inputFileType2,
.champInputFile .inputFileType2 {
    border-radius: 0 8px 8px 0;
    margin-bottom: 0;
    margin-right: 15px;
    height: 42px;
    margin-top: 0;
}
.champInputFile2 .inputFileType2 span, .champInputFile .inputFileType2 span{
    display: flex;
    align-items: center;
    gap: 7px;
}
.champInputFile .ChampInputFile{margin-bottom: 0}
.champInputFile span.success{font-size: 12px;}
ul.navTabs li.disabled {
    pointer-events: none;
    opacity: 0.6;
}
.ChampInputFile {
    display: flex;
    align-items: center;
    overflow: hidden;
    position: relative;
}
/*ul.navTabs li.disabled:before {
    content: "lorem ipusm qdjqdqs qshdjqshdiqsd sqdhqdhsuiqyds dqshdsuiqdhsuiqdy qsdhqiudhiUYD QSDHIUQDQSID ";
    position: absolute;
    background: #ffffff;
    width: 250px;
    box-shadow: 0 0 20px #00000026;
    padding: 16px;
    border-radius: 20px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #475467;
    bottom: 55px;
    z-index: -5;
}*/
.highlight {
    position: relative;
    z-index: 1;
    opacity: 0.6;
}

.highlight:before {
    content: attr(data-content);
    position: absolute;
    background: #fff;
    padding: 8px;
    box-shadow: 0 0 20px #bbbbbb;
    border-radius: 8px;
    transition: 0.3s ease;
    color: #8a6d3b;
    background: #fcf8e3;
    font-family: 'Inter';
    font-style: normal;
    opacity:0;
    font-size: 14px;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 9;
    width: 230px;
}
.card-performance.highlight:hover:before {opacity:1;transition: 0.3s ease;}
.card-performance.highlight a {pointer-events: none;}
p.H-Date {
    text-align: center;
    color:#1D2939;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 10px 0;
    position: relative;
}
.align-item-center{align-items: center;}
.align-item-end{align-items: end !important;}
p.H-Date.icone-after { position: relative;}
/*p.H-Date.icone-after:after {
    content: "\f061";
    position: absolute;
    font-family: 'FontAwesome';
    right: -11px;
    top: 3px;
}*/
.detailTable tbody td{
    padding: 12px 10px !important;
    height: 44px;
    border-bottom: 1px solid #EAECF0 !important;
    border-top: none;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 18px;
    color: #475467;
    box-shadow: none !important;
    text-align: left;
    vertical-align: top !important;
}
.tableResponsive tbody.bodyTable td.statusEmail span.bg-disabled,.tableResponsive tbody.bodyTable td.statusEmail span.bg-active {
    font-size: 14px;
    display: inline-flex;
    min-width: 90px;
    justify-content: center;
    padding: 0px 9px 0 15px;
}
.detailTable tbody td:nth-child(-n + 2) {
    border-top: none !important;
}
.textPopup {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: -0.02em;
    color: #475467;
}
#confirmDeletemsg .Boxtitle {
    color:#101828;
    font-family: 'Inter';
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
}
.space-nowrap{
    white-space: nowrap !important;
}
.modal-body .contenant-bloc p {
    color: #101828;
    font-family: 'Inter';
    font-size: 14px;
    font-style: normal;
    font-weight: 100;
    line-height: 20px;
    text-align: left;
}
.modal-body .sloganPopUp {
    color:#475467;
    font-family: 'Inter';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-top: 4px;
}

form.contact-form .box2 {
    padding: 16px;
    border-radius: 10px;
    border: 1px solid #D0D5DD;
    background: #FFF;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    margin-bottom: 24px;
    margin-top: 14px;
}

.contact-form .box2 p.titleChamp {
    color: #194185;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.32px;
}
.selectChamp {
    display: flex;
    align-items: center;
    margin: 10px 0;
    gap: 5px;
}
.selectChamp span {
    color: #667085;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
}
.contact-form .btn-1 {
    width: 100%;
    display: grid;
}
.contact-form .btn-1 button {
    display: inline-block !important;
}

form#contactForm {
    width: 100%;
    max-width: fit-content;
    box-shadow: none;
    padding: 24px;
    background-color: #ffffff;
    border-radius: 12px;
    max-width: 100%;
}
form#contactForm .required {
    position: relative;
}
#contactForm .required:before {
    content: "*";
    position: absolute;
    top: -5px;
    right: -8px;
    color: red;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}
h2.titlePage {
    color:#101828;
    font-size: 24px !important;
    font-style: normal;
    font-weight: 600 !important;
    line-height: 32px !important;
    letter-spacing: -0.48px;
    margin: 24px 0 !important;
}
h2.titleInterne {
    color: #101828;
    font-family: 'Inter', sans-serif !important;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    letter-spacing: -0.4px;
}
.btn-1 .btn-saveInput {
    padding: 10px 16px;
    background: #1570EF !important;
    border: 1px solid #1570EF !important;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    border-radius: 8px;
    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #FFFFFF !important;
    transition: 0.3s ease;
    cursor: pointer !important;
    display: inline-flex;
    white-space: nowrap;
    gap: 8px;
    align-items: center;
}
.champ-date input {
    color: #1570ef;
    font-weight: bold;
}
.champ-date i {
    color: #1570ef;
}
.CardFavizone.customStyle {
    padding:16px 0
}
.CardFavizone.customStyle label.champSelect select {
    font-size: 14px;
    text-overflow: ellipsis;
    overflow: hidden !important;
    white-space: nowrap;
}
.CardFavizone.customStyle ul.btn-date li{font-size: 12px;}
.disabledBox {
    opacity: 0.5;
    pointer-events: none;
    user-select: none;
}
.unsubscribedBloc {
    vertical-align: middle;
    background: #FFFFFF;
    border: 1px solid #EAECF0;
    box-shadow: 0px 1px 3px rgba(16, 24, 40, 0.1), 0px 1px 2px rgba(16, 24, 40, 0.06);
    border-radius: 12px;
    padding: 30px;
    width: 520px;
    margin: 0 auto;
}
.unsubscribedBloc h1 {
    color: #101828;
    font-family: Inter;
    font-size: 29px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
}
.unsubscribedBloc p {
    color: #101828;
    font-family: Inter;
    font-size: 19px;
    font-style: normal;
    line-height: 28px;
}
p.informative-notif {
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.28px;
    border-radius: 12px;
    border: 1px solid #E3E8EF;
    padding: 10px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #8a6d3b;
    background: #f9f7e9;
}
.iframe-class {
    border: none !important;
}
.fisttitle {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.5;
}
.statustPurchase {
    font-size: 18px;
    line-height: 1.5;
    background: #f0f8ff;
    padding: 10px;
    border-radius: 8px;
    border: 1px solid #d1e6f5;
    margin-top: 20px;
}
.Btndecline button {
    border: 1px solid #c4c4c4;
    background: #fff;
    font-size: 14px;
    padding: 20px;
    display: inline-block;
    width: 100%;
    font-weight: bold;
}
p.Sep {
    position: relative;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

p.Sep:before {
    content: '';
    position: absolute;
    width: 46%;
    height: 2px;
    background: #ededed;
    left: 0;
}
p.Sep:after {
    content: '';
    position: absolute;
    width: 46%;
    height: 2px;
    background: #ededed;
    right: 0;
}
.CardFavizone .select2-container--default .select2-selection--single{
    box-sizing: border-box;
    padding: 8px 12px;
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #D0D5DD;
    border-radius: 8px;
}
.CardFavizone label.champSelect{
    padding-top: 0 !important;
}
span.stat-total {
    color: #454545;
    white-space: nowrap;
}
span.stat-recommandation {
    color: #2e90fa;
    white-space: nowrap;
}
td.imgProduct img {
    border-radius: 8px;
}
.CardFavizone .select2-container{width: 100% !important;}
div#viewLegendDiv ul.line-legend li span {
    color: #101828;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    width: 100%;
    float: left;
    position: relative;
}
div#viewLegendDiv ul.line-legend {
    display: inline-flex;
    justify-content: start;
    padding-left: 0;
    /*padding-bottom: 25px;*/
}
.Fav-status {
    color: #344054;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.32px;
    margin-bottom: 0;
}
.helpinput {
    position: relative;
    display: flex;
    align-items: center;
}
.helpinput a.infoBulle {
    position: absolute;
    right: 10px;
}
.CardFavizone iframe#principalIframe, .CardFavizone iframe#iframe1 {
    border: 1px solid #e2e2e2;
    border-radius: 8px;
    box-shadow: 0 0 20px #ebebeb91;
    margin-top: 30px;
}
.absBloc {
    position: relative;
    display: flex;
    align-items: center;
}
.absToggle {
    position: absolute;
    left: 10px;
    padding-right: 0;
}
.absBloc a { padding-left: 65px !important;}
.sp-original-input-container .sp-add-on{width: 40px !important;}
.settingToggle {
    display: inline-flex;
    width: 100%;
    align-items: center;
    border-radius: 8px;
    border: 2px solid #EBEDF1;
    background: #FFF;
    position: relative;
    padding: 8px 12px 8px 65px;
}
.settingToggle .settingTitle {
    font-family: Inter;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
}
.settingToggle .togglePara {
    position: absolute;
    left: 10px;
    padding-right: 0;
}
.inputDrop label{ margin-bottom: 0;}
.inputDrop input {
    border-right: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.flexBouton.inputDrop button {height: 42px;}
.flexBouton.inputDrop button:hover {
    background: #f8f8f8 !important;
    transition: 0.3s ease;
    border: 1px solid #D0D5DD;
}
.flexBouton.inputDrop button:active {
    background: #f8f8f8 !important;
    transition: 0.3s ease;
    border: 1px solid #D0D5DD;
    box-shadow: none;
    top: 0;
    left: 0;
}
.flexBouton.inputDrop button:focus {
    background: #f8f8f8 !important;
    transition: 0.3s ease;
    border: 1px solid #D0D5DD !important;
}
.blockPreview {
    border: 1px solid #e2e2e2;
    border-radius: 8px;
    box-shadow: 0 0 20px #ebebeb91;
    margin-top: 30px;
    padding: 30px;
}
.bg-preview {
    margin-bottom: 0;
    border: 1px solid #F2F4F7;
    background: #F9FAFB;
    border-radius: 8px;
    padding: 4px;
}
.sepList:nth-child(odd) {
    margin-bottom: 0;
    border: 1px solid #F2F4F7;
    background: #F9FAFB;
    border-radius: 8px;
    padding: 10px 0;
}
.headTableTotal th, .bodyTableTotal td {
    background: #eff8ff;
}
.disabledpage {
    pointer-events: none;
    opacity: 0.4;
}
.daterangepickerCustom {
    display: flex;
    align-items: center;
    padding: 11px;
}
.daterangepickerCustom .ranges ul {
    padding-left: 0;
    margin-top: 10px;
}
.daterangepickerCustom .ranges ul li {
    margin-bottom: 7px;
    padding: 6px;
    background: #f1f1f1;
    border-radius: 8px;
    font-weight: bold;
    border: 1px solid #f1f1f1;
}
.daterangepickerCustom .ranges ul li:hover {
    background: #e3e3e3;
    border: 1px solid #cdcdcd;
    cursor: pointer;
}
.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover{
    background: #e3e3e3;
    border: 1px solid #cdcdcd;
    cursor: pointer;
    color: #344054 !important;
}
.daterangepickerCustom .daterangepicker.dropdown-menu.opensright {
    margin-right: 51px;
    margin-top: 12px;
    border-radius: 9px;
}
.daterangepickerCustom .calendar.left,.calendar.right {
    display: none;
}
.show-calendar .daterangepickerCustom  .calendar.left,
.show-calendar .daterangepickerCustom  .calendar.right{
    display: block
}
.show-calendar .daterangepickerCustom .dashboarddate .ranges {
    flex-wrap: wrap;
}
.show-calendar .daterangepickerCustom  .dashboarddate {
    flex-wrap: nowrap;
}
.daterangepickerCustom .calendar {
    padding: 10px;
}
.btn-nav .dot-spinner {
    --uib-color: #ffffff;
}
.TipsBloc {
    background: #EFF8FF;
    padding: 10px;
    margin-top: 20px;
    border-radius: 10px;
}
.TipsBloc .TipsBlocTitle {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #004bb3;
}
.TipsBloc .TipsBlocTitle {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #004bb3;
}

.TipsBloc ul li {font-size: 15px;position: relative;padding-left: 12px;margin-bottom: 8px;}
.TipsBloc ul li:before {
    content: "\f111";
    font-family: 'Font Awesome 5 Free';
    font-size: 7px;
    top: 5px;
    position: absolute;
    font-weight: bold;
    left: 0;
}
p.TipsBlocDesc {
    font-size: 15px;
    margin-bottom: 8px;
}
.fw-bold{font-weight: bold !important;}
p.tempName {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: bold !important;
    font-size: 14px;
    color: #475467;
}
.modal-body p{
    color: #344054;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: -0.32px;
    margin-bottom: 0;
    width: 100%;
}
.padd0{padding: 0 !important;}
.temppreview #previewOut {
    box-shadow: 0 0 20px #e7e7e78f;
    border: 1px solid #e9e9e9;
    border-radius: 8px;
    overflow: hidden;
    margin-bottom: 30px;
    margin-top: 20px;
}
.iconeModal {
    padding: 10px 15px;
    background: #fff;
    border: 1px solid #EAECF0;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}
.flexBloc {
    display: flex;
    gap: 15px;
    align-items: center;
}
.flexBloc p {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #475467;
}

.flexBloc select { text-align: center;}
.radio-button label,
.p-txt {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #475467;
}
.flexBloc .champSelect select {
    padding: 0;
}
.boxStat {
    display: flex;
    flex-wrap: wrap;
}
.statBloc {
    padding-left: 13px;
    padding-right: 13px;
    flex: 1;
    box-sizing: border-box;
}
.statBloc p.header-card-performance {
    padding: 16px;
}
.justify-content-initial{justify-content: initial;}
.bord_target a{color:#1570EF}
.btnBack {
    cursor: pointer;
}
.tableResponsive tbody.bodyTable td a.link_shop {
    width: 190px;
    display: block !important;
    text-overflow: ellipsis;
    overflow: hidden;
    text-wrap: nowrap;
}
.tabContainer p {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #475467;
}
.modal-dialog-centered {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: calc(100% - 1.75rem* 2);
}
.settingsBloc .flexcontent label.champSelect {
    width: 100%;
}
form#groupThemes .CardFavizone.paddCard24 {
    padding: 0 !important;
}
form#groupThemes .modal-body {padding: 0;}
form#limit_modal section {
    margin-bottom: 0 !important;
}
.modalIcone {
    padding: 10px;
    background: #fff;
    border: 1px solid #EAECF0;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
    width: 52px;
    height: 46px;
}
h2.title-section,
aside#left-panel nav ul li a {
    text-transform: capitalize;
}