#orders-bloc{
    padding-bottom: 50px;
}
.table-container {
    position: relative;
}
.scroll-indicator {
    position: absolute;
    top: 12px;
    left: calc(100% - 60%);
    font-size: 20px;
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer;
    z-index: 10;
    transition: opacity 0.3s;
    color: #fff;
    animation: move-arrow 1s infinite;
}
/* Keyframes pour le mouvement de la flèche */
@keyframes move-arrow {
    0% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(5px);
    }
    100% {
        transform: translateX(0);
    }
}

div#tooltip {
    top: -40px;
    right: 55px;
    position: absolute;
    background: #ea8914;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px 0px rgb(53, 53, 53, 0.20);
    color: #ffffff;
    display: none;
    z-index: 1;
}
div#tooltip.tooltip-active{
    display: block;
}
#tooltip.tooltip-active:before{
    border-width: .4rem .4rem 0;
    position: absolute;
    content: "";
    border-color: transparent;
    border-style: solid;
    bottom: -6px;
    border-top-color: #ea8914;
    left: 50%;
    transform: translateX(-50%);
}
#popup-agree-overlay{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
}
#popup-agree-return p{
    color: #000;
    text-align: center;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    max-width: 380px;
}
#popup-agree-return .modal__title {
    color: #EA8914;
    text-align: center;
    font-family: 'Lato', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 30px;
}
#popup-agree-return {
    display: none; /* Masqué par défaut */
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 20px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    border-radius: 8px;
    max-width: 400px;
    width: 100%;
}
#popup-agree-return button {
    line-height: 1;
    text-transform: uppercase;
}
#btn-validate--request-return.disabled {
    pointer-events: none;
    opacity: 0.6;
    cursor: not-allowed;
}
.empty-block-footer{
    position: absolute;
    bottom: 0;
}

/* ADD multi Images  */
#file-list{
    margin-top: 15px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 10px;

}
#file-list li,
#old-file-list li{
    display: flex;
    justify-content: space-between;
    column-gap: 5px;
    font-size: 14px;
    align-items: center;
    margin-bottom: 10px;
    border: 1px solid #fb9f33;
    padding: 5px;
    border-radius: 4px;
}
#old-file-list li {
    padding-bottom: 5px;
    border-bottom: 1px solid #EA8914;
}
.btn-update-return,
.btn-detail-return {
    background: linear-gradient(180deg, #FFA43A 0%, #EA8914 100%);
    color: #fff;
    padding: 8px 10px;
    border-radius: 4px;
    box-shadow: 2px 2px 6px #00000017;
    display: inline-flex;
    align-items: center;
}
.btn-update-return:focus,
.btn-detail-return:focus{
    color: #fff;
    background: linear-gradient(180deg, #FFA43A 0%, #EA8914 100%);
}
.btn-update-return:active,
.btn-detail-return:active{
    color: #fff;
    background: linear-gradient(180deg, #FFA43A 0%, #EA8914 100%);
}
.btn-update-return:hover,
.btn-detail-return:hover {
    color: #fff;
}
#old-file-list {
    border: 1px solid #EA8914;
    border-radius: 8px;
    padding: 15px;
    box-sizing: border-box;
}

#file-list li .remove-file,
#old-file-list .remove-file {
    background: transparent;
    padding: 0;
}
#file-list li > div, #old-file-list li > div{
    display: flex;
    align-items: center;
}

/* Sticky Header table */

.custom-tabel-view .order-products-table tbody tr:first-child {
    position: sticky;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1;
    border-radius: 0;
}
.custom-tabel-view .order-products-table tbody tr.hide {
    top: -150px;
}
/* Sticky Header table */


.custom-tabel-view .order-products-table tr .not-show {
    opacity: 0;
}

/* Rechercher dans la liste de catégorie motif en front */
.return-motif.hide-other{
    display: none;
}
.autocomplete-block{
    padding: 10px;
    padding-bottom: 0;
}
.autocomplete-block .resultbox li[data-is-free-input="1"] {
    pointer-events: none;
}
.autocomplete-block .resultbox{
    margin-top: 10px;
}
.autocomplete-block .resultbox li{
    list-style: none;
    padding: 5px 10px;
    background: rgba(160,160,160 ,0.12);
    margin-bottom: 1px;
    cursor: pointer;
}
.autocomplete-block .resultbox li:hover{
    background:#ea8914;
    color:#fff
}
/* Rechercher dans la liste de catégorie motif en front */


/* Faire sauter le header + footer */
#module-sx_return_product-returnrequests header #header .gfc-header #search_block_top,
#module-sx_return_product-returnrequests header #header .gfc-header #header_user,
#module-sx_return_product-returnrequests header #header .ets_mm_megamenu,
#module-sx_return_product-returnrequestdetail header #header .gfc-header #search_block_top,
#module-sx_return_product-returnrequestdetail header #header .gfc-header #header_user,
#module-sx_return_product-returnrequestdetail header #header .ets_mm_megamenu,
#module-sx_return_product-createreturnrequests header #header .gfc-header #search_block_top,
#module-sx_return_product-createreturnrequests header #header .gfc-header #header_user,
#module-sx_return_product-createreturnrequests header #header .ets_mm_megamenu{
    display:none;
}
#module-sx_return_product-returnrequests #header,
#module-sx_return_product-returnrequestdetail #header,
#module-sx_return_product-createreturnrequests #header{
    padding-top: 20px;
    padding-bottom:25px;
}
#module-sx_return_product-returnrequests .gfc-header,
#module-sx_return_product-returnrequestdetail .gfc-header,
#module-sx_return_product-createreturnrequests .gfc-header{
    justify-content: center;
}
#module-sx_return_product-returnrequests footer #footer,
#module-sx_return_product-returnrequestdetail footer #footer,
#module-sx_return_product-createreturnrequests footer #footer{
    display:none;
}

