/***dev*****/

/*mise en forme front : summary descriprion...A voir taille des br */
/*br {
    content: "";
    display: block;
    margin-bottom: 4px; 
    padding-top: 4px;  
}
p {
    margin-bottom: 10px;
}
p:last-child{
    margin-bottom: 1rem;
}*/


/* liste produit +de filtres regalge responsive*/
 @media (max-width: 991.99px) {
    .listePlusfiltre {
        visibility:hidden
    }
 }
/* bloc accueil -- pub - ad large home-bloc */
.bg-cover {
    min-height: 200px;
}

/* annul focus firefox */
a:focus {
    outline: 0px solid #fff !important;
    outline-offset: 0px !important; 
}
/* product - en savoir plus */
#descriptions-show-more {
    background: linear-gradient(rgba(255,255,255,0),#ffffff 35%);
    padding: 25px 0 0 0;
    margin: -38px 0 0 0;
    z-index: auto;
    position: relative;
}
#descriptions-show-more span {
    padding-top: 14px;
}

/* Calendriers */

.datepicker .day.today {
    background-color: rgba(48, 87, 196, 0.2) !important;
    border-color: rgba(48, 87, 196, 0.2) !important;
}
.datepicker .day.active {
    background-color: #3057cf !important;
    border-color: #3057cf !important;
}
.datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active {
    color: #fff;
    background-color: #3057cf;
    border-color: #3057cf;
}
.datepicker.dropdown-menu {
    box-shadow: 0 0px 12px rgba(0, 0, 0, 0.09);
}

.datepicker table {
    margin: 0 10px;
}



/* Traitement en cours/calcul tableau paiement */
div.dataTables_wrapper div.dataTables_processing {
    z-index:10;
}
/*-----------------------*/
/* bootstrapSelect */
/*-----------------------*/
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%;
    min-width: 220px;
}
.product-discount .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%;
    min-width: 100px;
}
/*---page connexion .com --> dev_homme -- dev_login ----*/
.text-login { color: #16147D; }

.mt1 {
    margin-top: 1px;
}
/* Ajout - btn text décalé avec chevron */
.txt-btn-dec {
    padding-top: 1px !important;
    display: inline-block;
}
.label-smbold label {
    font-weight: 600!important;
}
/*tableau de bord stat -- select */
.stats .bootstrap-select {
    margin-left:1rem;
}
/*-----------------------*/
/* stats : ajout */
/*-----------------------*/
.chartjsWrapper {
    height: 105px !important;
}
/* stat tableau de bord */
/*.borderStatDash > div {
    border-right:1px solid #dee2e6;
}*/
@media (min-width: 1200px) {
    .borderStatDash > div {
        border-right:1px solid #dee2e6;
        border-top:1px solid #dee2e6;
        border-bottom:1px solid #dee2e6;
    }
   /* .borderStatDash > div:first-child {
        border-right: 0px;
    }*/
    .borderStatDash > div:last-child {
        border-right: 0px;
    }
}
@media (max-width: 1199.99px) {
    .borderStatDash > div {
        /*border-left:1px solid #dee2e6;
        border-right:1px solid #dee2e6;*/
        border-top:1px solid #dee2e6;
           }
           /*
    .borderStatDash > div:first-child {
        border-bottom: 0px;
    }*/
    .borderStatDash > div:last-child {
        border-bottom: 1px solid #dee2e6;
    }
}
/* stat tableau de bord Admin */
.borderStatDashAdm > div {
    /*border-left:1px solid #dee2e6;*/
    /*border-right:1px solid #dee2e6;*/
    border-top:1px solid #dee2e6;
    
}
@media (min-width: 1200px) {
    .borderStatDashAdm > div {
        border-right:1px solid #dee2e6;
        
        
    }
    .borderStatDashAdm > div:last-child {
        border-right: 0px;
    }
}
@media (max-width: 1199.99px) {
    .borderStatDashAdm > div {
        /*border-left:0px solid #dee2e6;
        border-right:0px solid #dee2e6;*/
    }
}
/* stat product */
.borderStatProduct > div {
    border-bottom:1px solid #dee2e6;
}
.borderStatProduct > div:first-child {
    border-top: 1px solid #dee2e6;
}

/*-----fin stat------*/

/**********************************/
/*****bloc page --> banner....*****/
/**********************************/
 .bo.chat .banner-top-admin {
    display: none;
 }
 @media (max-width: 768px) {
    .bo .banner-top-admin {
        display: none;
    }
}
/*---fin bloc page-----*/

/*header.scss*/
header#header-back > .container-fluid > div, header#header-back > .container-sm > div, header#header-back > .container-md > div, header#header-back > .container-lg > div, header#header-back > .container-xl > div, header#header-back > .container-xxl > div, header#header-back > .container-xxxl > div {
    padding: 0.15rem 1rem;
}

@media (min-width: 768px) {
header#header-back > .container-fluid > div, header#header-back > .container-sm > div, header#header-back > .container-md > div, header#header-back > .container-lg > div, header#header-back > .container-xl > div, header#header-back > .container-xxl > div, header#header-back > .container-xxxl > div {
    padding: 0.15rem 2rem;
}
}
header#header-back .hamburger {
    position: absolute;
    z-index: 1560;
    top: 12px;
    right: 20px;
    display: block;
    transition: display 0.3s;
}
/*---fin----*/

.bo .pageHeader svg {
    width:24px !important;
    height:24px !important;
}

/* Dans base-back.scss */

/* nx a ajouter */
.bo .pageHeader > .container > div:first-child {
    padding-bottom: 0.25rem;
}
/**/
.base-back .main-sidebar #backSidebarAccordion .item {
    border-top: 1px solid #f0f2f4;
}
.base-back .main-content .pageHeader {
    /*padding: 0.8rem 0;*/
    padding: 12px 0;
    background-color: #5469D4;
    /*background-color: #9FA2A9;*/
  }
.hasTopTabs .main-content {
    padding-bottom: 80px;
}

/*Active menu gauche*/
.base-back .main-sidebar #backSidebarAccordion .item .title.bg-primary {
    /*background-color: #999FB1!important;*/
    /*background-color:#BFC6D2!important;*/
    background-color: #B1B8CA!important;
    /*background-color: #7b94d9 !important;*/
  }
  
.base-back .main-content .pageHeader h1 {
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 800;
    font-size: 1.25rem;
    color: #fff;
    margin: 0;
}
.base-back .main-content .pageHeader h1 {
    font-family: 'Nunito Sans', sans-serif;
    font-weight: 800;
    font-size: 1.25rem;
    color: #fff;
    margin: 0;
}
.toggleNavbar {
    /*background-color: #d7dae2;*/
    background-color: #e8eaf1;
}
/* ok scss
@media (min-width: 992px) {
.base-back .main-sidebar {
    flex: 0 0 270px;
    }
}
@media (min-width: 992px) {
.base-back .main-content {
    max-width: calc(100vw - 270px);
    }
}*/
/*--------------------*/
/*-------V3-------*/
/*--------------*/

/* ajout style */

/* bo seller_dashboard */
.seller_dashboard .table th {
    padding: 0.75rem 0.5rem;
}
/* produit vendeur - filtre */
.bo.admin_product_edit .bloc-md .form-group {
    margin-bottom: 0.5rem;
}
/*font-size dans tableau BO*/
.bo table, .bo .bloc-sm {
    font-size:14px;
 } 
.bo .bloc-md {
    font-size:15px;    
 }
 .bloc-md .title {
    font-weight:600;
    font-size: 16px !important;
} 
.bloc-md .title-md {
    font-weight:600;
} 
.bloc-md .small {
    font-size: 14px !important;
} 
 .bo .bloc-md-label label {
    line-height: 22px;
 } 
 .bloc-md-text {
    font-size: 15px;
    line-height: 20px;
}
/* boxe parametre par defaut */
.bloc-parameter {
    border: 1px solid #dee2e6;
    padding: 1rem 1rem 0.5rem;
    margin-right: 0;
    margin-left: 0;
    border-radius: 4px;
    font-size: 15px;
    box-shadow: 0px 0px 15px 0px rgba(84, 105, 212, 0.03)!important;
}
.bloc-parameter .title {
    font-weight:600;
    font-size: 16px !important;
}
.bloc-parameter .title-md {
    font-weight:600;
}
.bloc-parameter .small {
    font-size: 14px !important;
}

