/* custom colors */
:root {
    --link-color: #337ab7;
    --icon-color: #666;
    --text-color: #333;
    --search-results-keyword-highlight: #9f9;
    --search-results-keyword-text: #333;
    --dft-button-background-color: #efefef;
    --dft-button-text-color: #666;
    --global-border-color: #ccc;
    --nav-bar-text: #555;
    --nav-bar-bgnd: #f8f8f8;
    --nav-bar-border: #e7e7e7;
    --nav-bar-active-bgnd: #e7e7e7;
    --nav-bar-active-text: #555;
    --mini-cart-background-color: #fff;
    --table-header-color: #f5f5f5;
    --table-footer-color: #f5f5f5;
    --table-header-text: #555;
    --table-footer-text: #555;
    --table-border-color: #ccc;
    --table-odd-rows-color: #efefef;
    --table-highlight-color: #b7d0dd;
    --clickable-table-row: #e2edd7;
    --dialog-background-color: #fff;
    --panel-heading-background-color: #f5f5f5;
    --panel-heading-text-color: #606060;
    --important-text: crimson;
    --calendar-available-ship-date: #def1db;
    --calendar-alternate-ship-date: #fbffce;
    --calendar-disabled-text: #bbb;
    --saved-paymethods-background-color: #efefef;
    --saved-paymethods-title-background-color: #ccc;

}
.advanced-search-link {
    font-size: 1.3rem;
}

/* icons */
/* spinner */
.spinner, .loading-cart::before, .processing::before, .overlay-spinner::before {
    animation: fa-spin 2s infinite linear;
    content: "\f2f1";
}
.calendar-icon, .calendar-link::before {
    content: "\f073";
}
.user-icon, .d24-display-name .tab-text::before {
    content: "\f007";
}
.company-icon, .d24-display-account.tab-text::before {
    content: "\f1ad";
}
.shopping-cart-icon, .cart a::before {
    content: "\f07a";
}
.drop-caret, .tab-text::after {
    content: "\f0d7";
}
.search-icon, .itemSearch::after {
    content: "\f002";
}
.checkmark-icon, button.select-all::before, button.select-due::before {
    content: "\f00c";
}
.double-checkmark-icon, button.select-all::before {
    content: "\f560";
}
.checkbox-icon, button.clear-all::before {
    content: "\f0c8";
}
.arrow-right, .forward-link::after {
    content: "\f356";
}
.arrow-left, .back-link::before {
    content: "\f355";
}
.email-icon, .send-it  a::after {
    content: "\f0e0";
}
.ellipsis, li.responsivetabs-more a.dropdown-toggle::after {
    content: "\f141";
}
.delete, .remove::after, .ui-dialog-titlebar-close::after {
    content: "\f00d";
}