/* Minification failed. Returning unminified contents.
(63,28): run-time error CSS1039: Token not allowed after unary operator: '-border-color--card'
(64,22): run-time error CSS1039: Token not allowed after unary operator: '-bg-color--card'
(95,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(130,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(160,24): run-time error CSS1039: Token not allowed after unary operator: '-bg-color--card'
(285,17): run-time error CSS1039: Token not allowed after unary operator: '-link-blue'
(323,28): run-time error CSS1039: Token not allowed after unary operator: '-error'
(324,17): run-time error CSS1039: Token not allowed after unary operator: '-error'
(334,28): run-time error CSS1039: Token not allowed after unary operator: '-error'
(341,24): run-time error CSS1039: Token not allowed after unary operator: '-error'
(360,17): run-time error CSS1039: Token not allowed after unary operator: '-error'
(369,17): run-time error CSS1039: Token not allowed after unary operator: '-error'
(450,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color'
(1307,32): run-time error CSS1039: Token not allowed after unary operator: '-error'
(1308,35): run-time error CSS1039: Token not allowed after unary operator: '-error'
(2289,1): run-time error CSS1019: Unexpected token, found '@'
(2458,17): run-time error CSS1039: Token not allowed after unary operator: '-link-blue'
(2494,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-color--card'
(2514,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-color--card'
(2525,28): run-time error CSS1039: Token not allowed after unary operator: '-bg-color--card'
(2724,1): run-time error CSS1019: Unexpected token, found '@'
(2724,2): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(2725,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(2738,1): run-time error CSS1019: Unexpected token, found '@'
(2738,2): run-time error CSS1019: Unexpected token, found '@keyframes'
(2739,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
 */
@charset "utf-8";

/*
* jQuery UI CSS Framework
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=000000&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=75&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
*/

/* Layout helpers
----------------------------------*/
.ui-helper-clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.ui-helper-clearfix {
    display: inline-block;
}

/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix {
    height: 1%;
}

.ui-helper-clearfix {
    display: block;
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}

.ui-state-disabled {
    cursor: default !important;
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100%;
}

.ui-widget-content {
    border: 1px solid var(--border-color--card);
    background: var(--bg-color--card);
}

.ui-widget-overlay {
    background: #000000;
    opacity: .75;
    filter: Alpha(Opacity=75);
}

.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #aaaaaa;
    opacity: .30;
    filter: Alpha(Opacity=30);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.ui-dialog {
    position: fixed;
    padding: .2em;
    overflow: hidden;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.ui-dialog .ui-dialog-titlebar {
    font-weight: bold;
    color: var(--text-color);
    padding: 10px 0 5px 0;
    border: none;
    border-bottom: solid 1px #ccc;
    width: calc(100% - 20px);
    margin: 0 auto 5px auto;
    border-radius: 0;
    position: relative;
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 16px .2em 0;
}

    .rtl .ui-dialog .ui-dialog-title {
        float: right;
        margin: .1em 0 .2em 16px;
    }

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    opacity: .7;
    right: 0px;
    top: 3px;
}

    .rtl .ui-dialog .ui-dialog-titlebar-close {
        right: auto;
        left: 0px;
    }

.ui-dialog .ui-dialog-titlebar-close:after {
    position: absolute;
    content: "\f00d";
    color: var(--text-color);
    font-weight: bold;
    right: 0px;
    top: 3px;
    font-family: "dk";
    font-size: 14px;
}

.rtl .ui-dialog .ui-dialog-titlebar-close:after {
    right: auto;
    left: 0px;
}

.ui-dialog .ui-dialog-titlebar-close:hover {
    opacity: 1
}

.ui-dialog .ui-dialog-content {
    border: 0;
    padding: .5em 1em;
    background: none;
    overflow: auto;
    zoom: 1;
}

.ui-dialog .ui-dialog-buttonpane {
    text-align: right;
    border-width: 1px 0 0 0;
    margin: .5em 0 0 0;
    padding: .3em 1em .5em .4em;
    border-color: var(--bg-color--card);
}

.ui-dialog .ui-dialog-buttonpane button {
    margin-left: 5px
}

    .rtl .ui-dialog .ui-dialog-buttonpane button {
        margin-left: 0;
        margin-right: 5px;
    }
.dk-btn, .dk-btn__primary, .dk-btn__alternate, .dk-btn__secondary, .button, .btn {
    margin: 5px 0px;
    white-space: normal;
}

.dk-card {
    padding: 20px !important;
    margin-bottom: 20px;
}

.dk-card.dk-card__blurple {
    background-color: #e8e7ff;
}

@media screen and (min-width:769px) {
    .blurple-cards {
        display: flex;
        gap: 16px;
    }

    .dk-card.dk-card__blurple {
        height: 100%;
        margin-bottom: 0px;
        padding:16px 20px !important;
    }
}

.dk-card.dk-card__blurple p.cards-headline {
    padding:0px;
    font-weight:bold;
    margin:0px;
}

.dkdk .dk-card.dk-card__blurple {
    background-color: #1a1552;
    border-color:#1a1552;
}

    .dk-card.dk-card__yellow {
        background-color: #FDF8E6
    }

        .dkdk .dk-card.dk-card__yellow {
            background-color: darkgoldenrod;
        }

    .gray-box {
        padding: 10px 15px;
        border-radius: 5px;
        background-color: #F2F2F2;
    }

.dkdk .gray-box {
    padding: 10px 15px;
    border-radius: 5px;
    background-color: #444444;
}

.dk-card.dk-grid {
    padding: 16px 0 !important;
}

.dk-card .section-overflow {
    overflow: auto;
}

.dk-card p.h1 {
    font-size: 14px;
    margin: 5px 0;
    display: flex;
}

    .dk-card p.h1.bottom-border {
        border-bottom: solid 1px #eaeaea;
        padding-bottom: 10px;
        margin: 0px;
    }

    .dk-card p.h1.headline-border {
        margin-top: 32px !important;
    }

    .dk-card p.h1 span {
        flex-grow: 1;
    }

.mydk-index__cards {
    margin-bottom:24px;
}

    .mydk-index__cards .cards-headline {
        font-size:14px;
        margin-top:0px;
        padding-top:0px;
        font-weight:bold;
    }


/*POSSIBLE EDITS TO GLOBAL.CSS*/
hr {
    height: 1px;
    border: 0px;
    background-color: #ccc;
    margin: 20px 0;
}

.dk-link {
    cursor: pointer;
}

span.dk-link,
#previousReturnsLink,
#termsLink a,
#returnForm a {
    color: var(--link-blue);
    font-weight: bold;
    text-decoration: none;
}

    span.dk-link:hover,
    #termsLink a:hover,
    #returnForm a:hover {
        cursor: pointer
    }

@media screen and (min-width:768px) {
    .dk-input {
        width: 50%;
    }

    .mydk-registration .dk-input {
        width: 100%;
    }
}