.bloc-parameter-sm {
    border: 1px solid #dee2e6;
    padding: 1rem 1rem 0.5rem;
    margin-right: 0;
    margin-left: 0;
    border-radius: 4px;
    font-size: 14px !important;
    box-shadow: 0px 0px 15px 0px rgba(84, 105, 212, 0.03)!important;
}
.bloc-parameter-sm .title-md {
    font-weight:600;
    font-size: 15px !important;
}
 /* margin bottom --> liste btn- imprimer... sur commande et retour*/ 
 .btnMB2 .btn {
     margin-bottom: 0.5rem;
 }
 /*---ajout page quantite produits----*/
 .badge-productQuantity {
    color: #fff;
    line-height: 6px !important;
    background-color: #FF0033;
}
/*---fiche produit----*/
.accordion-price .row {
    margin-right: -15px !important;
    margin-left: -15px !important;
}
/*main.adminProduct .product-declinations .twitter-typeahead input {
    padding-left: 15px;
}*/

/* bloc de texte area */
.note-editor.note-frame .note-editing-area .note-editable, .note-editor.note-airframe .note-editing-area .note-editable {
    padding: 25px;
    font-size: 14px;
}
/*message erreur iMG -- vue2dropzone */
.vue-dropzone {
    color: #3057c4;
    font-size: 1.2rem;
    font-weight: 600;
    font-family: 'Nunito Sans';
}
.vue-dropzone:hover {
    background-color: #fbfbfd;
}
.dropzone .dz-preview .dz-details {
    padding: 2em 1.5em;
    line-height: normal;
    border-radius: 4px;
}
.dropzone .dz-preview .dz-error-message {
    background: #FF0033;
    border-radius: 4px;
}
.dropzone .dz-preview .dz-details .dz-filename {
    white-space: normal;
}
.dropzone .dz-preview .dz-details .dz-filename span, .dropzone .dz-preview .dz-details .dz-size span {
    padding: 0;
    border-radius: 3px;
}

/*--------------------*/
/*-------fin V3-------*/
/*--------------*/

/*tunnel paiment alignement*/

.stripeInfo {
    vertical-align: bottom;
    display: inline-block;
    height: 17px;
    margin-left: 5px;
}

/*-------------------------*/
/*----switch-------*/
/*-------------------------*/

/*----btn switch tunnel---*/
.fo.order_payment .custom-switch.custom-switch-md .custom-control-label {
    padding-bottom: 5px;
}
/*switch general*/

.custom-control-input:checked ~ .custom-control-label:before {
    color: #fff;
    border-color: #3057C4;
    background-color: #3057C4;
}
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(48, 87, 196, .5);
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    border-color: #adb5bd;
}
.custom-switch.custom-switch-md .custom-control-label {
  padding-left: 1rem;
}

/* ajout */
.custom-switch.custom-switch-md .custom-control.custom-switch, .custom-switch.custom-switch-lg .custom-control.custom-switch, .custom-switch.custom-switch-xl .custom-control.custom-switch {
    cursor: pointer;
}
.custom-switch.custom-switch-md .custom-control-label {
    cursor: pointer;
}
.form-bottom-bar .switch-active .label {
    cursor: pointer;
}
/* calage texte */
.custom-switch.custom-switch-md .custom-control-label.text-xs,
.custom-switch.custom-switch-md .label.text-xs {
    padding-top: 0.5rem !important;
}
.custom-switch.custom-switch-md .custom-control-label.small,
.custom-switch.custom-switch-md .label.small {
    padding-top: 6px !important;
    margin-bottom: 0px;
}
.custom-switch.custom-switch-md .custom-control-label.medium,
.custom-switch.custom-switch-md .label.medium,
.discount-widget .custom-switch.custom-switch-md .custom-control-label
.discount-widget .custom-switch.custom-switch-md .custom-control-label {
    padding-top: 6px !important;
}
.custom-switch.custom-switch-md .custom-control-label,
.custom-switch.custom-switch-md .label {
    padding-top: 5px !important;
}
.custom-switch.custom-switch-md .custom-control-label.w100p,
.custom-switch.custom-switch-md .label.w100p {
    width: 90px;
}



/*
.custom-switch.custom-switch-md .custom-control-label:after {
  width: calc(1.5rem - 4px);
  height: calc(1.5rem - 4px);
  border-radius: 1.25rem;
  
}
.custom-switch .custom-control-label:after {
  top: calc(.25rem + 2px);
  left: calc(-2.25rem + 2px);
  width: calc(1rem - 4px);
  height: calc(1rem - 4px);
  background-color: #fff;
  border-radius: .5rem;
  transition: transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.custom-switch .custom-control-label:before {
  pointer-events: none;
  background-color: #ccc;
  border: 1px solid #adb5bd;
  box-shadow: inset 0 1px 1px rgba(51,51,51,.075);
}
/*---switch zone de click---a revoir pas au point-----*/
/*
.custom-switch .custom-control-input {
    width: 3rem;
    height: 2rem;
    opacity:1;
    
}


/*----switch calage verticacl align cms, promo----*/
.switch-mt-2 .form-group, .switch-mt-2.custom-control {
    margin-top: 0.68rem !important;
}
/*-------------------------*/
/*----fin switch-------*/
/*-------------------------*/


/* image defilante */
@media (min-width: 767.99px) and (max-width: 1439.99px) {
.slick-next {
    display:none !important;    
}
}
/* input code promo   */
.fo .order-recap .input-group .form-control {
    height : 42px;
}
/*test fair bigINPUT class for mob.*/
.bigForm .form-control {
    height: calc(1.5em + 0.55rem + 13px);
}
.bigForm .append.input-group span.appended, .bigForm .append.form-group span.appended {
    padding: 0.6rem 0.75rem;
}
.bigForm .col-form-label {
    padding-top: calc(0.275rem + 7px);
    padding-bottom: calc(0.275rem + 3px);  
}
.bigForm .show-password {
    height : 42px;
    padding:0 15px !important;
}

@media (max-width: 575.99px) {
.bigForm .form-group {
    margin-bottom: 0.5rem;
}
.bigForm .form-group .custom-control {
    margin-top: 1rem;
}
}
/* dim45 a 44*/
.bigForm.bootstrap-select .btn {
    padding: 11px 15px 7px;
}
/*register // inscription client*/
.fo.register label, .fo.register legend.required,
.fo.order_account label, .fo.order_account legend.required {
    font-size: 14px;
}
.fo.register .form-group.row,
.fo.order_account .form-group.row {
  align-items: center;
}
/* form : civilite tunnel info perso*/
.bigForm #user_civility .custom-control-inline {
    padding-top: calc(0.275rem + 7px);
    padding-bottom: calc(0.275rem + 3px);
}
.bigForm #user_civility .custom-control-label {
    padding-top:2px;
}
/*fin civilite*/


/*-------a voir et a classer-------------*/
/*-------Front formulaire inscription calage Select univers-------------*/

.fo.pre_register_seller .form-group.row {
  align-items: center;
}
.fo.pre_register_seller .bs-searchbox {
    padding: 4px 8px 16px;
}
/*-----bulle Aide----------*/
.el-tooltip__popper.is-dark {
    background: #010066;
    color: #fff;
}
@media (max-width: 991.99px) {
.seller-config .row .col-lg-6:nth-child(2) {
    padding-left: 15px;
}}

@media (max-width: 991.99px) {
.seller-config .row .col-lg-6:first-child {
    padding-right: 15px;
}}
/*back.css----badge---en attente decale le front mais ok sur Back--*/
.badge {
    line-height: 0.75rem;
}
/*-----affichage page CMS & modal CGV-----------*/
/* id : cgv modal =vendeur -- id : cgv_order = front -- #helpbar.open = aide Back */

/*aide*/

@media (max-width: 1599.99px) {
    #helpbar img, 
    .cms-page-container img {
        max-width:100%;
    }}
/**/

.bo .cms-page-container, 
#cgv .modal-dialog, 
#cgv_order .modal-dialog,
#annexe1 .modal-dialog,
#helpbar {
    font-size:14px;
}

@media (min-width: 576px) {
.bo .cms-page-container, 
#cgv .modal-dialog, 
#cgv_order .modal-dialog,
#annexe1 .modal-dialog,
#cgvModal .modal-dialog,
#helpbar.open,
#helpbar
{
    font-size:15px;
}}

