:root {
--font: "Poppins", sans-serif;;


--base-color: #0062A1;



--base-text-color: #fff;


--footer-color: #3C3C3C;


--footer-text-color: #fff;

--button-color: #0062A1;



--button-hover-color: hsl(from var(--button-color) h s calc(l - 5));


--button-text-color: #fff;


--header-color: #fefefe;


--header-text-color: #333;

--clear-filters-display-text: inline-block;


--clear-filters-display-icon: inline-block;

}

	.es-clear-all-filters-button .button-text {
	display: var(--clear-filters-display-text);
	}

	.es-clear-all-filters-button .button-icon {
	display: var(--clear-filters-display-icon);
	}

.header-wrapper .row.header .logo-container {
    padding: 15px 15px;
}

.promotion-item.only-picture .promotion-item-image img {
    object-fit: fill;
}

.footer .footer-wrapper .content-footer-wrapper {
    margin: 5px auto 0 auto;
}
.footer .footer-wrapper .content-footer-wrapper li {
    width: 210px;
}
.header-wrapper .header-logo {
    max-width: 85%;
}
.header-wrapper.fixed .logoFixed {
    margin-top: 5px;
    background-size: contain;
    max-height: 82px;
}
.product-search {
    margin-top: 43px;
}

.page-content {
    margin-top: 22px;
}
.promoted-products {
    padding: 5px;
    margin: 0px auto 0 auto;
}

.ag-breadcrumbs {
    margin: -23px 0 0px -20px;
}

.ccs-ds-extendedSpec-header {
    background: #0062A1 !important;
	color: white !important;
}

.small-product-list-prices .small-product-list-price .product-price {
    font-weight: bold;
}

.menu-bar-item-label {
    font-weight: bold;
}

.product-list-filters {
    padding: 15px 0px 0px 5px;
}

.product-list-filters-show-more, .product-list-filters-show-less {
    color: #FF0000;
    font-weight: bold;
}
.product-list-categories .product-list-category-button {
    color: #fff;
}
.product-list-category-button, .product-list-category-button:focus, .product-list-category-button:hover {
    color: #0062A1;
}
.product-list-categories .product-list-category-button, .product-list-categories .product-list-category-button:hover, .product-list-categories .product-list-category-button:focus {
    color: #000;
}
.product-list-category-button, .product-list-category-button:focus, .product-list-category-button:hover {
    border-color: #0062A1;
}
.header-wrapper .header-bar-section-links-item {
    display: inline-block;
    margin: 5px 0;
    border-right: 0px solid #aaa; */
    padding: 0 10px;
    color: #ffffff;
}

.header-bar-section-links-item a{
    color: #ffffff;
}

#body > div.header-wrapper.collapse > div > div.header-bar.clearfix > div > ul > li:nth-child(1) > a, #body > div.header-wrapper.collapse > div > div.header-bar.clearfix > div > ul > li:nth-child(2) > a {
    color: #ffffff;
}
.fa-fw {
    color: #ffffff;
}
.header-wrapper {
    background: #3C3C3C;
}
#body > div.main-wrapper > div > div > div.content-container.clearfix > div > div:nth-child(1) > div > div > div > div > div.promotion-item-label {
    display: none;
}

/*== Elastisearch Slider ==*/
.noUi-connect {
    background: #0062A1!important;
}
/*== Elastisearch Icon ==*/
.fa-trash:before {
    color: #0062A1;
}
/*== Elastisearch "Show more" ==*/
.es-expand-filter {
    color: red;
}
@media (min-width: 640px)
.promotion-item {
    margin: 8px;
}

.responsive-table {
    position: relative;
    top: -8px;
    left: -2px;
}
.parked-orders .accordion {
    position: relative;
    top: 20px;
}

#body > div.main-wrapper > div > div > div.content-container.clearfix > div > div:nth-child(1) > div.row.webpage-container.clearfix{
    height: 0px;
}

#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.small-12.columns.medium-9 > p, 
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.small-12.columns.medium-9 > div.checkout > div.row.collapse > div:nth-child(1) > p{
    /*border: 3px solid #44A3EB;*/
    border-radius: 10px;
}
#body > div.main-wrapper > div > div > div.content-container.clearfix > div > div:nth-child(1) > div.row.webpage-container.clearfix > div {
    top: 0px;
    position: relative;
}
.main-wrapper .content-column .row {
    top: 8px;
}

