/* trackpipe/public/css/help.css */
#pgBd {
    width: 975px;
    padding: 0 0 45px 0;
    margin-bottom: 40px;
}

#pgContent {
    width: 100%;
    font-size: 13px;
}

.page-help {
    font-family: "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;
    color: #4F4F4F;
}

.page-help h1, .page-help h2, .page-help h3 {
    font-family: "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;
}

/* for fancy index layout */

#docs-index {
    display: block;
    position: absolute;
    width: 230px;
    padding: 15px 30px 20px 18px;
    background-color: #F9F9F9;
}

#docs-index.fixed {
    position: fixed;
    top: 0;
}

#docs-index .help-title {
    display: none;
}

#docs-index h3 {
    margin: 14px 0 5px 0;
}

#docs-index h3 a {
    font-size: 16px;
    color: #408294;
}

#docs-index h3.index-special a {
    color: #5FC7E3;
}

.docs-index-subjectlist a {
    color: #6A7574;
}

#docs-index ul {
    padding-left: 0;
    list-style-type: none;
    margin-bottom: 15px;
}
#docs-index .help-section-title{
    padding-top: 10px;
}

.detail-bundle, .detail-browser {
    display: block;
}

.detail-toggle {
    margin-bottom: 1rem;
    display: none;
}

/*
.detail-toggle.open .toggle-msg-open,
.detail-toggle.closed .toggle-msg-closed {
    display: block;
}

.detail-toggle.closed .toggle-msg-open,
.detail-toggle.open .toggle-msg-closed {
    display: none;
}
*/

.hide-if-js-ok {
    display: none;
}

.show-if-js-ok {
    display: block;
}

#docs-index li {
    margin: 4px 0 4px 6px;
    padding: 3px 0;
    font-size: 13px;
}

#docs-index li a.active-topic {
    color: #292E2D;
    font-weight: bold;
}

/* for main text */

.docs-text {
    min-height: 1000px;
    display: block;
    float: right;
    width: 630px;
    padding: 25px 34px 25px 25px;
}

.docs-text .help-title {
    font-weight: normal;
    font-size: 220%;
    margin: 8px 0 22px 0;
}

.subject-content .pointer-left {
    display: inline;
    top:0.3rem;
}

.subject-content .pointer-top {
    display: none;
}

.subject-content p, .subject-content p strong, .subject-content li strong {
    color: #595959;
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 13px;
}

/* for block elements sandwiched between paragraphs, like lists */
.docs-text .inter-paragraph-block {
    margin-top: -10px; /* reduces the standard 25px paragraph bottom margin */
    margin-bottom: 15px;
}

.subject-content h1 {
    text-align: left;
    margin: 0 0 20px 0;
}

.subject-content h2 {
    margin: 15px 0 5px 0;
}

.subject-content h3 {
    border-top: 1px dotted #ddd;
    padding-top: 20px;
    font-size: 116%;
    margin: 1.3em 0 .8em 0;
}

body:lang(ja) .subject-content h2,
body:lang(ja) .subject-content h3 {
    line-height: 1.5em;
}

.subject-content h4 {
    margin: 0.5em 0;
    font-size: 100%;
    font-weight: bold;
}

li h3 {
    font-family: "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif;
}

.subject-content h3.multi-part {
    line-height: 20px;
}

.subject-content h2:first-child, .subject-content h3:first-child {
    margin-top: 0;
    border-top: none;
}

h3.no-rule {
    border-top: none;   
}

/* special case proper lists */
.subject-content li h3:first-child {
    margin-top: 10px;
}

.subject-content img {
    border: 1px solid #d3d3d3;
    margin-bottom: 1rem;
}

img#sleep-horn-desktop {
    border: 1px solid lightgrey; 
    float: right; 
    padding: 5px; 
    margin-left: 10px;
}

img#sleep-horn-mobile {
    display: none;
}

div.we-relent {
    margin-top: 60px;
    color: #595959;
    font-size: 13px;
    margin-bottom: 700px;
}

p.we-relent a {
    /*color: #858F8E;*/
}

.we-relent ul {
    padding-left: 1rem;
}

/*
p.bug {
    margin: 40px 0 0 0;
}

p.bug a {
    color: #A7B5B4;
    font-size: 13px;
} */

p.blurb {
    margin-bottom: 20px;
}

.otherguy-ui {
    font-family: Helvetica;
    font-weight: bold;
    color: #858585;
}

.headroom {
    margin-top:10px;
}

.footroom {
    margin-bottom:10px;
}

blockquote {
    line-height: 1.5em;
}


/* image grid */

.grid .cell {
    display: inline-block;
    position: relative;
    width: 150px;
    height: auto;
    margin-right: 10px;
    margin-bottom: 10px;
    text-align: center;
    vertical-align: top;
    overflow: hidden;
}

.grid.overflow .cell {
    overflow: auto;
}

.grid:not(.overflow) .cell img {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

.grid.square .cell {
    height: 150px;
}

.grid.ratio-4-3 .cell {
    height: 112px;
}

.grid .cell:nth-child(4n) {
    margin-right: 0;
}

.grid .cell img {
    height: 100%;
    max-width: none;
    border: none;
    margin: 0;
}

.grid.overflow .cell img {
    width: 100%;
    height: auto;
}

.grid .cell .label {
    position: absolute;
    bottom: 0;
    width: 150px;
    padding: 0 6px 12px;
    box-sizing: border-box;
    color: #333;
}

.grid#merch_templates .cell {
    background-color: #E3E3E3;
}

.grid#merch_templates .cell img {
    margin-top: 4px;
}


/* help_contact */
.help-contact #pgContent {
    width: 55%;
}
.help-contact .top {
    padding: 2.2rem 1.3rem 1.1rem 22.5%;
}


/* Troubleshooting */
#troubleshooting {
    padding: 35px 135px;
    width: 705px;
}

#troubleshooting p {
    font-size: 15px;
}

#troubleshooting ol {
    /*list-style: none;*/
    margin: 0 0 0 2rem;
    padding-left: .75rem;
}

#troubleshooting ol#home-improvement {
    margin-bottom: 4rem;
}

#troubleshooting h1 {
    margin-top: 3rem;
    margin-bottom: 1rem;
}

#troubleshooting h3 {
    border-top: 1px dotted #ddd;
    padding-top: 2rem;
    margin-top: 2rem;
    font-size: 116%;
}

#troubleshooting li:first-child h3 {
    border-top: none;
}

#troubleshooting .are-you-listening {
    font-weight: bold;
    font-size: 105%;
}
#trouble a{
    color: #333333;
}

/* Player debugger */

.playerlog-status.init {
    display: none;
}
.playerlog-status > span {
    display: none;
}
.playerlog-status.disabled .playerlog-disabled, .playerlog-status.enabled .playerlog-enabled {
    display: inline;
}
.playerlog-status .newly-changed {
    display: none;
    font-weight: bold;
    color: red;
}