.cms-page-container h1, #helpbar h1,
#cgv .modal-dialog h1, #cgv_order .modal-dialog h1, #cgvModal .modal-dialog h1, #cgu_seller .modal-dialog h1 {
    font-size:2rem;
    font-weight:400;
    margin: 1.5rem 0 1rem 0;
}
.cms-page-container h2, #helpbar h2,
#cgv .modal-dialog h2, #cgv_order .modal-dialog h2, #cgvModal .modal-dialog h2, #cgu_seller .modal-dialog h2 {
    font-size:1.5rem;
    font-weight:400;
    margin: 1.5rem 0 1rem 0;
}
.cms-page-container h3, #helpbar h3,
#cgv .modal-dialog h3, #cgv_order .modal-dialog h3, #cgvModal .modal-dialog h3, #cgu_seller .modal-dialog h3 {
    font-size:1.25rem;
    font-weight:400;
    margin: 1.5rem 0 1rem 0;
}
.cms-page-container h4, #helpbar h4,
#cgv .modal-dialog h4, #cgv_order .modal-dialog h4, #cgvModal .modal-dialog h4, #cgu_seller .modal-dialog h4 {
    font-size: 1rem;
    font-weight: 400;
    margin: 1rem 0 1rem 0;
}
.cms-page-title {
    margin-top: 1.5rem!important;
}
.fo .cms-page-container {
    padding-top:68px;
}
/*----Modal----*/

@media (min-width: 576px) and (max-width: 991.99px) {
.modal-dialog {
    max-width: 70%;
}}
@media (min-width: 992px) and (max-width: 1599.99px) {
.modal-dialog {
    max-width: 60%;
}}
@media (min-width: 1600px) {
.modal-dialog {
    max-width: 42%;
}}

/*----conf ma boutique ----*/
.seller_config_terms .shop_config1 .col-md-8 {
    padding-top: 4px;
}
.seller_config_terms .shop_config1 .col-md-4 {
    padding-top: 4px;
}
.seller_config_terms .shop_config2 .col-md-8 {
    padding: 5px 0;
}
.seller_config_terms .shop_config2 .col-md-4 {
    padding-top: 5px;
}
.seller-config div.hrsOne {
    margin: 12px 0 5px 0;
}
.seller-config .hr, .seller-config .hrsOne {
    border-bottom: 1px solid #dee2e6;
}
/*------mis sur  notifications scss-----
main.notifications .notifications .notification {
    padding: 0.25rem 1.25rem;
}
main.notifications .notifications .notification.unseen {
    background-color: #f9fafc;
}
main.notifications .notifications .notification:hover {
    background-color: #EFF2FA;
}

main.notifications .notifications .notification:hover span > b 
{ color: #ff6600; } 
*/

/*--mis sur base back scss dropVide--
.back-header-buttons .dropdown-menu .dd-notifications-empty {
    font-style: normal;
    background-color: #f4f6fa;
}*/

/*--drop--

.back-header-buttons .dropdown-menu .link.unseen {
    background-color: #f9fafc;
}
.back-header-buttons .dropdown-menu .link:hover {
    background-color: #EFF2FA;
}
.back-header-buttons .dropdown-menu .link {
    padding: 0.25rem 1rem;
}
.back-header-buttons .dropdown-menu .dd-notifications {
    max-height: 279px;
}
.back-header-buttons .dropdown-menu .stuck-bottom {
    bottom: -41px;
    border-radius: 0 0 4px 4px;
}
.back-header-buttons .dropdown-menu .dd-notifications {
       padding-bottom: 0;
  }
*/

/* reglage small  */
.small .custom-control-label, .custom-control-label.small {
    padding-top: 2px;
}
/*-----------------ADMIN------------------*/
/* marketing */
.bo.marketer_ad_update {
    font-size: 14px;
}
.text-xxl {
    font-size: 2.25rem !important;
    font-weight: 400;
}

/* ergonomie + header admin */

.bg-primary-light {
    background-color: #3057C4;
}
#header-back.bg-primary {
  background-color: #010066!important;
}
.base-back .main-sidebar #backSidebarAccordion .item .links div {
  padding: 20px 0 16px 42px;
}
.container-fluid {
  min-height:50px;
}
header#header-back img.logo {
  width: 212px;
}
.pageHeader, .toggleNavbar {
  /*height: 80px;*/
  height: 70px;
}
.base-back .main-sidebar .toggleMainSidebar svg{
  width:22px;
}
.base-back .main-content .pageHeader a:hover {
  color: hsla(0,0%,100%,.6);
}

/*--survol menu gauche open et close-*/
.base-back.main-sidebar-closed .main-sidebar #backSidebarAccordion .item:hover {
  background-color: #5469d4;
  color: #fff;
}
.base-back .main-sidebar #backSidebarAccordion .item:hover {
  background-color: #f6f6fa;
}

/*menu fiche produit */
.tabs-container-div {
  font-size: 15px;
}
.tabs-container-div .tabs-div .tabs {
  height: 51px;
}
@media (min-width: 992px){
  .tabs-container-div .tabs-div .tabs .tab {
    padding: 1.2rem 1.3rem .5rem;
  }}
  .tabs-container-div .tabs-div .tabs.static-underline .tab.selected {
    border-bottom: 3px solid #5469D4;
}
/*------container---------*/
/*---------------------------*/

.fo .container, .fo .container-lg, .fo .container-md, .fo .container-sm, .fo .container-xl {
  padding: 0 20px;
}
@media (max-width: 1199.98px) {
  main.adminProduct .form form>.container {
    padding: 0 20px;
  }}
/* ---pop-up---modal----*/
.alertify .ajs-dimmer {
    margin: 0;
    background-color: #313542;
    opacity: 0.6;
}
.alertify .ajs-footer, .alertify .ajs-body  {
    text-align: center;
}
.alertify .ajs-footer .ajs-buttons.ajs-primary {
    padding: 0 26px 16px;
    text-align: center;
}
/*admin categorie */
main.categories .category-selected .bloc-title {
  background-color: #5979D9;
  padding: 0.8rem 1rem;
  border-radius: 0.3rem;
  margin-bottom: 20px;
}
/*----bar du bas--j arrive pas a tout caler RESPONSIVE...--*/
.form-bottom-bar {
    background-color: #faf9fc;
    border-top: 1px solid #dee2e69e;
    box-shadow: 0px 0px 15px 0px rgba(84, 105, 212, .06)!important;
}
/* input.scss - texte sous input*/

.help > div .catcher {
    /*font-size: .9rem;*/
    /*color: #5b5b5b;*/
    font-size: .875rem;
    color: #bfc6d2;
    font-style: normal;
    padding-right: 0.75rem;
    cursor: pointer;
}
.bootstrap-select.is-invalid {
    border-width: 1px;
    border-style: solid;
    border-color: #ff0033;
}

/*SELECT*/
.show>.btn-light.dropdown-toggle {
  color: #212529;
  background-color: #fbfbfd;
  border-color: #f5f6fc;
}
.bootstrap-select .btn:after {
  border: .5em solid transparent;
  border-top: .8em solid;
  border-bottom: none;
  color: #3C4257;
}
.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #3057C4;
}
.dropdown-item:focus, .dropdown-item:hover {
  color: #16181b;
  text-decoration: none;
  background-color: #f4f6fa;
}
/* mis sur base-back.scss
.dropdown-menu {
  padding: 12px 0 0;
  margin: 0;
  font-size: 0.875rem;
  color: #212529;
  border: 1px solid rgba(222,226,230,1);
  
  border-radius: 0px 0px 4px 4px;
  box-shadow: 0 0.5rem 1rem rgba(51,51,51,.08);
}
*/
.btn-light {
  box-shadow: inset 0 1px 0 hsla(0,0%,100%,.15), 0 1px 1px rgba(51,51,51,.0);
}
.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle {
  color: #212529;
  background-color: #fbfbfd;
  border-color: #d3d9df;
  box-shadow: inset 0 1px 1px rgba(84, 105, 212, 0), 0 0 4px 0.2rem rgba(84, 105, 212, .08)!important;
}