/* Faire sauter le header + footer */


/* PopUp */
#refreshModal {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    background-color: white;
    z-index: 1000;
    border-radius: 8px;
    min-height: 291px;
    text-align: center;
    font-family: 'Lato';
    font-size:16px;
    font-weight:600;
    justify-content: center;
}
#popup-refresh {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
}
#refreshModal h2{
    color: #EA8914;
    font-size: 32px;
    margin-top: 5px;
}
#refreshModal h3{
    font-size: 20px;
    color: #EA8914;
    font-weight: 600;
    margin-bottom: 20px;
}
p.text-refreshmodal{
    font-weight: 600;
    margin: 22px 0;
}
#refreshModal .btn-flex{
    display: flex;
    justify-content: center;
    column-gap: 20px;
    margin: 20px 0 0;
}
#refreshModal .btn-flex button{
    border-radius:4px;
    font-weight:600;
    text-transform:uppercase;
    min-width: 96px;
    min-height: 32px;
    border:1px solid #EA8914;
    font-size: 16px;
    font-family: 'Lato';
    outline: none;
    box-shadow: none;
}
#refreshModal .btn-flex button#cancel-exit{
    background:#EA8914;
    color:#ffffff;
}
#refreshModal .btn-flex button#confirm-exit{
    background: transparent;
    color:#EA8914;
}
#refreshModal > div {
    max-width: 524px;
}
@media (min-width: 768px) {
    #refreshModal{
        min-width: 600px;
    }

}
@media (min-width: 641px) {
    .scroll-indicator{
        display: none;
    }
}

@media (max-width: 767.98px) {
    #refreshModal .btn-flex button{
        width:74px;
    }
}
/* PopUp */

.custom-tabel-view thead tr th {
    background: #EA8914 !important;
}
.custom-tabel-view thead tr th {
    padding-top: 14px;
    padding-bottom: 14px;
    text-align: left;
    background: #EA8914 !important;
    background-color: #EA8914 !important;
    color: #FFFFFF;
    text-shadow: none;
    font-size: 16px;
    font-family: 'Lato';
    border-bottom: none !important;
    padding-left: 16px;
    font-weight: 400;
}

.custom-tabel-view tbody tr td {
    padding-left: 16px;
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
    line-height: 16.8px;
    text-align: left;
    color: #000000;
    padding-top: 14px;
    padding-bottom: 14px;
}

.selected-products-to-return {
    margin-top: 17px;
    background: #f3f3f3;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 25px;
    display: flex;
    position: sticky;
    bottom: 0;
    box-shadow: 0px 0px 10px 0px rgb(53, 53, 53, 0.20);
}

.selected-products-to-return .next-step-btn {
    background: rgba(53, 53, 53, 0.33);
    border-radius: 8px;
    text-align: center;
    font-family: Lato;
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    padding: 15px 20px;
    cursor: initial;
    width: auto;
    text-transform: uppercase;
}