#fan-merch-package.order-history {
    position: relative;
    padding: 20px 20px;
    background-color: #F9F9F9;
    overflow: hidden;
    line-height: 19px;
    display: flex;
    flex-flow: column nowrap;
    -webkit-font-smoothing: antialiased;
}
#fan-merch-package.order-history strong {
    color: #333;
}
#fan-merch-package {
    position: relative;
    padding: 30px 30px 30px 30px;
    background-color: #F9F9F9;
    overflow: hidden;
}
#fan-merch-package > div {
    display: inline-block;
    vertical-align: top;
}
#fan-merch-package.order-history .order-details {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
}
#fan-merch-package.order-history .order-details .payment-info {
    margin-left: 20%;
}
#fan-merch-package.order-history .order-details .address p {
    margin: 0px 0 0;
}

#fan-merch-package.order-history .package {
    display: flex;
    display: -webkit-flex;
    margin-bottom: 20px;
}

#fan-merch-package .package:not(:last-child) {
    padding: 0 0 20px 0;
}

#fan-merch-package.order-history .package:not(:last-child) {
    padding: 0 0 0 0;
}

#fan-merch-package .packages {
    padding: 0 0 20px 0;
}
#fan-merch-package.order-history .packages .undecorated-list li:last-child{
    padding: 0;
}
#fan-merch-package .package-title {
    padding-top: 7px;
}
#fan-merch-package .package-title a {
    color: #363636;
    cursor: default;
}
#fan-merch-package.order-history .package-dates li {
    padding: 0 0 2.5px 0;
}
#fan-merch-package .package-dates li {
    padding: 0 0 5px 0;
}
#fan-merch-package.order-history .ship-date {
    padding: 0 0 15px 0;
}
#fan-merch-package .package .photo, #fan-merch-package .package .item-list {
    position:relative;
    display: inline-block;
    vertical-align: top;
}
#fan-merch-package.order-history .package .photo-gift .gift-bow {
    position: absolute;
    margin: auto;
    top: -13px;
    left: 36px;
    height: 14px;
    width: 50px;
    display: block;
    fill: url(#ribbon-gradient);
}
#fan-merch-package.order-history .package .photo-gift a {
    position: absolute;
}
#fan-merch-package.order-history .package .photo {
    width: 127px;
}
#fan-merch-package.order-history .package .photo-gift {
    min-width: 127px;
    min-height: 90px;
}
#fan-merch-package.order-history .package .photo img {
    border: 1px solid #eeeeee;
    width: 125px;
    margin: 0;
}
#fan-merch-package.order-history .package .photo .banner-inner {
    color: white;
    font-weight: bold;
    background: #1DA0C3;
    text-align: center;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    font-size: 10px;
    width: 100px;
    padding: 0 0;
    margin-left: 24px;
    cursor: pointer;
}
#fan-merch-package.order-history .package .photo .banner-outer {
    margin: 20px 0 0 25px;
}
#fan-merch-package.order-history .package .photo .banner-container {
    position: absolute;
    overflow: hidden;
    width: 126px;
    height: 100%;
    z-index: 7;
}
:lang(fr) #fan-merch-package.order-history .package .photo .banner-inner {
    font-size: 8px;
}
#fan-merch-package.order-history .package .item-list {
    margin: 0 0 0 15px;
}
#fan-merch-package.order-history .shipping-info {
    padding: 0;
}
#fan-merch-package.order-history .shipping-info p {
    margin-bottom: 0px !important;
}
#fan-merch-package .shipping-info {
    padding: 0 0 20px 0;
}
#fan-merch-package.order-history .payment-info li {
    font-size: 11px;
}
#fan-merch-package.order-history .payment-info li strong {
    font-size: 11px;
}
#fan-merch-package.order-history .contact-artist {
    padding: 20px 0 0 0;
}
#fan-merch-package .date {
    padding-left: 25px;
    font-weight: bold;
}
#fan-merch-package .date-title {
    font-weight: normal;
}
#two-questions {
    padding-left: 1.5em;
}
#fan-merch-package.order-history .artist-message {
    max-width: 430px;
    padding: 20px 0 0 0;
}

#fan-merch-package.order-history .artist-message span {
    font-family: georgia, serif;
    font-style: italic;
}

.list-square {
    list-style-type: square;
}
.contact-band-main {
    text-align: right;
}
.undecorated-list {
    padding:0;
    list-style-type: none;
}
.undecorated-list li:first-child {
    margin-top:0;
}
.undecorated-list li {
    margin:1px 0 1px 0;
}
.faq-links {
    padding: 40px 0 15px 0;
    font-size: 1rem;
}
.faq-links li {
    margin-bottom: .8rem;
}
.preorderItem{
    color: #777;
}
#downloading h4{
    color:#6A7574;
}

.check {
    background: url('https://s4.bcbits.com/img/help/shipped-checkmark.svg');
    background-size: contain;
    height: 10px;
    width: 12px;
    display: inline-block;
    margin-right: 5px;
}

#pgContent .gear-wrapper {
    width: 16px;
    height: 12px;
    display: inline-block;
}
#pgContent .gear {
    display: inline-block; 
    background: transparent url(https://s4.bcbits.com/img/menubar/gear-icon.svg) 0 0 no-repeat;
    background-position: 0px -20px; 
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-left: 2px;
    margin-bottom: 1px;
    transform: scale(.9);
}

/* apps */
#apps .app-links {
    display: flex;
    text-align: center;
    margin-bottom: 3em;
}
#apps .app-links .item {
    flex-grow: 2;
}
#apps .app-links .item a {
    margin: 0 0.5em;
}
/* trackpipe/public/css/grid.css */
/*------------------------------------------------------------*/
.row {
    clear:both;
    margin:0 auto;
    width:100%;
}
.col {
    float:left;
    min-height:1px;
    position:relative;
}
.col-full {
    width:100%;
}
/* clear floats */
.row:after {
    clear:both;
    content:".";
    display:block;
    height:0;
    visibility:hidden;
}

/*------------------------------------------------------------*/
/* 12 column */
.col+.col-1-12,
.col+.col-2-12,
.col+.col-3-12,
.col+.col-4-12,
.col+.col-5-12,
.col+.col-6-12,
.col+.col-7-12,
.col+.col-8-12,
.col+.col-9-12,
.col+.col-10-12,
.col+.col-11-12 {
    margin-left:1.8450184502%;
}
/* 12 column units */
.col-1-12 {width:6.642066420664%;}
.col-2-12 {width:15.129151291513%;}
.col-3-12 {width:23.616236162362%;}
.col-4-12 {width:32.10332103321%;}
.col-5-12 {width:40.590405904059%;}
.col-6-12 {width:49.077490774908%;}
.col-7-12 {width:57.564575645756%;}
.col-8-12 {width:66.051660516605%;}
.col-9-12 {width:74.538745387454%;}
.col-10-12 {width:83.025830258303%;}
.col-11-12 {width:91.512915129151%;}