.btn:not(:disabled):not(.disabled).active:focus, .btn:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 0.2rem rgba(22, 20, 125, 0), inset 0 3px 5px rgba(51, 51, 51, .13);
}
.btn-light.focus, .btn-light:focus,
.btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show>.btn-light.dropdown-toggle:focus {
    box-shadow: inset 0 3px 5px rgba(51, 51, 51, .13), 0 0 0 0.2rem rgba(216, 217, 219, 0);
}
/* a voir si ca fou pas la merde ailleurs */ 
.bootstrap-select .btn {
    padding: 12px 15px 8px;
}
.bootstrap-select .btn:focus {
    color: #3057C4;
    background-color: #fff;
    border-color: #5469d440;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(84, 105, 212, 0), 0 0 4px 0.2rem rgba(84, 105, 212, .08)!important;
}

.text-align-select {
    padding-top: 12px;
}
.input-align-select input {
    height: 45px;
}
.input-align-select .input-group-append .btn-outline-secondary {
    padding-top: 6px !important;
}
.discount-widget .form-group input {
    height: 45px;
}
.discount-widget label {
    margin-bottom: 0;
}

/*accordion*/
.accordion-gray {
  border-radius: .3rem;
  font-size: 0.875rem;
}
.accordion-gray .row {
    margin-right: 0;
    margin-left: 0;
}

.accordion-gray .title {
  padding: .5rem 1rem;
  background-color: #FAFAFC;
  border-top: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
}
.accordion-gray .title label {
  padding: 0 0 0 15px;
}
/*main.adminProduct .product-discount .discount-widget {
  padding: 2rem;
  border: 0 solid #dee2e6;
}*/
.discount-widget {
    font-size:15px !important;
    padding: 2rem;
  }
#promotionAccordion .blue-light {
  color: #3057C4;
}

/*-----------IMG-------------------------*/
/*--Guide des tailles--*/
.sizeguideModal img {
    max-width: 450px;
    max-height: 250px;
}
/*--Tableau Marque-----*/
.tabIMG-h65 {
    max-height: 65px;
}

/*-------------------front------------------------------*/
/*------------------------------------------------------*/
.fo {
  font-size: 16px;
}
/*---------*/
/* header */
/*---------*/
header#header #megamenu img.logo {
  width: 244px;
  padding: 8px 0;
}
header#header #megamenu .level0 .level0_btn {
    font-weight: 400;
    font-size: 14px;
}
@media (min-width: 992px) {
header#header #megamenu #topSearch {
  margin-right:30px;
}}
@media (min-width: 1200px) {
header#header #megamenu #topSearch input {
    width: 400px;
}}
header#header #megamenu #topSearch input {
    font-size: 18px;
}
header#header #megamenu #topSearch input.form-control:focus {
    
    box-shadow: inset 0 1px 1px rgba(84, 105, 212, 0), 0 0 4px 0.2rem rgba(84, 105, 212, .0)!important;
}
header#header #megamenu .level0 {
  height : 95px;
  padding-bottom: 0;
}
header#header #megamenu .level1 .level1_btn {
  font-weight: 600;
  font-size : 17px;
}
header#header #megamenu .level2 .level2_btn {
  font-size : 17px;
}
header#header .badge-cart-counter {
    width: 20px;
    height: 20px;
    line-height: 14px;
}
/*mob*/

/* search mob */
#topSearch2 input.form-control:focus {
    box-shadow: inset 0 1px 1px rgba(84, 105, 212, 0), 0 0 4px 0.2rem rgba(84, 105, 212, .0)!important;
}
header#header .header_mobile_bar {
    padding: 0.85rem 1rem 0.65rem;
}

/*menu*/

header#header #megamenu .level1 .level1_btn {
  font-weight: 600;
  font-size: 17px;
}
@media (min-width: 992px){
  header#header #megamenu .level1 .level1_btn {
    padding: 0.85rem 0 .7rem;
  }}
@media (min-width: 992px){
  header#header #megamenu .level2 {
    background-color: #5469D4;
  }
}
/* fo produit */
.fo.product .img-ratio > .img {
    border: 1px solid #eaeaea;
} 
/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*css 12/2020 */
/*----------------------------------------------------------------------------------------------------------------------------------------------------------*/

body {
  font-family : nunito sans, sans-serif;
    color: #1A1F36;  /*color:#404556;*/
}

a:hover {
    text-decoration: none;
    color: #1A5ED4;
}
.text-primary span.pointer:hover {
    color: #1A5ED4 !important;
}

.bo {
    font-size: 16px;
}
/*---a therme remplacer les blue par subtitle---*/
.blue-light, .subtitle1 {
    font-size: 20px;
    color:#16147d;
    font-weight: 600;
}
a .subtitle1:hover {
    color: #1A5ED4;
}
.blue-nb, .subtitle2 {
    color: #3057c4;
    font-size: 20px;
    font-weight: 700;
}
.blue, .subtitle2b {
    color: #3057c4;
    font-size: 20px;
    /*border-bottom: 4px solid #dfebfc;*/
    border-bottom: 2px solid #eaecf2;
    margin-bottom: 16px;
    display: inline-block;
    font-weight: 700;
}
.blue-legend legend, .subtitle2b-legend legend {
    color: #3057c4;
    font-size: 20px;
    /*border-bottom: 4px solid #dfebfc;*/
    border-bottom: 2px solid #eaecf2;
    margin-bottom: 16px;
    display: inline-block;
    font-weight: 700;
    padding-top:0px;
}
#declinationsAccordionItem .blue-light, #declinationsAccordionItem .subtitle1 {
    font-size: 18px;
}
/* a voir ou ils sont employe */
.blue-legend legend {
    font-size: 20px;
}
.modal-content .blue {
    border-bottom: 0px solid #dfebfc;
    margin-bottom:0.5rem;
}
.bg-blue {
    background-color: #C9D0F2;
}
/**/

.font-material-4 {
    font-family: Material Icons;
    font-size:1.5rem;
}
.mark-rouge {
    padding: 0.1em 0.5em;
    background-color: #ff003326;
}
/*header fo*/
/* pas bien 
@media (min-width: 768px){
.mt-md-0, .my-md-0 {
    margin-top: 4px!important;
}
}
*/

/*header bo*/
.bo #dropdown-user {
    padding-top: 3px;
}
/*----element------*/
/*label*/
.custom-control-label {
    padding-top:2px;
}
.bootstrap-select .btn:after {
    border: .5em solid transparent;
    border-top: .8em solid;
    border-bottom: none;
    color: #313542;
    border-radius:4px 4px 0 0;
}
main.adminProduct .informations .tab.selected {
    border-color: #3057c4 #dee2e6 #fff;
    border-style: solid;
    border-width: 2px 1px 1px;
}
.category-search-picker .dropdown-item.active, .category-search-picker .dropdown-item.selected, .category-search-picker .dropdown-item:active, .category-search-picker .dropdown-item:focus, .category-search-picker .dropdown-item:hover {
    background-color: #f4f6fa;
}

/*----*/
/*front a voir !!! ca fout la merde dans le footer*/

@media (min-width: 992px){
#sidebar {
    flex: 0 0 20%!important;
    max-width: 20%!important;
}}
@media (min-width: 992px){
#list {
    flex: 0 0 80%!important;
    max-width: 80%!important;
}}
/*---*/
/*--liste ceux qui...*/
.primary-bg {
    background: #f8faff;
}
.text-gray {
    color: #313542;
}

a.text-gray {
    color: #313542;
}

.text-gray a {
    color: #313542;
}
/*-----------ariane front-------*/
.fo .ariane {
    font-size: 13px;
    color: #313542;
    margin: 1rem 0 0 0;
}
.fo .ariane a {
    color: #313542;
}
.fo .ariane a:hover {
    color: #3057C4;
}

/*----------fin ariane-------*/

.fo.register_seller .column-right a:not(.btn){
    color:#3057C4 !important;
}
.fo.register_seller .column-right a:not(.btn):hover{
    color:#1A73E8 !important;
}
.bo.seller_dashboard_activation_shop .content-container a:not(.btn) {
    color: #3057C4;
    transition: all .2s ease-in-out;
}
.bo.seller_dashboard_activation_shop .content-container a:not(.btn):hover {
    color: #1A73E8;
    transition: all .2s ease-in-out;
}
.bo.seller_stripe_index .content-container a:not(.btn) {
    color: #3057C4;
    transition: all .2s ease-in-out;
}
.bo.seller_stripe_index .content-container a:not(.btn):hover {
    color: #1A73E8;
    transition: all .2s ease-in-out;
}
.bo.seller_config_addresses .content-container a:not(.btn):hover {
    color: #3057C4;
    transition: all .2s ease-in-out;
}
.bo.seller_config_addresses .content-container .mi {
    vertical-align: text-top;
}


