:root {
    --CM-Blue-color: #1B232D;
    --CM-Green-color: #469F3B;
    --CM-Green-h-color: #32732A;
    --CM-white-color: #FFFFFF;
    --CM-grey-color: #E9E9EA;
    --CM-black-color: #000000;
    --CM-purple-color: #b69ddb;

    --Primary-color: var(--CM-Blue-color);
    --Secondary-color: var(--CM-Green-color);
    --Button-h-color: var(--CM-Green-h-color);
    --Tertiary-color: var(--CM-purple-color);
    --White-color: var(--CM-white-color);
    --Grey-color: var(--CM-grey-color);
    --Black-color: var(--CM-black-color);
}

/* ---------------------- */
/* ----General - Start--- */
/* ---------------------- */
/* General */
.catfish-button,
.button,
a {
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}

.catfish-button:not(.is-danger, .is-outlined) {
    background-color: var(--Secondary-color) !important;

    &:hover {
        background-color: var(--Button-h-color) !important;
    }

    &:focus {
        box-shadow: unset !important;
    }
}

.catfish-select:hover,
.catfish-select.is-hovered {
    border-color: var(--Secondary-color);
}

.buttons a.button {
    background-color: var(--Secondary-color);

    &:focus {
        box-shadow: unset !important;
    }

    &:active {
        background-color: var(--Button-h-color);
        box-shadow: unset;
    }
}

h1.title,
.content h2.title,
.step-title h2,
h2.orders_v2_title {
    font-weight: 700 !important;

}

.details-wrapper h1.title {
    color: var(--Primary-color);
    font-weight: 700;
}

h3.title {
    font-weight: 600;
}

/* General - End */

/* ---------------------- */
/* Utility Classes -Start */
/* ---------------------- */
.has-background-custom-1,
.has-background-custom1 {
    background-color: var(--Tertiary-color);
}

.has-text-custom-1 {
    color: var(--Tertiary-color) !important;
}

/* Utility Classes -End*/

/* ---------------------- */
/* Custom Styling - Start */
/* ---------------------- */
@media screen and (min-width: 1088px) {
    html {
        height: 100%;
        margin: 0;

        & body {
            display: flex;
            flex-direction: column;
            min-height: 100vh;
        }

        & .generalPageWrapper {
            flex-grow: 1;
            display: flex;
        }

        #contentrow {
            width: 100%;
            flex-grow: 1;
        }

    }

    html.page-shoppingcart-cart,
    html.page-checkout-onepagecheckout {
        height: 100%;
        margin: 0;

        & body {
            display: flex;
            flex-direction: column;
            min-height: 100vh;
        }

        & .generalPageWrapper {
            flex-grow: 1;

            display: flex;
            align-items: center;
        }

        & #contentrow {
            width: 100%;
        }
    }

    html.page-multipartproduct-editor {
        height: 100%;
        margin: 0;

        & body {
            display: flex;
            flex-direction: column;
            min-height: 100vh;
        }

        & .content-wrapper {
            flex-grow: 1;

            display: flex;
            align-items: center;
        }

        & .vue-component-wrapper:nth-child(2) {
            width: 100%;
        }
    }
}

/* Custom Styling - End */

/* ---------------------- */
/* ----Module - Start ----*/
/* ---------------------- */
/* Header */
/* Header - general styling */
.is-header-logo {
    height: 1.5rem;
}

.navbar-dropdown,
.navbar {
    background: var(--Primary-color);
}

a.navbar-item:not(.dropdown-trigger),
a.navbar-link {
    color: var(--White-color);

    &:hover {
        color: var(--Secondary-color);
    }

    &:focus,
    &:active {
        box-shadow: unset;
        color: var(--White-color);
    }
}

.content-field-navbar .navbar-link:not(.is-arrowless)::after {
    border-color: var(--White-color);
    transition: .3s;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}

.content-field-navbar .navbar-link:hover:not(.is-arrowless)::after {
    border-color: var(--Secondary-color);
}

.content-field-navbar .navbar-link:active:not(.is-arrowless)::after {
    border-color: var(--White-color);
}

.navbar-dropdown a.navbar-item {

    &:hover,
    &:active,
    &:focus {
        color: var(--White-color);
        background-color: var(--Secondary-color);
    }
}