.dk-input#Form_Message,
.AddInfo .dk-input {
    height: 100px;
    resize: none;
}

.dk-dropdown__container,
.dk-dropdown__container--multi {
    margin: 0px;
}

.dk-input-helper {
    margin-bottom: 10px;
}

.input-validation-error,
.koError {
    border: 1px solid var(--error) !important;
    color: var(--error) !important;
    margin-bottom: 0 !important;
    animation: headshake 300ms ease-in-out forwards;
}

input[type="radio"].dk-radio-button, input[type="radio"].dk-radio.input-validation-error {
    border: none !important;
}

    input[type="radio"].dk-radio-button, input[type="radio"].dk-radio.input-validation-error:before {
        border-color: var(--error);
    }

select.dk-input__error + .dk-dropdown__container .dk-dropdown__selected,
select.dk-input__error + .dk-dropdown__container .dk-dropdown__options__border,
select.input-validation-error + .dk-dropdown__container .dk-dropdown__selected,
select.input-validation-error + .dk-dropdown__container .dk-dropdown__options__border {
    border-color: var(--error) !important;
}

.dk-input__error + .dk-dropdown__container + span.validationMessage:not(disabled),
.input-validation-error + .dk-dropdown__container + span.field-validation-error:not(disabled),
.input-validation-error + span.field-validation-error:not(disabled),
.dk-input__error + span.validationMessage:not(disabled),
.koError + span.validationMessage:not(disabled),
.dk-radio.input-validation-error ~ span.field-validation-error:not(disabled) {
    display: block;
    opacity: 1;
    transition: all 0.2s ease;
    transform: translateY(0%);
}

.field-validation-error,
.validationMessage {
    display: block;
    transition: all 0.2s ease;
    color: var(--error) !important;
    margin-top: 5px;
    margin-bottom: 5px;
    opacity: 0;
    font-size: 10px;
    pointer-events: none;
}

#passwordError {
    color: var(--error) !important;
    font-size: 10px;
    margin-top: -10px;
    line-height: 1.5;
}

    #passwordError:not(:empty):before,
    .field-validation-error:before,
    .validationMessage:before,
    .invoice-id-error:before{
        content: "\f071";
        font-family: "dk";
        font-size: 1rem;
        padding-right: 5px;
        position: relative;
        top: 2px;
    }

.rtl #passwordError:not(:empty):before,
.rtl .field-validation-error:before,
.rtl .validationMessage:before {
    padding-right: initial;
    padding-left: 5px;
}

.dk-input-group__dual-zip {
    display: flex;
    flex-wrap: wrap;
}

#PostalCode {
    order: 1
}

.dual-zip__dash {
    padding-top: 10px;
    order: 2;
}

.dual-zip__zip-plus {
    order: 3;
    flex-grow: 1;
}

.dk-input-group__dual-zip .validationMessage {
    flex-grow: 1;
    order: 4;
    flex-basis: 100%;
}

.hide {
    display: none;
}

.dk-btn__center {
    display: block;
    text-align: center;
}

/*NAV & CUSTOMER INFO*/
.mydk-nav .h1,
.mydk-nav .h2 {
    padding-bottom:0.5rem;
}

    .mydk-nav .h2 {
        padding-top:1.5rem;
    }

    .mydk-nav .custInfoNav {
        padding-bottom:0.5rem;
    }

.mydk-nav__email-address {
    overflow:hidden;
    text-overflow:ellipsis;
}

.mydk-nav a {
    display: block;
    line-height: 2rem;
    color: var(--text-color);
    text-decoration: none;
}

    .mydk-nav a:hover {
        text-decoration: underline;
    }

/*DIGIKEY TEAMMEMBERS*/
.sidebar-team {
}

.sidebar-team-photo {
    height: 75px;
    width: 75px;
    overflow: hidden;
    border-radius: 50em;
    margin-right: 20px;
    flex-shrink: 0;
}

.sidebar-team-photo-group {
    height: 75px;
    width: 150px;
    overflow: hidden;
    border-radius: 50em;
    margin-right: 20px;
    flex-shrink: 0;
}

.rtl .sidebar-team-photo-group {
    margin-right: 0px;
    margin-left: 20px;
}

.rtl .sidebar-team-photo {
    margin-right: 0px;
    margin-left: 20px;
}

.sidebar-team-photo img {
    width: 75px;
}

.sidebar-team-photo-group img {
    width: 150px;
}

.sidebar-team-info p {
    margin: 5px 0;
}

    .sidebar-team-info p a {
        overflow-wrap: break-word;
        word-break: break-all;
        word-wrap: break-word;
        display: inline-block;
    }

.mydk-index__recent-orders .responsive-toggle {
    display: none !important;
}

/*ORDER HISTORY  & PCN*/
#pcns {
    min-height: 150px;
}

.orders-filter,
.pcn-filter {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin-bottom: 15px;
    justify-content: end;
    flex-direction: row-reverse;
}

    .orders-filter.filter-border {
        border-bottom: solid 1px #ccc;
    }

    .orders-filter > div,
    .pcn-filter > div {
        display: inline-flex;
        align-items: center;
        flex-wrap: wrap-reverse;
    }

.orders-filter__filters > div,
.pcn-filter__filters > div {
    flex-grow: 1;
    margin-top: 6px;
}

.orders-filter__filters {
    margin-bottom: 5px;
}

.orders-filter__orders-carts {
    flex-grow: 1;
    margin-bottom: -6px;
}

.orders-filter div.orders-filter__nav-border {
    background-color: #ccc;
    height: 1px;
    width: 100%;
    order: 1;
}

.orders-filter__orders-carts span {
    border-bottom: solid 3px transparent;
    padding: 4px;
    padding-top: 16px;
    margin-right: 28px;
    padding-bottom: 12px;
}

.rtl .orders-filter__orders-carts span {
    margin-left: 28px;
    margin-right: 0px;
}

.orders-filter__orders-carts .active-tab {
    color: #FF2100;
    border-bottom-color: #FF2100;
    font-weight: bold;
}

.orders-filter__orders-carts span:hover {
    color: #FF2100;
    border-bottom-color: #FF2100;
    cursor: pointer;
}

.orders-filter__mine-shared label.dk-radio-button-label {
    margin-right: 15px;
    position: relative;
    top: -8px;
    padding-left: 0px;
}

.rtl .orders-filter__mine-shared label.dk-radio-button-label {
    margin-right: 0px;
    margin-left: 15px;
    padding-right: 0px;
}

.orders-filter__mine-shared label.dk-radio-button-label::after {
    display: inline;
}

.orders-filter__inputs input,
.orders-filter__inputs span:not(.orders-filter__text-search),
.pcn-filter__inputs input,
.pcn-filter__inputs span:not(.pcn-filter__text-search) {
    margin-right: 10px;
}