/*inscription vendeur*/
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: #16147d;
    font-weight: 400;
    margin-bottom: 1rem;
}
.h1.text-xbold, .h2.text-xbold, .h3.text-xbold, .h4.text-xbold, .h5.text-xbold, .h6.text-xbold, h1.text-xbold, h2.text-xbold, h3.text-xbold, h4.text-xbold, h5.text-xbold, h6.text-xbold {
    font-weight: 800;
}
/*---*/

.page-title {
   border-bottom: 4px solid #dee2e6;
}

.base-back .main-sidebar #backSidebarAccordion .item .links div {
    background-color:#fff;
    border-top: 1px solid #dee2e6;
    padding: 20px 0 16px 42px;
}

.base-back .main-sidebar #backSidebarAccordion .item:hover {
    background-color: #F7F8F9;
}
a.nocolor2light {
    color: #313542;
}

.form-in-tabs {
    padding: 0rem 20px;    
}
/* inscription vendeur*/
@media (min-width: 1200px) {
.fo.register_seller .column-right {
    max-width: 800px;
    /*margin-bottom:60px;*/
}}

@media (max-width: 1199.99px) {
.fo.register_seller .column-right {
    margin-bottom:40px;
}}
.fo.register_seller #footer {
    margin-top:0 ;
}

/*tableau admin*/
/*new-test*/
table.dataTable {
    border-collapse: collapse !important;
}
.table td {
    border-top:none
}
.table tr {
    border-top : 1px solid #dee2e6;
}
.table tr:first-child, .table thead tr, .table thead tr th {
    border-top: none;
}
/*----*/
.datatable-search {
    /*background-color: #f4f5fa;*/
    background-color: #fbfbfd;
    border-radius: 4px;
    padding: .6rem .75rem;
    margin-top: .5rem;
}

.table thead th, .table thead tr {
    vertical-align: bottom;
    border-bottom: 1px solid #dee2e6;
}
.table thead tr.separator {
    border-bottom: none;
}
.table-hover thead tr {
    background-color: #f4f6fa;
}
.table-hover tbody tr:hover {
    color: #212529;
    background-color: #fafafd;
}

.bg-thead {
    background-color: #f4f6fa;
}
.bg-mauve {
    background-color: #5469d4;
    color: #fff;
}
/*resultat tableau*/
.datatable .bottom {
    margin-top: 1rem;
}
/**************/
/*tableau front*/
.fo .table-hover:hover {
    background-color: #f8faff;
}
/*tableau coul et link svg*/
.fo .table-hover div a:hover  {
    color: #1A5ED4 !important;
}
/*fin front*/
/************/

/*Allumage du btn au survol de la ligne*/
.table-hover tbody tr:hover .trh {
    color: #1A5ED4!important;
}

.table-gray-header thead>tr {
  background-color: #f4f6fa;
}
/*tableau coul et link svg*/
.table-hover a, 
.table-hover svg.text-primary,
.table-hover span.text-primary, 
/*.table-hover .text-nowrap svg, */
.table-hover .dropdown {
    color: #313542 !important;
}
.table-hover a:hover, 
.table-hover svg.text-primary:hover,
.table-hover span.text-primary svg:hover, 
.table-hover a.text-gray:hover, 
/*.table-hover .text-nowrap svg:hover, */
.table-hover .dropdown:hover
{
    color: #1A5ED4!important;
}
.table-hover a.text-danger {
    color: #f03!important;
}
.table-hover a.text-success {
    color: #4cbb6c!important;
}
 /* titre box */
.bg-table-hover {
    background-color: #FAFAFC;
    padding:6px 15px !important;
}

/* divers styles back---*/
.border-bottom-bold {
    border-bottom: 2px solid #4f566b;
}
/* bloc page seller filtre*/

.bloc-filter{
    padding: 26px 40px 26px;
    border: 1px solid #dee2e6;
    box-shadow: 0px 15px 15px -15px rgba(84, 105, 212, .06) inset;
}
.bloc-filter .table-hover td{
    background-color: #fff;
    padding: 0.75rem 2rem;
}
/* bloc recap guide taille, cms, promo...principal--> transport */
.recap-asso, .principal {
    /*border: 1px solid #acbce8 !important;*/
    border: 1px solid #3057C4 !important;
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(84, 105, 212, .12);
}
.recap-asso:empty, .principal:empty {
    /*border: 1px solid #acbce8 !important;*/
    border: 0px !important;
    box-shadow: 0 0 0 rgba(84, 105, 212, .12);
    padding: 0px !important;
    margin: 0px !important;
}


/*produit declinaison*/
main.adminProduct .product-declinations .table-single-declinations table td:first-child {
    padding-left: 15px !important;
}
main.adminProduct .product-declinations .table-single-declinations table td {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}
main.adminProduct .product-declinations .table-single-declinations table thead td {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}
/*img select*/
main.adminProduct .product-declinations #declinationsAccordion .select-images .image.selected, main.adminProduct .product-declinations #declinationsAccordion .select-images .image:hover {
    border-bottom: 4px solid #1a5ed4;
}
main.adminProduct .product-declinations #attributeTypeAccordion .body>div .attributeCheckbox label.color:after {
    border: 1px solid #D4D7DF;
}

/* activation */
.bo.seller_dashboard_activation_shop .content-container {
    margin-top: 40px!important;
}
/*--------------------------------------*/
/*fiche produit admin vendeur*/
/*--------------------------------------*/
/*synchro*/
.isSynced .form-control {
    /*box-shadow: inset 0 1px 1px #87ffaa;*/
    /*box-shadow: inset 0 0px 28px #ccffdb;*/
    box-shadow: inset 0 0px 28px rgba(204,255,219,.6);
    background-color: rgba(48,87,196,.02);
}
main.adminProduct input.isSynced, main.adminProduct textarea.isSynced {
    /*box-shadow: inset 0 1px 1px #87ffaa;*/
    /*box-shadow: inset 0 0px 28px #ccffdb;*/
    box-shadow: inset 0 0px 28px rgba(204,255,219,.6);
}
div.isSynced, div.isSynced .vue-dropzone {
    background-color: rgba(48, 87, 196, 0.02);
    box-shadow: inset 7px 6px 15px rgba(204,255,219,.24);
}
.product-declinations.isSynced {
    padding:1rem;
}
.isSynced .btn-outline-primary.supp {
    pointer-events: none;
    background-color: transparent;
    opacity: 0.5;
    box-shadow: none;
}
.default-inputs input {
    color: #3057C4 !important;
}
.exception-inputs input,
.exception-inputs .form-control:disabled {
    color: #5469D4 !important;
    font-weight:700;
}
/*declinaisons*/
.tt-dataset-attributes .empty-message {
    padding: 5px 0 15px 20px;
}

/* footer */
footer#footer .footer1 .social img {
    width: 25px;
}
/*--block glisser images ---*/
.image-upload {
    position: relative;
    border: 1px dotted #3057C4;
    border-radius: 0.3rem!important;
    outline: 0px dotted #cdccda;
    padding: 30px;
    box-shadow: inset 0 1px 1px rgba(84,105,212,0),0 0 4px .2rem rgba(84,105,212,.08)!important;
}
.image-upload :hover {
   
    box-shadow: inset 0 1px 1px rgba(84,105,212,0),0 0 4px .4rem rgba(84,105,212,.08)!important;
}
/* form*/
/*form control input*/
.form-control {
    font-size: 0.875rem;
    border-radius: .3rem ;
    box-shadow: inset 0 1px 1px rgba(255,255,255,.075);
    border: 1px solid #D4D7DF;
    /*padding: 1.2rem 1rem;*/
    font-weight: 400;
    color: #1A1F36;
}
.title .form-control {
    color: #4d5058;
}
.title .form-control:focus {
    color: #3057C4; 
}
/* input dans imput- on vire le border en trop*/
.datatable thead tr .el-input .el-input__inner,
.el-input .el-input__inner{
    border: 0px solid #dcdfe6;
}