.language-selector,
.currency-selector {
    label {
        color: var(--White-color);
    }
}

@media screen and (min-width: 1088px) {
    .navbar-dropdown {
        border-top: 2px solid var(--Secondary-color);
    }

    /* Header -Buttons */
    .button i {
        font-size: 1.2rem;
        color: var(--White-color);
        font-weight: 500;
    }

    .ict-navbar .navbar-item .button.is-small {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .basket-link {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .button {
        &:hover {
            background-color: var(--Button-h-color) !important;
        }
    }
}

@media screen and (max-width: 1087px) {
    .navbar-menu {
        background-color: var(--Primary-color);
    }

    .navbar-right-mobile a {
        i {
            font-weight: 500;
        }
    }

    .badge {
        background: var(--Secondary-color);
        box-shadow: unset;
    }

    .navbar-burger span {
        background-color: var(--White-color);
    }

    .burger:hover span {
        background-color: var(--Secondary-color);
    }
}

@media screen and (max-width: 475px) {
    .is-header-logo {
        height: 1rem;
    }
}

/* Footer */
.ict-dedicated-footer {
    padding-top: 3rem;
    padding-bottom: 1.5rem;
}

.ict-dedicated-footer .image img {
    object-fit: contain;
}

.image.dedicated-footer-logo img {
    height: 1.5rem;
}

.footer-column-content a,
.ict-dedicated-footer .columns .column .ict-list li a {
    text-decoration: underline;
    text-decoration-color: transparent;
    transition: .3s;
    text-underline-offset: 0.25rem;
}

.footer-column-content a:hover,
.ict-dedicated-footer .columns .column .ict-list li a:hover {
    color: inherit;
    text-decoration: underline !important;
}

.footer-column-content .has-list-style-none li {
    &:hover {
        color: var(--Secondary-color);
    }
}

.ict-paragraph {
    a {
        color: var(--Secondary-color) !important;
    }
}

/* Product Cards */
.listWrapper {
    justify-content: center;
}

.listItem {
    img {
        object-fit: contain !important;
    }
}

.homeFeaturedProductsWrapper .alternate--prices {
    .flex-container {
        display: none !important;
    }
}

@media screen and (max-width: 1279px) and (min-width: 1025px) {
    .listWrapper .listItem {
        width: 25%;
    }
}

@media screen and (max-width: 475px) {
    .listWrapper .listItem {
        width: 100%;
    }
}

/* Basket Page */
.shoppingcart__wrapper .cartform .cartTableWrapper .cart tr.cart-item-row,
#cartform .cartTableWrapper .cart tr.cart-item-row {
    background: var(--Primary-color);
    color: var(--White-color);
}

.shoppingcart__wrapper .cart-footer .cart-footer__container {
    border: 2px solid var(--Primary-color);
}

.summaryShortDescription {
    display: -webkit-box !important;
    font-size: .833em;
    margin-bottom: 1em;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 4.5em !important;
}

#deleteall {
    background: #CF4646 !important;

    &:hover {
        background: #cc3c3c !important;
    }
}

#continueshoppingDummy {
    background: transparent !important;
    border: 2px solid var(--Secondary-color);
    color: var(--Secondary-color);

    &:hover {
        background: var(--Button-h-color) !important;
        border-color: var(--Button-h-color);
        color: var(--White-color);
    }
}

@media screen and (min-width: 1472px) {
    .cart-item-row .cart--groupexpand {
        margin-right: 1rem;
    }
}
.cart-item-row  .cart--groupexpand-button {
    font-size: .825rem;
    padding-left: .75rem;
    padding-right: .75rem;
}

.kit-item-group-table .cart-item-row .cart--groupexpand-button i{
    font-size: .825rem;
    position: absolute;
    right: 1rem;
    top: 35%;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transition: transform 0.3s ease-in-out;
}

.kit-item-group-table.active .cart-item-row .cart--groupexpand-button i{
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
}