.promotion-item {
    padding: 8px 8px 8px 8px;
}

/* Adjustment for approvals page list */
#body .users-list .users-list-data {
    margin-top: 67px;
}
.cookie-info.without-content {
    height: Auto;
}
/* Center top seller text */
.small-product-list-label {
    text-align: center;
}
.small-product-list-prices .small-product-list-price {
    text-align: center;
}	
.product-options .product-option-group-selected.product-option-group-items {
    display: block;
    width: 460px;
    padding-bottom: 10px;
}
.promoted-products__item-label {
    text-align: center;
}
/* Promotioanl page image (campaign image) */
.product-card-image img.campaign-image {
    max-height: 150px;
}
.prodlist-row__img-wrapper .campaign-image {
    position: absolute;
    max-width: 60%;
    max-height: 72%;
    top: 0px;
    left: 0px;
}
.product-options .product-option-group-selected.product-option-group-items {
    display: block;
    width: 460px;
    padding-bottom: 10px;
}
.promoted-products__item-label {
    text-align: center;
}
.first-page-content .promotion-item.only-product .promotion-item-info .promotion-item-image .campaign-image {
    position: absolute;
    max-height: 100px;
}
@media (min-width: 640px) { 
	.first-page-content .promotion-item.only-product .promotion-item-info .promotion-item-image img {top: -8%;}
    
}
/* Demo shop banner (reporposed for Notices)*/
#body > div.demoshop > p {
    margin-bottom: 5px;
}

/* Product image placment image*/
.prodlist-row__img-wrapper:before {
    color: transparent;
}

/* Changes around new header bar settings */

.header-wrapper.collapse {
    background-color: #FAFAFA;
}
.header-wrapper .inner-wrapper {
    max-width: 100%;
}

.row.header .product-search {
    margin-top: -10px;
}

#body > div.header-wrapper.collapse > div.header-bar.clearfix > div > ul > li:nth-child(1) > a {
    color: #fff;
}
#body > div.header-wrapper.collapse > div.header-bar.clearfix > div > ul > li:nth-child(2) > a {
    color: #fff;
}

/* Offline Suppliers (PNA) */

.online-stock-error {
    color: #1E90FF;
}
.fa-exclamation-triangle:before {
    content: "\f1c0";
}



/* Reseller award logo*/

.header-wrapper .award-logo {
    position: relative;
    top: 0px;
    right: 20%;
    width: 42px;
}

@media (min-width: 640px) { 
.header-wrapper .award-logo {
    top: 0px;
    width: 7%;
}
}
.award-logo > a > img {
    max-width: 225%;
}

.award-logo > a > img {
    position: relative;
    height: 140px;
}

@media (min-width: 640px) {
.header-wrapper .row.header .logo-container .header-logo {
    height: auto;
}}

@media (min-width: 640px){
.product-search-input-container {
margin-top: 16px;
}}

@media (max-width: 639px){
.header-wrapper .award-logo {
    top: -145px;
    right: -50%;
    display: none;
}}

.header-bar{
    max-width: 100%;
	background-color: #003150;
}

/* Move basket to acomedate award logo */
@media print, screen and (min-width: 40em){
.medium-push-6 {
    position: relative;
    left: 53%;
}}

/* Remove Icecat "Marking Text" Header */
#icecatMarketingText > div.-header{
    display: none;
}

/* Image overlay resize for Promotions*/
.promotion-image-overlay {
    width: 100%;
	Position: initial;
}

#body > div.main-wrapper > div > div > div.content-container.clearfix > div > div:nth-child(5) > div > div > div:nth-child(1) > div > div.promotion-item-info.clearfix > div.promotion-item-image > a > div

.promoted-products__item-image {
    width: 97%;
}
/* Product options - Full width */
.product-options .product-option-group-selected.product-option-group-items {
    width: 100%;
}

.product-options {
    display: inline;
}