.selected-products-to-return.active .next-step-btn {
    background: linear-gradient(180deg, #FFA43A 0%, #EA8914 100%);
    cursor: pointer;
}

.btn.btn-orange {
    background: linear-gradient(180deg, #FFA43A 0%, #EA8914 100%);
    display: inline-block;
    border-radius: 8px;
    text-align: center;
    font-family: Lato;
    font-size: 16px;
    color: #FFFFFF;
    padding: 15px 20px;
    cursor: pointer;
    width: auto;
    text-transform: initial;
}
.btn.btn-orange.more-info {
    width: 183px;
    height: 32px;
    border-radius: 4px;
    padding: 0;
}

.return-request-header {
    border-top: 1px solid #353535;
    margin-bottom: 30px;
    margin-top: 10px;
    float: left;
    width: 100%;
}

.return-request-header h1.nav-title {
    font-size: 24px;
    font-weight: 400;
    text-align: left;
    margin-top: 5px;
    padding-left: 0;
    text-transform: initial;
}
.search_section_top {
    margin-bottom: 30px;
    float: inherit;
}
.search_section_top{
    display: inline-flex;
    width: 100%;
}
.search_section_top input {
    border-radius: 4px 0px 0 4px;
    box-shadow: 0px 2px 4px 0px #35353533;
}

.search_section_top button {
    background: linear-gradient(180deg, #FFA43A 0%, #EA8914 100%) !important;
    border-radius: 0 4px 4px 0;
    box-shadow: 0px 2px 4px 0px #35353533;
}

.order-status {
    display: inline-block;
    color: #fff;
    border-radius: 4px;
    padding: 3px 5px;
    min-width: 183px;
    line-height: 26px;
    box-sizing: border-box;
    text-align: center;
}
.order-products-table {
    border-spacing: 1px;
    margin: 0;
    border: 1px solid #f3f3f3;
    border-radius: 0px 8px 0px 0px;
    /*background: rgba(53, 53, 53, 0.06);*/
}
.custom-tabel-view .order-products-table tbody tr:not(:first-child):hover {
    background: rgba(235, 138, 20, 0.10);
    cursor: pointer;
}
.custom-tabel-view .order-products-table tbody tr.selected-ligne{
    background: rgba(235, 138, 20, 0.10);
}

.order-products-table th {
    background: #ea8914;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    text-shadow: none;
}
table.order-products-table tr:nth-child(even) {
    background-color: inherit;
}
.order-products-table th:nth-child(2),
#return-step-2 .order-products-table th:nth-child(3),
.order-products-table tr td:nth-child(2),
.order-products-table tr td:nth-child(3){
    text-align: center;
}
.order-products-table tr td .motifs-list-detail{
    text-align: left;
}
#request-step-2 .motifs-list button.applicate{
    display: none;
}
.motifs-list-detail .motif_bloc{
    justify-content: center;
}
.qty-to-return {
    position: relative;
    width: 103px;
    background: #fff;
    box-shadow: 0px 2px 6px 0px #35353533;
    border-radius: 4px;
    min-height: 40px;
}
.qty-to-return {
    position: relative;
    width: 130px;
    /*margin: 0 auto;*/
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
}
.qty-to-return input{
    padding-top: 10px;
    padding-bottom:10px;
}
.qty-to-return .left-element {
    position: absolute;
    font-size: 20px;
    top: 0px;
    left: 0;
    /*height: 27px;*/
    width: 26px;
    text-align: center;
    line-height: 24px;
    border-radius: 4px 0 0 4px;
    cursor: pointer;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.qty-to-return .rigth-element {
    position: absolute;
    font-size: 16px;
    top: 0px;
    right: 0;
    /*height: 27px;*/
    width: 26px;
    text-align: center;
    line-height: 24px;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.not-clicked .qty-to-return .left-element ,
.not-clicked .qty-to-return .rigth-element{
    cursor: no-drop !important;
}
.qty-to-return input {
    max-width: 100%;
    box-sizing: border-box;
    text-align: center;
    box-shadow: none;
    border-color: transparent;
    width: 100%;
    margin: 0 auto;
    border-radius: 4px;
    height: auto;
    line-height: 1;
    font-size: 16px;
}
.qty-to-return input, .qty-to-return input[readonly]{
    /*background:transparent;*/
    box-shadow: none;
}
.not-clicked .qty-to-return input[readonly]{
    background: rgba(228, 228, 228, 0.78) !important;
    /*box-shadow: none;*/
    cursor: no-drop !important;
}
.return-summary-card {
    width: auto;
    background: #3535350F;
    box-shadow: 0px 2px 4px 0px #35353533;
    border-radius: 8px;
    height: auto;
}
.return-summary-bottom {
    display: flex;
    gap: 27px;
    max-width: 100%;
    margin-bottom: 30px;
}
.return-summary-column {
    flex: 1 1 30%;
    box-sizing: border-box;
}
.return-summary-bottom {
    border-top: 1px solid #353535;
    margin-top: 30px;
    padding-top: 20px;
}
input#aggree_return {
    position: relative;
    cursor: pointer;
    width: 0;
    -moz-appearance: initial;
    width: 16px;
    height: 16px;
    /*pointer-events: none;*/
}
input#aggree_return:before{
    content: "";
    display: block;
    position: absolute;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    background: #FFFFFF;
    box-shadow: none;
    border-radius: 0;
    border: 1px solid #000;
}
input#aggree_return:checked:before{
    border: 1px solid #EA8914;
}
input#aggree_return:checked:after{
    content: url(/themes/phoneshop/img/agree_orange.svg);
    display: block;
    position: absolute;
    top: 0px;
    left: 3px;
}

.credit-box {
    margin-top: 20px;
    border: 1px solid #EA8914;
    border-radius: 8px;
    padding: 15px;
    /*text-align: center;*/
    width: 100%;
    float: right;
    box-sizing: border-box;
    font-size: 14px;
}
.remaining-credits {
    margin-top: 10px;
    color: #EA8914;
}
.import-sec {
    margin-top: 14px;
}
.import-file-sec {
    display: flex;
    background: #3535350F;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 20px;
    width: 100%;
    margin-left: 0;
    border-radius: 4px;
    flex-direction: column;
    align-items: center;
    min-height: 187px;
    box-shadow: 0px 2px 4px 0px #35353533;
    justify-content: center;
}
.return-summary-sec-right .return-msg textarea {
    background: #F3F3F3 !important;
    box-shadow: 0px 2px 4px 0px #35353533 !important;
    border: none !important;
    height: 207px;
}
.import-file-sec label {
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: initial !important;
    text-align: center !important;
    margin-top: 10px;
    margin-left: 0;
    border: 1px solid #EA8914;
    box-shadow: 0px 2px 4px 0px #35353533;
    padding: 10px 20px;
    color: #EA8914;
    border-radius: 4px;
}
.import-file-btn {
    width: auto;
    background: transparent;
    border: 0 none;
    padding: 0;
    color: #353535;
    font-size: 16px;
    font-weight: 500;
    line-height: 16.8px;
    text-align: center;
    cursor: pointer;
    margin-bottom: 10px;
}
.img-upload {
    margin-bottom: 10px;
}
.text-center {
    text-align: center;
}
.alert-warning {
    color: #EA8914;
    border: 1px solid #EA8914;
    padding: 15px;
    border-radius: 8px;
    font-size: 20px;
    margin: 20px 0 30px;
    clear: both;
}
.search-result-keyword {
    color: #EA8914;
    font-size: 24px;
}
#order_step.return-step li {
    width: 33.3%;
}
#return_step.return-step li {
    width: 25%;
}
#order_step .step_name{
    max-width: 193px;
    white-space: break-spaces;
    margin: 0 auto;
}
.return-step {
    max-width: 700px;
    margin-bottom: 0px;
    margin-top: 15px;
    overflow: hidden;
    position: relative;
    margin: auto;
}
#order_step.return-step .step_current .step_number, #order_step.return-step .step_done .step_number, #order_step.return-step .step_current_end .step_number,
.return-step .step_current .step_number, .return-step .step_done .step_number, .return-step .step_current_end .step_number
{
    width: 32px;
    height: 32px;
}
#order_step .step_current .step_number, #order_step .step_done .step_number, #order_step .step_current_end .step_number,
.step_current .step_number, .step_done .step_number, .step_current_end .step_number
{
    width: 30px;
    height: 30px;
    background: #EA8914;
    border: 1px solid #EA8914;
    filter: none;
    border-radius: 50%;
    font-size: 0;
    position: relative;
}
.step_line {
    border-top: 1px solid #C5C5C5;
    position: absolute;
    top: 30px;
    width: calc(100% - 100px);
    left: 50%;
    transform: translateX(-50%);
    display: none;
}
.return-step li {
    float: left;
    position: relative;
    width: 20%;
    font-family: Arial, sans-serif;
    font-size: 18px;
    line-height: 18px;
    font-weight: 300;
    text-align: center;
    padding: 8px 0;
    white-space: nowrap;
    z-index: 1;
}
.return-step .step_current .step_name,
.return-step .step_done .step_name {
    color: #EA8914;
    font-size: 16px;
    font-weight: 600;
    line-height: 19.2px;
    text-align: center;
    text-transform: uppercase;
}
.return-step .step_name {
    font-size: 16px;
    font-weight: 600;
    line-height: 19.2px;
    text-align: center;
    color: rgba(53, 53, 53, 0.24);
    text-transform: uppercase;
}