.form-control:focus {
    color: #3057C4;
    background-color: #fff;
    border-color: #5469d440;
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(84, 105, 212, 0), 0 0 4px 0.2rem rgba(84, 105, 212, .08)!important;
}  
.show-password {
   height: 40px;
   border-radius:4px;
   margin-left:10px;
}
.show-password-sm {
   height: 30px;
   border-radius:4px;
   margin-left:10px;
   padding: 4px 12px 10px !important;
}
/*adresse*/
.bo .address-card {
    border: 0px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    transition: all .2s ease-in-out;
}
.bo .address-card:hover {
    border: 0px solid #dee2e6;
    border-bottom: 1px solid #1A5ED4;
}
.bo .address-card b {
    line-height : 40px;
}

/**Modal*/
.modal-body {
    padding: 2rem 3.5rem 1.5rem;
}
.modal-header h5,
.modal-header h6 {
    margin-bottom: -5px;
}
.modal-body .foo {
    padding-top: 3rem;
}
/* font material */

.mi.md {
    font-size: 19px;
}
main.adminProduct .product-images .images-listing .dropzone .square:hover {
    border: 3px solid #3057C4;
}

/*-----------------------------------------------------*/

/*----------------------------------------*/
/* --- VENDEUR  DECLINAISONS----*/
/*----------------------------------------*/
/*--couleur--*/
.color-square:before {
    border: 1px solid #cdccda;
}
/*----------------------------------------*/
/* --- VENDEUR  SYNCHRO----*/
/*----------------------------------------*/
.sellerSynchro.hasTopTabs .main-content {
    padding-bottom: 0;
}
/*----------------------------------------*/
/*container ADMIN*/
/*----------------------------------------*/
.bo .content-container {
    margin-top:60px !important;
    margin-bottom:60px!important;
}
.bo .container, .bo .container-lg, .bo .container-md, .bo .container-sm, .bo .container-xl {
    padding: 0px 40px;
}
.bo .content-under-tabs {
    margin-top:50px!important;
    margin-bottom:40px!important;
}
.bo .container.cms-page-container {
    padding:0;
}

/*----------------------------------------*/
/*container FRONT*/
/*----------------------------------------*/

@media (min-width: 576px){
.fo .container {
    max-width: 576px;
}}
@media (min-width: 768px){
.fo .container {
    max-width: 100%;
}}
@media (min-width: 992px){
.fo .container {
    max-width: 992px;
}}
@media (min-width: 1200px) {
 .fo .container {
    max-width: 1250px;
}}
/*@media (min-width: 1600px) {
 .fo .container {
    max-width: 1380px;
}}*/
/*----------------------------------------*/
/*-----------BTN---V2----------*/
/*----------------------------------------*/
/*link menu admin*/
a.light:hover {
    color: #5469d4;
}
/*btn*/
main.seller-categories .categoriesCounter {
    font-size: 77%;
}
.txt-btn{
    padding: 0 3px 0 0;
}
/*---primary----*/
.btn-primary {
   background-color: #3057C4;
   border-color: #3057C4;
}
.btn-primary:hover {
   background-color: #1A5ED4;
   border-color: #1A5ED4;
}
.btn-primary, .btn-primary:hover {
    box-shadow: inset 0 1px 0 hsla(0,0%,100%,0), 0 1px 1px rgba(51,51,51,.075);
    color: #fff;
}
.btn-primary:focus, .btn-outline-primary:focus {
    color: #fff;
    background-color: #1A5ED4;
    border-color: #1A5ED4;
    box-shadow: inset 0 1px 1px rgba(84, 105, 212, 0), 0 0 4px 0.2rem rgba(84, 105, 212, .08)!important;
}
.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #3057C4;
    border-color: #3057C4;
}
.btn-primary:not(:disabled):not(.disabled).active, 
.btn-primary:not(:disabled):not(.disabled):active, 
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #3057c4;
    border-color: #3057c4;
}
.btn-primary:not(:disabled):not(.disabled):active:focus, 
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
    box-shadow: inset 0 1px 1px rgba(84, 105, 212, 0), 0 0 4px 0.2rem rgba(84, 105, 212, .08)!important;
}

/*-----secondary outline-----*/
.btn-outline-secondary:hover {
    color: #212529;
    background-color: #f4f5fa;
    border-color: #d4d7df;
}
/*-----primary outline-----*/
.btn-outline-primary{
  color: #3057C4;
  border-color: #3057C4;
}
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show>.btn-outline-primary.dropdown-toggle,
.btn-outline-primary:hover{
  color: #fff;
  background-color: #1A5ED4;
  border-color: #1A5ED4;
}
/*
.btn-outline-primary span{
  padding:0 10px 0 8px;
}*/
/*---secondary----*/
.btn-secondary {
    color: #212529;
    background-color: #dee2e6 ;
    border-color: #dee2e6;
    box-shadow: inset 0 1px 0 hsla(0,0%,100%,.15), 0 1px 1px rgba(51,51,51,.075);
 }
.btn-secondary.focus, .btn-secondary:focus, .btn-secondary:hover {
    color: #fff;
    background-color: #BFC6D2;
    border-color: #BFC6D2;
}
.btn-secondary.focus, .btn-secondary:focus {
    box-shadow: inset 0 1px 1px rgba(84, 105, 212, 0), 0 0 0px 0.2rem rgba(222, 226, 230, .5)!important;
}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
    color: #212529;
    background-color: #BFC6D2;
    border-color: #BFC6D2;
}
/* --box bleu info-- */
.alert-super-light {
    /*background-color: #f6f7fd;*/
    background-color: #f4f6fa;
    padding: 12px 20px !important;
    border-radius: 4px;
    border: 1px solid #dee2e6;
    font-size: 14px;
   }
.bo .btn-outline-primary:hover, .btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle {
    color: #fff!important;
    /*mis en important sinon le style .bo a:hover est prioritaire*/
}
/* drop notif et message*/
.bo a.nocolor {
    color: #313542!important;
    transition: all .2s ease-in-out;
}
.bo a.nocolor:hover, .bo span.nocolor:hover {
    color: #1A5ED4!important;
    transition: all .2s ease-in-out;
}
/*guide,marques,cms,promo,code promo separateur table forme bloc ombre */
/*#form-brand, #label-form,*/
.sep-table-form {
    padding-top:28px;
    border-top: 1px solid #D4D7DF;
    box-shadow: 0px 15px 15px -15px rgba(84, 105, 212, .06) inset;
    background-color: #fdfdfe;
    border-radius: 4px;
}
/* border bottom style  */
.border-bottom-black {
    border-bottom: 1px solid #404556;
}
.border-bottom-bold {
    border-bottom: 2px solid #404556;
}
.order-top-info {
    border-bottom: 1px solid #404556;
}
/* test ombre back menu*/
@media (min-width: 768px){
.base-back .main-sidebar {    
    border-right: 1px solid #f4f6fa;
    box-shadow: 0px 0px 15px 0px rgba(84, 105, 212, .06)!important;
}}

/*-----------------------------------------------------------*/
/*------------------------front------------------------------*/
/*-----------------------------------------------------------*/

/*---alert-----*/
.alert-danger {
    color: #ffffff;
    background-color: #FF4C70;
    border-color: #FF4C70;
    font-size: 14px;
}
.alert {
    padding: 0.5rem 1.25rem;
}

/*--------*/
/*--Footer--*/
/*--------*/

footer#footer {
    margin-top: 5rem;
}
footer#footer .footer1 {
    background-color: #F7F8FD;
    /*background-color: #f8faff;*/
}
/*--------*/
/*--Boxe connexion...--*/
/*--------*/
.fo.login_seller #main, .fo.login #main {
    padding-top:20px
}

.shadow {
    box-shadow: 0 0 1rem rgba(12,21,47,0.10)!important;
}

/*-------------------------*/
/* order - commande client */
/*-------------------------*/

.sep-front-order-part {
    padding: 26px 40px 26px;
    /*border: 1px solid #dee2e6;*/
    box-shadow: 0px 15px 15px -15px rgba(84, 105, 212, .06) inset;
    background-color: #fbfcff;
}