.shoppingcart__wrapper,
.order-summary-body {

    @media screen and (min-width: 1472px) {

        & td.cart--productinfo {
            flex: 1 0 30% !important;

            & .rawAttributeInfo {
                margin-bottom: 0 !important;
            }
        }

        & td.cart--itemtotal {
            flex: 0 0 12%;
            flex-grow: 0 !important;
            text-align: center;
        }

        & td.cart--unitprice {
            display: none !important;
        }

        & td.cart--quantity {
            flex: 0 0 5%;
            flex-grow: 1 !important;
            text-align: center;

            & .product__quantity {
                display: flex;
                justify-content: center;
            }
        }

        & td.productpicture {
            flex: 0 0 20%;
            flex-grow: 0 !important;
        }

        & td.cart--actions {
            position: absolute;
            bottom: 2rem;
            right: 2rem;
            width: 13.5rem;

            & .cart--actions__buttons {
                flex-direction: row;
            }

            & .cart--edititem, 
            & .cart--editasnew {
                flex-direction: row;
                gap: .5rem;
                width: 60%;
                margin-right: 1rem;
            }
        }

        & .cart--actions__buttons.buttons {

            & .cart--recreateJob,
            & .cart--deleteitem {
                margin-right: 1rem;

                & #deleteCartItem {
                    margin-bottom: 0 !important;
                }
            }

            & .cart--recreateJob {

                & #recreateJobCartItem {
                    font-size: .825rem;
                }
            }

            & .basketEditButton,
            & #deleteCartItem,
            & #editasnew {
                font-size: .825rem;
                padding-left: .75rem;
                padding-right: .75rem;
            }

            & .basketEditButton.design {
                margin-bottom: .05rem;
            }

            & .basketEditButton.option {
                margin-bottom: .1rem;
            }
        }

        & td.cart--productinfo:has(.warning-box)~td.cart--actions {
            bottom: 1.5rem;
        }
    }

    @media screen and (max-width: 1471px) {

        & .shopping-cart__product__images {
            display: flex;
            justify-content: center;
        }

        & .cartform {

            & .common-buttons {
                justify-content: space-between;
            }
        }
    }
}

.checkout_message_bottom__wrapper .checkout-attributes .checkout_attribute_item.Info .checkout_attribute_title {
    padding-bottom: 0.75rem;
}


/* Modules - End */

/* ---------------------- */
/* -----Pages - Start-----*/
/* ---------------------- */
/* Category Page */
.hero.is-primary {
    background: var(--Grey-color);
    color: var(--Primary-color);

    .title {
        color: var(--Primary-color);
    }
}

.page-catalog-category .breadcrumb-section {
    background: var(--Primary-color);
}

html.page-catalog-category .alternate--prices {
    display: none !important;
}

.page-catalog-category .breadcrumb-section ul li:not(:last-child) {

    a {
        color: var(--White-color);

        &:hover {
            color: var(--Secondary-color);
        }
    }

}

.page-catalog-category .breadcrumb-section ul li:last-child {
    font-weight: 600;
}

/* Product Landing */
.page-catalog-product .breadcrumb-section {
    background: transparent;
}

.page-catalog-product .breadcrumb-section ul li {
    a {
        color: var(--Primary-color);


        &:hover {
            color: var(--Secondary-color);
        }
    }
}

.page-catalog-product .breadcrumb-section ul li:last-child a {
    color: var(--Secondary-color);
    font-weight: 600;
}

/*Attributes */
.arone-product-landing-page .attribute.type_RadioList label.button {
    background: transparent;
    color: var(--Primary-color);
    border: 2px solid var(--Secondary-color);
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;

    &:hover {
        background: var(--Secondary-color) !important;
        color: var(--White-color);
    }
}

.name_NumberOfProductionDays .button {
    display: flex;
    flex-direction: column;
    height: 3.5rem !important;
}

.name_NumberOfProductionDays .button .priceInfo{
    font-size: .75rem;
}

.arone-product-landing-page .attribute input:checked+label.button {
    background: var(--Secondary-color);
    color: var(--White-color);
}

/* Attribute - Tooltips */
.cf-tooltip {

    & .tooltip-html-container {
        padding: .75rem;
        color: var(--White-color) !important;
        background-color: var(--CM-Green-h-color) !important;
    }
}

/* Product Landing - Countdown */
.block {
    .hero-body {
        background: var(--Primary-color);
        color: var(--Secondary-color);
    }
}

