.breadcrumbs {
	color:var(--text-color);
	max-width:1160px;
    display:none;
}

.layout-onecolumn {
    padding-top:0px;
}

.dk-grid__wrapper {
    max-width:100%;
}

.dk-grid__wrapper .col__2-6 {
	padding-left:0px;
}

.dk-grid__wrapper .main-list {
	width:calc(66% - 10px);
}

@media screen and (min-width:769px) {
    .rtl .dk-grid__wrapper .main-list {
        padding-left:0px;
        padding-right:32px;
    }
}

.w-full.banner {
    max-width: none;
    padding: unset;
    margin: 0px;
    width: 100%
}

[ng\:cloak], [ng-cloak], .ng-cloak {
	display: none !important;
}

.print-icon {
	vertical-align: middle;
}

.supplier-table {
	margin-bottom: 45px;
	width: 100%;
}

.supplier-index-wrapper {
	margin: 0;
}

.supplier-index-wrapper h2 {
	margin-top: 0px;
	font-size: 20px;
}

.alpha-container {
	width: 100%;
}

.supplier-alphabetical-links {
	border-bottom: 1px solid #666;
	float: left;
	padding: 0px;
	box-sizing: border-box;
	width: 100%;
	text-align: center;
	margin-bottom: 2px;
	padding: 5px;
	max-width: 3.7%;
} 

.supplier-alphabetical-links.item-bold {
    background-color:var(--red);
}

    .rtl .supplier-alphabetical-links {
        float: right;
    }

.supplier-alphabetical-links a {
	text-decoration: none;
	color: var(--text-color);
}


.supplier-alphabetical-links.item-bold a {
	color: var(--white);
}

.supplier-alphabetical-links:hover {
	font-weight: bold;
        cursor: pointer;
}

.input-search{
	padding: 0px 0px 0px 5px;
	vertical-align: middle;
	box-sizing: border-box;
}

    .rtl .input-search {
        padding: 0px 5px 0px 0px;
    }

#letter-link {
	text-decoration: none;
	color: black;
	font-weight: bold;
	display: block;
        padding:4px 0;			
	width:100%;
}

.supplier-table .supplier-group-partition {
	columns: 1;
	padding-top: 10px;
}

.supplier-group-partition {
	display: block;
	width: 100%;
	padding-top: 20px;
}

.supplier-group-header {
	display: block;
	margin-top: 30px;
	position: relative;
}

.supplier-group-list {
	columns: 2;
	padding: 0px;
	display: block;
	margin: 0;
	list-style: none;
}

.supplier-listing-column {
        padding: 0;
	width: 50%;
}

.letter-label {
        font-weight: bold;
}

    .rtl .letter-label {
        text-align: right;
    }

.supplier-listing-head {
        text-align: left;
}

.rtl .supplier-listing-head {
        text-align: right;
	padding:5px 10px 5px 0px
    }

.new-suppliers-link,
.line-card-link {
	margin-right: 5px;
}

    .rtl .line-card-link-label {
        margin-right: 0px;
	margin-left:3px;
    }

.supplier-listing-link {
    	display: block;
    	text-decoration: none;
	text-align:left;
	direction: ltr;
}
	
.rtl .supplier-listing-link {
	text-align:right;
}
	
.grey-selected{
	background-color: #eee;
	font-weight: 600;
}
.supplier-index {
    	border-spacing: 0;
    	width: 80%;
    	float: left;
    	display:table;
    	border-collapse: collapse;
}

    .rtl .supplier-index {
	clear: both;
	float: right;
    }


.filter-column {
    	float: left;
    	width: 18%;
    	padding-right: 2%;
    	min-width: 200px;
}

    .rtl .filter-column {
    	clear: both;
	float: right;
	padding-right:0px;
	padding-left: 2%;
    }

.supplier-centers-description {
	padding-bottom: 20px;
}
.supplier-search-button {
	background : url("/~/media/Designer/Header/Merkle/CSS/images/button_background.png") no-repeat scroll right center #999;
	height: 22px;
	width: 50px;
	margin: 0px;
	padding: 4px 25px;
	border: 1px solid #CCC;
	vertical-align: middle;
	margin-left: -10px;
	}

    .rtl .supplier-search-button {
	    margin-left: 0px;
	    margin-right:-10px;
    }