.rtl .orders-filter__inputs input,
.rtl .orders-filter__inputs span:not(.orders-filter__text-search),
.rtl .pcn-filter__inputs input,
.rtl .pcn-filter__inputs span:not(.pcn-filter__text-search) {
    margin-left: 10px;
    margin-right: 0px;
}

#orderTextSearch,
#pcnTextSearch {
    width: 100%
}

.orders-filter__inputs input:first-child,
.pcn-filter__inputs input:first-child {
    margin-left: 0px;
}

.rtl .orders-filter__inputs input:first-child,
.rtl .pcn-filter__inputs input:first-child {
    margin-right: 0px;
    margin-left: 10px;
}

.orders-filter__inputs input#orderDateFrom,
.orders-filter__inputs input#orderDateTo,
.pcn-filter__inputs input#pcnDateFrom,
.pcn-filter__inputs input#pcnDateTo {
    width: 100px;
}

.orders-filter__text-search,
.pcn-filter__text-search {
    position: relative;
}

    .orders-filter__text-search input,
    .pcn-filter__text-search input {
        padding-right: 30px;
        width: initial;
    }

.rtl .orders-filter__text-search input,
.rtl .pcn-filter__text-search input {
    padding-left: 30px;
    padding-right: 10px;
}

.orders-filter__text-search:after,
.pcn-filter__text-search:after {
    content: "\f02e";
    font-size: 16px;
    height: 20px;
    width: 20px;
    position: absolute;
    right: 15px;
    top: 0;
}

.rtl .orders-filter__text-search:after,
.rtl .pcn-filter__text-search:after {
    right: auto;
    left: 15px;
}

#mfgNameFilterSelect,
#pcnTypeFilterSelect {
    display: none;
}

.combine-orders span {
    margin-top: 20px;
}

.combine-orders.stickyButton span {
    position: fixed;
    bottom: 10px;
}

.dtTD-add-remove-checkbox,
.dtTD-delete {
    width: 0px;
}

    .dtTD-delete .delete-cart {
        cursor: pointer;
        font-size: 18px;
    }

        .dtTD-delete .delete-cart:hover {
            color: #000;
        }

.mydkTable td .dk-checkbox {
    margin: 0px;
}

/* PREFERENCE CENTER */
.info-group-set {
    white-space: nowrap;
    padding-right: 10px;
}

.card-expired-date {
    color: red;
}

span.info-group .title-label {
    font-weight: bold;
}

.payment-type-image {
    height: 20px;
    vertical-align: middle;
}

#lblPaymentPreference img {
    height: 16px;
}

.update-payment-preference [class*='dk-btn__'] {
    margin-top: 15px;
}

.mydk-preferences__checkbox-group {
    margin-bottom: 15px;
}

/*PAYMENT OPTIONS*/
.paypal-account,
.digikey-account {
    font-weight: bold;
}

    .paypal-account img,
    .digikey-account img {
        height: 20px;
        vertical-align: middle;
        padding-right: 5px;
    }

.card-list {
    display: flex;
    width: 100%;
    padding: 15px 0;
    border-bottom: solid 1px #eaeaea;
}

    .card-list:first-of-type {
        border-top: solid 1px #eaeaea;
        margin-top: 15px;
    }

.card-list__image,
.card-list__number {
    align-self: center;
}

.card-list__number {
    flex-grow: 1;
}

    .card-list__number .card-name-number {
        display: block;
        font-weight: bold;
        font-size: 15px;
        padding-bottom: 5px;
    }

.card-list__image img {
    border-radius: 7px;
    border: solid 1px #999;
    margin-right: 15px;
}

.rtl .card-list__image img {
    margin-right: 0px;
    margin-left: 15px;
}

.card-list__number .deleteCard {
    float: right;
}

.rtl .card-list__number .deleteCard {
    float: left;
}

#addCardForm {
    margin-top: 15px;
}

/*DOC REQUEST CENTER*/
#docRequestOptions {
    margin-bottom: 15px;
}

.docRequestInputs {
    margin-bottom: 15px;
}

.docRequestInputs div div {
    margin-bottom: 10px;
}

/*USERS/ADDRESS EDIT*/
html[lang^="ja-JP"] #NewShippingAddress label[for="NewShippingAddress_FirstName"]::after,
html[lang^="ja-JP"] #NewShippingAddress label[for="NewShippingAddress_LastName"]::after,
html[lang^="ja-JP"] #ShippingAddress label[for="ShippingAddress_FirstName"]::after,
html[lang^="ja-JP"] #ShippingAddress label[for="ShippingAddress_LastName"]::after,
html[lang^="ja-JP"] #ReplacementAddress label[for="ReplacementAddress_FirstName"]::after,
html[lang^="ja-JP"] #step1 label[for="FirstName"]::after,
html[lang^="ja-JP"] #step1 label[for="LastName"]::after,
html[lang^="ja-JP"] #ReplacementAddress label[for="ReplacementAddress_LastName"]::after {
    content: " (ひらがな)";
}

.profile-info__label,
.address-info__label,
.review-order-info__label,
.return-approved__label {
    font-weight: bold;
    text-transform: uppercase;
    display: block;
    padding: 20px 0 5px 0;
}

.returns-invoice-details .col__2-6 > .return-approved__label:first-child {
    padding-top: 0px;
}

.update-info__content,
.update-address__content,
.alternate-address__content,
.addPaymentExpand__content {
    margin-top: 10px;
}

    .update-info__content small,
    .update-address__content small,
    .alternate-address__content small {
        display: block;
        padding: 0 0 10px 0;
    }

    .update-info__content table,
    .update-address__content table,
    .alternate-address__content table,
    .addPaymentExpand__content table,
    .mydk-registration table,
    .update-address table {
        width: 100%;
    }

.address-info-email {
    display: inline;
}

    .address-info-email:not(:first-of-type):before {
        content: "";
        display: block;
    }

/*USERS/ EDIT*/
.otpValidation {
    display: none;
}

/*TABLES*/
table.mydkTable {
    width: 100%;
    margin-bottom: 15px;
}

    table.mydkTable th,
    table.mydkTable td {
        border-bottom: solid 1px #ccc;
        padding: 10px 5px;
    }

    table.mydkTable th {
        text-align: left;
        padding: 15px 5px;
        text-transform: uppercase;
        font-size: 11px
    }

.rtl table.mydkTable th {
    text-align: right;
}

/*DATATBLES*/
.dataTable .sorting,
.dataTable .sorting_desc,
.dataTable .sorting_asc {
    cursor: pointer;
    position: relative;
}

    .dataTable .sorting:after,
    .dataTable .sorting_desc:after,
    .dataTable .sorting_asc:after {
        position: absolute;
        right: 0px;
        top: calc(50% - 13px);
        padding: 0 5px;
    }