/* Delivery Date Table */
.picture-wrapper {

    @media screen and (max-width: 1100px) and (min-width: 1088px) {
        padding: 1rem;
    }
}

.delivery-date-table {

    & table {
        background-color: #f3f3f797;
    }

    & tr {
        display: flex;

    }

    & tr:first-child {

        & td {
            background-color: var(--Primary-color);
            color: var(--White-color);
            border: unset !important;
            flex-direction: column;

            & p:first-child {
                margin-bottom: 0 !important;
            }
        }
    }

    & td {
        vertical-align: middle;
        border-top: 1px solid #C3D9C1 !important;
        border-bottom: 1px solid #C3D9C1 !important;
        flex: 1;
        display: flex;
        align-items: center;

        @media screen and (max-width: 1280px) and (min-width: 1088px) {
            padding: .25rem !important;
        }

        @media screen and (max-width: 475px) {
            padding: .15rem !important;
        }

        & p {
            word-wrap: break-word;
            hyphens: auto;
            -webkit-hyphens: auto;
            -moz-hyphens: auto;
            -ms-hyphens: auto;

            @media screen and (max-width: 1280px) and (min-width: 1088px) {
                font-size: .875rem;
            }

            @media screen and (max-width: 500px) {
                font-size: .875rem;
            }

            @media screen and (max-width: 375px) {
                font-size: .8rem;
            }
        }
    }

    & td:first-child {
        width: 10%;
    }

    & td:not(:first-child) {
        justify-content: center;
    }
}


/* Multipart Product */
.multipartUi-V2-wrapper .section,
.product-info {

    span.title,
    h1.title {
        color: var(--Primary-color) !important;
        font-weight: 700;
    }

    .button {
        background: var(--Secondary-color);
        color: var(--White-color);
    }

    .back-button {
        a {
            background: var(--Secondary-color);
            color: var(--White-color);
        }
    }

    #multipart-new-preview,
    .product-part,
    .product-attributes-box {
        background: var(--Primary-color);
        color: var(--White-color);
    }

    .multipart-upload-image-content {
        color: var(--Secondary-color);
    }

    .is-spacer-line {
        background: var(--Grey-color);
    }

    .product-part {

        .has-text-danger {
            color: var(--White-color) !important;
        }

        .dragndrop-text {
            color: var(--Secondary-color);
        }

        .dragndrop-text i {
            display: flex;
            align-items: center;
            color: var(--Secondary-color);
        }
    }
}

.product-part.upload>div.mb-2:nth-child(2) {
    display: none;
}

.modal-card-foot .button.is-light,
.modal-card-body .button {
    background: #CF4646 !important;

    &:hover {
        background: #cc3c3c !important;
    }
}

.modal-card-foot .button.is-light {
    color: var(--White-color);
}

.modal-card-foot .button.is-primary {
    background: var(--Secondary-color);

    &:hover {
        background: var(--Button-h-color) !important;
    }
}

#loadingArea {
    background: var(--Primary-color) !important;
}


.upload-status-container,
.completed-list {
    .button {
        background: var(--Secondary-color);

        i {
            color: var(--White-color);

        }

        span {
            color: var(--White-color) !important;
        }
    }
}

.multipartUi-V2-Footer .button {
    background: var(--Secondary-color);
}

/* Login page */
.login__wrapper .page-title::before {
    background: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/2/Logo Color.png');
    background-repeat: no-repeat;
    background-size: contain;
    height: 6rem;
    width: 11rem;
}

.login__wrapper {
    background-position: top center;
}

.page-customer-login,
.page-customer-register {

    .ict-dedicated-footer {
        clear: both;
    }
}

.login__wrapper {

    .register-customer-wrapper {
        display: none;
    }
}

.registration-page .table-container--custom tr:last-child{
    display: none;
}

/* Registration Page */
.registration-page {
    float: left;
    padding: 0 !important;
    background: url("/1943459661/Handler/Picture/GU/F/ThemeImages/IMG_5495.jpg");
    background-position-x: 0%;
    background-position-y: 0%;
    background-repeat: repeat;
    background-size: auto;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    min-height: 100vh;
    width: 100%;
    max-width: none;
}

.registration-page>.catfish-container::after {
    clear: both;
    content: "";
    display: table;
}

