commerce-order-list-date-filter commerce-dropdown  button {
    --slds-c-button-color-background: #fff;
    padding: .75rem 1rem !important;
    border-radius: inherit !important;
    background-color: #E6EDF4 !important;
    border: 1px solid #C7C7C7 !important;
    border-radius: 6px !important;
    font-family: "PTSans-Regular" !important;
    line-height: 19.2px !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    color: #002B4E !important;
}

commerce-order-summary div {
    background-color: #F4F4F4 !important;
    border-color:#F4F4F4 !important;
    border-radius: 12px !important;
}

commerce-order-summary .order-detail > commerce-field-display,
commerce-order-summary .order-detail > lightning-formatted-text {
    display: none;
}

commerce-order-summary .order-detail commerce-action-button {
    order: 2;
}
commerce-order-summary .order-detail commerce-action-button,
commerce-order-summary .order-detail commerce-action-button button {
    --slds-c-button-color-background: transparent !important;

    width: max-content;
    flex: 1 0 0;
    height: max-content;
}

commerce-order-summary .order-header {
    margin: 0 !important;
}

commerce-order-summary .order-detail {
     display: flex;
     flex-direction: row;
    margin: 0;
}

commerce-order-summary .order-detail .field-ctn div {
    display: flex;
    flex-direction: column;
    margin: 0;
    flex: 1 1 0;
    
}

commerce-order-summary .order-detail .field-ctn {
    display:flex;
    flex-direction:row;
    width: 65%;
}

commerce-order-summary .order-detail .field-ctn > div > span {
    color: grey;
    font-weight: 400 !important;
    font-family: "PTSans-Regular";
    line-height: 19.2px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    color: #5C5C5C;
}

commerce-order-summary .order-detail .field-ctn commerce-field-display *  {
    font-weight: 700 !important;
    color: var(--dxp-g-brand);
    font-family: "PTSans-Bold";
    line-height: 24px;
    font-size: 16px;
    font-style: normal;
    color: #002B4E;
}

commerce-order-summary-product-media figure {
    height: 100px;
    border-radius: 12px !important;
}

commerce-order-summary-product-media .media-container {
    display: flex;
    flex-direction: row;
    gap: 2rem;
}

commerce-order-summary commerce_my_account-record-link:hover{
    /* background-color: #fff; */
}

commerce-order-summary commerce_my_account-record-link a {
    border: 1px solid var(--dxp-g-brand);
    /* background-color: #fff !important; */
    padding: .5rem 1rem;
    border-radius: 18px;
    font-family: "PTSans-Bold";
    line-height: 22.5px;
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    color: #11528F;
    border:1px solid #11528F;
}

commerce-order-summary .order-actions > commerce-action-button button {
    background-color:unset !important;
    font-family: "PTSans-Bold";
    line-height: 27px;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    color: #11528F;
    border:1px solid #11528F;
}

commerce-order-summary .order-detail > commerce-action-button button {
    background-color:unset !important;
}

