@media (max-width: 767px) {
    .projectName{
        width: 100%;
    }
}
@media (max-width: 991px){
    .step-d-none-mobile {
        display: none;
    }
    #header_tools.payment-header-tools .btn-back {
        padding-right: 1rem;!important;
    }
    .continue-shopping {
        justify-content: right;
    }
    .td-mobile {
        padding: 1rem 0 !important;
    }
    .td-mobile .js-validReferencyQuantity {
        border: 1px solid #707070!important;
    }
    #navbar-quickBasket .container-add-to-basket .js-resumeBasketQuickItemAction {
        justify-content:space-between;
        width: 100% !important;
    }
    #navbar-quickBasket .container-add-to-basket .js-resumeBasketQuickItemAction .drop-order {
        width: 100% !important;
    }
    #basket_show #navbar-quickBasket .container-add-to-basket .js-productAddItemOrder .text-uppercase {
        padding: 0.1rem 0.5rem;
    }
    #navbar-quickBasket .description {
        padding: 0.5rem !important;
    }
    .thead-basket{
        display: none;
    }
    .js-resumeBasketItems td{
        display: none;
    }
    .js-resumeBasketItems td:last-child{
        display: table-cell!important;
    }
    .quantity-choices button {
        display: none!important;
    }
    #orderItemFormRow {
        padding-bottom: 10px;
        padding-top: 10px;
    }
    #basket-step :not(.active) {
        display: none;
    }
    .js-resumeBasketItems td.td-mobile .referencies-stock-label {
        display: flex;
        white-space: pre-wrap;
        text-align:left;
    }
    .js-resumeBasketItems td.td-mobile .js-validReferencyQuantity {
        width:74px;
    }
}
@media (min-width: 991px)
{
    #header_tools.payment-header-tools {
        height:100px;
    }
    #header_tools.payment-header-tools .btn-back {
        padding-right: 0!important;
    }
    .js-resumeBasketItems td {
        vertical-align: middle;
        padding: 0.5rem 0.3rem !important;
    }
    #resumeBasketStep1 {
        margin-top:-33px
    }
    .customProject .customProject-area {
        padding:0.5rem 0;
        border: 1px solid #E5E5E5;
    }
    .customProject .customProject-area .customProject-title {
        padding-left: 0.5rem;
    }
    #basket_show .form-control.js-validReferencyQuantity {
        border: none!important;
    }
    .quantity-choices {
        border: 1px solid #E5E5E5;
    }
    .js-resumeBasketItems td.td-mobile{
        display: none;
    }
    #navbar-quickBasket .referencies-stock-label {
        display: none;
    }
    .js-resumeBasketItems td:last-child{
        /*display: none;*/
    }
}
h1 {
    font-size:22px;
    font-weight: 610;
}
.header-grey-container {
    background:#E5E5E5;
    box-shadow: 0 3px 3px #00000029;
    height:50px;
}
#header_tools.payment-header-tools #header_logo {
    top: -15px !important;
}
#basket_show #dropdownBasketDisplay {
    transform: translate3d(15px, 53px, 0px) !important;
    width: calc(100% - 30px);
    border-radius: 0 !important;
}
#basket_show .dropdown-menu[aria-labelledby="dropdownMenuButtonBasketDisplay"] .dropdown-item.active .material-icons-round::before {
    content: 'square';
    color: #D71A21;
}
#basket_show .dropdown-menu[aria-labelledby="dropdownMenuButtonBasketDisplay"] .dropdown-item .material-icons-round::before {
    content: 'check_box_outline_blank';
    color: black;
    font-size: 22px;
    padding: 0.25rem;
}
#basket_show .dropdown-menu[aria-labelledby="dropdownMenuButtonBasketDisplay"] .dropdown-item.active, #basket_show .dropdown-menu[aria-labelledby="dropdownMenuButtonBasketDisplay"] .dropdown-item:focus {
    background: #293135;
    color: #FFFFFF;
}
/*#basket_show .dropdown-menu[aria-labelledby="dropdownMenuButtonBasketDisplay"] .dropdown-item.active {*/
/*    background: #293135;*/
/*    color: #FFFFFF;*/
/*}*/
#basket_show .dropdown-menu[aria-labelledby="dropdownMenuButtonBasketDisplay"] .dropdown-item {
    padding:0.25rem 0.5rem!important;
}
.drop-order{width:auto !important}

.js-orderItemForm{
    margin:0;
}
#dropdownMenuButtonBasketDisplay{
    border: 1px solid #E5E5E5!important;
    padding:0.27rem;
    justify-content: space-between;
}
#dropdownMenuButtonBasketDisplay[aria-expanded="true"] .dropdown-chevron, .dropdownProjects.show .icon-arrow {
    transform: rotate(180deg);
}
#dropdownMenuButtonBasketDisplay .dropdown-chevron, #dropdownProjects:after{
    content: url("../../images/site/icon/Fleche_bas_sans_barre.svg");
    width: 11px;
    margin-right: 4px;
    transition: 0.3s;
}
#dropdownProjects{
    width: 100%;
    display: flex;
    justify-content: space-between;
    background-color: #E5E5E5;
    color: #777777;
}
#dropdownMenuButtonBasketDisplay[aria-expanded=true]:after{
    transform: rotate(180deg);
}