.registration-page>.catfish-container {
    float: right;
    width: 700px !important;
    padding-top: 3rem;
    padding-bottom: 3rem;
    width: 100%;
    padding-top: 6rem;
    padding-bottom: 6rem;
    padding-left: 3rem !important;
    padding-right: 3rem !important;
    background: white;
    min-height: 100vh;
    max-width: 100%;
}

.registration-page .page-title::before {
    content: '';
    display: inline-block;
    background: url('/00000000-0000-0000-0000-000000000000/Handler/CSSOverride/GetImage/2/Logo Color.png');
    background-repeat: repeat;
    background-size: auto;
    background-repeat: no-repeat;
    background-size: contain;
    height: 6rem;
    width: 11rem;
    margin-bottom: 1.5rem;
}

/* Account Page */
.block-account-navigation a {
    &:hover {
        background-color: var(--Secondary-color) !important;
        color: var(--White-color) !important;
    }
}

.customer-pass-recovery {

    & .button {

        background: var(--Secondary-color);

        &:hover {

            & input.changepasswordbutton {
                background: var(--Button-h-color) !important;
            }
        }
    }
}

/* Hide Debtor (custom3) field */
.account-page .section-body .customer-info-box > div:nth-last-child(2) .tablerow:last-child {
    display: none;
}

/* Work in progress */
.page-workinprogress-index #BeforeMainContainer {
    padding: 0;
}

.headermenu--workflownav {
    background: var(--Primary-color);
}

.WorkflowNavigator {
    a {
        color: var(--White-color) !important;

        &:hover {
            color: var(--Secondary-color) !important;
        }
    }

    a.is-active {
        color: var(--Secondary-color) !important;
    }
}

/* Checkout Pages */
.one-page-checkout #opc-shipping_method .shipping-options .shipping-options__list .shipping-option-item input:checked+label::after {
    color: var(--White-color);
    border-color: var(--Secondary-color);
    background-color: var(--Primary-color);
}

.one-page-checkout #opc-shipping_method .shipping-options .shipping-options__list .shipping-option-item input:checked+label {
    border-color: var(--Primary-color);
    background: var(--Primary-color);
    color: var(--White-color);
}

.one-page-checkout #opc-shipping_method .shipping-options .shipping-options__list .shipping-option-item input:checked+label::before {
    color: var(--Secondary-color);
}

.rawAttributeInfo__item {
    display: flex;
    font-size: 0.833em;
}

.rawAttributeInfo__item:not(:first-child) {
    margin-top: .5rem;
}

.rawAttributeInfo__item:not(:first-child) .title {
    margin-top: 0;
}

.rawAttributeInfo__item span.title {
    color: var(--White-color);
    flex-shrink: 0;
    flex-basis: auto;
    font-family: TitilliumWeb;
    font-size: .925rem;
    font-weight: 600;
}

.rawAttributeInfo__item .separator {
    margin-right: .5rem;
    font-weight: 600;
    margin-left: .2rem;
}

.shoppingcart__wrapper tbody.group.kit-item-group-table .cart-kit-item{
    background-color: #f5f9fb !important;
    color: var(--Primary-color) !important;
}

@media screen and (min-height: 1301px) {
    .shoppingcart__wrapper .kit-item-group-table .cart-item-row:not(.cart-kit-item){
        min-height: 45vh;
    }
}


@media screen and (max-height: 1299px) {
    .shoppingcart__wrapper .kit-item-group-table .cart-item-row:not(.cart-kit-item){
        min-height: 45vh;
    }
}


@media screen and (max-width: 767px) {
    #opc-shipping_date.active {
        & .is-one-third {
            text-align: center;
        }

        & .deliveryDatePick {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

        & .deliveryDateSelected {
            text-align: center;
        }
    }
}

@media screen and (max-width: 475px) {
    #checkout-confirm-order-load {

        & .subtitle {
            text-align: center;
        }

        & .cart-item-row {

            & .shopping-cart__product__images {
                display: flex;
                justify-content: center;
            }
        }
    }
}

/* Pages - End */
/* FAQ Pages*/
.accordion-item {
    .button {
        font-size: 1.2rem;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
    }

    .fa-plus.has-text-dark,
    .fa-minus.has-text-dark {
        color: var(--White-color) !important;
    }
}