.supplier-search-button:hover {
	background : url("/~/media/Designer/Header/Merkle/CSS/images/button_background_hover.png") no-repeat scroll right center #333;
	cursor: pointer;
}
	
.top-right-links {
	float : right;
}

    .rtl .top-right-links {
    	clear: both;
	float: left;
    }

.top-right-links a {
	color: inherit;
}

.top-right-links a img {
	vertical-align: middle;
	margin-right: 5px;
}

    .rtl .top-right-links a img {
	margin-right:0px;
	margin-left: 5px;
    }

.supplier-search-box {
	width: 35%;
	padding: 0px 5px;
	height: 22px;
	box-sizing: border-box;
}
.search-supplier-index {
	margin: 0px 0px 30px 0px;
}

.supplier-product-types {
	text-decoration: none;
	color: black;		
}
.product-type-section div{
	border-top: 0;
	padding: 6px 0px;
	padding-left: 5px;		
}
    .rtl .supplier-product-types div {
	padding-left: 0px;
	padding-right:5px;
    }

.supplier-index .header-type{
	padding:20px 0 5px 5px;
	font-weight: bold;
	position: relative;
}

.rtl .supplier-index .header-type{
	padding:20px 5px 5px 0;
}

.supplier-index .header-type a {
	background-color: #eee;
	border: solid 1px #ccc;
    	display: block;
	float: right;
	width: 100%;
	height: 20px;
	position: absolute;
	z-index: -1;
	left: 0px;
	bottom: 2px;
}

.supplier-index .header-type a {
	clear: both;
	float: left;
	right: 0px;
}

.supplier-listing-link:hover {
	text-decoration: underline;
}

.supplier-product-types:hover div {
    	background-color: #eee !important;;
}

.search-box-row {
	text-align: end;
}

.search-box-row a {
	font-weight: bold;
}

.product-type-section .header-type.border-black {
    	padding:3px 8px;
    	background-color:#ccc;
    	border-top:solid 1px #666;
    	font-weight:bold;
}
	
.product-type-section .border-black{
	border: 1px solid #666;
    	border-top:none;
}
	
#top {
    	position:absolute;
    	top:0px;
}
	
.supplier-row{
	display: flex;
}

.supplier-index tr:first-child td {
	padding-top:5px;
}

.search-sidebar .dk-input {
	width: 100%;
	margin-bottom: 10px;
}






.content-banner__container {
    display: block;
    position: relative;
	  margin-bottom:80px;
}

.content-banner__container.billboard {
    background-image:none !important;
}


.content-banner__container.billboard::before {
     content: "";
    display: block;
    box-sizing: border-box;
    height: 161px;
    position: absolute;
    top: 0;
    z-index: -1;
    width: calc(100vw - 10px);
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
	background-color:var(--red);
	  background-image:url(/-/media/Images/Supplier%20Centers/Supplier%20background%20image.jpg?la=en-US&ts=2942018c-ca33-42ce-b290-6710cf49830f);
}

.content-banner__container .dk-card {
top:50px;
	position: relative;
	padding:16px;
}


.company-logo {
display: flex;

}

.company-logo img {
	height: 126px;
  border:solid 1px #000;
	margin-right:16px;
}

.rtl .company-logo img {
	margin-right:0px;
	margin-left:16px;
}

.company-logo h1 {
	margin-top: 0px;
	padding-top:0px;
}


.company-logo p {
	line-height: 18px;
	padding-top:0px;
	margin-top:0px;
}









.search-sidebar__group {
  	border: 1px solid #ccc;
  	margin-bottom: 15px;
  	border-radius: 5px 5px 0 0;
}

.rtl .search-sidebar__group {
  	border-radius: 5px 0 0 5px;
}

.search-sidebar__group:last-child {
  	margin-bottom: 0px;
}

.search-sidebar__group p {
  	margin-left: 10px;
  	cursor: pointer;
}

.rtl .search-sidebar__group p {
  	margin-left: 0;
  	margin-right: 10px;
}

.search-sidebar__group input {
  	margin-left: 10px;
}

.rtl .search-sidebar__group input {
  	margin-left: 0;
  	margin-right: 10px;
}