commerce-order-summary .order-actions > commerce-action-button button:before,
commerce-order-summary .order-detail > commerce-action-button button:before {
    content:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNTAxMyAxNC4wODMzQzMuOTg3NTMgMTQuMDgzMyA0LjQ1Mzg1IDE0LjI3NjUgNC43OTc2NiAxNC42MjAzQzUuMTQxNDggMTQuOTY0MSA1LjMzNDY0IDE1LjQzMDQgNS4zMzQ2NCAxNS45MTY3QzUuMzM0NjQgMTYuNDAyOSA1LjE0MTQ4IDE2Ljg2OTIgNC43OTc2NiAxNy4yMTNDNC40NTM4NSAxNy41NTY4IDMuOTg3NTMgMTcuNzUgMy41MDEzIDE3Ljc1QzMuMDE1MDcgMTcuNzUgMi41NDg3NiAxNy41NTY4IDIuMjA0OTQgMTcuMjEzQzEuODYxMTIgMTYuODY5MiAxLjY2Nzk3IDE2LjQwMjkgMS42Njc5NyAxNS45MTY3QzEuNjY3OTcgMTUuNDMwNCAxLjg2MTEyIDE0Ljk2NDEgMi4yMDQ5NCAxNC42MjAzQzIuNTQ4NzYgMTQuMjc2NSAzLjAxNTA3IDE0LjA4MzMgMy41MDEzIDE0LjA4MzNaTTMuNTAxMyAxNC4wODMzSDEzLjU4NDZNMy41MDEzIDE0LjA4MzNWMS4yNUgxLjY2Nzk3TTEzLjU4NDYgMTQuMDgzM0MxNC4wNzA5IDE0LjA4MzMgMTQuNTM3MiAxNC4yNzY1IDE0Ljg4MSAxNC42MjAzQzE1LjIyNDggMTQuOTY0MSAxNS40MTggMTUuNDMwNCAxNS40MTggMTUuOTE2N0MxNS40MTggMTYuNDAyOSAxNS4yMjQ4IDE2Ljg2OTIgMTQuODgxIDE3LjIxM0MxNC41MzcyIDE3LjU1NjggMTQuMDcwOSAxNy43NSAxMy41ODQ2IDE3Ljc1QzEzLjA5ODQgMTcuNzUgMTIuNjMyMSAxNy41NTY4IDEyLjI4ODMgMTcuMjEzQzExLjk0NDUgMTYuODY5MiAxMS43NTEzIDE2LjQwMjkgMTEuNzUxMyAxNS45MTY3QzExLjc1MTMgMTUuNDMwNCAxMS45NDQ1IDE0Ljk2NDEgMTIuMjg4MyAxNC42MjAzQzEyLjYzMjEgMTQuMjc2NSAxMy4wOTg0IDE0LjA4MzMgMTMuNTg0NiAxNC4wODMzWk0zLjUwMTMgMy4wODMzM0wxNi4zMzQ2IDRMMTUuNDE4IDEwLjQxNjdIMy41MDEzIiBzdHJva2U9IiMxMTUyOEYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
    margin-right: .5rem;
    width: 22px;
    height: 22px;
}
commerce-order-summary commerce_my_account-record-link a:before {
    content:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxNSAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuMTY2NjcgNUM2LjE2NjY3IDUuMzUzNjIgNi4zMDcxNCA1LjY5Mjc2IDYuNTU3MTkgNS45NDI4MUM2LjgwNzI0IDYuMTkyODYgNy4xNDYzOCA2LjMzMzMzIDcuNSA2LjMzMzMzQzcuODUzNjIgNi4zMzMzMyA4LjE5Mjc2IDYuMTkyODYgOC40NDI4MSA1Ljk0MjgxQzguNjkyODYgNS42OTI3NiA4LjgzMzMzIDUuMzUzNjIgOC44MzMzMyA1QzguODMzMzMgNC42NDYzOCA4LjY5Mjg2IDQuMzA3MjQgOC40NDI4MSA0LjA1NzE5QzguMTkyNzYgMy44MDcxNCA3Ljg1MzYyIDMuNjY2NjcgNy41IDMuNjY2NjdDNy4xNDYzOCAzLjY2NjY3IDYuODA3MjQgMy44MDcxNCA2LjU1NzE5IDQuMDU3MTlDNi4zMDcxNCA0LjMwNzI0IDYuMTY2NjcgNC42NDYzOCA2LjE2NjY3IDVaIiBzdHJva2U9IiMxMTUyOEYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMy41IDVDMTEuOSA3LjY2NjY3IDkuOSA5IDcuNSA5QzUuMSA5IDMuMSA3LjY2NjY3IDEuNSA1QzMuMSAyLjMzMzMzIDUuMSAxIDcuNSAxQzkuOSAxIDExLjkgMi4zMzMzMyAxMy41IDVaIiBzdHJva2U9IiMxMTUyOEYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=");
    margin-right: .5rem;
}

.kb2b-my-orders-block {
    background: white;
    padding: 20px;
    border-radius: 12px;
}

.kb2b-my-orders-block-header h2{
    font-family: "PTSans-Bold";
    line-height: 30.8px;
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    color: #002B4E;
}

.kb2b-my-orders-block commerce-order-list-date-filter div{
    font-family: "PTSans-Regular";
    line-height: 19.2px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    color: #787878;
}

.order-content div.order-summary-content-layout {
    margin: 20px !important;
    background-color: #fff;
    padding: 20px;
    border-radius: 12px;
}

.order-breadcrumbs a {
    font-family: "PTSans-Regular";
    line-height: 19.2px !important;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400 !important;
    color: #11528F !important;
}

.order-breadcrumbs p::before, li {
    font-family: "PTSans-Regular";
    line-height: 19.2px !important;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400 !important;
    color: #787878 !important;
}
.order-delivery-group li.dxp-list-item {
    padding-bottom:16px;
}
commerce_data_provider-order-line-items-data-provider ul {
    padding-top: 16px !important;
}

commerce_my_account-item-fields ul {
    padding-top: 0px !important;
}
.order-details-header h1{
    font-family: "PTSans-Bold";
    line-height: 30.8px !important;
    font-size: 22px !important;
    font-style: normal;
    font-weight: 700 !important;
    color: #002B4E !important;
}