/* no gutter */
.col-2-12.no-gutter,
.col-3-12.no-gutter,
.col-4-12.no-gutter,
.col-5-12.no-gutter,
.col-6-12.no-gutter,
.col-7-12.no-gutter,
.col-8-12.no-gutter,
.col-9-12.no-gutter,
.col-10-12.no-gutter,
.col-11-12.no-gutter {
    margin-left:0;
}
/* no gutter widths */
.col-2-12.no-gutter {width:16.974169741697%;}
.col-3-12.no-gutter {width:25.461254612546%;}
.col-4-12.no-gutter {width:33.948339483395%;}
.col-5-12.no-gutter {width:42.435424354244%;}
.col-6-12.no-gutter {width:50.922509225092%;}
.col-7-12.no-gutter {width:59.409594095941%;}
.col-8-12.no-gutter {width:67.89667896679%;}
.col-9-12.no-gutter {width:76.383763837638%;}
.col-10-12.no-gutter {width:84.870848708487%;}
.col-11-12.no-gutter {width:93.357933579336%;}

/* 12 column layout offsets */
.offset-1-12 {margin-left:8.487084870849%;}
.offset-2-12 {margin-left:16.974169741697%;}
.offset-3-12 {margin-left:25.461254612546%;}
.offset-4-12 {margin-left:33.948339483395%;}
.offset-5-12 {margin-left:42.435424354244%;}
.offset-6-12 {margin-left:50.922509225092%;}
.offset-7-12 {margin-left:59.409594095941%;}
.offset-8-12 {margin-left:67.89667896679%;}
.offset-9-12 {margin-left:76.383763837638%;}
.offset-10-12 {margin-left:84.870848708487%;}
.offset-11-12 {margin-left:93.357933579336%;}

/* 12 column offset sibling widths */
.col+.offset-1-12 {margin-left:10.332103321033%;}
.col+.offset-2-12 {margin-left:18.819188191882%;}
.col+.offset-3-12 {margin-left:27.306273062731%;}
.col+.offset-4-12 {margin-left:35.793357933579%;}
.col+.offset-5-12 {margin-left:44.280442804428%;}
.col+.offset-6-12 {margin-left:52.767527675277%;}
.col+.offset-7-12 {margin-left:61.254612546125%;}
.col+.offset-8-12 {margin-left:69.741697416974%;}
.col+.offset-9-12 {margin-left:78.228782287823%;}
.col+.offset-10-12 {margin-left:86.715867158672%;}

/*------------------------------------------------------------*/
/* 15 columns */
.col-1-15 {width:5.063291139241%;}
.col-2-15 {width:11.844484629295%;}
.col-3-15 {width:18.625678119349%;}
.col-4-15 {width:25.406871609403%;}
.col-5-15 {width:32.188065099458%;}
.col-6-15 {width:38.969258589512%;}
.col-7-15 {width:45.750452079566%;}
.col-8-15 {width:52.53164556962%;}
.col-9-15 {width:59.312839059675%;}
.col-10-15 {width:66.094032549729%;}
.col-11-15 {width:72.875226039783%;}
.col-12-15 {width:79.656419529837%;}
.col-13-15 {width:86.437613019892%;}
.col-14-15 {width:93.218806509946%;}

/* gutters */
.col+.col-1-15,
.col+.col-2-15,
.col+.col-3-15,
.col+.col-4-15,
.col+.col-5-15,
.col+.col-6-15,
.col+.col-7-15,
.col+.col-8-15,
.col+.col-9-15,
.col+.col-10-15,
.col+.col-11-15,
.col+.col-12-15,
.col+.col-13-15,
.col+.col-14-15 {
    margin-left:1.7179023508%;
}
/* no gutter */
.col-2-15.no-gutter,
.col-3-15.no-gutter,
.col-4-15.no-gutter,
.col-5-15.no-gutter,
.col-6-15.no-gutter,
.col-7-15.no-gutter,
.col-8-15.no-gutter,
.col-9-15.no-gutter,
.col-10-15.no-gutter,
.col-11-15.no-gutter,
.col-12-15.no-gutter,
.col-13-15.no-gutter,
.col-14-15.no-gutter {
    margin-left:0;
}
/* no gutter widths */
.offset-2-15.no-gutter {width:13.562386980108%;}
.offset-3-15.no-gutter {width:20.343580470163%;}
.offset-4-15.no-gutter {width:27.124773960217%;}
.offset-5-15.no-gutter {width:33.905967450271%;}
.offset-6-15.no-gutter {width:40.687160940325%;}
.offset-7-15.no-gutter {width:47.46835443038%;}
.offset-8-15.no-gutter {width:54.249547920434%;}
.offset-9-15.no-gutter {width:61.030741410488%;}
.offset-10-15.no-gutter {width:67.811934900542%;}
.offset-11-15.no-gutter {width:74.593128390597%;}
.offset-12-15.no-gutter {width:81.374321880651%;}
.offset-13-15.no-gutter {width:88.155515370705%;}
.offset-14-15.no-gutter {width:94.936708860759%;}

/* fluid column layout offsets */
.offset-1-15 {margin-left:6.781193490054%;}
.offset-2-15 {margin-left:13.562386980108%;}
.offset-3-15 {margin-left:20.343580470163%;}
.offset-4-15 {margin-left:27.124773960217%;}
.offset-5-15 {margin-left:33.905967450271%;}
.offset-6-15 {margin-left:40.687160940325%;}
.offset-7-15 {margin-left:47.46835443038%;}
.offset-8-15 {margin-left:54.249547920434%;}
.offset-9-15 {margin-left:61.030741410488%;}
.offset-10-15 {margin-left:67.811934900542%;}
.offset-11-15 {margin-left:74.593128390597%;}
.offset-12-15 {margin-left:81.374321880651%;}
.offset-13-15 {margin-left:88.155515370705%;}
.offset-14-15 {margin-left:94.936708860759%;}

/* fluid column offset sibling widths */
.col+.offset-1-15 {margin-left:8.499095840868%;}
.col+.offset-2-15 {margin-left:15.280289330922%;}
.col+.offset-3-15 {margin-left:22.061482820976%;}
.col+.offset-4-15 {margin-left:28.842676311031%;}
.col+.offset-5-15 {margin-left:35.623869801085%;}
.col+.offset-6-15 {margin-left:42.405063291139%;}
.col+.offset-7-15 {margin-left:49.186256781193%;}
.col+.offset-8-15 {margin-left:55.967450271248%;}
.col+.offset-9-15 {margin-left:62.748643761302%;}
.col+.offset-10-15 {margin-left:69.529837251356%;}
.col+.offset-11-15 {margin-left:76.31103074141%;}
.col+.offset-12-15 {margin-left:83.092224231465%;}
.col+.offset-13-15 {margin-left:89.873417721519%;}


