/* Source and licensing information for the line(s) below can be found at https://promerch.uk/modules/custom/cpl_customer_account/css/cpl_customer_account_overview.css. */
.l-layout__main {
    padding: 1rem;
    font-size: 14px;
}

.cpl-table-wrapper {
    border-radius: 0.5rem;
    margin-bottom: 1rem;
}

.cpl-table-wrapper .tablemain {
    background-color: var(--primary-color--lighten-25);
    border-radius: 0.3rem 0.3rem 0 0;
}

.cpl-table-wrapper .tabledetails {
    border-left: 1px solid var(--primary-color--lighten-25);
    border-right: 1px solid var(--primary-color--lighten-25);
    border-bottom: 1px solid var(--primary-color--lighten-25);
}

.cpl-table-wrapper table {
    margin-bottom: 0 !important;
}

.cpl-table-wrapper table th {
    font-weight: normal;
}

.cpl-table-wrapper table th,
.cpl-table-wrapper table td {
    text-align: left;
    vertical-align: middle;
}

.cpl-table-wrapper table th:first-of-type,
.cpl-table-wrapper table td:first-of-type {
    width: 150px;
}

.cpl-table-wrapper table td:first-of-type {
    text-align: center;
}

.cpl-table-wrapper table:not(.tablemain) td:nth-of-type(3) {
    width: 50px;
    text-align: right;
}

.cpl-table-wrapper table th:nth-of-type(4),
.cpl-table-wrapper table td:nth-of-type(4) {
    width: 100px;
}

.cpl-table-wrapper table th:last-of-type,
.cpl-table-wrapper table td:last-of-type {
    width: 150px;
}

/* Below taken from cpl order management */

.cpl-urgent-order { color: red; font-weight: bold; }
table td, table td * {
    vertical-align: top;
}
.toggle1 {text-align: right; }
.toggle2 {text-align: right; }
.toggle3 {text-align: right; }
.toggle4 {text-align: right; }
.toggle5 {text-align: right; }
.cpl-bordered { display: inline-block; margin-right: 10px; text-align: center; width: 28px; height: 24px; border: 1px solid grey; border-radius: 3px; font-size: 1.75em; padding: 4px 0 0 0; }
.cpl-bordered-wide { display: inline-block; margin-right: 10px; text-align: center; width: 38px; height: 24px; border: 1px solid grey; border-radius: 3px; font-size: 1.75em; padding: 4px 0 0 0; }
.cpl-bordered-super-wide { display: inline-block; margin-right: 10px; text-align: center; width: 50px; height: 24px; border: 1px solid grey; border-radius: 3px; font-size: 1.75em; padding: 4px 0 0 0; }
.cpl-bordered-mega-wide { display: inline-block; margin-right: 10px; text-align: center; width: 62px; height: 24px; border: 1px solid grey; border-radius: 3px; font-size: 1.75em; padding: 4px 0 0 0; }

.cpl-row-wrapper p { font-size: 1.125em; }

.cpl-row-wrapper { display: block; width: 100%; }
.cpl-photo-left { display: inline-block; width: 10%; vertical-align: top; }
.cpl-attribute-details { display: inline-block; width: 90%; }

.cpl-image-wrapper {
    position: relative;
    height: 100%; }
.cpl-image-wrapper img {
    width: 60px;
}
.cpl-image-wrapper .cpl-image-trans {
      position: absolute;
      top: 0; }
.cpl-image-wrapper .cpl-image-placeholder-grey {
      border: 1px solid grey;
      height: 90%;
      width: 90%;
      margin-top: 3%;
      margin-left: 3%; }
table { margin-bottom: 25px!important; }

tr:nth-child(even) {background-color: #f2f2f2;}
.cpl-bold { font-weight: bold; }
th { padding: 2px 6px!important; }
td { padding: 2px 6px!important; }
.cpl-block { display: block; padding: 5px 20px 5px 0px; }

.ui-dialog-title { display: block!important; }

.c-subscribe-bar {
    display: none !important;
}

.c-actions {
    position: relative;
    display: flex;
    justify-content: space-between;
    background-color: var(--medium-grey-color--lighten-10);
    border: 1px solid var(--light-grey-color--darken-25);
    padding: 0.25rem 0.5rem;
    margin: 0.5rem;
}

.c-actions:after {
    content: '▾';
}

.c-actions__content {
    display: none;
    position: absolute;
    right: 0.25rem;
    top: 28px;
    min-width: 125px;
    padding: 0.5rem;
    background-color: #fff;
    border: 1px solid var(--primary-color);
}

.c-actions:hover .c-actions__content {
    display: block;
    z-index: 10;
}

/* Source and licensing information for the above line(s) can be found at https://promerch.uk/modules/custom/cpl_customer_account/css/cpl_customer_account_overview.css. */