/*
    iPad Pro Select CSS
    ===============================================
*/

/* Animations START */

.as-productdecision-selectionmedia {
    cursor: default;
}

.as-productdecision-selectionmedia-opengallerybtnwrapper {
    height: 100px;
    background-color: #fff;
    position: relative;
    z-index: 1;
}

/* iPad Pro Selection Overrides  */


.as-imagelist-content.gone {
    display: none;
}

.as-buyflowherogallery .ase-gallery-item {
    background: #fff;
}

/* 23171149 */
.overlay-nav li img {
    width: auto;
}


/* 23110335 */
.as-productdecision-family-ipad {
    .as-dimension-capacity .as-dimension-summary {
        position: relative;
    }
}

/* 23170535 */
.as-multipartsnogallery-container .form-choice-selector-label {
    &:lang(en-US) {
        padding-bottom: 0px;
        padding-top: 0px;
    }
}
.as-multipartsnogallery-image {
    &:lang(en-US) {
        max-width: 60px;
        max-height: 60px;

        @include viewport(small) {
            max-width: 54px;
            max-height: 54px;
        }
    }
}


#tabs_compare .compare video {
    margin-top: -320px;
    margin-left: -350px;
}

span.pd-iphone-price-message.as-purchaseinfo-cover {
    color: #999;
}

.as-productdecision-header {
    z-index: 2;
}

@media only screen and (max-device-width: 736px) and (max-width: 1023px) {
    .as-productdecision-header {
        margin-bottom: 0;
    }
}

.as-dimension-screensize .as-form-choiceselectorlabel-twocolleft {
    @include viewport(small) {
        white-space: initial;
    }
}

.as-productdecision-headerbox { z-index: 2; }

.as-productdecision-family-ipad .as-dimension-screensize .as-dimension-summary {
    position: relative;
}


.tab-overlay #tabs_compare .compare video {
    border: none;
}

.as-footnotes-sosumi p {margin-bottom:25px;}

/* INC060591030 */
.as-dimension .form-choice-selector-label .form-label,.renderplayer-grabbable,.renderplayer-grabbing .renderplayer-grabbable,.replay:hover{cursor:pointer}

.ru .as-purchaseinfo-chatonline {
    padding-left: 10px;
    padding-right: 10px;
}

.applecare_overlay .as-singlepartdescription .as-singlepartdescription-details-container .as-singlepartdescription-image {
    padding-left: 0;
    padding-top: 0;
}

.applecare_overlay .as-singlepartdescription .as-singlepartdescription-details-container .as-singlepartdescription-details {
    padding-left: 0;
}

.applecare_overlay .as-singlepartdescription .as-singlepartdescription-details-container .as-singlepartdescription-details .as-singlepartdescription-add {
    padding-top: 0;
}

.it .as-purchaseinfo-details .as-price-promotion > a sup {
    font-size: 16px;
    font-weight: 300;
    bottom: .4em;
}

@media only screen and (max-width:736px) and (max-device-width:768px) {
    .ru .as-purchaseinfo-chatonline {
        padding-left: 5%;
        padding-right: 5%;
    }

    .pt .as-price-disclaimer .as-price-disclaimertext {
        display: block;
        width: 200px;
    }

    .applecare_overlay .as-singlepartdescription .as-singlepartdescription-details-container .as-singlepartdescription-image {
        padding-left: inherit;
        padding-top: inherit;
    }

    .nl .as-accessory-cover .as-bfaccessory-title + p {
        padding-right: 20px;
    }
}

.gb .as-purchaseinfo-price .as-price-installment-overlay .icon-infocircle:before {
    display: none;
}

.as-accessory-cover .as-bfaccessory-title + p {
    color: #333;
}

.as-chatonline > div {
    display: inline-block;
}

.hu .as-dimension-label .form-choiceselectorlabel-twocolright {
    padding-left: 20px;
}

.fr .as-retailavailabilitysearch-searchactions {
    bottom: -10px;
}

@media only screen and (max-device-width: 320px) {
    .as-promo-img {
        padding-right: 12px;
    }
}