/* First Page promotions specing */
#body > div.main-wrapper > div > div > div.content-container.clearfix > div > div:nth-child(3) {
    position: relative;
    top: -90px;
}

#body > div.main-wrapper > div > div > div.content-container.clearfix > div > div:nth-child(4) {
    position: relative;
    top: -80px;
}

#body > div.main-wrapper > div > div > div.content-container.clearfix > div > div:nth-child(5) {
    position: relative;
    top: -20px;
}


/*#body > div.main-wrapper > div > div > div.content-container.clearfix > div > div:nth-child(7) > div {
    top: -20px;
}*/
.footer {
    margin-top: 0px;
}

#body > div.main-wrapper > div > div.row {
    top: -25px;
}

#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div > div.main-banner
{
    top: 50px;
    position: relative;
	padding-bottom: 30px;
}

#body > div.main-wrapper > div > div > div.content-container.clearfix > div > div.section.small-12.js-section-Carousel{
    position: relative;
    top: -30px;
    padding-bottom: 26px;
}

#body > div.main-wrapper > div > div > div.content-container.clearfix > div > div:nth-child(2) {
    position: relative;
    top: -30px;
    padding-bottom: 26px;
}

#body > div.main-wrapper > div > div > div.content-container.clearfix > div > div:nth-child(1) > div > div > div > div {
    top: -18px;
}

/* Latest additions to correct front page "Trending products without affecting CMS pages */

#body > div.main-wrapper > div > div > div.content-container.clearfix > div > div:nth-child(5) > div > h2 {
    position: relative;
    top: -50px;
}

#body > div.main-wrapper > div > div > div.content-container.clearfix > div > div:nth-child(5) > div > div {
    top: -50px;
}

/* Move CMS edit button */
#html-edit {
    position: relative;
    left: -70px;
}
/* Manually position old pages in wrong position */
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.google-education,
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.microsoft-education,
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.view-sonic-landing,
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.brother-education,
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.daas-landing-page,
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.logitech-video,
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.ecolandingpage,
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.kocycle,
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.acronis-landing,
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.asus-landing,
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.misco-brother,
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.canon,
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.dell-latitude,
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.draytek,
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.epson-brand,
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.misco-google-landing,
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.misco-hp-landing,
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.iiyama,
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.keepit,
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.maxcases-landing,
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.netgear-landing,
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.poly-landing,
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.sonicwall-landing,
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.synology-landing,
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.targus-brand-page,
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.watchguard,
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.cradlepoint-q3,
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.education-landing,
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.clevertouch-q3-brand
{
    top: -18px;
}

#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.kocycle {
    top: 40px;
}

/* Manually position order history page*/
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.order-history-list {
    padding-bottom: 60px;
}
/* Manually position returns page*/
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.return-list-table {
    top: -50px;
}
/* Manually position quatation page*/
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.quote-list {
    top: -20px;
}
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.quote-list-buttons > button {
    position: relative;
    top: 30px;
}

/* Mailform With to full screen */
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > mailform {
    max-width: 100%;
}

/* Searchlinking position  */

.quick-search-overlay .quick-search .search-result-searchLinks .searchlink-row .searchlinklist-row__img-wrapper {
    margin: 0;
    width: 100px;
    min-height: 80px;
    flex: 0 0 auto;
}

.quick-search-overlay .quick-search .search-result-searchLinks .searchlink-row .searchlinklist-row__content-wrapper {
    flex: 2 1 auto;
    width: 65%;
    padding: 6px 6px;
    height: 100%;
}

.quick-search-overlay .quick-search .search-result-searchLinks .searchlink-row {
    margin: 0;
    height: 106px;
    padding: 12px 20px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e6e6e6;
}
.quick-search-overlay .quick-search .search-result-searchLinks {
    flex-grow: 2;
    width: 800px;
    display: flex
;
    flex-direction: column;
}

/*************** Search box size ***************/	
.quick-search-overlay .quick-search .search-result-products .prodlist-row {
    margin-bottom: 1px;
    height: 116px;
    padding: 8px 20px;
    display: flex
;
    align-items: center;
    border-bottom: 1px solid #e6e6e6;
}