#basket_show{padding-top:10px}
#basket_show .form-control{border-radius:0;font-size:13px;color:#333;font-family:Roboto, sans-serif; border:1px solid #E5E5E5; height: 40px}
 td {
    border: none!important;
}
#basket_show .form-control::placeholder{color:#777}
h1{font-family:Roboto-Bold, sans-serif;line-height:53px}
h1,.h1{
    font-size: 22px;
    text-transform: uppercase;
}
input[type="radio"] +label:before, .custom-checkbox .custom-control-label:before {
    border-radius:2px!important;
}

input[type="radio"] + label:after{
    background-image: none!important;
}
.grey-box{
    display: flex;
    justify-content: space-between;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #E5E5E5;
    padding: 10px 10px;
}
#order_cgu_valid > div {
    background-color: #E5E5E5;
    padding: 10px 15px;
}
#validation-paiement-info{
    color: #72787A;
    font-size: 12px;
}
.add-address{
    background-color: #E5E5E5;
    font-weight: bold;
    display: flex;
    align-items: center;
    padding: 0;
    height: 24px;
    padding-right: 5px;
}
.add-address span:first-child{
    background-color: #DC0C15;
    height: 24px;
    width: 24px;
    margin-right: 5px;
}
.js-basketDeliveryEditable{
    display: flex;
    justify-content: space-between;
}
.js-basketAddressDelivery{
    display: flex;
    justify-content: space-between;
    align-items: end;
}
h2,.h2{
    font-size: 18px;
    text-transform: uppercase;
    color: #2E8CA2;
}
.order-choices-list{}
.order-choices-list .dropdown-toggle{margin:0;padding:0;font-family:Roboto-Bold, sans-serif}
.order-choices-list .dropdown-menu{background:#fff;border-radius:0}
.order-choices-list .dropdown-item{color:#333;font-family:Roboto, sans-serif;text-transform:initial}
.order-choices-list .dropdown-item.active, .order-choices-list .dropdown-item:hover{color:#333;font-family:Roboto-Bold, sans-serif;background:none}
.order-choice-list{font-size:16px}
.dropdown-item:hover .order-choice-list, .order-choice-list-active{color:#9BB703}

.order-items{margin-top:30px}
.order-items thead th{border-top:none;font-weight:100}
.order-items thead th, .order-items thead th .dropdown-toggle{text-transform:uppercase}
.dropdown-item{}
.order-items thead th, .order-items .js-referency > td{border:none;border-bottom:1px solid #707070}
.order-item{font-size:16px;line-height:16px;display:block}
.order-item-name, .order-item-name:hover{color:#333;text-decoration:none}
.order-item-brand{color:#777;text-transform:uppercase;font-size:14px;}
.order-item-referency{font-size:13px !important;color:#333;text-transform:uppercase}
.order-item-referency-mpn{font-size:11px !important;color:#777;text-transform:uppercase}
.order-item-project, .order-item-project:focus{background:#eee;color:#333;font-family:Roboto-Bold, sans-serif;border:none;border-radius:0}
.order-item-price{
    color: #D71A21;
    font-size: 18pt;
    line-height: 16px;
    display: flex;
    font-weight: bold;
    align-items: end;
    flex-direction: row-reverse;
    justify-content: space-between;
}

#navbar-quickBasket-title{display:flex;align-items:center;padding:15px}
#navbar-quickBasket-title .material-icons-outlined{font-size:24px; padding-right: 5px}
#navbar-quickBasket-title .label{
    font-size:18px;
    line-height:26px;
    text-transform:uppercase;
    font-weight: bold;
}
#navbar-quickBasket label{margin:0;padding:0}

.js-resumeBasketQuickItemStock, .js-resumeBasketQuickItemPrice{display:block;text-align:center}
.js-resumeBasketQuickItemDescription-label{color:#777;font-size:13px;height:18px}
.js-resumeBasketQuickItemDescription, .referency-description{
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
}

#navbar-quickBasket {
    background-color: #E5E5E5;
    padding: 1rem;
}
#navbar-quickBasket .desc-separate {
    display: none;
}
#navbar-quickBasket .js-resumeBasketQuickItemDescription p {
    display: flex;
    flex-direction: column;
}
#navbar-quickBasket .description {
    padding:0;
}

/*.customProject td {*/
/*    padding:0!important;*/
/*}*/
.customProject.thead-light{}
.customProject .customProject-title{color:#2E8CA2;font-size:16px;font-family:Roboto-Bold, sans-serif;text-transform:uppercase}
.customProject > td{border:none}
.customProject.thead-light th{background:transparent}
/*.customProject .customProject-area{border-left:10px solid #D71A21;padding-left:15px;margin:15px 0}*/

.dropdownProjects{border: 1px solid #E5E5E5}
.dropdownProjects .dropdown-divider {display:none;}
.dropdownProjects .project-name {font-size:13px;}
.dropdownProjects .dropdown-toggle{padding:10px;display:inline-block !important;width:100%;text-align:left; background-color: #E5E5E5}
.dropdownProjects .dropdown-toggle::after{position:absolute;top:calc(50% - 2px);right:10px}
.dropdownProjects .dropdown-toggle, .dropdownProjects .dropdown-item{font-size:13px;font-family:Roboto-Regular, sans-serif;line-height:16px;color:#333333;}
.dropdownProjects .dropdown-item.grey {background:#E5E5E5;}
.dropdownProjects .dropdown-item .material-icons-round{font-size:19px;margin-right:5px}
.dropdownProjects .dropdown-item{padding:5px 10px;text-transform:capitalize}
.dropdownProjects .dropdown-menu{padding:0;border:1px solid #ccc;border-radius:0;width:100%;box-shadow: 0 0 6px #00000029;}
.dropdownProjects .dropdown-item.js-orderNewProject{color:#333 !important;background:none}
.dropdownProjects .dropdown-item.active, .dropdownProjects .dropdown-item:focus {background:#293135; color: #FFFFFF}
.dropdownProjects .dropdown-item.js-orderNewProject{display:flex;align-items:center;justify-content:start;}


.resumeBasket .btn{text-transform:uppercase;font-family:Roboto-Bold, sans-serif;font-size:16px}
.resumeBasketArea{background-color:#eee;padding:15px;border:none !important}
.resumeBasket .list-group-item{border:none;background:transparent;display:flex;justify-content:space-between;align-items:center;padding:0.25rem 0}
.resumeBasket .list-group-item *{font-size:17px;  line-height:16px;font-family:Roboto-Regular, sans-serif}
.resumeBasket .list-group-item-important *{font-size:18px;line-height:26px;font-family:Roboto-Bold, sans-serif}
.resumeBasket .list-group-item-secondary *{font-size: 13px;font-weight: 100;}
.resumeBasket .list-group-item-secondary-red *{font-size: 13px;font-weight: 100; color: #D71A21}
.resumeBasket .list-group-item-border{background-color:#707070;height:2px;margin:0.5rem 0;padding:0}

.project-padding-left{padding-left:25px}
.customProject .project-padding-left{padding-left:0}

@media screen and (max-width:992px) {
    #basket_show #dropdownBasketDisplay {

        width: calc(100% - 30px);
        border-radius: 0 !important;
    }
    h1{font-size:22px;font-family:Roboto-Bold, sans-serif;line-height:43px}
    #navbar-quickBasket-title{padding:5px;}
    #navbar-quickBasket-title .label{font-size:15px;line-height:16px}
    .js-resumeBasketQuickItemDescription{padding:5px;height:45px}
    .order-item-referency{font-size:11px}
    .js-referency .text-muted{font-size:11px;}
}
@media (min-width: 992px){
    #order_address_delivery{
        /*margin-right: 15px;*/
    }
/*    .resumeBasket{*/
/*        max-width: 390px;*/
/*        margin-left: auto;*/
/*    }*/
}

hr{border-top:1px solid #707070 !important;margin:20px 0}

#accordionPaymentChoiceInfos{color:#777;font-size:14px}
.order-item-name{
    color: #15191B;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
}
.order-item-option-name {
    color: #777777;
    /*font-weight: bold;*/
}

.order-basket-quantity {
    font-weight: 610;
    font-size: 13px;
    color: #777777;
}
.img-square img{
    max-width: 76px;
    max-height: 76px;
    border: 1px solid #CCCCCC;
}

#deliveryAddress{
    /*background-color: #E5E5E5;*/
    text-align: left;
}
#js-btn_scan {
    background-color: #DC0C15;
}
.btn-greyblue{
    background-color: #293135;
    color: white;
    text-transform: uppercase;
    height: 40px;
    line-height: 1;
    display: flex;
    align-items: center;
    place-content: center;
    font-size: 16px;
    font-weight:610;
}
.picto-white{
    filter: invert(99%) sepia(4%) saturate(1338%) hue-rotate(229deg) brightness(118%) contrast(100%);
}
#import_basket_csv .custom-file-label {
    background-color: #FFFFFF;
}
#import_basket_csv_datas_help {
    display: none;
}
.important{
    color: #D71A21;
}
#basket-step{
    display: flex;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #E5E5E5;
    padding: 5px 10px;
}

#basket-step .active{
    color: #D71A21;
}
.border-grey{
    border: 1px solid #E5E5E5;
    padding: 10px;
}
.custom-control-input:checked~.custom-control-label:before {
    border-radius: 0;
}

.card-bg-grey {
    background: #EEEEEE;
    padding:1rem;
}

#orderBasketModelImport .form-group {
    margin: 18px 0 13px 0;
}
#orderBasketModelImport .custom-file {
    margin:0;
}

#order_delivery_choice p {
    margin-bottom:0;
}
#order_delivery_choice .custom-radio {
    padding-top: 0.5rem;
}
#order_address_delivery .address-name, #order_address_billing .address-name  {
    margin: 5px 0;
}

.orderDeliveryAgencyHours {
    color: #777777;
    font-size:13px;
}