/* Centered and Styled Buttons on RMA pages */
.mst-rma-view .actions-toolbar,
.mst-rma-guest .actions-toolbar,
body.rma-rma-view .actions-toolbar {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    float: none !important;
    margin: 25px auto !important;
}

.mst-rma-view .actions-toolbar .primary,
.mst-rma-guest .actions-toolbar .primary,
body.rma-rma-view .actions-toolbar .primary {
    float: none !important;
    display: block !important;
}
.orders-history a:visited, .alink:visited, .button,.mst-rma-list a:visited, .alink:visited,.mst-rma-box__content a:visited, .alink:visited {color: #000000;}
/* Style the buttons to match the black buttons in login page */
/*body.rma-rma-view button.action.primary,
body.rma-rma-view button.action.save.primary,
body.rma-rma-new button.action.primary,
body.rma-rma-new button.action.save.primary,
.mst-rma-list__new-request,
.rma-control-buttons button,
.mst-rma-create__order-selector button.primary,
button[onclick*="rma/rma/new"],
td[data-th="RMA"] button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 44px !important;
    padding: 0 36px !important;
    border-radius: 40px !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    line-height: 40px !important;
    background-color: #000000 !important;
    border: 1px solid #000000 !important;
    color: #ffffff !important;
    transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    text-decoration: none !important;
} 

body.rma-rma-view button.action.primary:hover,
body.rma-rma-view button.action.save.primary:hover,
body.rma-rma-new button.action.primary:hover,
body.rma-rma-new button.action.save.primary:hover,
.mst-rma-list__new-request:hover,
.rma-control-buttons button:hover,
.mst-rma-create__order-selector button.primary:hover,
button[onclick*="rma/rma/new"]:hover,
td[data-th="RMA"] button:hover {
    background: #0e87b7 !important;
    background-color: #0e87b7 !important;
    border-color: #0e87b7 !important;
    color: #ffffff !important;
    text-decoration: none !important;
} */

/* Progress Bar horizontal layout SCOPED EXCLUSIVELY TO RMA PAGES */

/* Reset athlete2 animation & keyframes interference ONLY on RMA pages */
body.rma-rma-view .opc-progress-bar-item._active > span::before,
body.rma-rma-view .opc-progress-bar-item._complete > span::before,
body.rma-rma-view .opc-progress-bar-item._active > span::after,
body.rma-rma-view .opc-progress-bar-item._complete > span::after,
body.rma-guest-view .opc-progress-bar-item._active > span::before,
body.rma-guest-view .opc-progress-bar-item._complete > span::before,
body.rma-guest-view .opc-progress-bar-item._active > span::after,
body.rma-guest-view .opc-progress-bar-item._complete > span::after,
.mst-rma-view .opc-progress-bar-item._active > span::before,
.mst-rma-view .opc-progress-bar-item._complete > span::before,
.mst-rma-view .opc-progress-bar-item._active > span::after,
.mst-rma-view .opc-progress-bar-item._complete > span::after,
.mst-rma-guest .opc-progress-bar-item._active > span::before,
.mst-rma-guest .opc-progress-bar-item._complete > span::before,
.mst-rma-guest .opc-progress-bar-item._active > span::after,
.mst-rma-guest .opc-progress-bar-item._complete > span::after {
    animation: none !important;
    animation-name: none !important;
    animation-fill-mode: none !important;
    transform: none !important;
    transform-origin: initial !important;
    overflow: visible !important;
    margin-top: 0 !important;
    display: block !important;
}

/* Container */
body.rma-rma-view .opc-progress-bar,
body.rma-guest-view .opc-progress-bar,
body.rma-rma-new .opc-progress-bar,
.mst-rma-view .opc-progress-bar,
.mst-rma-guest .opc-progress-bar,
.mst-rma-new .opc-progress-bar,
.mst-rma-create .opc-progress-bar {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    width: 100% !important;
    max-width: 800px !important;
    margin: 40px auto !important;
    padding: 0 !important;
    list-style: none !important;
    position: relative !important;
    counter-reset: none !important;
    font-size: 0 !important;
    background: transparent !important;
}

/* Items */
body.rma-rma-view .opc-progress-bar-item,
body.rma-guest-view .opc-progress-bar-item,
body.rma-rma-new .opc-progress-bar-item,
.mst-rma-view .opc-progress-bar-item,
.mst-rma-guest .opc-progress-bar-item,
.mst-rma-new .opc-progress-bar-item,
.mst-rma-create .opc-progress-bar-item {
    flex: 1 !important;
    position: relative !important;
    text-align: center !important;
    display: inline-block !important;
    float: none !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    vertical-align: top !important;
}

/* Horizontal connecting line */
body.rma-rma-view .opc-progress-bar-item::before,
body.rma-guest-view .opc-progress-bar-item::before,
body.rma-rma-new .opc-progress-bar-item::before,
.mst-rma-view .opc-progress-bar-item::before,
.mst-rma-guest .opc-progress-bar-item::before,
.mst-rma-new .opc-progress-bar-item::before,
.mst-rma-create .opc-progress-bar-item::before {
    content: "" !important;
    position: absolute !important;
    top: 14px !important;
    left: 0 !important;
    width: 100% !important;
    height: 3px !important;
    background: #e5e5e5 !important;
    z-index: 1 !important;
    border-radius: 0 !important;
    transform: none !important;
    animation: none !important;
    animation-name: none !important;
    bottom: auto !important;
    margin: 0 !important;
}

body.rma-rma-view .opc-progress-bar-item:first-child::before,
body.rma-guest-view .opc-progress-bar-item:first-child::before,
.mst-rma-view .opc-progress-bar-item:first-child::before,
.mst-rma-guest .opc-progress-bar-item:first-child::before,
.mst-rma-new .opc-progress-bar-item:first-child::before {
    left: 50% !important;
    width: 50% !important;
}

body.rma-rma-view .opc-progress-bar-item:last-child::before,
body.rma-guest-view .opc-progress-bar-item:last-child::before,
.mst-rma-view .opc-progress-bar-item:last-child::before,
.mst-rma-guest .opc-progress-bar-item:last-child::before,
.mst-rma-new .opc-progress-bar-item:last-child::before {
    width: 50% !important;
    left: 0 !important;
}

/* Active & Complete connector lines */
body.rma-rma-view .opc-progress-bar-item._active::before,
body.rma-rma-view .opc-progress-bar-item._complete::before,
body.rma-guest-view .opc-progress-bar-item._active::before,
body.rma-guest-view .opc-progress-bar-item._complete::before,
.mst-rma-view .opc-progress-bar-item._active::before,
.mst-rma-view .opc-progress-bar-item._complete::before,
.mst-rma-guest .opc-progress-bar-item._active::before,
.mst-rma-guest .opc-progress-bar-item._complete::before,
.mst-rma-new .opc-progress-bar-item._active::before,
.mst-rma-new .opc-progress-bar-item._complete::before {
    background: #0e87b7 !important;
}

/* Text label */
body.rma-rma-view .opc-progress-bar-item > span,
body.rma-guest-view .opc-progress-bar-item > span,
.mst-rma-view .opc-progress-bar-item > span,
.mst-rma-guest .opc-progress-bar-item > span,
.mst-rma-new .opc-progress-bar-item > span {
    display: block !important;
    padding-top: 45px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    color: #888888 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    opacity: 1 !important;
    text-align: center !important;
    word-wrap: normal !important;
    margin: 0 !important;
    z-index: 2 !important;
    line-height: 1.4 !important;
    text-transform: uppercase !important;
}

body.rma-rma-view .opc-progress-bar-item._active > span,
body.rma-rma-view .opc-progress-bar-item._complete > span,
body.rma-guest-view .opc-progress-bar-item._active > span,
body.rma-guest-view .opc-progress-bar-item._complete > span,
.mst-rma-view .opc-progress-bar-item._active > span,
.mst-rma-view .opc-progress-bar-item._complete > span,
.mst-rma-guest .opc-progress-bar-item._active > span,
.mst-rma-guest .opc-progress-bar-item._complete > span,
.mst-rma-new .opc-progress-bar-item._active > span,
.mst-rma-new .opc-progress-bar-item._complete > span {
    color: #111111 !important;
    font-weight: 700 !important;
    opacity: 1 !important;
}

/* Outer Circle (::before on span) */
body.rma-rma-view .opc-progress-bar-item > span::before,
body.rma-guest-view .opc-progress-bar-item > span::before,
.mst-rma-view .opc-progress-bar-item > span::before,
.mst-rma-guest .opc-progress-bar-item > span::before,
.mst-rma-new .opc-progress-bar-item > span::before,
body.rma-rma-view .opc-progress-bar-item._active > span::before,
body.rma-rma-view .opc-progress-bar-item._complete > span::before,
body.rma-guest-view .opc-progress-bar-item._active > span::before,
body.rma-guest-view .opc-progress-bar-item._complete > span::before,
.mst-rma-view .opc-progress-bar-item._active > span::before,
.mst-rma-view .opc-progress-bar-item._complete > span::before,
.mst-rma-guest .opc-progress-bar-item._active > span::before,
.mst-rma-guest .opc-progress-bar-item._complete > span::before,
.mst-rma-new .opc-progress-bar-item._active > span::before,
.mst-rma-new .opc-progress-bar-item._complete > span::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 50% !important;
    margin-left: -15px !important;
    margin-top: 0 !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 50% !important;
    background-color: #ffffff !important;
    background: #ffffff !important;
    border: 3px solid #e0e0e0 !important;
    z-index: 2 !important;
    box-sizing: border-box !important;
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
    animation-name: none !important;
    animation-fill-mode: none !important;
    display: block !important;
}