/*------------------------------------------------------------*/
/* 16 columns */
.col-1-16 {width:5.063291139241%;}
.col-2-16 {width:11.392405063291%;}
.col-3-16 {width:17.721518987342%;}
.col-4-16 {width:24.050632911392%;}
.col-5-16 {width:30.379746835443%;}
.col-6-16 {width:36.708860759494%;}
.col-7-16 {width:43.037974683544%;}
.col-8-16 {width:49.367088607595%;}
.col-9-16 {width:55.696202531646%;}
.col-10-16 {width:62.025316455696%;}
.col-11-16 {width:68.354430379747%;}
.col-12-16 {width:74.683544303797%;}
.col-13-16 {width:81.012658227848%;}
.col-14-16 {width:87.341772151899%;}
.col-15-16 {width:93.670886075949%;}

/* gutters */
.col+.col-1-16,
.col+.col-2-16,
.col+.col-3-16,
.col+.col-4-16,
.col+.col-5-16,
.col+.col-6-16,
.col+.col-7-16,
.col+.col-8-16,
.col+.col-9-16,
.col+.col-10-16,
.col+.col-11-16,
.col+.col-12-16,
.col+.col-13-16,
.col+.col-14-16,
.col+.col-15-16 {
    margin-left:1.2658227848%;
}
/* no gutter */
.col-2-16.no-gutter,
.col-3-16.no-gutter,
.col-4-16.no-gutter,
.col-5-16.no-gutter,
.col-6-16.no-gutter,
.col-7-16.no-gutter,
.col-8-16.no-gutter,
.col-9-16.no-gutter,
.col-10-16.no-gutter,
.col-11-16.no-gutter,
.col-12-16.no-gutter,
.col-13-16.no-gutter,
.col-14-16.no-gutter,
.col-15-16.no-gutter {
    margin-left:0;
}
/* no gutter widths */
.col-2-16.no-gutter {width:12.658227848101%;}
.col-3-16.no-gutter {width:18.987341772152%;}
.col-4-16.no-gutter {width:25.316455696203%;}
.col-5-16.no-gutter {width:31.645569620253%;}
.col-6-16.no-gutter {width:37.974683544304%;}
.col-7-16.no-gutter {width:44.303797468354%;}
.col-8-16.no-gutter {width:50.632911392405%;}
.col-9-16.no-gutter {width:56.962025316456%;}
.col-10-16.no-gutter {width:63.291139240506%;}
.col-11-16.no-gutter {width:69.620253164557%;}
.col-12-16.no-gutter {width:75.949367088608%;}
.col-13-16.no-gutter {width:82.278481012658%;}
.col-14-16.no-gutter {width:88.607594936709%;}
.col-15-16.no-gutter {width:94.936708860759%;}

/* fluid column layout offsets */
.offset-1-16 {margin-left:6.329113924051%;}
.offset-2-16 {margin-left:12.658227848101%;}
.offset-3-16 {margin-left:18.987341772152%;}
.offset-4-16 {margin-left:25.316455696203%;}
.offset-5-16 {margin-left:31.645569620253%;}
.offset-6-16 {margin-left:37.974683544304%;}
.offset-7-16 {margin-left:44.303797468354%;}
.offset-8-16 {margin-left:50.632911392405%;}
.offset-9-16 {margin-left:56.962025316456%;}
.offset-10-16 {margin-left:63.291139240506%;}
.offset-11-16 {margin-left:69.620253164557%;}
.offset-12-16 {margin-left:75.949367088608%;}
.offset-13-16 {margin-left:82.278481012658%;}
.offset-14-16 {margin-left:88.607594936709%;}
.offset-15-16 {margin-left:94.936708860759%;}

/* fluid column offset sibling widths */
.col+.offset-1-16 {margin-left:7.594936708861%;}
.col+.offset-2-16 {margin-left:13.924050632911%;}
.col+.offset-3-16 {margin-left:20.253164556962%;}
.col+.offset-4-16 {margin-left:26.582278481013%;}
.col+.offset-5-16 {margin-left:32.911392405063%;}
.col+.offset-6-16 {margin-left:39.240506329114%;}
.col+.offset-7-16 {margin-left:45.569620253165%;}
.col+.offset-8-16 {margin-left:51.898734177215%;}
.col+.offset-9-16 {margin-left:58.227848101266%;}
.col+.offset-10-16 {margin-left:64.556962025316%;}
.col+.offset-11-16 {margin-left:70.886075949367%;}
.col+.offset-12-16 {margin-left:77.215189873418%;}
.col+.offset-13-16 {margin-left:83.544303797468%;}
.col+.offset-14-16 {margin-left:89.873417721519%;}


/* trackpipe/public/css/popup_image.css */

/* popup image viewer */

/* .imageviewer_XXX styles refers to the original implementation and will be deleted eventually
 * .popupimage_XXX is the new black.  the desktop version of the new code is still being developed,
 * so the .imageviewer_XXX are still the ones active in production. -- kj
 */


.popupimage_gallery {
    display: table-cell;
    vertical-align: middle;
    position: fixed;
    left: 0; top: 0;
    bottom: 0; right: 0;
    background: rgba( 255, 255, 255, 0.5 );
    z-index: 10;
}

.popupimage_container {
    position: relative;
    display: table;
    left: 0;
    height: 100%; width: 1000%;
    list-style: none;
    padding: 0;
}

.popupimage_item {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    width: auto;
}

.popupimage_item img {
    display: block;
    background: #000;
    margin-left: auto;
    margin-right: auto;
}

.popupimage_item.loading {
    background: url(../gif/playerbusy_transp.gif) no-repeat;
    background-position: 50% 50%;
}


/* --- widgets --- */

.popupimage_nav {
    display: inline-block;
    position: absolute;
    height: 100%;
    width: 33%;
    -webkit-tap-highlight-color: rgba( 0,0,0,0 );
}

.popupimage_nav.dismiss {
    left: 33%;
    width: 34%;
}

.popupimage_nav.prev {
    left: 0;
}

.popupimage_nav.next {
    right: 0;
}

