.RadGrid{ width: 100% !important; }
.RadGrid .rgMasterTable tr{ vertical-align: top; }
.RadGrid .rgMasterTable .rgAltRow > td:first-child,
.RadGrid .rgMasterTable .rgRow > td:first-child{ }
.RadGrid .rgMasterTable .rgAltRow,
.RadGrid .rgMasterTable .rgRow{ height: 80px !important; }
.td-img{ height: 100%; min-width: 70px !important; padding: 2px 4px !important; vertical-align: middle !important; }
.imgcontainer{ border-bottom: none !important; display: block; margin: auto; overflow: hidden; padding: 0 !important; width: 100%; }
.imgcontainer img.galleryfit{ max-height: 100px !important; mix-blend-mode: multiply; object-fit: scale-down; width: 100% !important; }
.td-stock{ min-width: 115px !important; padding-left: 5px !important; padding-right: 5px !important; }
.td-stock, .td-stock .riUp, .td-stock .riDown, .td-stock .riButton{ color: darkslategray !important; text-align: center; }
.RadPanelBar .rpExpanded{ border-bottom: none !important; }
.brand-grid{ display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); padding: 10px; }
.brand-button-wrapper{ width: 100%; }
.brand-button{ align-items: center; border-radius: 10px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); cursor: pointer; display: flex; justify-content: flex-start; padding: 6px 12px; transition: background 0.2s, transform 0.1s; }
.brand-button:hover{ background-color: #f5f5f5; transform: translateY(-2px); }
.brand-icon{ height: 20px; margin-right: 8px; width: 20px; }
.check-selected {}
.bottom-align {vertical-align:bottom !important}
.check-selected .rbIcon::before { font-size:1.5em !important; color:#888 !important; }
.framed {
    display: block;
    border: 1px solid #bbb;
    min-height: 34px;
    background-color: white;
    border-radius: 4px;
}