body.rma-rma-view .opc-progress-bar-item._active > span::before,
body.rma-rma-view .opc-progress-bar-item._complete > span::before,
body.rma-guest-view .opc-progress-bar-item._active > span::before,
body.rma-guest-view .opc-progress-bar-item._complete > span::before,
.mst-rma-view .opc-progress-bar-item._active > span::before,
.mst-rma-view .opc-progress-bar-item._complete > span::before,
.mst-rma-guest .opc-progress-bar-item._active > span::before,
.mst-rma-guest .opc-progress-bar-item._complete > span::before,
.mst-rma-new .opc-progress-bar-item._active > span::before,
.mst-rma-new .opc-progress-bar-item._complete > span::before {
    border-color: #0e87b7 !important;
    background-color: #ffffff !important;
    background: #ffffff !important;
}

/* Inner Checkmark Icon (::after on span) */
body.rma-rma-view .opc-progress-bar-item > span::after,
body.rma-guest-view .opc-progress-bar-item > span::after,
.mst-rma-view .opc-progress-bar-item > span::after,
.mst-rma-guest .opc-progress-bar-item > span::after,
.mst-rma-new .opc-progress-bar-item > span::after,
body.rma-rma-view .opc-progress-bar-item._active > span::after,
body.rma-rma-view .opc-progress-bar-item._complete > span::after,
body.rma-guest-view .opc-progress-bar-item._active > span::after,
body.rma-guest-view .opc-progress-bar-item._complete > span::after,
.mst-rma-view .opc-progress-bar-item._active > span::after,
.mst-rma-view .opc-progress-bar-item._complete > span::after,
.mst-rma-guest .opc-progress-bar-item._active > span::after,
.mst-rma-guest .opc-progress-bar-item._complete > span::after,
.mst-rma-new .opc-progress-bar-item._active > span::after,
.mst-rma-new .opc-progress-bar-item._complete > span::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 50% !important;
    margin-left: -15px !important;
    margin-top: 0 !important;
    width: 30px !important;
    height: 30px !important;
    line-height: 26px !important;
    text-align: center !important;
    z-index: 3 !important;
    font-size: 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    opacity: 1 !important;
    transform: none !important;
    animation: none !important;
    animation-name: none !important;
    animation-fill-mode: none !important;
    display: block !important;
}

body.rma-rma-view .opc-progress-bar-item._active > span::after,
body.rma-rma-view .opc-progress-bar-item._complete > span::after,
body.rma-guest-view .opc-progress-bar-item._active > span::after,
body.rma-guest-view .opc-progress-bar-item._complete > span::after,
.mst-rma-view .opc-progress-bar-item._active > span::after,
.mst-rma-view .opc-progress-bar-item._complete > span::after,
.mst-rma-guest .opc-progress-bar-item._active > span::after,
.mst-rma-guest .opc-progress-bar-item._complete > span::after,
.mst-rma-new .opc-progress-bar-item._active > span::after,
.mst-rma-new .opc-progress-bar-item._complete > span::after {
    content: "✓" !important;
    font-size: 15px !important;
    font-weight: bold !important;
    color: #0e87b7 !important;
    line-height: 26px !important;
    font-family: Arial, sans-serif !important;
    opacity: 1 !important;
    background: transparent !important;
    transform: none !important;
}

/* Homepage Popup Close Icon styling */
#bio_ep_close,
#bio_ep_close img {
    filter: brightness(0) !important;
    color: #000000 !important;
}