.popupimage_navicon {
/* *** old:
    display: inline-block;
    visibility: hidden;
    position: absolute;
    cursor: pointer;
    top: 50%;
    margin-top: -15px;
    background-image:url(/img/popup_image.png);
    background-repeat:no-repeat;
    width: 30px;
    height: 30px;
*** */

    display: inline-block;
    position: absolute;
    top: 85%;
    margin: auto;
    background: url(https://s4.bcbits.com/img/mobile-sprites-20150520.svg) no-repeat;
    background-size: 500% auto;
    width: 2rem;
    height: 2rem;
    cursor: pointer;
    z-index: 1;
}

.no-svg .popupimage_navicon {
    background-image: url(../png/mobile-sprites-20150520.png);
}

.popupimage_navicon.dismiss {
    left: 50%;
    margin-left: -1rem;
    background-position: 0 31.6%;
}

.popupimage_navicon.prev {
    left: 1em;
    background-position: 0 35.8%;
}

.popupimage_navicon.next {
    right: 1em;
    background-position: 0 40.0%;
}

.popupimage_loading {
    position: absolute;
    display: inline-block;
    background-color: black; 
    opacity: 0.5;
    filter:alpha(opacity=50);
    text-align: center;
    vertical-align: middle;
    z-index: 1;
}

.popupimage_spinny_lg {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    filter:alpha(opacity=50);
    background: url(../gif/playerbusy.gif) no-repeat;
    background-position: 50% 50%;
}

.popupimage_spinny_sm {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    filter:alpha(opacity=50);
    background: url(../gif/playerbusy_small.gif) no-repeat;
    background-position: 50% 50%;
}

/* ---------- */

.imageviewer_top {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    text-align: center;
    z-index: 201; /* on top of menubar 2018 */
}

.imageviewer_top td {
    border: 0;
}

.imageviewer_back {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: #fff;
    opacity: 0.5;
    filter: alpha(opacity=50);
    z-index: -1;
}

.imageviewer_dismiss {
    cursor: pointer;
    position: relative;
    top: 2em; left: -1em;
    background-image: url(../png/popup_image_v2.png);
    background-size: 30px;
    background-repeat:no-repeat;
    width:30px;
    height:30px;
    z-index: 10;
}

.imageviewer_image {
    clear: both;
    border: 2px solid rgba(0,0,0,0.1);
    max-width: none;
    display: inherit;
}

.imageviewer_nav {
    display: inline-block;
    position: absolute;
    height: 100%;
    width: 200px;
    max-width: 33%;
    top: 0;
}

.ie .imageviewer_nav {
    /* fixes problems laying out empty elements */
    background: white;
    filter: alpha(opacity=0);
    opacity: 0;
}

.imageviewer_nav.prev {
    left: 0;
}

.imageviewer_nav.next {
    right: 0;
}

.imageviewer_navicon {
    display: inline-block;
    visibility: hidden;
    position: absolute;
    cursor: pointer;
    top: 50%;
    margin-top: -15px;
    background-image: url(../png/popup_image_v2.png);
    background-size: 30px;
    background-repeat:no-repeat;
    width: 30px;
    height: 30px;
}

.imageviewer_navicon.next {
    right: 30px;
    background-position:0 center;
}

.imageviewer_navicon.prev {
    left: 30px;
    background-position:0 bottom;
}

.imageviewer_nav:hover span.imageviewer_navicon {
    visibility: visible;
}

.imageviewer_loading {
    position: absolute;
    display: inline-block;
    background-color: black; 
    opacity: 0.5;
    filter:alpha(opacity=50);
    text-align: center;
    vertical-align: middle;
}

.imageviewer_spinny_lg {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    filter:alpha(opacity=50);
    background: url(../gif/playerbusy_transp.gif) no-repeat;
    background-position: 50% 50%;
}

.imageviewer_spinny_sm {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    filter:alpha(opacity=50);
    background: url(../gif/playerbusy_small.gif) no-repeat;
    background-position: 50% 50%;
}


/* trackpipe/public/css/mobile_apps/artist_app_dialog.css */

/* artist app dialog */

.ui-dialog.artist-app-dialog, .ui-dialog.artist-app-dialog p {
    font-size: 1rem;
    line-height: 1.5rem;
}

.ui-dialog.artist-app-dialog {
    position: relative;
}

.ui-dialog.artist-app-dialog .ui-dialog-titlebar {
    position: static;
    background-color: white;
    border-bottom: none;
    padding-bottom: 0;
}

.ui-dialog.artist-app-dialog .ui-dialog-content {
    position: static;
    padding-top: 0;
}

.ui-dialog.artist-app-dialog .content {
    max-width: 22.8rem;
    float: left;
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    box-sizing: border-box;
    margin-left: 1.75rem;
}

.ui-dialog.artist-app-dialog.show-steps .content {
    padding-top: 0.75rem;
}

.ui-dialog.artist-app-dialog .content:lang(fr) {
    max-width: 27.5rem;
}

.ui-dialog.artist-app-dialog .content:lang(ja) {
    max-width: 26rem;
}

.ui-dialog.artist-app-dialog .header {
    margin-top: 0px;
}

.ui-dialog.artist-app-dialog p {
    text-align: left;
    margin: 0;
    margin-bottom: 16px;
}

.ui-dialog.artist-app-dialog a {
    color: #1DA0C3;
}

.ui-dialog.artist-app-dialog a:focus {
    outline: none;
}

.ui-dialog.artist-app-dialog .email-input {
    box-sizing: border-box;
    font-size: 1rem;
    border-radius: 0.25rem;
    padding: 0.55rem 0.5rem;
}

.ui-dialog.nu-dialog.artist-app-dialog .alert {
    font-size: 0.9375rem;
}

.ui-dialog.artist-app-dialog .artist-app-dialog-button {
    margin: 12px auto 5px;
    display: inline-block;
    width: auto;
    height: auto;
    max-width: 280px;
    font-size: 1rem;
    background-color: #1DA0C3;
    color: white;
    text-decoration: none;
    border: none;
    border-radius: 4px;
    padding: 0.75rem;
    line-height: 1rem;
    box-sizing: border-box;
}

.ui-dialog.artist-app-dialog .artist-app-dialog-button:hover, .ui-dialog.artist-app-dialog .artist-app-dialog-button:focus {
    background-color: #1DA0C3;
    text-decoration: none;
}

.artist-app-dialog .content.show-cta .artist-app-dialog-button .cta { display: inline; }
.artist-app-dialog .content.show-cta .artist-app-dialog-button .sending, .artist-app-dialog .content.show-cta .artist-app-dialog-button .sent { display: none; }

.artist-app-dialog .content.show-sending .artist-app-dialog-button {
    padding: 0.4375em;
}

.artist-app-dialog .content.show-sending .phone-tip, .artist-app-dialog .content.show-sending .phone-tip.show {
    color: #fff;
    transition: none;
}

.ui-dialog.nu-dialog.artist-app-dialog button[disabled], .ui-dialog.nu-dialog.artist-app-dialog button[disabled]:hover, 
.ui-dialog.nu-dialog.artist-app-dialog button[disabled]:active, .ui-dialog.nu-dialog.artist-app-dialog button[disabled]:focus {
    background-color: rgba(29, 160, 195, .5) !important;
    opacity: 1;
    color: white !important;
    cursor: default;
}

.artist-app-dialog .content.show-sending .artist-app-dialog-button .sending { display: inline; }
.artist-app-dialog .content.show-sending .artist-app-dialog-button .cta, .artist-app-dialog .content.show-sending .artist-app-dialog-button .sent { display: none; }

.artist-app-dialog .content.show-sent .phone-tip {
    display: none;
}

.artist-app-dialog .content.show-sent .close-link {
    display: block;
}

.artist-app-dialog .content.show-sent .artist-app-dialog-button .sent { display: inline; }
.artist-app-dialog .content.show-sent .artist-app-dialog-button .cta, .artist-app-dialog .content.show-sent .artist-app-dialog-button .sending { display: none; }

.artist-app-dialog .app-icon { display: none; }
.artist-app-dialog .email-field { display: none; }
.artist-app-dialog .artist-app-dialog-button.app-link { display: none; }
.artist-app-dialog .artist-app-dialog-button .sending { display: none; }
.artist-app-dialog .artist-app-dialog-button .sent { display: none; }
.ui-dialog.artist-app-dialog .close-link { display: none; }

.ui-dialog.artist-app-dialog .artist-app-dialog-checkmark {
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 17px;
    background-position: -56px -510px;
    margin-left: 8px;
    transform: scale(.8);
}

@keyframes fade-in {
    0%   {opacity: 0;}
    75%  {opacity: 0;}
    100% {opacity: 1;}
}

.ui-dialog.artist-app-dialog .phone-tip {
    font-size: 0.8125rem;
    color: #fff;
    transition: none;
}

.ui-dialog.artist-app-dialog .phone-tip.show {
    color: #999;
    transition: color .2s;
}

.ui-dialog.artist-app-dialog .close-link a {
    font-size: 0.8125rem;
    color: #fff;
    transition: color .2s;
}

.ui-dialog.artist-app-dialog .close-link.show a {
    color: #1DA0C3;
}

.ui-dialog.artist-app-dialog .steps {
    font-size: 0.8125rem;
    line-height: 1.125rem;
    color: #595959;
    margin-left: 0.75rem;
    max-width: 18.75rem;
}


.ui-dialog.artist-app-dialog ol {
    padding-left: 0.875rem;
}

.ui-dialog.artist-app-dialog li {
    margin: .5rem 0;
}

.ui-dialog.artist-app-dialog .phones {
    width: 16.5rem;
    height: 20.375rem;
    float: right;
}

.ui-dialog.artist-app-dialog.show-steps .phones {
    margin-top: 4rem;
}

.ui-dialog.artist-app-dialog .steps { display: none; }
.ui-dialog.artist-app-dialog.show-steps .steps { display: block; }

/* nonUsers */

.ui-dialog.artist-app-dialog.nonUser .email-field {
    display: inline-block;
    margin-top: 10px;
}

.ui-dialog.artist-app-dialog.nonUser .email-input {
    width: 100%;
}

.ui-dialog.artist-app-dialog.nonUser .content {
    padding-top: 20px;
}

/* phones and small screens */

@media screen and (max-width: 44.75rem) {
    .ui-dialog.artist-app-dialog {
        width: 19.75rem !important;
        margin: 0 auto;
        right: 0;
    }
    
    .ui-dialog.artist-app-dialog .header {
        font-weight: bold;
        font-size: 116%;
        margin: 0 auto 18px;
        width: 230px;
    }
    
    .ui-dialog.artist-app-dialog .content, .ui-dialog.artist-app-dialog.nonUser .content  {
        padding: 0;
        padding-bottom: 1rem;
    }
    
    .ui-dialog.artist-app-dialog .content {
        position: relative;
        margin-left: 0;
        transform: none;
    }
    
    .ui-dialog.artist-app-dialog .artist-app-dialog-button.app-link { 
        display: inline-block; 
        width: 100%;
    }
    
    .ui-dialog.artist-app-dialog .app-icon { 
        display: block;
        height: 70px;
        margin: 0 auto 28px;
    }
    
    .ui-dialog.artist-app-dialog.nonUser .email-field { display: none; }
    .ui-dialog.artist-app-dialog .send-email { display: none; }
    .ui-dialog.artist-app-dialog .phone-tip { display: none; }
    .ui-dialog.artist-app-dialog .phones { display: none; }
    
}
/* trackpipe/public/css/already_shipped_pane.css */
/*- - - - - - - - - - */
/* multiple items artwork for already shipped div */

.already-shipped-pane-text {
    text-align: center;
    margin: auto !important;
    width: 90%;
}
.already-shipped-pane-text-top {
    text-align: center;
    margin: auto auto 10px auto !important;
    width: 90%;
}
.already-shipped-pane .ui-dialog-buttonset button {
    text-align: center;
    font-size: 16px;
    margin: auto;
    width: 90%;
    margin-bottom: 10px;
    background: rgb(0,161,198);
    border-color: rgb(0,161,198);
}
.already-shipped-pane .ui-dialog-buttonset button:hover,
.already-shipped-pane .ui-dialog-buttonset button:focus,
.already-shipped-pane .ui-dialog-buttonset button:active {
    background: rgb(0,161,198);
}
.already-shipped-pane .ui-dialog-buttonset button.already-shipped-cancel-btn {
    background: none;
    color: #333;
    border-color: rgb(220,220,220);
}

.shipped-multi-item-art {
    margin: auto;
    margin-top: 30px;
    width: 100px;
    height: 100px;
}

.shipped-multi-item-art .multi-artwork {
    width: 100px;
    position: absolute;
    outline: 1px solid rgba(0,0,0,0.05);
    outline-offset: -1px;
}

.shipped-multi-item-art .cover-0 {
    -webkit-transform: rotate(-3deg) translate(4px, -4px); /* Chrome, Safari, Opera */
    transform: rotate(-3deg) translate(4px, -4px);
    z-index: 6;
}
.shipped-multi-item-art .cover-1 {
    -webkit-transform: rotate(4deg) translate(3px, -2px); /* Chrome, Safari, Opera */
    transform: rotate(4deg) translate(3px, -2px);
    z-index: 5;
}
.shipped-multi-item-art .cover-2 {
    -webkit-transform: rotate(-8deg) translate(-4px, -2px); /* Chrome, Safari, Opera */
    transform: rotate(-8deg) translate(-4px, -2px);
    z-index: 4;
}
.shipped-multi-item-art .cover-3 {
    -webkit-transform: rotate(11deg) translate(3px, -3px); /* Chrome, Safari, Opera */
    transform: rotate(11deg) translate(3px, -3px);
    z-index: 3;
}
.shipped-multi-item-art .cover-4 {
    -webkit-transform: rotate(-10deg) translate(6px, 3px); /* Chrome, Safari, Opera */
    transform: rotate(-10deg) translate(6px, 3px);
    z-index: 2;
}
.shipped-multi-item-art .cover-5 {
    -webkit-transform: rotate(3deg) translate(8px, 4px); /* Chrome, Safari, Opera */
    transform: rotate(3deg) translate(8px, 4px);
    z-index: 1;
}

.shipped-multi-item-art .multi-thumbnail {
    width: 100px;
}
/* trackpipe/public/css/address.css */
.address-wrapper {
    display:block;
    float:left;
    border: 1px solid #C2C2C2;
    border-radius: 3px;
    padding: 20px 40px 40px 40px;
}

/* tweaks for when the address form is shown in a NuDialog */
.ui-dialog .address-wrapper {
    width: auto;
    margin-bottom: 20px;
    border: none;
    padding: 0;
    width: 100%;
}

.address-wrapper input,
.address-wrapper select {
    width: 100%;
    padding: 0 0 0 5px;
    margin:0;
    height:28px;    
}

.address-wrapper input {
    border: 1px solid #ACACAC;
}

.address-wrapper .field select {
    
    width: 100%;
    display: block;
    float: left;
    clear: left;
    margin: 0;
    top: 0;
}

.address-wrapper .state select.picked {
    font-style: normal;
}

.address-wrapper .state select {
    color: #3A3A3A;
    width: 100%;
}

.address-wrapper .address.japan .state select {
    width: 100%;
}

.address-wrapper label {
    display: block;
    float: left;
    clear: left;
    width: 100%;    
}

.address-wrapper .field {
    float:left;
    clear:left;
    padding-bottom: 12px;
    width: 100%;
}

.address-wrapper .field-warning h3,
.address-wrapper .warning h3 {
    padding: 0;
    margin: 0 0 10px 0;
    font-size: 10pt;
}

.address-wrapper .field-warning,
.address-wrapper .warning {
    background: #D1ECF3;
    color: #333;
    padding: 11px 11px 11px 11px;
    width: 435px;
    line-height: 18px;
    font-size: 10pt;
    border-radius: 3px;
}

.address-wrapper .warning {
    margin-bottom: 20px;
}

.address-wrapper .field-warning {
    background: #D1ECF3;
    color: #333;
    padding: 11px 0 11px 11px;
    line-height: 18px;
    font-size: 10pt;
    border-radius: 3px;
    margin-top: 9px;
    width: calc(100% - 9px);
    float:left;
    clear:left;
}

.address-wrapper .field-warning h3 {
    margin-top: 0;
    padding-top: 0;
}

.address-wrapper label span {
    display: inline-block;
    float: left;
    clear: left;    
    padding-bottom: 3px;
    color: #333;
}

.address-wrapper button.disabled,
.content .address-wrapper button.disabled {
    background-color: #aaa;
}

.address-wrapper button,
.content .address-wrapper button {
    display:block;
    float:left;
    clear:left;
    background: #0787F5;
    color: white;
    width: 457px;
    border: 0;
    margin: 0;
    border-radius: 3px;
    text-decoration: none;
    font-size: 1.3em;
    font-weight: normal;
    letter-spacing: 0.4pt;
    height: 40px;
    margin-top: 30px;
}

.address .city,
.address .zip-code {
    width: 47%;
    margin-right: 4%;
    float: left;
    clear: left;
}

.address .state {
    width: 49%;
    clear: none;
    float:left;
}

.address .city,
.address .state {
    display: block;
}


.address.germany .city,
.address.france .city,
.address.generic .city {
    width: 58%;
    margin-right: 0;
    clear: none;
}

.address.germany .zip-code,
.address.france .zip-code,
.address.generic .zip-code {
    width: 37%;
    margin-right: 5%;
}

.address.united-kingdom .zip-code {
    float: left;
    clear: none;
    margin-right: 0;
    width: 49%;
}

.address-wrapper .address.united-states .field.address1 {
    padding-bottom: 0;
}

.address-wrapper .address.united-states .field.address2 {
    padding-top:0;
}

.address.generic .state {
    float: left;
    clear: left;
    width: 50%;
}

.address.japan .city {
    width: 100%;
}

.address.japan .zip-code {
    width: 36%;
    margin-right: 5%;
}

.address.japan .state {
    width: 59%;
}

.address .sublabel {
    color: #999;
    display: inline;
    float: right;
    padding-left: 4px;
}

.address {
    float: left;
    clear: left;
    padding-bottom: 30px;
    width: 100%;
}

.address-wrapper .error input {
    border: 1px solid #C4362C;
}

.address-wrapper span.error-message { 
    color: #C4362C;
    display: inline-block;
    float: left;
    clear: left;
    overflow: hidden;
    transition: height 0.1s linear;
    line-height: 15px;
}

.address-wrapper .input-option {
    float: left;
    width: 100%;
}

.address-wrapper .input-option input {
    float: left;
    display: inline-block;
    width: auto;
    height: auto;
}

.address-wrapper .input-option span {
    float: left;
    clear: none;
    padding-top: 0;
    padding-left: 5px;
    display: inline-block;
    height: 10px;
    line-height: 13px;
}
/* trackpipe/public/css/change_address_dialog.css */
/* Change Address Dialog Styles  - - - - - - - - - - */
.change-address-dialog .bold {
    font-weight: bold;
}

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

.change-address-dialog .ui-dialog-content {
    overflow: visible !important;
    padding: 45px !important;
    padding-bottom: 0px !important;
}

@media only screen and (max-device-width: 768px) {
    .change-address-dialog .ui-dialog-content {
        overflow: visible !important;
        padding: 20px !important;
        width: 93%;
    }
}


@media only screen and (max-device-width: 768px) {
    .ui-dialog.nu-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
        padding: 20px !important;
    }
}