/* #body > div.header-wrapper.collapse > div.inner-wrapper > div.row.header > div.small-12.medium-6.columns.medium-pull-3 > div > div.product-search-input-container > div.quick-search-overlay > div > div.result-column > div.search-result-searchLinks > div > div.searchlinklist-row__img-wrapper > a > img {
    width: 15%;
    padding-top: 10px;
    padding-left: 16px;
} 
#body > div.header-wrapper.collapse > div.inner-wrapper > div.row.header > div.small-12.medium-6.columns.medium-pull-3 > div > div.product-search-input-container > div.quick-search-overlay > div > div.result-column > div.search-result-searchLinks > div > div.searchlinklist-row__content-wrapper {
    position: relative;
    top: -70px;
    left: 16%;
	width: 80%;
}
#body > div.header-wrapper.collapse > div.inner-wrapper > div.row.header > div.small-12.medium-6.columns.medium-pull-3 > div > div.product-search-input-container > div.quick-search-overlay > div > div.result-column > div.search-result-searchLinks > div
{
    height: 90px;
	border-bottom: #E6E6E6;
    border-bottom-width: 1px;
    border-bottom-style: inset;
} */


/* Testing */

#body > div.main-wrapper > div > div > div.content-container.clearfix > div > div:nth-child(7) {
    position: relative;
    top: -40px;
}

/* Side Banners*/
.bf-promotion {
    position: absolute;
    max-height: 100vh;
}

.bf-promotion.right {
    right: 0;
}
/* Favorites Position*/
#body > div.main-wrapper > div > div.page-content > div.content-container.clearfix > div > div.small-12.medium-9.medium-pull-3.columns.product-list-category-products > div > ul {
    position: relative;
    top: 90px;
}

/*Correct text on Promotional pages*/
#body > div.main-wrapper > div > div > div.content-container.clearfix > div > div:nth-child(1) > div > div > div > div {
    margin-top: 8px;
}


/*Emma editing global*/


html, body {
    background: #ffffff !important;
}


/*needed for accessories on product pages the white was hiding images*/

.product-card-accessories,
.product-card-accessories .selected-accessories,
.product-card-accessories .small-product-list,
.product-card-accessories .small-product-list-item,
.product-card-accessories .buy-form-container,
.product-card-accessories .small-product-list-image,
.product-card-accessories .small-product-list-image img {
    position: relative;
    z-index: 2;
}



.menu-bar-item-label {
    font-weight: 600;
}

.menu-bar-desktop-categories-menu-item {
    font-size: 0.875rem;
}


.menu-bar-desktop-products {
    border: 1px solid #f2f2f2;
    border-radius: 6px;
    box-shadow:4px 3px 20px -10px rgba(0,0,0,0.15),-4px 3px 20px -10px rgba(0,0,0,0.15)
}

.menu-bar-desktop-products-menu-label {
    border-bottom: 1px solid #00ADFF;
    display: block;
    font-size: 0.875rem;
    font-weight: 600;
}

.menu-bar-desktop-products-menu-show-more {
    color: #00ADFF;
}

.menu-bar-desktop-categories-menu-item:hover, .menu-bar-desktop-categories-menu-item.active {
    background-color: #0062A1;
}

.resource-menu-desktop {
    border: 1px solid #f2f2f2;
    border-radius: 6px;
    background-color: #ffffff;
    box-shadow:4px 3px 20px -10px rgba(0,0,0,0.15),-4px 3px 20px -10px rgba(0,0,0,0.15);
    width: max-content;
    min-width: 180px;

}




.resource-menu-desktop ul ul li:hover {
    background-color: #0062A1 !important;
}

.resource-menu-desktop ul ul li:hover .link {
    background-color: transparent !important;
}


.logged-in-info-text {
    padding-bottom: 10px;
}

.header-wrapper > .header-bar {
    background-color: #003150;
}

.footer {
    background-color: #003150;
}

.product-search-input-container .product-search-action.product-search-button {
    color: #00ADFF;

}

/*FONT*/


p {
    font-family: 'Poppins', sans-serif;
    font-size: 0.875rem;
    font-weight: 300;
    line-height: 1.2;
}

html,
body,
body div,
body span,
body p,
body a,
body li,
body input,
body button,
body select,
body textarea,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
    font-family: 'Poppins', sans-serif;
}