.rtl .dataTable .sorting:after,
.rtl .dataTable .sorting_desc:after,
.rtl .dataTable .sorting_asc:after {
    left: 0px;
    right: auto;
}

.dataTable .sorting:after {
    content: "\e914";
}

.dataTable .sorting_desc:after {
    content: "\e915";
    color: #FF2100;
}

.dataTable .sorting_asc:after {
    content: "\e916";
    color: #FF2100;
}

.dataTables-lip {
    display: flex;
    padding: 5px 0 25px 0;
}

    .dataTables-lip div {
        display: flex;
        align-items: center;
        font-size: 14px;
    }

        .dataTables-lip div.dataTables_length {
            padding-right: 5px;
        }

.rtl .dataTables-lip div.dataTables_length {
    padding-right: 0px;
    padding-left: 5px;
}

.dataTables-lip div.dataTables_length select {
    font-weight: bold;
}

.dataTables-lip div.dataTables_paginate {
    padding-left: 15px;
    margin-left: 15px;
    border-left: solid 2px #ccc;
}

.rtl .dataTables-lip div.dataTables_paginate {
    border-left: none;
    border-right: solid 2px #ccc;
    margin-left: 0px;
    padding-left: 0px;
    margin-right: 15px;
    padding-right: 15px;
}

.dataTables-lip div.dataTables_paginate .paginate_button {
    border-radius: 50em;
    padding: 5px;
    min-width: 15px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
}

.dataTables-lip div.dataTables_paginate .current {
    background-color: #FF2100;
    color: #fff;
}

.dataTables-lip div.dataTables_paginate .disabled {
    display: none;
}

.dataTables-lip div.dataTables_paginate .current {
    font-weight: bold;
}

.update-info table td {
    vertical-align: middle;
}

.update-info textarea {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 0px;
}

.update-info table tbody tr {
    vertical-align: top;
}

.field-validation-valid,
.validation-summary-valid {
    display: none;
}

.user-info span {
    margin-bottom: 4px;
}

.shipping-address span:not(.dk-link), .billing-address span:not(.dk-link) {
    display: block;
}

#pending-change-address {
    display: inline;
}

.billing-boxes {
    display: none;
    border: solid 1px #eaeaea;
    background-color: #F8F8F8;
    padding: 0 10px 10px 10px;
    margin: 5px 0px;
}

#lblEmail,
.email-addresses {
    overflow-wrap: break-word;
    word-break: break-all;
    word-wrap: break-word;
    display: inline-block;
}

.removeEmail {
    background-color: #eaeaea;
    width: 20px;
    border-left: solid 1px #aaa;
    position: absolute;
    left: calc(50% + 9px);
    box-sizing: border-box;
    padding: 2px;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    top: 1px;
    height: 34px;
    line-height: 30px;
    font-size: 16px;
    z-index: 1;
}

.rtl .removeEmail {
    border-left: none;
    border-right: solid 1px #aaa;
    left: auto;
    right: calc(50% + 9px);
    border-radius: 4px 0 0 4px;
}

.removeEmail:hover {
    background-color: #ccc;
}

#creditDebitMemoNumbers .addLink,
#invoiceNumbers .addLink {
    margin-bottom: 15px;
}


#invoiceNumbersContainer .invoiceNumber:not(:first-of-type) .dk-input-label,
#creditDebitMemoNumberContainer .creditDebitMemoNumber:not(:first-of-type) .dk-input-label {
    display: none;
}

.invoiceNumber,
.creditDebitMemoNumber {
    position: relative;
}

.remove {
    position: absolute;
    left: calc(50% - 40px);
    font-size: 0px;
    top: 1px
}

.rtl .remove {
    left: auto;
    right: calc(50% - 40px);
}

.remove:hover {
    border-bottom: none;
}

.remove:before {
    content: "\e9ac";
    font-size: 22px;
    font-weight: normal;
    color: #222;
    background-color: #efefef;
    height: 22px;
    display: inline-block;
    padding: 8px;
    border-left: solid 1px #ccc;
    border-radius: 5px;
}

.rtl .remove:before {
    border-left: none;
    border-right: solid 1px #ccc;
}

.remove:hover:before {
    background-color: #ccc;
    border-color: #aaa
}

@media screen and (max-width:768px) {
    .remove {
        left: calc(100% - 39px);
    }

    .rtl .remove {
        left: auto;
        right: calc(100% - 39px);
    }

    .orders-filter__orders-carts {
        margin-bottom: -1px;
    }
}

.AddressSubmit {
    clear: both;
    display: table;
    padding: 10px 0 15px 0;
}

.update-address .AddressSubmit {
    padding: 0;
}

.AddressSubmit div {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
}

    .AddressSubmit div + div {
        text-align: right;
        padding-right: 5px;
    }

.rtl .AddressSubmit div + div {
    text-align: left;
    padding-right: 5px;
}

.AddressInput {
    width: 100%;
}

.AddressDropDownList {
    min-width: 70px;
}

.AddressTextBox[name=PostalCode], .AddressTextBox[name=PostalCodeExt] {
    width: 50px;
}

/* CUSTOMER SELECT */
.deleteCustomer,
.deleteCard {
    cursor: pointer;
    font-size: 18px;
    font-weight: normal;
    vertical-align: middle;
}

.review-order__order-info,
.return-approved__rma-info {
    margin-bottom: 25px;
}

    .review-order__order-info div,
    .return-approved__rma-info div {
        display: inline-block;
        margin-right: 15px;
    }

.rtl .review-order__order-info div,
.rtl .return-approved__rma-info div {
    margin-right: 0px;
    margin-left: 15px;
}

.review-order__order-info div span:first-child,
.return-approved__rma-info div span:first-child {
    font-weight: bold;
}

.review-order .mydkTable .text-right {
    text-align: right;
}

.rtl .review-order .mydkTable .text-right {
    text-align: left;
}

.ro-subtotal,
.inv-subtotal {
    padding-top: 5px;
    text-align: right;
}

.rtl .inv-subtotal,
.rtl .ro-subtotal {
    text-align: left;
}

.ro-subtotal span {
    font-weight: bold;
    padding-left: 15px;
}

.rtl .ro-subtotal span {
    padding-left: 0px;
    padding-right: 15px;
}

.inv-subtotal table {
    margin-left: auto;
}

.rtl .inv-subtotal table {
    margin-left: 0px;
    margin-right: auto;
}

.ro-cart img {
    border: solid 1px #ccc;
}

.ro-totals td {
    background-color: #fff;
    font-weight: bold;
}

#subtotal td {
    border-top: solid 3px #eee;
}

.invoice-pdf {
    vertical-align: middle;
    height: 15px;
    width: 14px;
    padding-right: 5px;
}

.rtl .invoice-pdf {
    padding-right: 0px;
    padding-left: 5px;
}