.return-step .step_number {
    width: 32px;
    height: 32px;
    padding: 5px;
    background: #fff;
    border: 1px solid #EA8914;
    filter: none;
    border-radius: 50%;
    font-size: 0;
    display: inline-block;
}

.return-step li:after {
    content: "";
    width: 98%;
    height: 1px;
    background: #ffa43a;
    position: absolute;
    right: -50%;
    top: 30px;
    /* transform: translateX(-50%); */
    z-index: -1;
}
.step_end:after {
    display: none;
}
.return-step .step_current .step_number, .return-step .step_done .step_number, .return-step .step_current_end .step_number, .step_current .step_number, .step_done .step_number, .step_current_end .step_number {
    width: 32px;
    height: 32px;
    padding: 5px;
    background: #EA8914;
    border: 1px solid #EA8914;
    filter: none;
    border-radius: 50%;
    font-size: 0;
    position: relative;
}
.return-succes-msg {
    font-size: 16px;
    font-weight: 600;
}
.steps-return-title {
    font-size: 20px;
}
.return-steps-status {
    margin-bottom: 15px;
}
.return-rappel {
    font-size: 16px;
}
.return-list-title {
    margin-top: 15px;
    font-size: 16px;
}
.footer_links.history_footer_links {
    margin-top: 30px;
}
.clearfix {
    clear: both;
}
.return-step .step_done .step_number a:after {
    content: url('/modules/sx_return_product/views/img/tick-icon.svg');
    width: 27px;
    height: 24px;
    border-left: none;
    border-bottom: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.return-status-description {
    font-size: 16px;
}
.return-status-description h5 {
    font-size: 20px;
    text-transform: uppercase;
    color:#000000;
}
.return-status-description .requirements {
    margin-bottom: 20px;
}
.return-status-description p {
    margin: 20px 0;
}
.return-status-description .download-label {
    margin-bottom: 30px;
}
.return-status-description .return-contact img {
    width: 24px;
    margin: 5px 0;
}
input.select-product-to-return {
    position: relative;
    cursor: pointer;
    margin-right: 25px;
    width: 0;
    -moz-appearance: initial;
    width: 16px;
    height: 16px;
    pointer-events: none;
}

input.select-product-to-return:before {
    content: "";
    display: block;
    position: absolute;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    background: #FFFFFF;
    box-shadow: none;
    border-radius: 0;
    border: 1px solid #000;
}
input#select-all-product-to-return {
    position: relative;
    margin-right: 25px;
    width: 16px;
    height: 16px;
    border-radius: 0;
}
input#select-all-product-to-return:before {
    content: "";
    display: block;
    position: absolute;
    width: 14px;
    height: 14px;
    top: 0px;
    left: 0;
    background: #FFFFFF;
    box-shadow: none;
    border-radius: 0;
    border: 1px solid #000;
}

input.select-product-to-return:checked:before,
input#select-all-product-to-return:checked:before{
    border: 1px solid #EA8914;
}
input.select-product-to-return:checked:after,
input#select-all-product-to-return:checked:after{
    content: url(/themes/phoneshop/img/agree_orange.svg);
    display: block;
    position: absolute;
    top: 0px;
    left: 3px;
}
.motif_bloc {
    display: flex;
    gap: 10px;
    align-items: center;
    clear: both;
}
#motifGroupSelect {
    width: 250px;
    padding: 0 20px 0 10px;
    font-size: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 0;
    height: 35px;
    background-color: #fff;
    background-size: 15px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M12 17.414 3.293 8.707l1.414-1.414L12 14.586l7.293-7.293 1.414 1.414L12 17.414z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 4px center;
    line-height: 35px;
    cursor: pointer;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