.change-address-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    padding: 20px 45px 45px !important;
    margin-bottom: 0px !important;
}

.ui-dialog.nu-dialog button.top-change-address-btn {
    background: rgb(0,161,198);
    border-radius: 4px;    
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    padding: 0 1em;
    text-align: center;
    border: none;
    vertical-align: top;
    width: 100%;
}

body:lang(ja) .ui-dialog.nu-dialog button.top-change-address-btn {
    font-size: 12px;
}

.ui-dialog.nu-dialog .ui-icon.ui-icon-closethick {
    width: 13px;
    height: 13px;
}

.nu-dialog .ui-icon {
    background: url(https://s4.bcbits.com/img/x_close_dialog.svg) !important;
}

/* Change Address Dialog: Address Form - - - */
.address-form {
    padding-top: 20px;
}

.address {
    padding-bottom: 0px !important;
}

.ui-dialog.nu-dialog button.bottom-change-address-btn {
    display:none; /*hide when dialog is first displayed*/
    text-decoration: none !important;
    background:none !important;
    color: rgb(0,161,198);
    border:none;
    padding: 0 0 45px !important;
    font: inherit;
    font-size: 12px;
    cursor: pointer;
    margin-bottom: -2em;
}

.ui-dialog.nu-dialog button.bottom-change-address-btn:hover {
    text-decoration: none !important;
    background: none !important;
}

.ui-dialog.nu-dialog .address-wrapper button {
    background: rgb(0,161,198);
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    padding: 0 1em;
    text-align: center;
    border: none;
    vertical-align: top;
    width: 100%;
}

.ui-dialog .address-wrapper {
    width: 100%;
    margin-bottom: 0px;
}

/* Save this address label */
.ui-dialog .address-wrapper .input-option {
    width: 100%;
}

.ui-dialog .address-wrapper .input-option span {
    font-size: 12px;
}

:lang(fr) .ui-dialog .address-wrapper .input-option span {
    font-size: 8px;
}

@media screen
    and (min-device-width: 360px)
    and (max-device-height: 640px)
    and (-webkit-device-pixel-ratio: 3)  {
    :lang(fr) .ui-dialog .address-wrapper .input-option span {
        font-size: 7px;
    }
}
/******/

.ui-dialog.nu-dialog button.bottom-change-address-btn:hover {
    text-decoration: underline;
}

.ui-dialog .ui-dialog-title {
    text-align: center;
    width: 100%;
}

.ui-dialog.nu-dialog .address-updated-msg {
    margin: 2em 0 0em;
    text-align: center;
    font-size: 18px;
    line-height: 24px;
}

.ui-dialog.nu-dialog .same-address-msg {
    margin: 2em 0 0em;
    text-align: center;
    font-size: 18px;
    line-height: 24px;
}

.updated-shipping-details div {
    width: 50%;
    margin: 0 4.58rem;
    margin-top: 1em;
    padding-bottom: 2em;
}

.updated-shipping-details .updated-shipping-address p.title {
    color: #333
}

.updated-shipping-details .updated-shipping-address > p {
    display: block;
    font-size: 12px;
    line-height: 1.563; /* 16px */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0em;
    color: #666;
}

/*- - - - - - - - - - */

/* change country styles */
.change-country{
    text-align: center;
    margin-bottom: 3em;
}
.change-country .warning {
    display:inherit;
    color: red;
    font-size: 14px;
    line-height: 24px;
}

.ui-dialog.nu-dialog .request-sent-msg {
    margin: 2em 0 0em;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
}

.change-country .order-shipping {
    margin: 2em 0 0em;
}

/*left align the address displayed within
the message to support*/
#support-address > div {
    margin: 0;
}