#shipAddress th, #billAddress th, #shipmentInfo th {
    text-align: left;
}

.rtl #shipAddress th, .rtl #billAddress th, .rtl #shipmentInfo th {
    text-align: right;
}

div.dt-buttons {
    text-align: right;
    float: none !important;
    position: static !important;
    margin-top: 15px;
}

    div.dt-buttons .dk-btn__secondary {
        margin-left: 5px;
    }

.rtl div.dt-buttons .dk-btn__secondary {
    margin-left: 0px;
    margin-right: 5px;
}

/* Deleted Carts and Customer Numbers */
.deletedId, .deleteId .sorting_1 {
    font-weight: bold;
    color: #444;
    border-top: solid 1px var(--error) !important;
    border-bottom: solid 1px var(--error) !important;
    background-color: #f5f5f5 !important;
}

.rtl .deletedId {
    direction: rtl;
}

.deletedId input, .deletedId .delete-cart {
    display: none;
}

.deletedId.responsive-toggle:before {
    opacity: 0;
}

@media (max-width:500px) {
    .deletedId {
        width: calc(100% + 10px);
        text-align: center;
    }

    .customer-select .deletedId {
        line-height: 30px;
    }
}

#PostalCode {
    width: 70px;
}

#PostalCodeExp {
    width: 50px;
}

.error {
    color: #b94a48;
}

.success {
    color: green;
}

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */
.pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    width: 240px;
    padding: 8px;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

    .pika-single.is-hidden {
        display: none;
    }

    .pika-single.is-bound {
        position: absolute;
        box-shadow: 0 5px 15px -5px rgba(0,0,0,.5);
    }

.pika-title {
    position: relative;
    text-align: center;
}

.pika-label {
    display: inline-block;
    *display: inline;
    position: relative;
    z-index: 9999;
    overflow: hidden;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;
    background-color: #fff;
}

.pika-title select {
    cursor: pointer;
    position: absolute;
    z-index: 9998;
    margin: 0;
    left: 0;
    top: 5px;
    filter: alpha(opacity=0);
    opacity: 0;
}

.pika-prev,
.pika-next {
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    /* hide text using text-indent trick, using width value (it's enough) */
    text-indent: 20px;
    white-space: nowrap;
    overflow: hidden;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%;
    opacity: .5;
    *position: absolute;
    *top: 0;
}

    .pika-prev:hover,
    .pika-next:hover {
        opacity: 1;
    }

.pika-prev,
.is-rtl .pika-next {
    float: left;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');
    *left: 0;
}

.pika-next,
.is-rtl .pika-prev {
    float: right;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');
    *right: 0;
}

    .pika-prev.is-disabled,
    .pika-next.is-disabled {
        cursor: default;
        opacity: .2;
    }

.pika-select {
    display: inline-block;
    *display: inline;
}

.pika-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

    .pika-table th,
    .pika-table td {
        width: 14.285714285714286%;
    }

    .pika-table th {
        color: #999;
        font-size: 12px;
        line-height: 25px;
        font-weight: bold;
        text-align: center;
    }

.pika-button {
    cursor: pointer;
    display: block;
    outline: none;
    border: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #666;
    font-size: 12px;
    line-height: 15px;
    text-align: right;
    background: #f5f5f5;
}

.is-today .pika-button {
    color: #FF2100;
    font-weight: bold;
}

.is-selected .pika-button {
    color: #fff;
    font-weight: bold;
    background: #FF2100;
    box-shadow: inset 0 1px 3px #666666;
    border-radius: 3px;
}

.is-disabled .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: .3;
}

.pika-button:hover {
    color: #fff !important;
    background: #666666 !important;
    box-shadow: none !important;
    border-radius: 3px !important;
}

/* Form Validations */
.form-errors {
    color: #b94a48;
    font-weight: bold;
    margin-bottom: 10px;
    padding-left: 20px;
    background-image: url(//www.digikey.com/~/media/images/global/icons/red-x.png);
    background-repeat: no-repeat;
    background-size: 16px;
}

.rtl .form-errors {
    padding-left: 0px;
    padding-right: 20px;
    background-position: right;
}

.form-success {
    color: #49b948;
    font-weight: bold;
    margin-bottom: 10px;
    padding-left: 20px;
    background-image: url(//www.digikey.com/~/media/images/global/icons/green-check.png);
    background-repeat: no-repeat;
    background-size: 16px;
}

.rtl .form-success {
    padding-left: 0px;
    padding-right: 20px;
    background-position: right;
}

/* organize later */
.AddressLabel {
    font-weight: bold;
    margin-right: 10px;
}

.rtl .AddressLabel {
    margin-right: 0px;
    margin-left: 10px;
}

/* Account Select on Add Billing */
.dk-input__account-number,
.dk-input__customer-number {
    max-width: 200px;
}

#accountSelect .dk-radio-group {
    margin-bottom: 15px;
}

#accountSelect span {
    display: block;
}

#loadingDiv {
    display: none;
    z-index: 101;
}

#spinner, #fakeSpinner {
    height: 100px;
    width: 100px;
    position: fixed;
    top: 48%;
    left: 48%;
}

.spinner {
    top: 50px !important;
}

    .spinner ~ #dt-container {
        opacity: .5;
        pointer-events: none;
        user-select: none;
    }

input.zipCodeInput {
    width: 70px !important;
}

#successDisplay {
    margin-bottom: 15px;
}

span.pending-change {
    color: green;
    font-size: 11px;
}

#ajaxFail {
    display: none;
}

#reviewOrderContent {
    min-height: 200px;
}

.disabled-input {
    color: #666666;
    background-color: #eeeeee;
}

#changeShippingAddressMessage {
    width: 90%;
}

.credit-card-image {
    height: 30px;
    border-radius: 4px;
    border: solid 1px #999;
}

#showAllLeadTimes {
    display: inherit;
}

.leadTimeWapper {
    min-height: 15px;
}

    .leadTimeWapper .spinner {
        top: 15px !important;
    }

.price-display {
    text-align: right !important;
    white-space: nowrap;
}

th.price-display {
    padding: 5px 10px 5px 18px !important;
}

.print-headline {
    display: none;
}

table.leadTimeTable th,
table.leadTimeTable td {
    padding: 0 8px 0 0 !important;
    margin: 0;
    text-align: left;
    white-space: nowrap;
}

.rtl table.leadTimeTable th,
.rtl table.leadTimeTable td {
    padding: 0 0 0 8px !important;
    text-align: right;
}

.dtTD-po-number, .dtTD-cart-name {
    white-space: nowrap;
}

.rtl input::-webkit-input-placeholder,
.rtl input::-moz-placeholder,
.rtl input:-moz-placeholder,
.rtl input:-ms-input-placeholder {
    text-align: right;
}

.returns-invoice-details {
    margin-bottom: 15px;
}