button.applicate {
    padding: 10px 15px;
    background: rgba(53, 53, 53, 1);
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 15px;
    text-transform: uppercase;
    height: 35px;
}

.autreListe {
    padding: 0;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-top: 10px;
}

.autreListe h4 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

.autreListe ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.autreListe ul li {
    margin-bottom: 10px;
    font-size: 14px;
}

.autreListe input[type="text"] {
    padding: 8px;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-top: 0px;
    height: auto;
}

.autreListe ul li:hover {
    color: #ea8914;
    cursor: pointer;
}

select#grouped-select button {
    margin-top: 10px;
    padding: 10px 20px;
    background-color: #333;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

select#grouped-select button:hover {
    background-color: #555;
}
.autreListe.accordion-container {
    width: 100%;
    max-width: 400px;
    margin: 10px auto 0;
    position: absolute;
    z-index: 99;
}

.autreListe .accordion {
    border: none;
    padding: 0;
    border-radius: 0;
    overflow: hidden;
}

.autreListe .accordion-header {
    padding: 10px;
    font-size: 16px;
    font-weight: bold;
    background-color: transparent;
    cursor: pointer;
    position: relative;
    border-bottom: 0.5px solid rgba(53, 53, 53, 0.33);
}
.autreListe .accordion:last-child .accordion-header {
    border: none;
}
.autreListe .accordion-header:after {
    content: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.67134 5L5.33567 0.999999L1 5' stroke='%23353535'/%3E%3C/svg%3E"); /* Arrow pointing down */
    transform: rotate(180deg);
    font-size: 14px;
    position: absolute;
    right: 15px;
    top: 9px;
}

.autreListe .accordion.active .accordion-header:after {
    transform: rotate(0);
    top: 9px;
}

.autreListe .accordion-body {
    display: none;
    padding: 10px 10px 0;
    background-color: transparent;
}

.autreListe .accordion-body ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.autreListe .accordion-body ul li {
    font-size: 14px;
}
.btn-remove-product-to-return{
    padding: 10px;
    cursor: pointer;
}
.autreListe .accordion-body input[type="text"] {
    width: 100%;
    padding: 5px 10px;
    margin-top: 0px;
    border: 1px solid rgba(53, 53, 53, 1);
    border-radius: 4px;
}
.autreListe .accordion-body .same-icon{
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.autreListe .accordion-body .same-icon .check-icons{
    max-width: 20px;
    display: flex;
    position: absolute;
    right: 15px;
    z-index: 1;
}
.autreListe .accordion-body .same-icon .check-icons svg{
    width:100%;
    height: auto;
}
.autreListe .accordion-body .same-icon .check-icons svg path{
    fill: #ea8914;
}

#popup_details.popup-overlay {
    display: none; /* Caché par défaut */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Fond sombre */
    z-index: 1000;
}

#popup_details .popup-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
}

#popup_details .close-btn {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 24px;
    cursor: pointer;
}
.part-top {
    display: flex;
    text-align: left;
    align-items: center;
    justify-content: center;
    max-width: 70%;
    margin: 0 auto;
    gap: 20px;
}

.part-top img {
    max-width: 150px;
}
.part-bottom {
    width: 100%;
    overflow-x: auto;
}

.part-bottom table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

.part-bottom th, .part-bottom td {
    text-align: left;
    padding: 5px 15px;
}

.part-bottom th {
    background: #EA8914;
    border: none;
    color: #fff;
    cursor: pointer;
    font-weight: 500;
    font-size: 16px;
    text-shadow: none;
    padding: 13px;
}
.part-bottom th:first-child {
    border-top-left-radius: 4px;
}

.part-bottom th:last-child {
    border-top-right-radius: 4px;
}
.part-bottom td {
    color: #333;
}

.part-bottom .details-btn {
    background: transparent;
    border: none;
    color: #000;
    cursor: pointer;
    font-weight: 600;
    font-size: 14px;
    box-shadow: none !important;
}