#support-msg .sale-item-details p {
    margin: 0;
}

.country-updated .request-sent-msg {
    margin-top: 20px !important;
    text-align: center;
    font-size: 18px;
    line-height: 24px;
}
/*- - - - - - - - - - */

/* Change Address Order Summary styles derived from order_recap.css  */

.order-shipping {
   background: #f5f5f5;
}

.order-summary ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.order-summary ul li {
    background: #f5f5f5;
    list-style: none;
    margin: 0 0 1%;
    padding: 9px 8px;
}

.order-summary ul li:last-child {
    margin-bottom: 0;
}

.order-summary .delimiter {
    background: #f5f5f5;
    list-style: none;
    margin: 0 0 1%;
    padding: 9px 8px;
    text-align: center;
}

.order-summary .flex-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.order-summary .item-image {
    -webkit-box-flex: 0 0 54px;
        -webkit-flex: 0 0 54px;
            -ms-flex: 0 0 54px;
                flex: 0 0 54px;
}

.order-summary .item-description {
    -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
}

.order-summary .item-image {
    position: relative;
    margin-right: 10px;
}

.order-summary .item-image .image-wrapper {
    position: relative;
    display: inline-block;
    width: 54px;
    outline-offset: -1px;
    z-index: 3;
}

.order-summary .item-image .multi .image-wrapper {
    position: relative;
    display: inline-block;
    width: 54px;
    outline: none;
    outline-offset: -1px;
    z-index: 3;
}

