.product-replacement-tool{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.product-replacement-tool button{width:100%;font-size:1rem;font-weight:700;color:white;border:1px solid white;border-radius:5px;padding:1rem;cursor:pointer}
.product-replacement-tool .header{position:relative}
.product-replacement-tool__search__main-title{font-size:.875rem;margin-bottom:.5rem}
.product-replacement-tool__search__wrap{display:flex;position:relative;max-width:70%;margin-bottom:1rem}
@media only screen and (max-width:839px){.product-replacement-tool__search__wrap{max-width:100%}
}
.product-replacement-tool__search__wrap ::-webkit-input-placeholder{color:#DDD;opacity:1}
.product-replacement-tool__search__wrap :-ms-input-placeholder{color:#DDD;opacity:1}
.product-replacement-tool__search__wrap ::-moz-placeholder{color:#DDD;opacity:1}
.product-replacement-tool__search__wrap ::-ms-input-placeholder{color:#DDD;opacity:1}
.product-replacement-tool__search__wrap ::placeholder{color:#DDD;opacity:1}
.product-replacement-tool__search__wrap__input{border-top-left-radius:5px;border-bottom-left-radius:5px;border:1px solid grey;outline:0;color:#444;padding:10px;font-size:17px;width:85%}
.product-replacement-tool__search__wrap button{width:15%;padding:0;background:#89da03;font-size:17px;border:1px solid grey;border-top-left-radius:0;border-bottom-left-radius:0;border-left:0;outline:0;cursor:pointer}
.product-replacement-tool__search__wrap .clear{position:absolute;top:8px;font-size:1.5rem;right:16%}
.product-replacement-tool .card-screen{margin-top:2rem;margin-bottom:4rem}
.product-replacement-tool .card-screen h2{font-size:23px}
.product-replacement-tool .card-wrapper{display:flex;flex-flow:row wrap;justify-content:space-between;margin-top:1.5rem}
@media only screen and (max-width:839px){.product-replacement-tool .card-wrapper{justify-content:center}
}
.product-replacement-tool .card-wrapper .card-container{height:312px;width:380px;padding:1rem;background:#fff;overflow:hidden;border-radius:20px;cursor:pointer;border:1px solid #ececec;margin-bottom:1rem}
.product-replacement-tool .card-wrapper .card-container .image{display:flex;align-items:center;justify-content:center;height:160px;overflow:hidden;padding:1rem;border-radius:5px}
.product-replacement-tool .card-wrapper .card-container .card-content{padding:1rem;color:#0021a2}
.product-replacement-tool .card-wrapper .card-container .card-content button{width:5rem;font-weight:600;background:#e5e8f8;color:#0021a2;border:2px solid #0021a2;padding:6px;margin-bottom:10px;border-radius:10px}
.product-replacement-tool .card-wrapper .card-container .card-content h2{font-size:16px;margin:.25rem 0}
.product-replacement-tool .card-wrapper .card-container .card-content p{color:#444}
.product-replacement-tool .no-results{height:45vmin}
.product-replacement-tool .no-results h3{margin:3rem 0 1rem 0;font-size:1.375em;line-height:1.5}
.product-replacement-tool .no-results p{font-size:13px;margin-bottom:1rem}
.product-replacement-tool .no-results button{width:12rem}
.product-replacement-tool #supralon2.table{box-sizing:border-box;display:flex;flex-flow:row wrap;gap:3px;border-top-left-radius:6px;border-top-right-radius:6px;overflow:hidden;margin-top:2rem;margin-bottom:4rem}
.product-replacement-tool #supralon2.table .th-1,.product-replacement-tool #supralon2.table .cell-1{width:calc(33.333% - 32px)}
.product-replacement-tool #supralon2.table .th-2,.product-replacement-tool #supralon2.table .th-3,.product-replacement-tool #supralon2.table .cell-2,.product-replacement-tool #supralon2.table .cell-3{width:calc(33.333% - 32px)}
@media only screen and (max-width:839px){.product-replacement-tool #supralon2.table .th-1{display:none}
.product-replacement-tool #supralon2.table .th,.product-replacement-tool #supralon2.table .td{width:calc(50% - 32px)}
.product-replacement-tool #supralon2.table .cell-1{width:100%}
.product-replacement-tool #supralon2.table .td.cell-1.even{background:#fff}
.product-replacement-tool #supralon2.table .td.cell-2{background:#e5e8f8}
.product-replacement-tool #supralon2.table .td.cell-3,.product-replacement-tool #supralon2.table .td.cell-3.even{background:#eff7e6}
}
.product-replacement-tool #supralon2.table .th{color:#fff;background:#0021a2;font-size:1.125rem;text-align:left;vertical-align:bottom;padding:15px}
.product-replacement-tool #supralon2.table .th .heading,.product-replacement-tool #supralon2.table .th .header-primary,.product-replacement-tool #supralon2.table .th .header-secondary,.product-replacement-tool #supralon2.table .th .header-feature{font-weight:normal;color:#fff;display:block;font-size:13px}
@media only screen and (max-width:839px){.product-replacement-tool #supralon2.table .th .name{font-size:14px}
}
.product-replacement-tool #supralon2.table .th-3{display:flex;flex-flow:row-wrap}
.product-replacement-tool #supralon2.table .th-3 .wrap{width:80%}
.product-replacement-tool #supralon2.table .th-3 .view-t{width:20%;padding:8px;float:right;vertical-align:middle}
.product-replacement-tool #supralon2.table .th.foot{color:#0021a2;background:#fff;font-weight:700}
.product-replacement-tool #supralon2.table .th.foot .view-b{background-color:#89da03;float:right;vertical-align:middle}
.product-replacement-tool #supralon2.table .th-1.foot{padding-top:28px;font-size:20px}
.product-replacement-tool #supralon2.table .th-2.foot{font-size:.875rem;padding-top:28px;text-align:right;cursor:pointer;text-decoration:underline}
.product-replacement-tool #supralon2.table .td{color:#0021a2;font-weight:700;padding:15px}
.product-replacement-tool #supralon2.table .td.cell-1{font-size:1rem}
.product-replacement-tool #supralon2.table .td.cell-2,.product-replacement-tool #supralon2.table .td.cell-3{text-transform:uppercase}
.product-replacement-tool #supralon2.table .td.even{background-color:#e5e8f8}
.product-replacement-tool #supralon2.table .teal{background-color:#dff7fb !important}
.product-replacement-tool #supralon2.table .td.cell-3.even{background-color:#eff7e6}
.product-replacement-tool #supralon2.table i{float:right;margin-left:1em;font-size:1.5rem}
.autocomplete-product-replacement{cursor:pointer;z-index:10;border:1px solid #ddd;border-bottom-right-radius:10px;border-bottom-left-radius:10px;background-color:#fff;color:#444;font-size:13px;height:200px;overflow-y:auto;overflow-x:hidden;padding-bottom:1rem}
.autocomplete-product-replacement .ui-menu-item-wrapper{display:block;padding:.75rem !important;font-weight:500;color:#444;cursor:pointer}
.autocomplete-product-replacement .ui-menu-item-wrapper::before{content:'\f002';font-family:FontAwesome;margin-right:.5rem}
.autocomplete-product-replacement .ui-menu-item-wrapper:hover{background-color:#a0dbec !important;color:#0021a2 !important}