.formatting-table {
    width: 100%;
}

    .formatting-table td {
        width: 50%;
    }

.returns-invoice-details table tr {
    vertical-align: top;
}

.returns-invoice-details table table th {
    text-align: left;
    padding-right: 30px;
}

.returns-select-all {
    margin: 10px 0px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.rtl .returns-select-all {
    justify-content: left;
}

.returns-select-all select,
.returns-select-all div.dk-dropdown__container {
    margin-left: 15px;
}

.ReturnQty.dk-input,
.dk-dropdown__container.ReturnQty {
    width: 100% !important;
}

.choose-files {
    margin: 10px 0;
}

div.MultiFile-label {
    margin: 10px 0 0 0;
}

span.MultiFile-label {
    margin: 2px 0;
}

.MultiFile-label a, .MultiFile-label a + span {
    display: table-cell;
}

    .MultiFile-label a + span span {
        display: block;
    }

.MultiFile-label a {
    padding-right: 10px;
}

#ShippingOptions {
    float: right;
    margin-right: 50px;
    margin-bottom: 25px;
}

#RequestReturn {
    clear: both;
}

.UserNotes {
    padding-bottom: 5px;
}

.btnReturn, .btnNoReturn {
    display: inline-block;
    white-space: normal;
}

#rmaInfo {
    width: 100%;
    margin: 20px 0;
}

    #rmaInfo th {
        text-align: right;
    }


.dt-search strong {
    float: left;
    padding: 5px 0 0 0;
}

.dt-search span {
    overflow: hidden;
    display: block;
    padding: 0 0 0 5px;
}

    .dt-search span input {
        width: 100%;
    }

.paypalError a {
    color: -webkit-link !important;
}

@media (max-width:768px) {
    #shipmentInfo td:nth-child(-n+5) {
        float: left;
        padding-top: 0px;
        width: 100%;
    }

    #shipmentInfo td:nth-child(3) {
        padding-top: 10px;
    }

    #shipmentInfo td:nth-child(5) {
        padding-bottom: 10px;
    }

    #shipmentInfo td:nth-child(-n+2) {
        float: none;
        width: auto;
    }
}

.mobile-label {
    display: none;
}

@media (max-width:500px) {
    #shipmentInfo table {
        padding: 10px 0px;
    }

    #shipmentInfo td:nth-child(-n+5) {
        float: left;
        display: block;
        padding-top: 0px;
        width: 100%;
    }

    #shipmentInfo td:first-child {
        padding-top: 10px;
    }

    .returns-select-all {
        display: block;
        border-bottom: solid 1px #ccc;
        padding-bottom: 10px;
    }

        .returns-select-all select,
        .returns-select-all div.dk-dropdown__container {
            margin-left: 0px;
            margin-top: 10px;
        }

    .returns-part-table th {
        display: none;
    }

    .returns-part-table td {
        display: block;
        border: none !important;
        padding: 3px 0px !important;
    }

    .returns-part-table tr td:last-of-type {
        padding-bottom: 10px !important;
        border-bottom: solid 1px #ccc !important;
    }

    .returns-part-table .mobile-label {
        display: block;
        font-weight: bold;
        font-size: 0.857rem;
        margin-bottom: 10px;
        text-transform: uppercase;
        color: #222222;
    }

    .returns-part-table .UserNotes {
        padding: 10px 0;
    }
}

#existingReturnAttention {
    padding: 8px;
}
    #existingReturnAttention.dk-message--simple-attention::before {
        padding: 0 8px 0 0;
    }
    .rtl #existingReturnAttention.dk-message--simple-attention::before {
        padding: 0 0 0 8px;
    }
.previousReturn {
    padding-bottom: 4px;
}

/* RESPONSIVE TWEAKS FOR DATA TABLES */
.responsive-toggle {
    padding: 0 20px 0 0 !important;
}

.rtl .responsive-toggle {
    padding: 0 0 0 20px !important;
}

td.responsive-toggle:before {
    top: 10px !important;
    background-color: initial !important;
    font-weight: bold;
    content: "\f055" !important;
    font-family: "dk" !important;
    color: #999 !important;
    border: none !important;
    box-shadow: none !important;
    font-size: 16px !important;
    line-height: 18px !important;
    left: auto !important;
}

.parent td.responsive-toggle:before {
    content: "\f056" !important;
    color: #666 !important;
}

/* payment options */
.saved-payment-options td {
    text-align: center;
}

.saved-payment-options img {
    max-width: 70px;
    max-height: 30px;
}

@media (max-width:768px) {
    /*CUSTOMER SELECT*/
    .customer-select th:not(.add-customer),
    .adrsPreviewWrapper {
        display: none;
    }

    .customer-select tr td:nth-child(4) {
        display: block;
        width: 100%;
        padding: 10px 0 10px 10px;
        font-weight: bold;
        font-size: 14px;
        border: none;
    }

    .customer-select tr td:nth-child(5) {
        display: block;
        padding: 0 0 0 10px;
        border: none;
    }

    .customer-select tr td:nth-child(6) {
        display: block;
        padding: 0 0 10px 10px;
    }

    /*ADD CUSTOMER PROFILE*/
    #docRequestCenterEditor .dk-input,
    #addCustForm .dk-input {
        width: 100%;
    }

    #addCustForm .AddressLabel:before {
        content: "";
        display: block;
        height: 10px;
    }

    .group-title {
        display: block;
        padding: 10px 0 5px 0 !important;
    }
}

@media (max-width:500px) {
    /*CUSTOMER SELECT*/
    .customer-select tr td:nth-child(-n+3) {
        display: inline-block;
        border: none;
        padding-right: 5px !important;
    }

    .rtl .customer-select tr td:nth-child(-n+3) {
        padding-right: 0px;
        padding-left: 5px !important;
    }

    .customer-select tr td {
        padding: 10px 0 0 0 !important;
    }

        .customer-select tr td:nth-child(6) {
            display: block;
            padding: 0 0 10px 0 !important;
        }

    /*ADD CUSTOMER PROFILE*/
    .AddressLabel {
        float: none !important;
    }

        .AddressLabel:empty {
            display: none;
        }

    #addCustForm table td {
        display: block;
    }

    .removeEmail {
        left: calc(100% - 21px);
    }

    .rtl .removeEmail {
        right: calc(100% - 21px);
    }

    .adrsEdit td .dk-input,
    #changeEmailTable td .dk-input,
    #changePhoneTable td .dk-input,
    #changeJobTitleTable td .dk-input,
    #changeDisplayNameTable td .dk-input {
        width: 100%;
        box-sizing: border-box;
    }

    /*REVEIW ORDER*/
    .review-order__order-info div,
    .return-approved__rma-info div {
        display: block;
        padding: 2px 0;
    }

    .dataTables-lip {
        display: block;
        text-align: center;
        padding-bottom: 0px;
    }

        .dataTables-lip .dataTables_length,
        .dataTables-lip .dataTables_info,
        .rtl .dataTables-lip .dataTables_length,
        .rtl .dataTables-lip .dataTables_info {
            display: inline;
        }

        .dataTables-lip div.dataTables_paginate,
        .rtl .dataTables-lip div.dataTables_paginate {
            padding: 0px;
            margin: 15px 0 0 0;
            border: none;
        }

    .paging_full_numbers_no_ellipses,
    .dataTables_info,
    .dataTables_length,
    .dt-combine-perpage,
    .dt-combine-pagination {
        width: 100%;
        text-align: center;
        margin: 0 0 10px
    }

        .dt-combine-pagination .paging_full_numbers_no_ellipses {
            margin-top: 10px;
        }

    .combine-orders {
        float: none;
    }

        .combine-orders.stickyButton span {
            width: calc(100% - 80px);
            min-width: 240px;
        }


    .paging_full_numbers_no_ellipses a.paginate_button,
    .paging_full_numbers_no_ellipses a.paginate_active {
        padding: 4px 5px;
    }
}

