@media (min-width: 320px) {

#cartalert {
    min-width: 200px;
    max-width: 335px!important;
    border-bottom: 5px solid #ed0223!important;
    color: #000!important;
}
#cartalert i {
    color: #ed0223!important;
    font-size: 32px!important;
}
.Bar {
    margin-bottom: 1rem!important;
    margin-top: 16px;
}
.Bar a {
    font-size: 14px;
}
#quickorderbutton {
    color: #fff!important;
}

h4.order-pad-heading {
    font-size: 1.75rem!important;
    font-weight: 500!important;
}

/******************************** Tile-List ***/
p.results-label {
    margin: 0;
    color: #555555;
    font-size: 13px;
    font-weight: 600;
}
.results-group > div:first-child {
    margin-right: auto;
}

.image-wrapper.image-wrapper--product {
    height: 230px;
}
.ListView .image-wrapper.image-wrapper--product {
    height: 100px;
}
.category-caption {
    text-align: center;
    color: #111111;
    font-size: 18px;
    line-height: 20px;
    font-weight: 700;
    padding-bottom: 1.5rem;
}
.TL-buttons button {
    /* background: transparent; */
}
.breadcrumb.cat-breadcrumb a {
    color: #cc2020;
}

.breadcrumb-item.active {
    color: #000000;
    font-weight: 500;
}
.TL-Price {
    color: #000;
    font-size: 18px;
}
.TL-AddToCart .btn-addtocart {
    padding: 5px;
}
.breadcrumb-title {
    color: #000;
    font-size: 2.25rem;
    font-weight: 800;
    text-transform: uppercase;
    margin-bottom: 0rem;
}
.breadcrumb-heading {
    background: #eceff1;
    margin-bottom: 20px;
    padding: 16px 0 9px 0!important;
    border: none;
}
button.btnCompare {
    /* margin-left: 8px!important; */
    text-transform: none;
    background: #f5f5f5;
    font-size: 12px;
    font-weight: 500;
    /* border: none; */
}
.spec-form {
    background: #f7f7f7;
}
.results-group {
    /* padding: 20px 0px 15px 0px; */
    margin-bottom: 0px;
}
a.tile.tile--category {
    padding: 0;
    border: 1px solid #d1d1d1;
    text-decoration: none;
}
.image-wrapper.image-wrapper--category {
    margin: 0;
    height: 250px;
    padding: 16px;
}
.pagination {
    margin-bottom: 48px!important;
}
.page-item.active .page-link {
    background-color: #48433c!important;
    border-color: #3e3933!important;
	color: #fff!important;
}
.page-link {
    color: #ce9801!important;
}
/** Tile-List **/