@media only screen
and (min-device-width : 414px)
and (max-device-width : 736px) {
    .lu .as-dimension-label .form-choiceselectorlabel-twocolright,
    .ch .as-dimension-label .form-choiceselectorlabel-twocolright {
        width: auto;
    }

    .es .as-dimension-label .form-choiceselectorlabel-twocolright {
        width: auto;
    }
}

@media only screen and (max-device-width: 320px) {
    .as-promo-img {
        padding-right: 12px;
    }
}

@media only screen and (max-width:736px) and (max-device-width:768px) {
    .as-chatonline > div {
        display: block;
    }

    .as-overlay-content .as-chatonline a {
        white-space: nowrap;
    }

    .applecare_overlay .as-chatonline > div > span {
        display: block;
    }

    .applecare_overlay .as-chatonline > div > span > a {
        white-space: nowrap;
    }

    .cn .as-dimension-label .as-form-choiceselectorlabel-large {
        letter-spacing: -0.04em
    }

    .hu .as-dimension-label .form-choiceselectorlabel-twocolright {
        padding-left: 0;
    }

    /* <rdar://problem/32350968> DCM QA - [J207][MOW][Step 1][US]: Hero image doesn't match handoff */
    .as-productdecision-selectionmedia-opengallerybtn {
        margin: 12px 0 20px;
    }

    .as-dimension-Item1 .as-dimension-materializer-header {
        margin-top: 0;
    }

    .as-dimension-Item1 .as-dimension-materializer-header .as-dimension-header {
        border-top: solid 1px #d6d6d6;
        padding-top: 18px;
    }
}

/*Fix for INC063788474*/
@media only screen and (min-width: 769px){
    .pd-ipad-product-family-201706 .pd-billboard-product:lang(tr-TR) {
        padding-right: 8%;
    }
}

/*rdar://problem/37922808*/
.as-promo-content.as-promo-content-hide a {
  color: white;
}
/* Product Locator Geo Specific */
.jp input[name=dimensionScreensize] + .form-choice-selector-label {
    padding: 0 12px;
}
.fr input[name=dimensionScreensize] + .form-choice-selector-label {
    padding: 0 8px;
}
@media only screen and (max-width:736px) and (max-device-width:768px) {
    .jp input[name=dimensionScreensize] + .form-choice-selector-label {
        padding: 0 8px;
    }
    .fr input[name=dimensionScreensize] + .form-choice-selector-label {
        padding: 0 8px;
    }
}
/* End of PL changes */

/*set zero padding for no padding overlay*/
.applecare_overlay .as-overlay-content.as-overlay-contentnopadding,
.applecareplus_overlay .as-overlay-content.as-overlay-contentnopadding {
    padding: 0;
}

/*rdar://problem/39483211*/
.fr .as-productlocator-dimensions .form-choice-selector:checked~.form-choice-selector-label,
.jp .as-productlocator-dimensions .form-choice-selector:checked~.form-choice-selector-label {
    padding-left: 5px;
    padding-right: 5px;
}

/* PL overlay search STARTS */
.as-productlocator-form .ase-validator-message {
    margin-top: 0
}
.as-productlocator-autocomplete .form-icons-wrapper-left {
    position: absolute;
    margin: 0;
    top: 2px;
    left: 8px;
}
.as-productlocator-autocomplete ~ .as-productlocator-inputreset {
    position: absolute;
    right: 15px;
    top: 4px;
}
/* PL overlay search ENDS */

.rs-modularaccessory .as-addondetails-detail.rs-modularaccessory-learnmore {
    width: 75%;
}


.rs-modularaccessory .as-addondetails-detail.rs-modularaccessory-learnmore p {
    margin-top: -11px;
}

.rs-modularaccessory .as-icondetails-icon + .as-icondetails-detail {
    padding-right: 5px;
}

.rs-modularaccessory .as-addondetails-ipttext {
    font-weight: 400;
    padding-left: 28px;
}

.as-icondetails-detail .as-addondetails-label span {
    white-space: nowrap;
}