.order-details div.columns-content h3{
    font-family: "PTSans-Regular";
    line-height: 19.2px !important;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400 !important;
    color: #787878 !important;
}

.order-details div.columns-content p{
    /* font-family: "PTSans-Regular"; */
    /* line-height: 19.2px !important; */
    /* font-size: 16px !important; */
    /* font-style: normal; */
    /* font-weight: 400 !important; */
    /* color: #002B4E !important; */
}
.order-content div.order-summary-content-layout * community_layout-section {
    padding-left:0px !important;
    padding-right:0px !important;
}

/* .order-details .columns-content > community_layout-column:first-child > .column-content > * {
    background-color: #F9F9F9;
    padding: 12px;
    border-radius: 12px;
    
} */

.order-details .columns-content > community_layout-column:first-child > .column-content{
    display:flex;
    flex-direction: column;
    gap: 1rem;
}

.order-details .columns-content > community_layout-column:first-child .column-content .columns dxp_layout-column-spacer {
    display: none;
}

.order-details .columns-content > community_layout-column:first-child .column-content .columns {
    /* display: grid; */
    /* grid-template-columns: minmax(100px, 100px) auto !important; */
    background-color: #F9F9F9;
    padding: 12px;
    border-radius: 12px;
}

commerce_builder-order-delivery-group.order-delivery-group h4 {
    background-color: #F9F9F9;
    padding: 12px;
    border-radius: 12px;
}

commerce_builder-order-delivery-group.order-delivery-group h4 * {
    font-family: "PTSans-Regular" !important;
    line-height: 19.2px !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    color: #787878 !important;
}

commerce_builder-order-delivery-group.order-delivery-group h4 span:last-child{
    color: #002B4E !important;
}
commerce_builder-order-delivery-group.order-delivery-group h4 b{
    color: #002B4E !important;
}
.order-delivery-group .product-count {
    font-family: "PTSans-Bold";
    line-height: 25.2px !important;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 700 !important;
    color: #002B4E !important;
    border-bottom: 1px solid #E2E2E2 !important;
}

div.order-line-item {
    background: #F4F4F4 !important;
    /* padding: 12px !important; */
    border-radius:12px;
    padding: 12px;
}

commerce_builder-order-line-item.order-line-item > div {
    padding:0px !important;
}
.order-line-item div.slds-border_top{
    padding-bottom: 0px !important;
    border: unset !important;
}
.order-line-item commerce_my_account-product-title *{
    font-family: "PTSans-Bold";
    line-height: 25.2px !important;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 700 !important;
    color: #002B4E !important;
}
.order-line-item commerce_my_account-item-fields * {
    font-family: "PTSans-Regular" !important;
    line-height: 19.2px !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    color: #5C5C5C !important;
}

.order-line-item div.total-price p{
    font-family: "PTSans-Bold";
    line-height: 25.2px !important;
    font-size: 18px !important;
    font-style: normal;
    font-weight: 700 !important;
    color: #11528F !important;
}

commerce_builder-order-delivery-group.order-delivery-group div.delivery-group {
    border: unset !important;
}

.order-details-checkout-total commerce_my_account-order-totals section {
    background: #E6EDF4 !important;
    border: unset !important;
    border-radius:12px !important
}

.order-details-checkout-total commerce_my_account-order-totals div{
    font-family: "PTSans-Regular";
    line-height: 19.2px !important;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 700 !important;
    color: #002B4E !important;
}

.order-details-checkout-total commerce_my_account-order-totals h2 {
    font-family: "PTSans-Bold";
    line-height: 30.8px !important;
    font-size: 22px !important;
    font-style: normal;
    font-weight: 700 !important;
    color: #002B4E !important;
    margin-bottom: 12px;
}

.order-details-checkout-total commerce_my_account-order-totals div {
    padding-bottom: 8px;
}

.order-details-checkout-total commerce_my_account-order-totals div:last-child{
    font-family: "PTSans-Bold";
    line-height: 24px !important;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 700 !important;
    color: #002B4E !important;
    /* padding-bottom: 0px !important; */
}

.order-details-checkout-total commerce_my_account-order-totals header {
    padding: 20px 20px 0 20px;
}
n
.order-details-checkout-total commerce_my_account-order-totals dl{
    padding: 0 20px 20px 20px;
}