.search-sidebar__group p:after {
  	float: right; 
  	line-height: 16px; 
  	transition: all .2s ease;
  	content: "\F107";
  	font-family: dk;
  	color: inherit;
  	font-size: 20px;
  	margin-right: 10px;
}


.rtl .search-sidebar__group p:after {
  	clear: both;
  	float: left; 
  	margin-right: 0;
  	margin-left: 10px;
}

.search-sidebar__group.active p:after {
  	font-family: 'dk' !important;
  	-webkit-transform: rotate(.5turn);
  	transform: rotate(.5turn);
}

.search-sidebar__group > div {
  	display: none;
}

.search-sidebar__group.active > div {
  	display: block;
}

.side-list {
	padding: 5px 0;
}

.search-sidebar {
	margin-bottom:24px;
/*    min-width:300px;*/
}

.search-sidebar__group > div {
  	border-top: 1px solid #ccc;
  	max-height: 279px;
  	overflow-y: auto;
  	overflow-x: hidden;
  	position: relative;
}

.search-sidebar a {
  	color: #333;
  	text-decoration: none;
  	width: 100%;
  	top: 0px;
  	padding: 4px 12px;
  	float: left;
}

.rtl .search-sidebar a {
  	float: none;
  	float: right;
}

.search-sidebar__richtext {
  	border: 1px solid #333;
  	padding: 0 10px 5px
}

.search-sidebar__richtext h3 {
  	text-align: center;
}

.search-sidebar__richtext img {
  	max-width: 100%;
}

.search-sidebar__richtext div:nth-child(2) {
  	width: 35%;
  	display: inline-block;
  	vertical-align: top;
  	line-height: 1.7;
}

.search-sidebar__richtext div:nth-child(3) {
  	width: 60%;
  	display: inline-block;
  	vertical-align: top;
  	line-height: 1.7;
  	padding: 10px 5px 0;
  	text-align: center;
}

.search-sidebar__richtext div:nth-child(3) .dk-btn__primary {
  	margin-top: 15px;
}

.search-sidebar__richtext .dk-btn__primary {
  	float: none;
  	color: #fff;
  	width: 20%;
}

.dk-search-icon {
  	width: 40px;
  	visibility: hidden;
}

.dk-form-group {
  	position: relative;
  	flex-direction: column;
}

.dk-search-icon:before {
  	font-family: "dk";
  	content: "\f02e";
  	font-size: 16px;
  	right: 10px;
  	color: black;
  	position: absolute;
  	top: 42px;
  	visibility: visible;
  	background-color: #fff;
  	padding-left: 2px;
}

.rtl .dk-search-icon:before {
  	left: 5px;
  	background-color: unset;
  	right: unset;
}

.dk-search-icon:hover {
  	cursor: pointer;
}

.search-sidebar:before {
  	font-size: 16px;
  	right: 31px;
  	color: black;
  	position: absolute;
  	top: 32px;
  	visibility: visible;
  	background-color: #fff;
  	padding-left: 2px;
}

.rtl .search-sidebar:before {
  	left: 5px;
  	background-color: unset;
  	right: unset;
}

.search-sidebar:hover {
  	cursor: pointer;
}

.dk-checkbox-group:first-child {
	margin-top: 5px;
}

.supplier-selected-filters {
	margin-bottom: 30px;
}

.supplier-selected-filters h2 {
	font-size: 13px;
	margin: 0 0 7px;
}

@media screen and (max-width:640px) {
	.company-logo {
			flex-wrap:wrap;
	}
	.company-logo img {
		margin-bottom:16px;
	}	
}

@media screen and (max-width:400px) {
	  .supplier-group-list {
          columns: 1;
          padding-left: 0px;
          display: block;
          margin: 0;
          list-style: none;
    }
}

@media screen and (max-width:768px) {
	.dk-grid__wrapper .main-list {
	padding:0px;
		width:100%;
}
	
	.search-box-row {
		position: static;
    margin-bottom: 10px;
    display: block;
    text-align: left;
    margin: 0px;
	}
	
	.rtl .search-box-row {
    text-align: right;
	}
	
	.new-suppliers-link, .line-card-link, .dld-to-excel-link {
		display: block;
		margin: 0px;
	}
	
	.supplier-alphabetical-links  {
		padding:4px 0px;
	}
}
	.supplier-alphabetical-links  {
		padding:4px 0px;
	}