@media only screen and (max-device-width: 736px) and (max-width: 1023px) {
    .as-dimension-dimensionScreensize .form-choiceselectorlabel-twocolleft:lang(es-ES) {
        white-space: normal;
    }
}

@media only screen and (max-device-width: 736px) and (max-width: 1023px) {
    .as-icondetails-detail .as-addondetails-label span {
        white-space: normal;
    }
}

.as-addondetails>.as-icondetails {
    width: 75%;
}

.rs-modularaccessory .as-purchaseinfo-alignright {
    width: 25%
}

.rs-ipadpro .as-productlocator-filter .form-selector>.column:nth-child(n+3) {
    margin-top: 4px;
}

.rs-ipadpro .as-zoomable {
    padding-top: 76px;
}

@media only screen and (max-device-width: 736px) and (max-width: 1023px) {
    .rs-ipadpro .as-zoomable {
        padding-top: 10px;
    }

    .rs-ipadpro .as-dimension-Item1 .as-dimension,
    .rs-ipadpro .as-dimension-Item1 .as-dimension-materializer-header .as-dimension-header {
        border-top: 0;
    }

    .as-purchaseinfo-price-section {
        padding-bottom: 20px;
    }

    .rs-modularaccessory {
        border-top: 1px solid #d6d6d6;
    }
}

@media only screen and (max-device-width: 736px) and (max-width: 1023px) {
    .es .as-purchaseinfo-tradeup .as-tradeupbanner-columnlayout .as-tradeupbanner-content {
        overflow: hidden;
    }

    .es .as-purchaseinfo-tradeup .as-tradeupbanner-columnlayout .as-tradeupbanner-message {
        width: 64%;
    }
    
    .es .as-purchaseinfo-tradeup .as-tradeupbanner-columnlayout .as-tradeupbanner-button {
        width: 26%;
    }
}