/* NOT SURE */
.mfl {
    border-left: solid 1px #fff;
    margin: 0px;
    padding: 20px;
    text-align: center;
}

.dtr-title #showAllLeadTimes {
    display: none;
}

.ui-dialog {
    position: fixed;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
}

/*tracking page*/
.shipment-tracking h1 {
    font-size: 24px;
}

.shipment-tracking h2 {
    font-size: 18px;
}

.shipment-tracking p {
    padding: 0px 0px 4px 0px;
    margin: 0px;
}

.big-bold {
    font-weight: bold;
    text-transform: uppercase;
}

.estimated-dayofweek {
    font-size: 20px;
    font-weight: bold;
}

.estimated-month {
    font-size: 14px;
    text-transform: uppercase;
}

.estimated-dayofmonth {
    font-size: 70px;
    line-height: 55px;
}

.delivery-progress {
    display: flex;
    margin-bottom: 20px;
}

    .delivery-progress .closed-circle,
    .delivery-progress .open-circle,
    .delivery-progress .progress-circle {
        border: solid 1px #000;
        border-radius: 100%;
        height: 25px;
        width: 25px;
        display: inline-block;
        vertical-align: middle;
        align-self: center;
    }

    .delivery-progress .closed-circle {
        background-color: #000;
    }

    .delivery-progress .solid-line {
        border-bottom: solid 2px #000;
        height: 1px;
        flex-grow: 1;
        align-self: center;
    }

    .delivery-progress .progress-circle {
        font-family: 'dk' !important;
        font-size: 36px;
        height: 40px;
        width: 40px;
        padding: 8px;
        transform: scale(-1, 1);
    }

        .delivery-progress .progress-circle:before {
            content: "\f0d1";
            position: relative;
            top: -3px;
        }

    .delivery-progress.Delivered .progress-circle:before {
        content: "\f015";
        position: relative;
        left: 3px;
    }

    .delivery-progress .dashed-line {
        border-bottom: dashed 2px #000;
        height: 1px;
        flex-grow: 1;
        align-self: center;
    }

    .delivery-progress.Delivered .dashed-line,
    .delivery-progress.Delivered .open-circle {
        display: none;
    }

    .delivery-progress .open-circle {
    }

.delivery-activity {
    margin-top: 30px;
    width: 100%;
}

    .delivery-activity th,
    .delivery-activity td {
        border-bottom: solid 1px #ccc;
        padding: 15px 0px;
    }

    .delivery-activity th {
        font-size: 14px;
        text-align: left;
        text-transform: uppercase;
    }

        .delivery-activity th:first-child {
            width: 100px;
        }

    .delivery-activity tr td:first-child {
        padding-right: 50px;
    }

    .delivery-activity.collapsed tbody tr:not(:first-child):not(:last-child) {
        display: none;
    }

table.delivery-activity tr td:first-child p {
    white-space: nowrap;
}

        .rtl .delivery-activity th {
            text-align: right;
        }

        .rtl .delivery-activity tr td:first-child {
            padding-right: 0px;
            padding-left: 50px;
        }

.expand-collapse {
    padding: 10px;
    display: none;
    text-align: center;
    margin-top: 20px;
}

.tracking-banner_horizontal {
    display: none;
}

@media (max-width:600px) {
    .delivery-activity.collapsed tbody tr:not(:first-child) {
        display: none;
    }
}

.registration-error-header span {
    font-size: 18px;
}

/* Marketplace Messaging */
/*Undo everything from the MyDigiKey.css 'active' class so that it doesn't conflict with the global.css active tab class*/
.dk-tabbed-menu .active.mpMessaging {
    background-color: rgba(0, 0, 0, 0);
    border-color: inherit;
    color: inherit;
    border-bottom: inherit;
}

.dk-tabbed-menu ul.dk-tab-list li {
    padding-bottom: 0.75em;
    text-transform: none;
}

/*So the Cart export buttons don't overlap the tabs*/
.mpro-tabs {
    margin-top: 2rem;
}

@@media (max-width: 449px) {
    .mpro-tabs {
        margin-top: 9rem;
    }
}

/*TOOLTIP*/
.dk-tooltip {
    text-decoration: underline;
    text-decoration-style: dotted;
    position: relative;
    cursor: help;
}

    .dk-tooltip .dk-tooltip__bubble {
        position: absolute;
        background-color: #f5f5f5;
        border: 1px solid #ccc;
        font-size: 11px;
        padding: 4px;
        box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
        -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
        -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
        white-space: nowrap;
        left: 50%;
        bottom: 175%;
        border-radius: 4px;
    }

        .dk-tooltip .dk-tooltip__bubble:after {
            content: '';
            display: block;
            width: 0;
            height: 0;
            position: absolute;
            border-left: 8px solid transparent;
            border-top: 8px solid #ccc;
            border-right: 8px solid transparent;
            left: calc(50% - 8px);
            bottom: -8px;
        }

.delete-cart-button {
    float: left !important;
}

.rtl .delete-cart-button {
    float: right !important;
}

.mydk-registration-why {
    padding-top: 50px;
}

.why-card {
    display: flex;
    margin-bottom: 40px;
}

    .why-card p {
        margin: 0px;
    }

    .why-card img {
        margin-right: 15px;
        width: 48px;
    }

.dkdk .why-card img {
    filter: saturate(0) brightness(1000);
}

.rtl .why-card img {
    margin-right: 0px;
    margin-left: 15px;
}

.why-card p span {
    font-weight: bold;
    font-size: 22px;
    display: block;
}

#customerTypeList.dk-radio-group {
    flex-wrap: wrap;
}

.dk-radio.input-validation-error ~ span.flex-break {
    flex-basis: 100%;
}

.account-successfully-created p {
    padding-left: 35px;
}

    .account-successfully-created p.h1 {
        margin-top: 15px;
    }