.part-bottom .details-btn:hover {
    text-decoration: underline;
}
.description-detail h4 {
    font-weight: 700;
    margin-bottom: 5px;
}
.description-detail p {
    font-weight: 600;
}
.return-product-loader {
    text-align: center;
    margin-top: 20px;
}
.return-product-loader span {
    margin: auto;
}
.info-icon {
    background-color:#EA8914;
    display: inline-block;
    border-radius: 50%;
    padding: 5px;
    width: 16px;
    height: 16px;
    text-align: center;
}
/*.credit-box > div, */
.right-sec-price {
    display: flex;
    gap: 5px;
}
.credit-box .tooltip,
.return-summary-price .right-price .tooltip {
    color: #000;
    width: 200px;
    text-align: left;
    padding: 5px;
}
.return-summary-price {
    display: flex;
    justify-content: space-between;
}
.return-summary-price .left-title,
.return-summary-price .right-price .nb-credit {
    font-size: 16px;
    font-weight: 600;
}
.return-summary-price .right-price .popover-wrapper {
    margin-bottom: 15px;
}
.return-summary-price .right-price {
    display: flex;
    gap: 5px;
    align-items: center;
}
.custom-tabel-view .order-products-table tr,
.custom-tabel-view .order-products-table tr:nth-child(even) {
    /*background: #fff;*/
}
.custom-tabel-view .order-products-table tr.not-clicked {
    background: rgba(228, 228, 228, 0.37);
    cursor: default !important;
}
.custom-tabel-view tbody tr:nth-child(even){
    background-color: transparent;
}
td.rm-view-detail.display-order-products {
    text-align: center;
}
td.rm-view-detail.display-order-products span{
    background: linear-gradient(180deg, #FFA43A 0%, #EA8914 100%);
    color: #fff;
    padding: 8px 10px;
    border-radius: 4px;
    box-shadow: 2px 2px 6px #00000017;
    display: inline-flex;
    align-items: center;
}
.custom-tabel-view thead tr th:last-child{
    text-align: center;
}
#motifGroupSelect.motif-has-error {
    border-color: #EA8914;
}
.popup_return {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    border: none;
    padding: 45px 20px 20px;
    line-height: 16px;
    z-index: 1000;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    font-size: 16px;
    min-height: 50px;
    font-weight: 700;
    margin-bottom: 0;
    font-family: 'Lato', sans-serif;
    text-align: center;
}
.popup_return:target {
    display: block;
}
.overlay_return {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: none;
    z-index: 999;
}
.popup_return span.close-popup {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}
@media (max-width: 1159.98px) {
    .search_section_top input{
        width: 100% !important;
    }
}
@media (max-width: 767.98px) {
    .custom-tabel-view thead tr th:first-child {
        border-radius: 4px 0 0 0;
        padding: 10px 5px;
    }
    .custom-tabel-view thead tr th:last-child {
        border-radius: 0px 4px 0px 0;
    }
    .selected-products-to-return{
        flex-direction: column;
        align-items: flex-start;
        border-radius: 8px;
        grid-row-gap: 20px;
        padding: 8px;
        margin-bottom: 14px;
    }
    .selected-products-to-return .right-return-sec{
        width: 100%;
    }
    .return-summary-sec-right .return-msg textarea{
        width: 100%;
    }
    .selected-products-to-return{
        position: fixed;
        left:0;
        right:0;
    }
    .return-summary-bottom .return-summary-column:nth-child(2) {
        order: 3;
    }
    #file-list{
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 5px;
    }

}
@media (max-width: 640.98px) {
    .custom-tabel-view thead tr th{
        font-size: 12px;
        padding: 10px 5px;
    }
    .custom-tabel-view tbody tr td{
        font-size: 12px;
    }
    .custom-tabel-view tbody tr td.return_details a{
        /*background-image: url('data:image/svg+xml,<svg width="23" height="24" viewBox="0 0 23 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_5313_891)"><path d="M6.71043 24C6.29307 23.9078 5.90505 23.757 5.60157 23.4394C5.22529 23.0455 5.07032 22.5689 5.07091 22.0317C5.07267 20.782 5.07091 19.5328 5.07091 18.2831C5.07091 18.1986 5.07091 18.114 5.07091 18.0001H4.80558C3.71197 18.0001 2.61896 18.0007 1.52535 18.0001C0.562064 17.999 0.00146753 17.4378 0.000880518 16.4704C-0.000293506 14.2603 -0.000293506 12.0502 0.000880518 9.84009C0.000880518 8.86623 0.566173 8.30622 1.54766 8.30505C2.62541 8.30388 3.70317 8.30505 4.78092 8.30505C4.86604 8.30505 4.95116 8.30505 5.07032 8.30505C5.07032 8.20174 5.07032 8.11192 5.07032 8.02152C5.07032 5.99868 5.06797 3.97583 5.07149 1.95358C5.07267 1.01553 5.59628 0.304659 6.45802 0.0727895C6.63647 0.0246545 6.82783 0.00587012 7.01333 0.00587012C9.97481 0.00176104 12.9345 0.00410909 15.8942 0C16.132 0 16.3093 0.0821817 16.4713 0.251241C18.4237 2.28465 20.3784 4.31689 22.3379 6.34384C22.524 6.53638 22.6102 6.73655 22.6102 7.00834C22.6044 12.0068 22.6032 17.0046 22.6079 22.003C22.6085 22.8207 22.2897 23.4376 21.5525 23.811C21.3816 23.8973 21.1885 23.9384 21.0054 24.0006H6.71043V24ZM6.01247 18.0007C6.00719 18.0659 6.00132 18.1035 6.00132 18.141C6.00132 19.4689 6.00015 20.7967 6.00249 22.1245C6.00249 22.2172 6.01189 22.3129 6.03654 22.4016C6.16099 22.8448 6.51026 23.0725 7.06205 23.0725C11.5768 23.0725 16.0915 23.0731 20.6062 23.0725C21.3329 23.0725 21.6863 22.7227 21.6869 21.9977C21.6881 17.2171 21.6875 12.437 21.6869 7.6564C21.6869 7.57363 21.6792 7.49086 21.674 7.38696H21.3734C19.5689 7.38696 17.7645 7.38696 15.9606 7.38696C15.3354 7.38696 15.2297 7.27954 15.2297 6.64615C15.2297 4.84168 15.2297 3.0372 15.2297 1.23331V0.940981C15.1294 0.936285 15.0536 0.929241 14.9779 0.929241C12.3375 0.929241 9.69774 0.928066 7.05736 0.929241C6.34824 0.929241 6.00073 1.28262 6.00073 1.99936C6.00015 4.01458 6.00073 6.02979 6.00073 8.045V8.30388H6.31596C8.7685 8.30388 11.221 8.30329 13.6742 8.30388C14.6603 8.30388 15.2292 8.87328 15.2297 9.86122C15.2309 12.0561 15.2309 14.2509 15.2297 16.4457C15.2297 17.4354 14.6639 17.999 13.6742 17.999C11.2216 17.999 8.76908 17.999 6.31596 17.999H6.01247V18.0007ZM7.61208 17.0738C9.62671 17.0738 11.6407 17.0738 13.6554 17.0738C14.1661 17.0738 14.3028 16.9347 14.3028 16.417C14.3028 14.2386 14.3028 12.0602 14.3028 9.88177C14.3028 9.38104 14.159 9.23488 13.6665 9.23488C9.62964 9.23488 5.59335 9.23488 1.55646 9.23488C1.06455 9.23488 0.919555 9.38104 0.919555 9.88235C0.918968 12.0608 0.918968 14.2392 0.919555 16.4176C0.919555 16.9341 1.05809 17.0738 1.56879 17.0738C3.58342 17.0738 5.59746 17.0738 7.61208 17.0738ZM21.1644 6.46007C19.4809 4.71136 17.8367 3.00374 16.166 1.26795V6.46007H21.1644Z" fill="black"/><path d="M6.40234 15.1845V11.3138C6.41937 11.2973 6.43111 11.2768 6.44226 11.2774C7.105 11.2862 7.77126 11.258 8.42988 11.3179C9.03509 11.373 9.40902 11.791 9.58043 12.3498C9.78647 13.022 9.79293 13.7 9.4959 14.3615C9.28575 14.8294 8.92532 15.1352 8.43164 15.1728C7.76656 15.2227 7.09443 15.1851 6.40293 15.1851L6.40234 15.1845ZM7.21359 11.9665V14.5429C7.53117 14.5429 7.83407 14.5611 8.13344 14.5382C8.53261 14.5077 8.7592 14.3204 8.8132 13.923C8.86545 13.5409 8.88306 13.1464 8.85018 12.7631C8.80909 12.2905 8.55668 12.0164 8.15868 11.9724C7.85226 11.9389 7.5388 11.9659 7.21359 11.9659V11.9665Z" fill="black"/><path d="M3.50435 13.7287V15.2238H2.72656V11.265C2.87684 11.265 3.02242 11.262 3.168 11.265C3.69865 11.2767 4.2299 11.2744 4.7588 11.3072C5.229 11.336 5.57886 11.6401 5.68863 12.0997C5.86708 12.8493 5.58942 13.6929 4.45238 13.7275C4.14948 13.7369 3.84658 13.7287 3.50435 13.7287ZM3.5249 13.0847C3.86361 13.0612 4.18998 13.0565 4.50991 13.0096C4.76056 12.9732 4.91612 12.7507 4.91729 12.5065C4.91905 12.2453 4.74823 12.004 4.48056 11.9776C4.16709 11.9465 3.84893 11.9706 3.52431 11.9706V13.0847H3.5249Z" fill="black"/><path d="M13.112 11.2812V11.9352H11.2224V12.875H12.8372V13.5371H11.2118V15.2207H10.4258V11.2812H13.112Z" fill="black"/></g><defs><clipPath id="clip0_5313_891"><rect width="22.6094" height="24" fill="white"/></clipPath></defs></svg>');*/
        background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAABaUlEQVR4nO2Wz0pCQRjFf2i6ydop9ArZO1T7FhrlK0TSH+spxNcw61GCaJMFJZn71rqolfHBufBtwjtzLxLkgYELM+ecud98cxhY4Q+hDLSAW+ANmGnY90BztiZXHAIfwHzBGAPNPAwLQM8JPwEXwDawrlEHLoGhW9cVNxo9CX0BJwvEbO5UaxPz6PLOJbQbwNtz5o1Q07I7U/vTULTFfQdKIcSWO9OYsyoCz9I4CiHeiXROPDrSuAkhjUSy7o1FXRp2z1NjKlIlg/GGNKbLNt6MMR7lUOod19mpMRDJEikW19Lox1ynYYbr9CKN49AAGYtoMRiKM3EnwFooueki02IwLfaBb3EPiETXmbdVwt9Q1J8mpp9ANda44MznisGOwqGiYd175c40MU3W18iAhq7FoofAROWtuqzObF5S4Fv2vioYZtpQX93rG6mWp3koqu5lYpvd4r+Y11zZH5ZpnJg/AvfLNl4Bww/dcoIlpDH7/gAAAABJRU5ErkJggg==");        background-repeat: no-repeat;
        background-position: center;
        width:24px;
        height:24px;
        font-size: 0;
        display: inline-block;
        margin: 2px 0;
    }
    .custom-tabel-view tbody tr td.return_details a.btn-update-return{
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAtklEQVR4nO2SwQkCMRREXwuyWIwnq5Ac9GwVihaxetMG7EGr8GITKnhLMBL8Cx/PE08ZCGx24c382Q9NX62ABxCooC2Q7SRgUQMegZN7DurkB3s3mNxV8AS87RwtfbZ/IoHPgaUZDNNsFPDoeg5mlu27LHnRzNUiSZ4a/O+1ZGDttiUqtqWoA/YGu5mJDD5o7KbIKnjpeuLuIzeJJHkPPH9MOmUtF0v7AqYqqNcVOAM7t5pNVNUHej9bMicd7YkAAAAASUVORK5CYII=");
    }
    .custom-tabel-view tbody tr td.rm-view-detail img{
        display: none;
    }
    .return-request-header h1.nav-title{
        font-size:16px;
        margin-bottom: 11px;
    }
    .return-request-header .btn.btn-orange{
        width:100%;
        padding-top: 17px;
        padding-bottom: 17px;
    }
    .step_name,
    .return-step .step_name a,
    .step_current .step_name,
    .return-step .step_todo .step_name a{
        font-size: 12px!important;
        line-height: 12px!important;
    }
    .order-status{
        min-width: 60px;
    }
    .order-products-table th{
        font-size: 12px;
    }
    .product-detail-sec .rm_product_name a{
        line-height: 12px !important;
    }
    .search_section_top input::placeholder{
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .return-request-header{
        /*margin-bottom: 0px;*/
    }
    .footer_links.history_footer_links {
        margin-top: 20px;
    }
    #module-sx_return_product-returnrequests .history_footer_links{
        justify-content: space-between;
        padding: 0 20px;
    }
    .custom-tabel-view tbody tr td.return_details {
        text-align: center;
    }
    .return-order-header{
        display: flex;
        flex-direction: column;
    }
    #order_step.return-step{
        order: 2;
    }
    .search_section_top{
        margin-bottom: 14px;
    }
    #order_step.return-step{
        margin-top:0;
        width: 100%;
    }
    .qty-to-return{
        width: 80px;
    }
    .motif_bloc{
        flex-direction: column;
        align-items: flex-end;
    }
    #motifGroupSelect{
        width: calc(100% - 15px);
        margin: 0;
        padding: 0 0 0 15px;
    }
    .motifs-order-accordion{
        position: relative;
        display: inline-block;
        width: 100%;
    }
    .autreListe.accordion-container{
        /*top: 80px;*/
        left: 0;
        right: 0;
        max-width: 100%;
    }
    .return-summary-bottom{
        flex-direction: column;
    }
    .credit-box{
        font-weight: 600;
        width: 100%;
        float: none;
    }
    .credit-box > div{
        justify-content:center;
    }
    .pull-right .btn.btn-orange{
        display: block;
    }
    .pull-right:has(.btn.btn-orange) {
        float: none;
    }
    .motifs-list-detail .motif_bloc #motifGroupSelect{
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        max-width:80px;
        font-size:12px;
        padding-right:20px;
        padding-left: 5px;
    }
    .steps-return-title {
        font-size: 16px;
    }
    .return-steps-status .steps-return-title .btn-orange{
        max-width: 293px;
        width: 100%;
        display: inline-block;
        margin-top: 10px;
    }
}
@media (max-width: 480px) {
    .product-detail-sec img {
        display: inline-block;
        margin: 0 5px;
    }
    .return-list thead{
        visibility: visible;
    }

    .part-top {
        max-width: 100%;
        gap: 10px;
    }
    .part-top img {
        max-width: 100px;
    }
    .part-bottom th, .part-bottom td {
        padding: 5px;
    }
    .part-bottom .details-btn {
        white-space: nowrap;
    }
    .part-bottom th {
        font-size: 14px;
        padding: 10px;
    }
    .custom-tabel-view tbody tr td{
        padding: 8px;
        border-bottom: 1px solid #f1f1f1 !important;
    }
    .step_name,
    .return-step .step_name a,
    .step_current .step_name,
    .return-step .step_todo .step_name a{
        font-size: 10px!important;
        line-height:12px!important;
    }
    .search_section_top input::placeholder{
        max-width:180px;
    }
    .return-step .step_number {
        width: 22px!important;
        height: 22px!important;
    }
    .return-step .step_current .step_number,
    .return-step .step_done .step_number,
    .return-step .step_current_end .step_number,
    .return-step .step_current .step_number,
    .return-step .step_done .step_number,
    .return-step .step_current_end .step_number {
        width: 22px!important;
        height: 22px!important;
    }
    .return-step{
        margin-bottom: 15px;
    }
    .qty-to-return {
        width: 60px;
    }
    table.order-products-table tr td.text-center{
        padding:0 2px;
    }
    .btn.btn-orange.more-info{
        width: auto;
        padding: 0 12px;
        font-size: 12px;
    }
    #popup_details .popup-content{
        width:85%
    }
    html body{
        overflow-x: auto;
    }
    table.custom-tabel-view{
        width: 100%;
        overflow-x: auto;
        display: block;
    }
    table.return-list.custom-tabel-view::-webkit-scrollbar,
    table.order-products-table::-webkit-scrollbar{
        height:5px;
    }
    .custom-tabel-view tbody tr td.product-detail-sec{
        white-space: nowrap;
    }
    #request-step-2 .table-container{
        overflow-x: auto;
    }
    #request-step-2 .scroll-indicator{
        left: calc(100% - 15%);
    }
    #request-step-2 .table-container::-webkit-scrollbar{
        height:5px;
    }
    table.order-products-table tr td {
        white-space: nowrap;
    }
    .description-detail h4{
        font-size: 14px;
    }
    .description-detail p{
        font-size:14px;
        font-weight:normal;
    }
    #refreshModal h3{
        line-height: 22px;
    }
    #refreshModal{
        width: 377px;
    }
    p.text-refreshmodal{
        margin: 15px 0;
    }
    .popup_return {
        padding: 20px;
        min-height: auto;
        min-width: 80%;
        text-align: center;
    }

    #request-step-2 table.order-products-table .autreListe.accordion-container{
        max-width: 300px;
    }
    #request-step-2 table.order-products-table .autreListe .accordion-header{
        font-size: 14px;
    }
    #popup-agree-return{
        max-width: 80%;
    }
    .autreListe .accordion-body ul li{
        white-space: normal;
    }
    .custom-tabel-view thead{
        visibility: visible;
    }
}