.as-dimension-dimensionCapacity .form-choice-selector-label .form-label span:last-child,
.as-dimension-dimensionConnection .form-choice-selector-label .form-label span:last-child,
.as-dimension-color .form-choice-selector-label .form-label {
    font-size: 12px;
    line-height: 1.33341;
    font-weight: 400;
    letter-spacing: -0.01em;
    font-family: "SF Pro Text", "SF Pro Icons", "AOS Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
    .as-dimension-color .form-choice-selector-label .form-label:lang(ar),
    .as-dimension-dimensionCapacity .form-choice-selector-label .form-label:lang(ar) span:last-child,
    .as-dimension-dimensionConnection .form-choice-selector-label .form-label:lang(ar) span:last-child {
      line-height: 1.66667;
      letter-spacing: 0em;
      font-family: "SF Pro AR", "SF Pro Gulf", "SF Pro Text", "SF Pro Icons", "AOS Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
    .as-dimension-color .form-choice-selector-label .form-label:lang(ja),
    .as-dimension-dimensionCapacity .form-choice-selector-label .form-label:lang(ja) span:last-child,
    .as-dimension-dimensionConnection .form-choice-selector-label .form-label:lang(ja) span:last-child {
      line-height: 1.41667;
      letter-spacing: 0em;
      font-family: "SF Pro JP", "SF Pro Text", "SF Pro Icons", "AOS Icons", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
    .as-dimension-color .form-choice-selector-label .form-label:lang(ko),
    .as-dimension-dimensionCapacity .form-choice-selector-label .form-label:lang(ko) span:last-child,
    .as-dimension-dimensionConnection .form-choice-selector-label .form-label:lang(ko) span:last-child {
      line-height: 1.45841;
      letter-spacing: 0em;
      font-family: "SF Pro KR", "SF Pro Text", "SF Pro Icons", "AOS Icons", "Apple Gothic", "HY Gulim", "MalgunGothic", "HY Dotum", "Lexi Gulim", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
    .as-dimension-color .form-choice-selector-label .form-label:lang(th),
    .as-dimension-dimensionCapacity .form-choice-selector-label .form-label:lang(th) span:last-child,
    .as-dimension-dimensionConnection .form-choice-selector-label .form-label:lang(th) span:last-child {
      font-size: 12px;
      line-height: 1.75;
      letter-spacing: 0em;
      font-family: "SF Pro TH", "SF Pro Text", "SF Pro Icons", "AOS Icons", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
    .as-dimension-color .form-choice-selector-label .form-label:lang(zh),
    .as-dimension-dimensionCapacity .form-choice-selector-label .form-label:lang(zh) span:last-child,
    .as-dimension-dimensionConnection .form-choice-selector-label .form-label:lang(zh) span:last-child {
      letter-spacing: 0em; }
    .as-dimension-color .form-choice-selector-label .form-label:lang(zh-CN),
    .as-dimension-dimensionCapacity .form-choice-selector-label .form-label:lang(zh-CN) span:last-child,
    .as-dimension-dimensionConnection .form-choice-selector-label .form-label:lang(zh-CN) span:last-child {
      font-family: "SF Pro SC", "SF Pro Text", "SF Pro Icons", "AOS Icons", "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
    .as-dimension-color .form-choice-selector-label .form-label:lang(zh-HK),
    .as-dimension-dimensionCapacity .form-choice-selector-label .form-label:lang(zh-HK) span:last-child,
    .as-dimension-dimensionConnection .form-choice-selector-label .form-label:lang(zh-HK) span:last-child {
      font-family: "SF Pro HK", "SF Pro Text", "SF Pro Icons", "AOS Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
    .as-dimension-color .form-choice-selector-label .form-label:lang(zh-MO),
    .as-dimension-dimensionCapacity .form-choice-selector-label .form-label:lang(zh-MO) span:last-child,
    .as-dimension-dimensionConnection .form-choice-selector-label .form-label:lang(zh-MO) span:last-child {
      font-family: "SF Pro HK", "SF Pro TC", "SF Pro Text", "SF Pro Icons", "AOS Icons", "PingFang HK", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }
    .as-dimension-color .form-choice-selector-label .form-label:lang(zh-TW),
    .as-dimension-dimensionCapacity .form-choice-selector-label .form-label:lang(zh-TW) span:last-child,
    .as-dimension-dimensionConnection .form-choice-selector-label .form-label:lang(zh-TW) span:last-child {
      font-family: "SF Pro TC", "SF Pro Text", "SF Pro Icons", "AOS Icons", "PingFang TC", "Helvetica Neue", "Helvetica", "Arial", sans-serif; }

.as-purchaseinfo-tradeup .as-tradeupbanner-columnlayout .as-tradeupbanner-button:lang(fr) {
    margin-right: 2px;
}

@media only screen and (max-width: 1023px) and (max-device-width: 736px) {
    .as-purchaseinfo-tradeup .as-tradeupbanner-columnlayout .as-tradeupbanner-message:lang(de), .as-purchaseinfo-tradeup .as-tradeupbanner-columnlayout .as-tradeupbanner-message:lang(es), .as-purchaseinfo-tradeup .as-tradeupbanner-columnlayout .as-tradeupbanner-message:lang(fr), .as-purchaseinfo-tradeup .as-tradeupbanner-columnlayout .as-tradeupbanner-message:lang(nl) {
        width: 63%;
    }
}

@media only screen and (max-width: 1023px) and (max-device-width: 736px) {
    .as-purchaseinfo-tradeup .as-tradeupbanner-columnlayout .as-tradeupbanner-button:lang(de), .as-purchaseinfo-tradeup .as-tradeupbanner-columnlayout .as-tradeupbanner-button:lang(es), .as-purchaseinfo-tradeup .as-tradeupbanner-columnlayout .as-tradeupbanner-button:lang(fr), .as-purchaseinfo-tradeup .as-tradeupbanner-columnlayout .as-tradeupbanner-button:lang(nl) {
        width: 27%;
    }
}

/* fixing https://cst.apple.com/tkt.do?tkt=INC071237189 */
.rr-overlay-open {
    position: relative;
    z-index: -1;
}

.rr-overlay-open-ios {
    position: fixed;
}