/******************************** Product-Detail ***/
.dp-image-wrapper {
    -ms-flex: 0 0 49%;
    flex: 0 0 49%;
    max-width: 49%;
    margin-right: 5%;
    text-align: center;
}
.InfoTableContainer {
    text-align: left;
    padding: 24px 40px 10px 40px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 46%;
    flex: 0 0 46%;
    max-width: 46%;
    background: #f5f5f7;
}
.table.table--warehouse-table .table-row {
    background: white;
}
.table.table--warehouse-table .table-row:nth-child(even) {
    background: #efefef!important;
}
.dp-image-wrapper span {
    border: 0px solid #ddd!important;
    height: 420px!important;
}
.nav-tabs .nav-link {
    border: 1px solid #c2c2c2!important;
    border-left: 0px!important;
    border-top-left-radius: 0rem!important;
    border-top-right-radius: 0rem!important;
    padding: 1rem!important;
}
.nav-tabs .nav-item:first-child .nav-link {
    border-left: 1px solid!important;
}
.nav-tabs {
    border-bottom: 0px solid #ddd!important;
}
.dp-tabs-wrapper .nav-link.active {
    background: #111111!important;
    border-color: #111111!important;
    border-bottom: 2px solid #cc2020!important;
    color: white!important;
}
.dp-tabs-wrapper .nav-link {
	color: #555!important;
	background: #fff;
	font-size: 1rem;
	font-weight: 400;
}
.tab-content .table-cell.table-cell-label {
    background: transparent!important;
    width: 180px!important;
    padding-right: 10px!important;
    font-weight: 600;
    text-align: left!important;
}
.tab-content .table-cell {
    padding: 3px 0 3px 0px!important;
    border-bottom: 1px solid #e8e8e8!important;
}
div#tabContent {
    text-align: left;
    border: 0px solid #6f6f6f!important;
    border-top: 0px solid #ffffff!important;
}
div#tabContent .card-body {
    padding: 2.25rem 0 1.25rem 0;
}
div#tabContent .table td {
    padding: .75rem;
    vertical-align: top;
    border-top: 0px solid #dee2e6!important;
}
.product-recommendations-header {
    margin-bottom: 16px;
    font-family: "Oswald", sans-serif!important;
    font-size: 24px;
}
.item-card {
    border: 1px solid #d1d1d1;
}
/** Product-Detail **/
/******************************** Worksheets***/
.my.worksheet-heading button.btn.btn-create, button.btn.btn-create-new {
    background: #fed980 !important;
    color: black;
    font-size: 16px;
    font-weight: 600;
}
button.btn.btn-create-new:hover {
    color: #000000 !important;
    background: transparent !important;
}
.worksheet-page {
    background: transparent;
    padding: 16px 0px 8px 0px;
}
.worksheet-buttons {
    margin: auto;
    /* margin-left: 15px; */
}
.worksheet-buttons .btn {
    text-transform: none;
    font-weight: 500!important;
    font-size: 14px;
    background: #000000;
    border: 0px solid #000000;
    color: #ffffff!important;
    padding: 8px 16px;
    border-radius: 0px;
}
.worksheet-buttons i {
    font-size: 18px;
    margin-right: 8px;
}
.worksheet-group {
    margin-bottom: 30px;
    padding-top: 0px;
    /* border-bottom: 2px solid #f5f5f7; */
}
span.wrk-actions {
    font-weight: 800;
    font-size: 1.5rem;
    text-transform: uppercase;
    margin-bottom: 5px;
}
.worksheet-actions .btn.btn-link.collapsed {
    color: #4f5459 !important;
}
.card-a .btn-send {
    padding: 5px 24px;
}
.heading-group {
    display: block;
}
.wrk-actions-box {
    border: 0px;
    padding: 16px 32px!important;
    background: #f5f5f7;
}
.worksheet-name-flex {
    background: #f5f5f7;
    padding: 16px 24px;
}
.worksheet-heading .account-heading {
    font-weight: 600;
    font-size: 1.75rem;
    text-transform: uppercase;
}
.worksheet-heading .account-heading span {
    font-size: 1.5rem;
    font-weight: 800;
    font-family: "Oswald", sans-serif!important;
}
.worksheet-heading .account-heading .comment {
    font-size: 14px;
    font-weight: normal;
    text-transform: none;

}
.addItem {
    background: #f5f5f7;
    padding: 1.5rem;
}
.add-item-group {
    margin-right: auto;
    margin: auto;
    max-width: 400px;
    min-width: 300px;
}
input.txtPartInsert {
    border: 1px solid #919191;
    height: 44px;
}
.addItem .btn-Insert {
    padding: 16px;
    background-color: #fed980;
    border-color: #919191;
    color: #000000;
    height: 44px;
}
/******************************** Account ***/
div#accountfunctions_table_45 .SideBar {
    padding-top: 16px;
    background: #f5f5f7;
    flex: 0 0 225px!important;
    -webkit-flex: 0 0 225px!important;
    -ms-flex: 0 0 225px!important;
}
.right-dash {
    background: #f5f5f7;
}
.Cat1.PostLoginCell {
    display: none;
}
.OrdHeader, .account-heading {
    font-size: 1.75rem;
    margin-top: 1rem;
    text-transform: uppercase;
    font-family: "Oswald", sans-serif!important;
    font-weight: 800;
}
.account-heading {
    margin-bottom: 15px;
    font-family: "Oswald", sans-serif!important;
}
.dash-box-heading {
    background: #000000;
    padding: 5px 8px;
    font-weight: 500;
    font-family: "Oswald", sans-serif!important;
    font-size: 1.25rem;
    text-transform: uppercase;
}
.accountView.table a {
    color: #216869!important;
}
button.btn-csv, button.btn-excel {
    background: #090909;
    color: white;
    font-size: 14px;
    padding: 4px 16px;
}
button.btn.btn-refresh {
    padding: 5px;
    max-width: 200px;
    background: #fed980;
    color: black;
}
button.btn-add {
    background: #fed980;
    border-radius: 2px;
    padding: 10px 20px;
    font-size: 16px;
}
.worksheet-actions .btn.btn-link {
    text-transform: none;
    font-family: inherit;
}

.btn-add-selected {
    padding: 5px 15px;
    text-transform: none;
    font-weight: 500;
    font-size: 16px;
}
button.btn-add-selected:first-child {
    background: transparent;
    color: #a14242;
    border: 1px solid #a14242 !important;
}
}


@media (min-width: 768px) {
.filter-nav {
    margin-right: 16px;
}
}
@media (min-width: 991px) {
.dp-tabs-wrapper {
    margin: 4rem 0 4rem 0!important;
}
div#tabContent .table {
    border: none;
    border-color: #ddd;
    /* -webkit-column-count: 2; */
    -moz-column-count: 2;
    /* column-count: 2; */
    /* display: block; */
}
.nav {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.nav-tabs .nav-item {
    margin-bottom: -1px;
    flex: 1;
    text-align: center;
}
}

	
@media (max-width: 768px) {	
.dp-image-wrapper {
    -ms-flex: 0 0 100%!important;
    -webkit-box-flex: 0!important;
    flex: 0 0 100%!important;
    max-width: 100%!important;
    margin-right: 0%;
    margin-bottom: 20px;
    text-align: center;
}
.InfoTableContainer {
    text-align: left;
    padding: 20px!important;
    -ms-flex: 0 0 100%!important;
    -webkit-box-flex: 0!important;
    flex: 0 0 100%!important;
    max-width: 100%!important;
}
div#tabContent .card-body {
    padding: 1.25rem;
}
}
@media (max-width: 576px) {	
.breadcrumb-heading {
    margin-bottom: 10px;
    padding: 7px 5px 4px 5px!important;
}
.breadcrumb.cat-breadcrumb a, .breadcrumb.cat-breadcrumb {
    font-size: 12px;
}
.breadcrumb-title {
    margin-bottom: 0px;
    font-size: 1.25rem;
}
.Bar a {
    font-size: 12px;
}
h4.order-pad-heading {
    font-size: 1.25rem!important;
}

.image-wrapper.image-wrapper--product {
    height: 180px;
}

a.tile.tile--category {
    padding: 10px;
}
.category-caption {
    font-size: 14px;
    line-height: 16px;
}
.image-wrapper.image-wrapper--category {
    margin: 0;
    height: 160px;
}

.item-desc {
    font-size: 1.25rem;
    line-height: 1.2;
}
.worksheet-buttons {
    margin: auto;
    margin-left: 0px;
}
.worksheet-buttons .btn {
    width: 48%;
}
}