/*--------*/
/* mega menu */
/*--------*/
.mega-n4.mega-n3 {
    font-size:1rem;
    font-weight: 600;
    padding: 10px 0 2px;
}
.mega-n4 {
    font-size:0.9375rem;
}
/*btn vente flash*/
header#header #megamenu .flash-sales {
    font-weight: 600;
    font-size: 16px;
}
/* mobile bar */
header#header .header_mobile_search_bar {
    height: 45px;
    border-top: 0px solid #dee2e6;
}
/* existe deja dans header.scss
header#header .header_mobile_search_bar>div {
    padding-top: 5px;
}*/
header#header .header_mobile_search_bar>div:nth-child(3) {
    padding-top: 10px;
    border-left: 1px solid #dee2e666;
    width: 70px;
}
header#header .header_mobile_bar img.logo {
    width: 180px;
}
header#header .header_mobile_search_bar>div:nth-child(2) input {
    font-size: 18px;
}
/*----mis 150 au lieu de 140 sinon le burger ne rentre pas sur tablette----*/ 
header#header .header_mobile_search_bar>div:nth-child(2) {
    width: calc(100vw - 150px);
}

/*--------*/
/* divers */
/*--------*/

/* existe deja
.xsmall {
    font-size:13px;
}
.medium {
    font-size:15px;
}
.text-xbold {
    font-weight: 800!important;
}
.text-black {
    font-weight: 900!important;
}
.text-light {
    font-weight: 300!important;
}
.text-bold {
    font-weight: 700!important;
}
.text-bold-normal, .text-normal {
    font-weight: 400!important;
}
*/

.strikethrough {
    position: relative;
    padding: 0 5px;
    color: #313542;
    font-weight: 700;
}
.strikethrough:before {
    text-decoration: line-through;
    position: absolute; 
    content: "";
    left: 0;
    top: 47%;
    right: 0;
    border-top: 1px solid; 
    border-color: inherit; 
    transform: rotate(0deg);
}
.page-link:focus {
    box-shadow: 0 0 4px 0.2rem rgba(84, 105, 212, .03) inset;
}

.align-v {
    vertical-align: middle!important;
    display: flex;
    align-items: center;
}
/*----------/*
btn
/*-----*/
.btn {
    padding: 5px 12px 5px 12px;
}
.btn-group-lg>.btn, .btn-lg {
    font-size: 1rem!important;
    padding: 8px 16px;
}
.btn2 {
    font-size: 18px!important;
    border: 2px solid;
    padding: 8px 16px 8px 16px;
}
.btn1.btn-outline-primary {
    font-size: 1rem!important;
    border: 1px solid;
}
/*link et coul*/
a.text-primary:hover {
    color:#1A5ED4 !important;
}
.text-primary-light {
    color: #3057C4;
}
.btn.btn-sm {
    padding: 0.2rem 0.5rem;
    font-size: 0.875rem;
}

/*---*/

.btn-actif {
  display: inline-block;
  padding: 0.75rem 1.25rem;
  border-radius: 4px;
  color: #fff;
  text-transform: uppercase;
  font-size: 0.875rem;
  letter-spacing: 0.1rem;
  transition: all 0.3s;
  position: relative;
  overflow: hidden;
  z-index: 1;
  font-weight:600;
  text-align:center;
}
.btn-actif:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #3057C4;
  border:1px solid #3057C4;
  border-radius: 4px;
  z-index: -2;
}
.btn-actif:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #1A73E8;
    transition: all 0.3s;
  border-radius: 4px;
  z-index: -1;
}
.btn-actif:hover {
  color: #fff;
  box-shadow: 0 2px 15px rgba(26, 115, 232, 0.3);
}
.btn-actif:hover:before {
  width: 100%;
}
@media (max-width: 575.9px) {
.btn-actif {
    padding: 0.75rem 11px;
    letter-spacing: 1px; 
}}
/*----------------------*/
/* modal guide taille */
/*---------------------*/
.header-guide {
    padding : 2rem 0px 0px 3rem;
}
/*-----------------------------------*/
/* module derniers produits vus */
/*---------------------------------*/
.product-item .dont-want-too-see {
    top: 2px;
    color: #404556;
}
.dont-want-too-see svg {
    width: 24px;
}
/*------------*/
/* page list */
/*-----------*/

/*.accordion .show {
    font-size:14px;
}*/
.pagination {
    font-size: 14px;
}
.effacer-filtres {
    display: inline-block;
    /*padding: 0 16px 8px 0;*/
} 
main.pagelist #mobileBottomBar .mobile-open-sidebar {
    width: 120px;
    height: 40px;
}
.mobile-open-sidebar span {
    padding: 7px 0 0 0;
}
/* filtre mobile */
#magnifier.is-open .handle {
    width: 24px;
}
#magnifier.is-open .handle2 {
    width: 24px;
}
@media (max-width: 991.98px) {
    main.pagelist #sidebar {
    padding-bottom: 100px;
}}
@media (min-width: 576px) {
body.pagelist #mobileBottomBar .back-to-top {
    margin-right:20px;
}}

/*-------------------*/
/* page list Marque*/
/*------------------*/
.introBrand {
    line-height: 22px;
}
#brand-description .box-label {
    border-bottom: 1px solid #cdccda;
}
.fab {
    border-top: 1px solid #cdccda;
    padding: 22px 0 0 0;
    margin: 31px 0;
}
@media (min-width: 992px) {
#col-logo {
    flex: 0 0 20%!important;
    max-width: 20%!important;
}
#col-desc {
    flex: 0 0 80%!important;
    max-width: 80%!important;
}
}
/*----mot cle liste----*/
body.pagelist .keywords-slide {
    padding: 3rem 0 2rem;
}
/*-----------*/
/* side bar PC */
/*------------*/
main.pagelist .back-category-arrow-link {
    margin-left: 0px; 
}
.filtreSousCat {
    font-size:0.875rem;
}
.filtreSousCat:last-child {
    margin-bottom: 10px;
}
/*filtre prix*/
main.pagelist .price-chosen {
    bottom: -15px;
}

/*---------------------------------*/
/*product*/
/*---------------------------------*/
h1.title-product{
    font-size : 24px;
    margin-bottom:10px;    
}
@media (min-width: 1200px) {
.fo.product .row1 {
    margin-right: -30px;
    margin-left: -30px;
}}
@media (min-width: 1200px) {
.img-product {
    padding-right: 30px;
    padding-left: 30px;
}}
.box-descL {
    border-bottom: 1px solid #cdccda;
    margin-right: 0;
    margin-left: 0;
}
.fo.product .label-img {
    width:36px;
    min-width: 36px;
    margin-left: 0!important;
    margin-right: 1rem!important;
}
.fo.product .label-name {
    padding:0;
}
main.product .bootstrap-select.quantity .btn {
    font-size: 1rem;
    font-weight: 700;
    color: #1A1F36;
}
main.product .bootstrap-select.quantity {
    width: 80px!important;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    padding: 5px;
    margin-right: 15px;
}
main.product .show-case .thumbs-container .img-thumb .blue-bar {
    background-color: #5469d480;
}
.attributes .btn {
    padding: .275rem .55rem .25rem .55rem;
}
/*img*/
@media (min-width: 576px) and (max-width: 767.98px) {
main.product .slick-container-div-mobile {
    height: auto;
}}
/* quantite */
main.product .quantity-div input {
    height: 45px;
    font-size: 22px;
}
main.product .quantity-div .minus {
    top: 22px;
}
main.product .quantity-div .plus {
    top: -3px;
}
/*couleur*/
main.product .color-round.selected {
    border-color: #1A73E8;
    box-shadow: 0px 0px 7px rgba(26, 115, 232, .5);
}
main.product .color-round {
    border: 2px solid #cdccda;
}
/*nav description info vendeur*/
main.product .informations .nav-tabs a {
    padding: 10px 50px;
    margin: 0;
}
/*nav description */
.mi.top {
    transform: rotate(180deg);
}
@media (max-width: 767.98px) {
    main.product .informations .nav-tabs a {
    font-size: 16px;
    padding: 10px 18px;
    margin: 0;
}
    main.product .informations .nav-tabs a:last-child, main.product .informations .nav-tabs a:first-child {
    margin-right: 0; margin-left: 0;
}
main.product .informations .nav-tabs {
    border-bottom: 1px solid #cdccda;
}
/*marge*/
    main.product .informations {
    margin-top: 2rem;
}
}
/* border fab et label */
 .box-descL .label {
    border-top: 1px solid #eaeaea;
    padding-top: 17px;
}
/*---------------------------------*/
/*tunel tunnel*/
/*---------------------------------*/
main.order .accordion .step .step-title {
    padding: 1rem 2rem;
}
main.order .accordion .step .step-title span {
    line-height:35px;
}
/*#user .form-group:last-of-type {
  margin-bottom:0;
}*/
/*---------------------------------*/
/*panier*/
/*---------------------------------*/
main.cart .products .product .buttons-div .quantity-div input{
    width:75px;
    font-size: 16px;
    color:#1A1F36;
    box-shadow: 0 0.125rem 0.25rem rgba(51, 51, 51, .05)    
}
main.cart .products .product .buttons-div .quantity-div .minus, main.cart .products .product .buttons-div .quantity-div .plus {
    border-radius : 0px 0.3rem 0px 0px;
}
main.cart .products .product .buttons-div .quantity-div .minus, main.cart .products .product .buttons-div .quantity-div .minus {
    border-radius : 0px 0px 0.3rem 0px;
}


