body{
background:#f2f2f2;
}

/* Bug 107291: border bottom fix for region tab*/
.c-pivot:not(.f-disabled)>[role="tablist"]>[role="tab"].f-active:after{
	bottom:4px;
	left: 9px !important;
	right: 9px !important;
}

#wdgweb-RegionPivot-jj43zcd .c-pivot>[role="tablist"]>[role="tab"]{
	padding-left:0px;
	padding-right:0px;
}

/*BUG 107497: reducing the space for video gallery*/
#wdgweb-VideoGallery-dg491j9 .video-gallery .margin-bottom-large{
	margin-top: 0px !important;
}


@media screen and (max-width:1083px){
#wdgweb-VideoGallery-dg491j9 .video-gallery .margin-bottom-large{
	margin-top:40px !important;
	margin-bottom:0px !important;
}
}

/*BUG 107497: reducing spacing b/w banner and sneak carousel*/
#coreui-banner-mmt4jnn .m-banner{
	padding-top:15px;
}

/*BUG 107497: reducing spacing for video carousel*/
#wdgweb-VideoCarousel-2mxu9gv .margin-top-large{
	margin-top: 40px !important;
	margin-bottom: 0px !important;
}

/*BUG 107497: overriding deafult black color of CTA*/
#coreui-banner-1f7nugh a.c-call-to-action{
	 color: #2f2f2f;
}

/*img truncation fix for parallax feature img in mobile*/
#wdgweb-ParallaxFeature-wu5osa3 .accessories__img.accessories-mobile img{
	width:100% !important;
}

/*Bug 107719: Bg grey for in page nav and white for sticky nav*/
#wdgweb-RegionPivot-jj43zcd .RegionPivot .content{
	background-color: #f2f2f2 !important;
}
#wdgweb-RegionPivot-jj43zcd .RegionPivot .content.content--stuck{
	background-color: #fff !important;
}

/*banner spacings*/

#coreui-banner-96femvx .m-banner{
	margin-bottom:1%;
}

#coreui-banner-1f7nugh .m-banner{
	padding-bottom:1%;
}
/*BUG 107497: Footnotes spacing*/
.m-rich-content-block.context-ucx ul.c-list, .c-rich-content-block.context-ucx ul.c-list{
    padding-left:0;
    list-style:none;
}
.m-system-requirements .c-table ul.c-list{
    list-style:none;
    padding-left:0 !important;
}

/* setting image module width for Picture option*/

picture.c-image img {
	width:100%;
}

.c-table.f-divided tbody tr:last-child {
    border-bottom: none;
}

/*CR: 110315 to hide 3rd item of ContenPlacment module in Mobile*/
@media only screen and (max-width: 540px){
#coreui-contentplacement-xeqlh5r div>div:nth-child(3){
	display:none;
}
}

/*Buy Module At&T , 128 GB focus truncation issue fix*/
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) { 
	.buy-section .tileSelect {
    width: 41%;
}
.buy-section .skuSection .tileSelect {
    width: 39%;
}
}

/* Buy popup Cursor fixing on hover*/
 [data-js-dialog-show=buy-flow-dialog]{
   cursor:pointer;
 }

/* /*temporary css need to remove after code push*/ */
 #SurfaceBuyFlow [data-js-dialog-show="buy-flow-dialog"]{ 
	 display:none; 
 }


	
/* /*radio buttons width fix ..needs to be removed */ */
.buyComponent .mainContainer .purchaseSection .c-radio input[type=radio]+span:before {
	height: 32px; 
	width: 32px; 
	left: -4px; 
	}

/* /*See how link VFI overlapping with content fix in mobile*/ */
.buy-offer .buy-offer-content a{ 
padding: 0px 4px 3px 1px; 
 }

/*scroll bar issue fix in Mobile Vp's*/
.dialogContent .detailSection .c-price .currency-include {
 padding-left:0px;
 }

 /*Back button inconsistent VFI padding fix */ 
.buyComponent .mainContainer .purchaseSection .backButton{
	padding-right:2%;
 }
@media only screen and (max-width: 900px){ 
.buyComponent .mainContainer .purchaseSection .backButton{
	 padding-right:3%; 
}
 }

.buyComponent.c-dialog.f-flow [role=dialog] .f-dialog-scroll { 
max-height: 550px !important;
 }
@media only screen and (min-width: 1400px){
.buyComponent.c-dialog.f-flow [role=dialog] .f-dialog-scroll {
max-height: 800px !important; 
 }
 }



/* Buy flow carrierSection heading truncate issue  fixes for devices*/ 
 @media only screen and  (max-width:1083px) {
.buyComponent .carrierSection 
 { 
 padding-left:5px; 
}
}

/* Buy flow Grey button padding fixes for devices*/ 
@media only screen and  (max-width:540px) { 
 .buyComponent a.btnDefault.c-button[role=button][disabled]
 { 
 padding-left: 5px;
 }
 }

.dialogContent .buy-offer a.c-call-to-action span {
 line-height: 20px;
 }