.rtl .account-successfully-created p {
    padding-left: 0px;
    padding-right: 35px;
}

.overlayParent {
    display: inline-block;
    position: relative;
}

    .overlayParent .hiddenOverlay {
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.fileUploadSection {
    width: 100%;
    border: dashed;
    border-width: 1px;
}

    .fileUploadSection input[type=file] {
        cursor: pointer;
    }

/*RETURNS*/
#entireOrderReturn, #divRmbEntireOrderReturn {
    margin-bottom: 15px;
}

#divEntireOrderReason, #divRmbEntireOrderReason {
    margin: 15px 0;
}

.damagedProductCheckboxes {
    margin-top: 20px;
}

.image-upload {
    text-align: center;
    font-weight: bold;
}

    .image-upload > div {
        background-color: #f5f5f5;
        padding: 12px;
        border: solid 1px #cccccc;
        border-radius: 3px;
    }

    .dkdk .image-upload > div {
        background-color: #555;
        border-color:#444;
    }

.image-upload-headline {
    font-size: 14px;
}

.image-upload-subtext {
    font-size: 10px;
}

.image-upload-file {
    cursor: pointer;
    color: var(--link-blue);
}

    .image-upload-file:hover {
        text-decoration: underline;
    }

.detailReceivedDefectiveProduct input,
.detailReceivedDefectiveProduct textarea {
    margin-bottom: 10px;
}

.divImagesUpload {
    margin-bottom: 30px
}

.dk-card-table {
    margin-bottom: 10px;
}

    .dk-card-table table {
        width: 100%;
    }

    .dk-card-table thead tr th {
        background-color: #ccc;
        text-align: left;
        text-transform: uppercase;
        padding: 15px;
    }

        .dkdk .dk-card-table thead tr th {
            background-color: #333;
        }

.dk-card-table__middle-row td {
    background-color: var(--bg-color--card);
    padding: 15px;
}

    .dk-card-table__middle-row td:first-child {
        padding-left: 15px;
    }

    .dk-card-table__middle-row td[colspan='7'] {
        padding: 0 15px;
    }

.dk-card-table__top-row td div {
    height: 10px;
    -webkit-box-shadow: 0px -1px 2px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0px -1px 2px rgba(0, 0, 0, 0.10);
    box-shadow: 0px -1px 2px rgba(0, 0, 0, 0.10);
    margin-top: 10px;
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    background-color: var(--bg-color--card);
}

.dk-card-table__bottom-row td div {
    height: 10px;
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.10);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.10);
    margin-bottom: 5px;
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    background-color: var(--bg-color--card);
}

textarea.dk-input {
    width: 50%;
    height: 98px;
}

@media screen and (max-width:768px) {
    .dk-card-table thead {
        display: none;
    }

    .dk-input,
    textarea.dk-input {
        width: calc(100% - 20px)
    }

    .image-upload > div {
        width: calc(100% - 44px)
    }
}

.MultiFile-title {
    word-break: break-all;
}

img.MultiFile-preview {
    width: 100%;
}
/*override of global for one set of dk-radio buttons*/
#divReturnShipCost .dk-radio {
    overflow: visible;
}

/*override for modal on registration process*/
.redirectingToChinaTLDDialog .ui-dialog-titlebar {
    background: none;
}

.redirectingToChinaTLDDialog .ui-dialog-titlebar-close {
    top: 10px;
}

/* styles used in Review Order page*/
.tabs *,
.tabs ::before,
.tabs ::after {
    box-sizing: border-box
}

.tabs a {
    text-decoration: none;
}

.tabs button {
    cursor: pointer;
    border: 0;
    padding: 0;
}

.tabs {
    position: relative;
    margin-bottom: 10px;
    border-bottom: solid 1px #ccc
}

    .tabs:not(.XXjsfied) {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .tabs .XXhidden {
        display: none;
    }

    .tabs a,
    .tabs span,
    .tabs button {
        display: block;
        text-align: center;
        color: #222;
        background-color: transparent;
    }

    .tabs span {
        font-weight: bold;
    }

    .tabs li.active {
        border-bottom: solid 3px #FF2100
    }

        .tabs li.active > a,
        .tabs .Xmore.active button {
            color: #FF2100;
            font-weight: bold;
        }

    .tabs li {
        list-style: none;
        margin-right: 5px;
    }

.rtl .tabs li {
    margin-right: 0px;
    margin-left: 5px;
}

.tabs .Xprimary {
    display: flex;
    margin: 0px;
    padding: 0px;
}
 
    .tabs .Xprimary > li > a,
    .tabs .Xprimary > li > span,
    .tabs .Xprimary > li > button {
        white-space: nowrap;
        padding: 10px 15px;
    }

    .tabs .Xprimary > li > button {
        line-height: 1;
    }

    .tabs .Xprimary > li:not(.tabs__section):hover {
        border-bottom: solid 3px #FF2100
    }

    .tabs .Xprimary > li > a:hover,
    .tabs .Xprimary > li > button:hover,
    .tabs .Xprimary > li > button[aria-expanded="true"],
    .tabs .Xprimary > li > button span {
        color: #FF2100;
    }

    .tabs .Xprimary .Xmore > button span {
        display: inline-block;
        transition: -webkit-transform 0.2s;
        transition: transform 0.2s;
        transition: transform 0.2s, -webkit-transform 0.2s;
        font-family: "DK", sans-serif !important
    }

.tabs.XXshowXsecondary .Xprimary .Xmore > button span {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.tabs .Xsecondary {
    max-width: 100%;
    min-width: 10em;
    display: none;
    position: absolute;
    top: 80%;
    right: 0;
    box-shadow: 0 0.3em 0.5em rgba(0, 0, 0, 0.3);
    -webkit-animation: navXsecondary 0.2s;
    animation: navXsecondary 0.2s;
    border: 1px solid #eaeaea;
    background-color: white;
    border-radius: 4px;
}

.tabs ul.Xsecondary {
    padding: 10px 0px;
    z-index: 999
}

.tabs .Xsecondary li {
}

.tabs .Xsecondary a,
.tabs .Xsecondary button {
    padding: 0.6em;
}

    .tabs .Xsecondary a:hover,
    .tabs .Xsecondary button:hover {
        background-color: #eaeaea;
        font-weight: bold;
    }

    .tabs .Xsecondary a:active,
    .tabs .Xsecondary button:active {
    }

.tabs.XXshowXsecondary .Xsecondary {
    display: block;
}

.rmbDelayOrder {
    font-weight: bold;
    border-bottom: solid 1px #ccc;
    margin-top: auto;
    padding-bottom: 10px;
}

@@-webkit-keyframes navXsecondary {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-1em);
        transform: translateY(-1em);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@@keyframes navXsecondary {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-1em);
        transform: translateY(-1em);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}