.accordion-content {
    .content {
        padding: 0 1rem 1rem 1rem;
    }
}

/* Content Helper */
.content-helper-wrapper .navbar-item {
    color: var(--Primary-color) !important;
}

/* Styling for input attribute limits template */
.arone-product-landing-page.has-attribute-input-limits .attribute-item:not(.max-chars-reached) .max-chars-message {
    font-size: 0;
    margin-top: 0;
}

/* basket Additional price */



.content.table{
    background-color: #f3f3f797;

    & tr:first-child{
        background-color: var(--Primary-color);
        color: var(--White-color);
        
        & td{
            border: 1px solid var(--Primary-color);
            border-bottom: unset;
        }
    }

    & td{
        border: 1px solid #C3D9C1;
        border-bottom: 1px solid #C3D9C1 !important;
    }

    & tr{
        display: flex;
    }

    & td:first-child{
        flex-basis: 70%;
    }

    & td:nth-child(2){
        flex-basis: 30%;
    }
}

.modal-card.new-modal{

    & header.modal-card-head{
        background-color: var(--Primary-color) !important;

        & p{
            color: var(--White-color) !important;
        }

        & button.delete{
            background-color: #cf4646;
            
            &::before,
            &::after{
                background-color: var(--White-color);
            }

            :hover{
                background-color: #cc3c3c;
            }
        }
    }

    & .modal-card-foot{
        
        & .button{
            background-color: var(--Secondary-color) !important;

            &:hover{
                background-color: var(--Button-h-color);
            }
        }
    }
}

.modal-card-body{

    & .cf-table .table .detail > td {
        background: var(--CM-grey-color);
    }

    & .message.is-info .message-body{
        border-color: var(--CM-purple-color);
        color: var(--Primary-color);
    }
}

.modal-card-foot .button.is-light, .modal-card-body .button:not(.is-danger){
    background-color: var(--Secondary-color) !important;
    color: var(--CM-white-color);

    &:hover{
        background-color: var(--Button-h-color) !important;
    }
}

@media screen and (min-width: 1088px){
    & .checkout_message_bottom__wrapper .checkout-attributes .checkout_attribute_item.System{
        width: 40%;
    }

    & .checkout_message_bottom__wrapper .checkout-attributes .checkout_attribute_item.Info{
        width: 60%;
    }
}

@media screen and (max-width: 1471px){
    .checkout_message_bottom__wrapper .checkout-attributes .checkout_attribute_item{
        width: 100% !important;
    }

    .checkout_message_bottom__wrapper .checkout-attributes .checkout_attribute_item .checkout_attribute_title{
        padding-bottom: .25rem !important;
    }
}


#opc-confirm_order .selected-checkout-attributes{

    & .box{
        background-color: transparent;
        padding: 0rem;
    }

    & .catfish-container{
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }
}

.multipart-progress-message{
    text-align: center;
    color: var(--Primary-color);
}

.multipartUi-V2-Validation .is-flex-grow-1:has(i.fa-exclamation-triangle) {
    background: #FAE351;
    border-radius: 5px;
    padding-bottom: 1rem;
    margin-top: 1rem;
    color: rgba(18,22,13,0.7);
}

.additional-addresses_popup .additional-addresses-table .detail-container .buttons .button:last-child{
    background-color: #cf4646 !important;

    &:hover{
        background-color: #cc3c3c !important;
    }
}

/* Admin page  */
.page-customer-info {

    & #Custom1,
    & #Custom3 {
        width: 100%;
    }
}

.customer__section:nth-child(4) tr:nth-child(2){
    pointer-events: none;
}

@media screen and (max-width: 1087px) and (min-width: 960px) {
    
    .column.is-7.attr-name {
        flex: 1 !important;
        flex-shrink: 0 !important;
        flex-basis: 100% !important;
        max-width: 25% !important;
    }
}

@media screen and (max-width: 959px) and (max-width: 826px) {
    
    .column.is-7.attr-name {
        max-width: 20% !important;
    }
}

/* Hide Price in Orders Details page */
.page-order-details .od_row--products .od_product_price,
.page-customer-orders .orders_row .order_products_list .order_prod_price{
    display: none !important;
}