Message list customizations

message-list
Css
.message-list .message-badge{
background-color :  #0073ce;
color: white;
}
.message-list .border-end-dotted{
border-right-style: dotted;
opacity: 0.25;
}
.message-list .message-title{
color: #002b4e;
}
.message-list .message-category{
color: #333333;
}
.message-list .message-summary p {
    margin-bottom:0;
}
.message-list .showHiddenImages{
background-color: #CDD6ED
}
.message-list .showHiddenImages span{
color: #6C7FAA
}

Utilities menu

utilities-menu
Css
.utilities-menu .utilities-menu-add-vin .icon-3{
transform: scale(1.25);
}

Custom product add to cart

add-to-cart-custom-product
Css
.add-to-cart-custom-product textarea{
    min-height:150px;
}

three columns with vertical navigation

three-columns-vertical-navigation
Css
.three-columns-vertical-navigation .grid .item_swift_navigation{
margin-inline-end: 0;
}

Hide prices row

hide-prices-row
Css

Dropdown Menu

dropdown-item-border
Css
.dropdown-item-border{
	.dropdown-navigation .offcanvas-submenu {
		& > li {
			border-bottom: 1px solid #3486e06e;
		}
		&:last-child > li {
			border-bottom: none;
		}
	}
       .dropdown-menu, .offcanvas-dropdown-menu {
              padding-left: 8px!important;
              padding-right: 8px!important;
        }       
}

Warranty Print Page - Header

warranty-print-header
Css
.warranty-print-header{
    border-bottom: 7px solid black;
}

Warranty Print Page - Section header

warranty-print-section-header
Css
.warranty-print-section-header{
    border-top: 3px solid black;
}

Warranty Print Page - Datalist with border bottom on column values

warranty-print-datalist-with-borders
Css
.warranty-print-datalist-with-borders .text-break{
    border-bottom: 1px solid #d9d9d9 !important;
}

Warranty print page - footer

warranty-print-footer
Css
@media print{
.warranty-print-footer {
    position:fixed;
    bottom:0;
    width:100%;
}
}

Warranty print page - Datalist gap 0

warranty-print-datalist-gap-0
Css
.warranty-print-datalist-gap-0 .item_custom__datalistapp .grid{
gap: 0;
}

RGA Print - Datalist App Detail

rga-print-datalist-app-detail
Css
@media print{
.rga-print-datalist-app-detail .grid {
        gap: 0;
        font-size: small;
    }
}

RGA Print - Footer text

rga-print-footer-text
Css
@media print{
@page{
        margin:0;
    }
body{
        height:100%;
    }
.rga-print-footer-text{
        line-height:1;
        position:absolute;
        bottom:0;
        border-top:1px solid black;
        page-break-after:always;
    }
    .rga-print-footer-text p{
        font-size:x-small;
        margin-bottom:0
        padding-bottom:0;
    }
}

Invoice Print - Table

invoice-print-table
Css
.invoice-print-table{
line-height: normal;
td{
        padding:0;
        border-bottom:0;
}
th{
        padding:0;
}
th:nth-child(n+3),
td:nth-child(n+3){
        text-align:right;
padding-left: 5px;
}
}

Invoice Print - DatalistAppDetail

invoice-print-datalist-app-detail
Css
.invoice-print-datalist-app-detail .item_custom__datalistappdetail {
font-size:smaller;
line-height:1;
}
.invoice-print-datalist-app-detail .item_custom__datalistappdetail .grid{
    gap:0;
}
.invoice-print-datalist-app-detail .item_custom__datalistappdetail ul{
list-style-type: none;
    padding: 0;
    margin-bottom: 0;
}

Invoice Print - Totals

invoice-print-totals
Css
.invoice-print-totals .item_custom__datalistappdetail .fw-bold{
text-align: end;
margin-right:1em;
}
.invoice-print-totals .item_custom__datalistappdetail .text-break {
    text-align: end;
    margin-right: 1em;
}

Invoice Print - Footer

invoice-print-footer
Css
.invoice-print-footer{
font-size: x-small;
}
.invoice-print-footer .text-inherit{
max-width:100ch !important;
}

Invoice Print - Sales Order Note

invoice-print-sales-order-note
Css
.invoice-print-sales-order-note {
    font-size: smaller;
}
.invoice-print-sales-order-note .grid{
    margin-left:20%;
}
.invoice-print-sales-order-note .fw-bold {
    text-align: left;
    border-bottom: 1px solid black;
}

Row - Border Top

row-border-top
Css
.row-border-top .container-xl{
    border-top: 1px solid black;
    padding-top:0.2%
}

Row - Border Left

row-border-left
Css
.row-border-left .container-xl{
    border-left: 1px solid black;
}
@media print{
    body{
        margin:1%;
    }
}

Row - Border Right

row-border-right
Css
.row-border-right .container-xl{
    border-right: 1px solid black;
}
@media print{
    body{
        margin:1%;
    }
}

Row - Border Bottom

row-border-bottom
Css
.row-border-bottom .container-xl{
    border-bottom: 1px solid black;
    padding-bottom:0.2%;
}

Invoice Print - Plant Info

invoice-print-plant-info
Css
.invoice-print-plant-info ul{
columns:5;
list-style-type: none;
    font-size: 0.9em;
}

Invoice Account Statement Report - Footer Text

invoice-account-statement-footer
Css
.invoice-account-statement-footer{
font-size: x-small;
}
.invoice-account-statement-footer .text-inherit{
max-width:100ch !important;
}

Invoice Account Statement Report - Statement Period

invoice-account-statement-period
Css
.invoice-account-statement-period .none{
    width: 25% !important;
    margin-left: auto;
}

Pre-Auth print - SubHeader

pre-aauth-print-header
Css
.pre-aauth-print-header{
    border-bottom: 2px solid black;
    h2{
       font-size: large;
    }
}

Pre-Auth Print - Table

pre-auth-print-table
Css
.pre-auth-print-table{
td{
        padding:0;
        border-bottom:0;
        font-size: x-small;
}
th{
        padding:0;
        font-size: small;
}
}

Pre-Auth Print - DatalistAppDetail

pre-auth-print-datalist-app-detail
Css
.pre-auth-print-datalist-app-detail .item_custom__datalistappdetail {
    font-size: x-small;
    line-height: 1;
}
.pre-auth-print-datalist-app-detail .item_custom__datalistappdetail .grid{
    gap: 0;
div:nth-child(2) {
    grid-column: auto / span 1;
}
div:nth-child(6) {
    margin-right: 30px;
}
}

Pre-Auth Print - Header

pre-auth-print-header
Css
.pre-auth-print-header{
}

Pre-Auth Print - Footer

pre-auth-print-footer
Css
.pre-auth-print-footer{
  font-size: x-small;
  line-height: normal;
}
.pre-auth-print-footer .text-inherit{
   max-width:100ch !important;
}

Claim Tag Print - Footer

claim-tag-print-footer
Css
.claim-tag-print-footer{
  font-size: x-small;
  line-height: normal;
}
.claim-tag-print-footer .text-inherit{
   max-width:100ch !important;
}

Row Table

row-table
Css
.row-table .grid .g-col
{
 overflow: hidden;
}