/*PRODUCT FONT*/

.accordion-content.INFORMATION .product-card-tab-information {
    font-family: 'Poppins', sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.6;
    color: #3c3c3c;
}

.product-card h1 {
    font-weight: bold;
    font-size: 24px;
    color: #0062A1;
}



/*FONT FOOTER*/

.content-footer-wrapper,
.content-footer-wrapper li,
.content-footer-wrapper a {
    font-family: 'Poppins', sans-serif !important;
    font-size: 0.875rem !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
}

.content-footer-wrapper h3 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
}




/*Emma editing category*/

.prodlist-row {
    position: relative;
    display: flex;
    height: var(--medium-row-height);
    border: 1px solid #f2f2f2;
    border-radius: 6px;
    background-color: #fff;
    font-size: 0.9em;
    margin-bottom: 5px;
    overflow: hidden;
}

.es-filters-wrapper {
    box-shadow: 0px 0px 0px 0px #fff;
    background-color: #fff;
    padding: 1px 17px 12px;
    margin-bottom: 30px;
    border: 1px solid #f2f2f2;
    border-radius: 6px;
}

.es-expand-filter {
    color: #00ADFF;
}

.es-expand-filter, .es-expand-category {
    color: #00ADFF;
   
}

.buy-quantity__input {
    border: 1px solid #f2f2f2;
    border-radius: 3px;
    box-shadow: 0px 0px 0px 0px #fff;
}



/*Emma editing homepage REMOVE MENU BEFORE IMPORT*/

.menu-bar {
    background-color: #0062A1;
}




/*static*/

.promotion-item.only-picture {
    padding: 0px;
    height: auto;
    border-radius: 6px;
}




/*carousel*/

.bx-wrapper {
    box-shadow: 0 4px 20px -8px rgba(0, 0, 0, 0.12);
    border: 1px solid #f4f4f4;
    border-radius: 6px;
}

.bx-viewport {
    overflow: hidden;
    border-radius: 6px;
}




/*grid products*/

.promoted-products__item {
    background: transparent;
    border: none;
    margin-bottom: 12px;
}

.promoted-products__item-container {
    border: 1px solid #f2f2f2;
    border-radius: 6px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.04);
    margin: 6px;

}

.promoted-products__item-container:hover {
    outline: 1px solid #00ADFF;
}

.small-product-list-prices .small-product-list-price .product-price {
    color: #0062A1;
}

.small-product-list-prices .small-product-list-price .product-price.secondary {
    font-weight: 400;
}




.promoted-products__item .image-overlay img {
    width: 60% !important;
}

@media screen and (max-width: 640px) {
    .promoted-products__item .image-overlay img {
        width: 30% !important;
    }
}



/*trending products*/

.promotion-item {
    border: 1px solid #f4f4f4;
    border-radius: 6px;

}

.promotion-item.only-product {
    border-radius: 6px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
}

.promotion-item.only-product:hover {
    outline: 1px solid #00ADFF;
}

.first-page-content .promotions .columns {
    margin-bottom: 40px;
}

.promotion-item.only-product h5 a {
    font-weight: 500;
}

.promotion-item.only-product .promotion-price.price {
    color: #0062A1;
    font-weight: 600;
    font-size: 20px;
}




/*products page*/

.product-card-tabs .accordion-content {
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #f4f4f4;    
    margin: 0 0;
    background-color: #ffffff;
}




.product-card-tabs .accordion-title {
    border-radius: 6px;
}

.product-card-tabs .accordion-title:hover {
    background-color: #E5EFF5 !important;
}

.product-card-tabs .accordion-item {
    margin-bottom: 6px;
}

.product-card-tabs .accordion-item.is-active .accordion-title {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}



.product-card-tabs .accordion-item:not(.is-active) .accordion-title {
    border-radius: 6px !important;
}

.product-card-tabs .accordion-item.is-active .accordion-title {
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.footer .footer-wrapper .content-footer-wrapper li {
    width: 200px !important;
}

#footer > footer > div.row > div.footer-wrapper > ul > li:nth-child(6){
    max-width: 1200px;
    width: 100% !important;
}