.notlogedQuickOrder{
  background: #fff 0 0 no-repeat padding-box;
background-color: rgb(255, 255, 255);
box-shadow: 0 3px 15px #e4e0ed4f;
border: 1px solid #e8e8e8;
border-radius: 25px;
opacity: 1;
padding: 30px 20px !important;
}

.customnoticecontainer{
  width:100%;

}

.customnoticecontainer .wc-block-components-notice-banner.is-error{
  background: #fff0f0 !important;
  color: #ef7918;
  border-radius: 15px !important;
margin-top: 20px !important;
}
.customnoticecontainer  .wc-block-components-notice-banner__summary{
  margin-bottom: 0px !important;
  padding-bottom: 0px !important;
}
.customnoticecontainer .wc-block-components-notice-banner__content{
  text-align:left !important;
  font-size: 15px !important;
padding-left: 5px;
}
.downloadExcelProduit{
  cursor: pointer;
  display: inline-block;
  font-size: 22px;
  line-height: 28px;
  font-family: "Onest";
   font-weight: 500;
    padding: 10px 20px;
    border-radius: 50px;
     min-width: 300px;
     text-align: center;
     background: transparent linear-gradient(90deg, #FB8B30 0%, #FFB21F 100%) 0% 0% no-repeat padding-box;
  color:#FFF !important;
  margin-top:50px;

}
    .drop-container {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 10px;
        min-height: 200px;
        width: 100%;
        margin-top: 20px;
        padding: 20px !important;
        border: 1px dashed #3c3c73;
        color: #3c3c73;
        cursor: pointer;
        transition: background .2s ease-in-out, border .2s ease-in-out;
        border-radius:15px;
        background: #F9F8FB 0% 0% no-repeat padding-box;
    }

    .drop-container:hover, .drop-container.drag-active {
        background: #f4f3f7;
    }

    .drop-title {
    color: #C5C5D2;
        font-size: 28px;
        line-height: 38px;
        font-family: 'Onest';
        text-align: center;
        max-width: 300px;
        margin-bottom: 30px;
    }

    input[type=file].excel_file {
        color: #3c3c73;
            cursor: pointer;
        border: 2px solid #FDB376;
border-radius: 29px;
        padding: 8px;
        text-align: center;
        width: min(100%,400px);
        background:#FFF;
        margin-bottom: 0px !important;
        font-size: 22px;
  line-height: 28px;
  font-family: "Onest";
  font-weight: 500;
    }


    input[type="file"].excel_file::-webkit-file-upload-button {
    display: none;
}

input[type="file"].excel_file::file-selector-button {
    display: none;
}

    input[type=file].excel_file::file-selector-button {
        margin-right: 8px;
        border: none;
        background: #3c3c73;
        padding: 8px 12px;
        color: #fff;
        cursor: pointer;
    }

    .ecraserpanier input[type="checkbox"]:checked {
  border: 1px solid #3C3C73 !important;
  position: relative;
}

.ecraserpanier {
  font-family: "Onest";
  display: flex;
  align-items: center;
  column-gap: 5px;
}

.ecraserpanier input[type="checkbox"]:checked::after {
  background: url('/wp-content/uploads/2024/07/ok.svg');
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
  position: absolute;
  top: 3px;
  bottom: 3px;
  left: 3px;
  right: 3px;
  background-size: contain;
  background-position: center;
  content: "";
  background-repeat: no-repeat;
}


.quick-order-page-head *{

   font-family: "Onest" !important;
   font-size:57px !important;
   font-weight: 600 !important;
}
.add_decorateur_here h1::after{
  content:url('/wp-content/uploads/2025/03/decorateurVolta.svg');
  position: absolute;
    top: 50%;
    right: 0;
    transform: translate(50%,-50%);
}

@media screen and (max-width:1200px){
  .quick-order-page-head *{
     font-size:47px !important;
  }
}

@media screen and (max-width:990px){
  .quick-order-page-head *{
     font-size:37px !important;
  }
}
@media screen and (max-width:690px){
  .add_decorateur_here h1::after{
    content:''
  }
}
.add_decorateur_here > .wpb_wrapper{
  display:flex;
  justify-content: center;
}
.add_decorateur_here h1{
  position:relative;
}

.quick_order_export{
  height: 100%;
  border: 1px solid #E8E8E8;
  padding: 50px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 25px;
  box-shadow: 0px 3px 15px #E4E0ED4F;
}

.header_quick_order_export{
  display: flex;
  flex-direction: column;
  gap:10px;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-top:25px;
}


.quick_order_import{
  height: 100%;
  border: 1px solid #E8E8E8;
  padding: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 25px;
  box-shadow: 0px 3px 15px #E4E0ED4F;
}


form.quickorderexcelform{
  display:flex; flex-direction: column; gap: 20px; align-items: flex-start;width:100%;
}

.header_quick_order_export h2{
  font-size:30px;
  line-height: 38px;
  font-weight: 600;
  font-family: "Onest";
}

#buttonquickorder{
  cursor: pointer;
  display: inline-block;
  font-size: 22px;
  line-height: 28px;
  font-family: "Onest";
   font-weight: 500;
    padding: 10px 20px !important;
    border-radius: 50px;
     min-width: 300px;
     text-align: center;
     background: transparent linear-gradient(90deg, #FB8B30 0%, #FFB21F 100%) 0% 0% no-repeat padding-box;
  color:#FFF !important;
  margin: auto;
}

.stepper_quick_order{
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 9999;
}
.stepper_quick_order img{
  margin-bottom: 0 !important;

}


@media screen and (max-width:1200px){
  .drop-title {
  color: #C5C5D2;
      font-size: 25px;
      line-height: 35px;
  }

  input[type=file].excel_file {

      font-size: 17px;
line-height: 24px;
font-family: "Onest";
font-weight: 500;
  }
}

@media screen and (max-width:990px){
  .drop-title {
  color: #C5C5D2;
      font-size: 20px;
      line-height: 30px;
  }

  input[type=file].excel_file {

      font-size: 15px;
line-height: 22px;
font-family: "Onest";
font-weight: 500;
  }
}

.same_Height_in > .vc_column-inner > .wpb_wrapper,
.same_Height_in > .vc_column-inner > .wpb_wrapper > .wpb_content_element,
.same_Height_in > .vc_column-inner > .wpb_wrapper > .wpb_content_element > .wpb_wrapper {
  height:100% !important;
}

body.material #header-outer:not([data-format="left-header"]) #top .right-aligned-menu-items nav > .buttons > li > a.item-link-quickorder{
  padding:0px !important;
}
.right-aligned-menu-items nav ul.buttons .item-link-quickorder img{
  width:47px !important;
  height: 47px !important;
}