/* Copyright (C) Microsoft Corporation. All rights reserved. */
#htmlUnsnapped, #htmlSnapped
{
    margin: 0;
    padding: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}
.mainHeader
{
    display: -ms-grid;
    -ms-grid-columns: 120px 1fr auto 40px;
    -ms-grid-rows: 0 40px 0 80px
}
.win8v1 .mainHeader
{
    -ms-grid-rows: 1px 37px 2px 80px
}
@media screen and (min-height: 1080px)
{
    .mainHeader
    {
        -ms-grid-rows: 0 50px 0 80px
    }
    .win8v1 .mainHeader
    {
        -ms-grid-rows: 3px 37px 10px 80px
    }
}
@media screen and (min-height: 1200px)
{
    .mainHeader
    {
        -ms-grid-rows: 0 70px 0 80px
    }
    .win8v1 .mainHeader
    {
        -ms-grid-rows: 23px 37px 10px 80px
    }
}
@media screen and (min-height: 1440px)
{
    .mainHeader
    {
        -ms-grid-rows: 0 130px 0 80px
    }
    .win8v1 .mainHeader
    {
        -ms-grid-rows: 83px 37px 10px 80px
    }
}
.mainParentGrid
{
    display: -ms-grid;
    -ms-grid-columns: 1fr;
    -ms-grid-rows: auto 1fr;
    width: 100vw;
    height: 100vh
}
.mainContentGrid
{
    -ms-grid-column: 1;
    -ms-grid-row: 2
}
.navigationWrapper
{
    -ms-grid-column: 1;
    -ms-grid-row: 3;
    height: 80px;
    width: 100%;
    display: -ms-grid;
    -ms-grid-columns: .5fr 80px .5fr;
    -ms-grid-rows: 80px;
    z-index: 1
}
.navigationWrapper .navigationContainer
{
    -ms-grid-column: 2;
    -ms-grid-row: 1;
    white-space: nowrap
}
.mainHubStrip, .dashboardHost
{
    height: 100vh;
    width: 100vw;
    display: -ms-grid;
    -ms-grid-rows: 110px 10px 1fr
}
.mainHubStrip
{
    -ms-grid-columns: 120px 1fr
}
.dashboardHost
{
    -ms-grid-columns: 60px 1fr
}
@media screen and (min-height: 1080px)
{
    .mainHubStrip, .dashboardHost
    {
        -ms-grid-rows: 120px 25px 1fr
    }
}
@media screen and (min-height: 1200px)
{
    .mainHubStrip, .dashboardHost
    {
        -ms-grid-rows: 140px 85px 1fr
    }
}
@media screen and (min-height: 1440px)
{
    .mainHubStrip, .dashboardHost
    {
        -ms-grid-rows: 200px 125px 1fr
    }
}
.hubNavigationClippingContainer
{
    -ms-grid-column: 2;
    -ms-grid-row: 1;
    display: -ms-grid;
    -ms-grid-columns: 1fr 40px;
    -ms-grid-rows: 1fr auto auto;
    padding-bottom: 15px;
    margin-bottom: -15px
}
html[dir=ltr] .hubNavigationClippingContainer
{
    padding-left: 12px;
    margin-left: -12px
}
html[dir=rtl] .hubNavigationClippingContainer
{
    padding-right: 12px;
    margin-right: -12px
}
html[dir=ltr] .searchPage .hubNavigationClippingContainer
{
    margin-right: 390px
}
html[dir=rtl] .searchPage .hubNavigationClippingContainer
{
    margin-left: 360px
}
@media screen and (max-width: 1365px)
{
    .hubNavigationClippingContainer
    {
        overflow-x: auto
    }
    .mainHeader
    {
        height: 40px
    }
}
.mainHubStrip .hubStripScroller
{
    -ms-grid-column: 1;
    -ms-grid-row: 3;
    -ms-grid-column-span: 2
}
.hubNavigationClippingContainer
{
    opacity: 0
}
.galleryPageHost .hubNavigationClippingContainer
{
    opacity: 1
}
.hubNavigationContainer
{
    -ms-grid-column: 1;
    -ms-grid-row: 3;
    height: auto;
    display: inline-block;
    white-space: nowrap;
    padding: 2px;
    margin: -19px -12px 1px -12px
}
.hubNavigationTitle
{
    -ms-grid-column: 1;
    -ms-grid-row: 2;
    height: auto;
    margin-bottom: 11px
}
.hubStripTitleContainer
{
    -ms-grid-column: 1;
    -ms-grid-row: 3;
    margin-bottom: 5px;
    height: auto;
    width: auto
}
@media screen and (max-width: 825px)
{
    .searchPage .hubNavigationTitle
    {
        visibility: hidden
    }
}
.mainHubStripHub
{
    display: inline-block;
    white-space: nowrap
}
.dashboard .panelFragmentLoading, .dashboard .panelFragmentFailed
{
    height: 435px
}
.dashboard .panelFragmentWrapper
{
    top: 0
}
.dashboard .panelFragmentLoading
{
    display: -ms-grid;
    -ms-grid-columns: 1fr
}
.dashboard .panelFragmentLoadingProgress
{
    left: 0;
    width: auto;
    -ms-grid-column-align: center
}
.dashboard .panelContentContainer
{
    top: 0
}
.shellLoadingControl
{
    position: relative;
    z-index: 1;
    -ms-grid-column-align: stretch;
    -ms-grid-row-align: start;
    -ms-grid-column-span: 4
}
.pageTitle
{
    position: absolute;
    top: -10px;
    left: 100px
}
.pageContainer
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100vw;
    overflow: visible
}
.appSignIn
{
    -ms-grid-column: 3;
    -ms-grid-row: 2
}
.PrimaryNavigationButton
{
    border: 0 solid;
    outline: none
}
.win-backbutton.homeIcon::before
{
    content: ""
}
.SearchButton
{
    position: absolute;
    width: 48px;
    height: 48px;
    right: 10px;
    border: 0 solid;
    outline: none;
    top: 30px
}
.bottomAppBar
{
    width: 100%;
    z-index: 100
}
@media(min-width: 320px) and (max-width: 499px)
{
    .appBarActionList, .appBarNowPlaying
    {
        display: none
    }
}
.imageButton
{
    border: 0;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    outline: none
}
.fullScreen
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh
}
.dashboard
{
    width: 100%
}
.games .dashboard .hubNavigationClippingContainer
{
    left: 240px;
    width: calc(100% - 240px)
}
html[dir=ltr] .dashboard .hub:first-of-type
{
    margin-left: 120px
}
html[dir=rtl] .dashboard .hub:first-of-type
{
    margin-right: 120px
}
.dashboard .hub
{
    height: 100%
}
.galleryHubStrip .win-surface
{
    margin-left: 116px
}
html[dir=rtl] .galleryHubStrip .win-surface
{
    margin-left: 0;
    margin-right: 116px
}
.galleryHubStrip .panelFragmentLoading, .galleryHubStrip .panelModifierContainer, .galleryHubStrip .panelFragmentFailed
{
    margin-left: 120px
}
html[dir=rtl] .galleryHubStrip .panelFragmentLoading, html[dir=rtl] .galleryHubStrip .panelModifierContainer, html[dir=rtl] .galleryHubStrip .panelFragmentFailed
{
    margin-left: 0;
    margin-right: 120px
}
.galleryHubStrip .panelFragmentLoading, .galleryHubStrip .panelFragmentFailed
{
    width: calc(100vw - 200px)
}
.galleryHubStrip .win-surface
{
    padding-right: 75px
}
html[dir=rtl] .galleryHubStrip .win-surface
{
    padding-left: 75px;
    padding-right: 0
}
.galleryHubStrip .hubStripScroller
{
    overflow: hidden
}
.panelContainer
{
    display: inline-block;
    width: 100%;
    height: 100%;
    min-width: 300px
}
.panelFragmentContainer
{
    display: inline-block
}
.panelActionLink
{
    margin-bottom: 5px;
    height: 115px;
    width: 115px
}
.panelContentContainer
{
    display: -ms-grid;
    -ms-grid-columns: 100%;
    -ms-grid-rows: 40px 11px 1fr;
    height: 100%;
    width: 100%
}
.panelContentContainer .panelTitle
{
    height: auto
}
.adControl
{
    width: 100%;
    height: 100%
}
.disabledAdControl
{
    width: 0;
    height: 0
}
a.nowPlayingMoreInfoLink
{
    margin-top: 10px
}
.ui-expandable-expanded {}
.ui-expandable-collapsed
{
    display: none !important;
    opacity: 0
}