/*-------------------------------*/
/* architecture mobile */
@media (max-width: 768px) {
.container, .container-lg, .container-md, .container-sm, .container-xl {
    padding: 0px 16px;
}}
/*--------module image defilement---------*/
/*.slick-next {
    right: 30px;
}*//*
.slick-dots {
    position: absolute;
    bottom: -25px;
    display: none!important;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}*/

/*help bouton Admin*/
#helpbar-trigger {
    font-size: 100%;
}

/*----------------------------------------*/
/*-----ajout marge style bootstrap-------*/
/* Classe -35 -45 -6 pas fait les n - existe en SM et MD */

@media (max-width: 575.9px) {
    .h1-sm {font-size: 1.875rem}
    .h2-sm {font-size: 1.5rem}
    .h3-sm {font-size: 1.3rem}
    .p-mob-0 {padding:0!important;}
}
@media (max-width: 767.9px) {
    .h1-md {font-size: 1.875rem}
    .h2-md {font-size: 1.5rem}
    .h3-md {font-size: 1.3rem}
}

/*???*/


.enModif {
    border-top: 1px solid #D4D7DF;
    box-shadow: 0px 15px 15px -15px rgba(26, 115, 232, .18) inset;
    height: 20px;
}
/*-------fin V2-------*/


/* variable scss - att */
@media (min-width: 576px) {
  .border-sm-top {
    border-top: 1px solid #e3e7eb !important;
  }
  .border-sm-right {
    border-right: 1px solid #e3e7eb !important;
  }
  .border-sm-bottom {
    border-bottom: 1px solid #e3e7eb !important;
  }
  .border-sm-left {
    border-left: 1px solid #e3e7eb !important;
  }
  .border-sm-top-0 {
    border-top: 0 !important;
  }
  .border-sm-right-0 {
    border-right: 0 !important;
  }
  .border-sm-bottom-0 {
    border-bottom: 0 !important;
  }
  .border-sm-left-0 {
    border-left: 0 !important;
  }
  .border-sm-x {
    border-left: 1px solid #e3e7eb !important;
    border-right: 1px solid #e3e7eb !important;
  }
  .border-sm-y {
    border-top: 1px solid #e3e7eb !important;
    border-bottom: 1px solid #e3e7eb !important;
  }
  .border-sm {
    border-top: 1px solid #e3e7eb !important;
    border-bottom: 1px solid #e3e7eb !important;
    border-left: 1px solid #e3e7eb !important;
    border-right: 1px solid #e3e7eb !important;
  }
  .border-sm-0 {
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }
}

@media (min-width: 768px) {
  .border-md-top {
    border-top: 1px solid #e3e7eb !important;
  }
  .border-md-right {
    border-right: 1px solid #e3e7eb !important;
  }
  .border-md-bottom {
    border-bottom: 1px solid #e3e7eb !important;
  }
  .border-md-left {
    border-left: 1px solid #e3e7eb !important;
  }
  .border-md-top-0 {
    border-top: 0 !important;
  }
  .border-md-right-0 {
    border-right: 0 !important;
  }
  .border-md-bottom-0 {
    border-bottom: 0 !important;
  }
  .border-md-left-0 {
    border-left: 0 !important;
  }
  .border-md-x {
    border-left: 1px solid #e3e7eb !important;
    border-right: 1px solid #e3e7eb !important;
  }
  .border-md-y {
    border-top: 1px solid #e3e7eb !important;
    border-bottom: 1px solid #e3e7eb !important;
  }
  .border-md {
    border-top: 1px solid #e3e7eb !important;
    border-bottom: 1px solid #e3e7eb !important;
    border-left: 1px solid #e3e7eb !important;
    border-right: 1px solid #e3e7eb !important;
  }
  .border-md-0 {
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }
}

@media (min-width: 992px) {
  .border-lg-top {
    border-top: 1px solid #e3e7eb !important;
  }
  .border-lg-right {
    border-right: 1px solid #e3e7eb !important;
  }
  .border-lg-bottom {
    border-bottom: 1px solid #e3e7eb !important;
  }
  .border-lg-left {
    border-left: 1px solid #e3e7eb !important;
  }
  .border-lg-top-0 {
    border-top: 0 !important;
  }
  .border-lg-right-0 {
    border-right: 0 !important;
  }
  .border-lg-bottom-0 {
    border-bottom: 0 !important;
  }
  .border-lg-left-0 {
    border-left: 0 !important;
  }
  .border-lg-x {
    border-left: 1px solid #e3e7eb !important;
    border-right: 1px solid #e3e7eb !important;
  }
  .border-lg-y {
    border-top: 1px solid #e3e7eb !important;
    border-bottom: 1px solid #e3e7eb !important;
  }
  .border-lg {
    border-top: 1px solid #e3e7eb !important;
    border-bottom: 1px solid #e3e7eb !important;
    border-left: 1px solid #e3e7eb !important;
    border-right: 1px solid #e3e7eb !important;
  }
  .border-lg-0 {
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }
}

@media (min-width: 1200px) {
  .border-xl-top {
    border-top: 1px solid #e3e7eb !important;
  }
  .border-xl-right {
    border-right: 1px solid #e3e7eb !important;
  }
  .border-xl-bottom {
    border-bottom: 1px solid #e3e7eb !important;
  }
  .border-xl-left {
    border-left: 1px solid #e3e7eb !important;
  }
  .border-xl-top-0 {
    border-top: 0 !important;
  }
  .border-xl-right-0 {
    border-right: 0 !important;
  }
  .border-xl-bottom-0 {
    border-bottom: 0 !important;
  }
  .border-xl-left-0 {
    border-left: 0 !important;
  }
  .border-xl-x {
    border-left: 1px solid #e3e7eb !important;
    border-right: 1px solid #e3e7eb !important;
  }
  .border-xl-y {
    border-top: 1px solid #e3e7eb !important;
    border-bottom: 1px solid #e3e7eb !important;
  }
  .border-xl {
    border-top: 1px solid #e3e7eb !important;
    border-bottom: 1px solid #e3e7eb !important;
    border-left: 1px solid #e3e7eb !important;
    border-right: 1px solid #e3e7eb !important;
  }
  .border-xl-0 {
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
  }
}
/* a mettre su variable.scss a la place de ce qu'il y a au dessus ***/

/*
@each $breakpoint in map-keys($grid-breakpoints) {
  @include media-breakpoint-up($breakpoint) {
    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);

    .border#{$infix}-top {      border-top: $border-width solid $border-color !important; }
    .border#{$infix}-right {    border-right: $border-width solid $border-color !important; }
    .border#{$infix}-bottom {   border-bottom: $border-width solid $border-color !important; }
    .border#{$infix}-left {     border-left: $border-width solid $border-color !important; }

    .border#{$infix}-top-0 {    border-top: 0 !important; }
    .border#{$infix}-right-0 {  border-right: 0 !important; }
    .border#{$infix}-bottom-0 { border-bottom: 0 !important; }
    .border#{$infix}-left-0 {   border-left: 0 !important; }

    .border#{$infix}-x {
      border-left: $border-width solid $border-color !important;
      border-right: $border-width solid $border-color !important;
    }

    .border#{$infix}-y {
      border-top: $border-width solid $border-color !important;
      border-bottom: $border-width solid $border-color !important;
    }
    // support of .border-sm (-md, -lg, -xl)
    .border#{$infix} {
      border-top: $border-width solid $border-color !important;
      border-bottom: $border-width solid $border-color !important;
      border-left: $border-width solid $border-color !important;
      border-right: $border-width solid $border-color !important;
    }
    .border#{$infix}-0 {
      border-top: 0 !important;
      border-bottom: 0 !important;
      border-left: 0 !important;
      border-right: 0 !important;
    }
  }
}
*/