.order-summary .item-image .image-wrapper.blank {
    height: 54px;
}

.order-summary .item-image img {
    width: 100%;
}

.order-summary .item-description {
    min-width: 0;
    padding-right: 1em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.order-summary .item-description > span {
    display: block;
    font-size: 12px;
    line-height: 1.563; /* 16px */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.order-summary .item-description > span.detail {
    font-size: 12px;
    line-height: 1.563; /* 16px */
    color: #666;
}

.order-summary .item-description span.title {
    font-weight: normal;
}

.order-summary .item-description span.os-title {
    display: inline;
    font-weight: normal;
}

.order-summary .item-description span.preorder {
    display: inline;
    color: #666;
}

/*- - - - - - - - - - */


/* multiple items artwork */
.ca-multi-item-art {
    width: 2.667rem;
    height: 2.667rem;
}

.ca-multi-item-art .multi-artwork {
    width: 2.667rem;
    position: absolute;
    outline: 1px solid rgba(0,0,0,0.05);
    outline-offset: -1px;
    margin-top: 10px;
    margin-left: 5px;
}

.ca-multi-item-art .cover-0 {
    -webkit-transform: rotate(-3deg) translate(4px, -4px); /* Chrome, Safari, Opera */
    transform: rotate(-3deg) translate(4px, -4px);
    z-index: 6;
}
.ca-multi-item-art .cover-1 {
    -webkit-transform: rotate(4deg) translate(3px, -2px); /* Chrome, Safari, Opera */
    transform: rotate(4deg) translate(3px, -2px);
    z-index: 5;
}
.ca-multi-item-art .cover-2 {
    -webkit-transform: rotate(-8deg) translate(-4px, -2px); /* Chrome, Safari, Opera */
    transform: rotate(-8deg) translate(-4px, -2px);
    z-index: 4;
}
.ca-multi-item-art .cover-3 {
    -webkit-transform: rotate(11deg) translate(3px, -3px); /* Chrome, Safari, Opera */
    transform: rotate(11deg) translate(3px, -3px);
    z-index: 3;
}
.ca-multi-item-art .cover-4 {
    -webkit-transform: rotate(-10deg) translate(6px, 3px); /* Chrome, Safari, Opera */
    transform: rotate(-10deg) translate(6px, 3px);
    z-index: 2;
}
.ca-multi-item-art .cover-5 {
    -webkit-transform: rotate(3deg) translate(8px, 4px); /* Chrome, Safari, Opera */
    transform: rotate(3deg) translate(8px, 4px);
    z-index: 1;
}

.ca-multi-item-art .multi-thumbnail {
    width: 2.667rem;
}

/*- - - - - - - - - - */


/* Pre-order + Gift Banner Styles */
.ca-banner-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: white;
    font-weight: bold;
    background: #1DA0C3;
    text-align: center;
    transform: rotate(45deg);
    font-size: 5.3px;
    width: 50px;
    margin-left: 3.4px;
    cursor: pointer;
    height: 9px;
}

:lang(fr) .ca-banner-inner {
    font-size: 3px;
}

.ca-banner-outer {
    margin: 7px 0px 0 12px;
    width: 50px;
    height: 3px;
}

.ca-banner-container {
    position: absolute;
    overflow: hidden;
    width: 54px;
    height: 54px;
    z-index: 7;
}

.ca-gift-bow {
    display: flex;
    margin: -0.46px auto;
    fill: url(#ribbon-gradient);
}

/* pre-order + gift multi styles */
.multi-ca-banner-inner {
    color: white;
    font-weight: bold;
    background: #1DA0C3;
    text-align: center;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    font-size: 5.3px;
    width: 56px;
    padding: 0 0;
    margin-left: -8.6px;
    cursor: pointer;
}

.multi-ca-banner-container {
    position: absolute;
    overflow: hidden;
    width: 42px;
    height: 56px;
    z-index: 7;
}

.multi-ca-gift-bow {
    display: flex;
    margin-bottom: 0px;
    margin: -6.81px auto !important;
    fill: url(#ribbon-gradient);
}

/*- - - - - - - - - - */