.reorder-button commerce_my_account-reorder-button div {
     background: #E6EDF4 !important;
     border: unset !important;
     border-radius:12px !important;
    justify-content: center;
    padding:20px 12px 20px 12px;
}
commerce_builder-reorder-button > commerce_my_account-reorder-button button {
    width:100%
}
commerce_builder-reorder-button > commerce_my_account-reorder-button button:before {
    content:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAxOSAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMuNTAxMyAxNC41ODMzQzMuOTg3NTMgMTQuNTgzMyA0LjQ1Mzg1IDE0Ljc3NjUgNC43OTc2NiAxNS4xMjAzQzUuMTQxNDggMTUuNDY0MSA1LjMzNDY0IDE1LjkzMDQgNS4zMzQ2NCAxNi40MTY3QzUuMzM0NjQgMTYuOTAyOSA1LjE0MTQ4IDE3LjM2OTIgNC43OTc2NiAxNy43MTNDNC40NTM4NSAxOC4wNTY4IDMuOTg3NTMgMTguMjUgMy41MDEzIDE4LjI1QzMuMDE1MDcgMTguMjUgMi41NDg3NiAxOC4wNTY4IDIuMjA0OTQgMTcuNzEzQzEuODYxMTIgMTcuMzY5MiAxLjY2Nzk3IDE2LjkwMjkgMS42Njc5NyAxNi40MTY3QzEuNjY3OTcgMTUuOTMwNCAxLjg2MTEyIDE1LjQ2NDEgMi4yMDQ5NCAxNS4xMjAzQzIuNTQ4NzYgMTQuNzc2NSAzLjAxNTA3IDE0LjU4MzMgMy41MDEzIDE0LjU4MzNaTTMuNTAxMyAxNC41ODMzSDEzLjU4NDZNMy41MDEzIDE0LjU4MzNWMS43NUgxLjY2Nzk3TTEzLjU4NDYgMTQuNTgzM0MxNC4wNzA5IDE0LjU4MzMgMTQuNTM3MiAxNC43NzY1IDE0Ljg4MSAxNS4xMjAzQzE1LjIyNDggMTUuNDY0MSAxNS40MTggMTUuOTMwNCAxNS40MTggMTYuNDE2N0MxNS40MTggMTYuOTAyOSAxNS4yMjQ4IDE3LjM2OTIgMTQuODgxIDE3LjcxM0MxNC41MzcyIDE4LjA1NjggMTQuMDcwOSAxOC4yNSAxMy41ODQ2IDE4LjI1QzEzLjA5ODQgMTguMjUgMTIuNjMyMSAxOC4wNTY4IDEyLjI4ODMgMTcuNzEzQzExLjk0NDUgMTcuMzY5MiAxMS43NTEzIDE2LjkwMjkgMTEuNzUxMyAxNi40MTY3QzExLjc1MTMgMTUuOTMwNCAxMS45NDQ1IDE1LjQ2NDEgMTIuMjg4MyAxNS4xMjAzQzEyLjYzMjEgMTQuNzc2NSAxMy4wOTg0IDE0LjU4MzMgMTMuNTg0NiAxNC41ODMzWk0zLjUwMTMgMy41ODMzM0w5LjAwMTMgMy45NzY1OE0xNS41NDQ1IDEwLjAwMThMMTUuNDEzNCAxMC45MTg1SDMuNDk2NzFNMTEuNzUxMyA0LjVIMTcuMjUxM00xNC41MDEzIDEuNzVWNy4yNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
    margin-right: .5rem;
    width: 22px;
    height: 22px;
}

.order-details-fields div{
    font-family: "PTSans-Regular" !important;
    line-height: 19.2px !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    color: #787878;
}

.order-details-fields div > p {
    font-family: "PTSans-Regular"; 
    line-height: 19.2px !important;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400 !important;
    color: #002B4E !important;
}

@media screen and (max-width: 1024px) and (min-width: 470px) {
    .order-header {
        display: grid;
        grid-template-columns: auto auto;
    }
    .order-details dxp_layout-columns {
        margin-bottom: 0px !important;
    }
}

@media screen and (max-width: 470px) {
    .order-details dxp_layout-columns {
        margin-bottom: 0px !important;
    }
    .order-header {
        display: grid !important;
        gap: 20px;
    }
    .order-header .order-actions {
        justify-content: left;
    }
    div.order-detail {
        display: grid !important;
    }
    div.order-detail commerce-action-button {
        /* justify-content: center; */
    }

    commerce-order-summary-product-media .media-container > div{
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

.kb2b-my-orders-block section.empty svg {
    display:none !important;
}

.empty-orders {
    background: #B0C8DC;
    padding: 8px;
    border-radius: 8px;
    margin-bottom: 20px;
}

.order-line-item div.item-details {
    width: 0 !important;
    position: relative !important;
}

.order-line-item commerce_my_account-product-title h3 {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.order-line-item commerce_my_account-product-title h3 a {
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}