/* Copyright (c) Microsoft Corporation.  All Rights Reserved. Licensed under the MIT License. See License.txt in the project root for license information. */
.file-listview-css {
  /* ListLayout */
  /* Uniform GridLayout */
  /* CellSpanning GridLayout */
  /* Grouped GridLayout */
}
.file-listview-css .win-listview .win-viewport {
  -ms-overflow-style: -ms-autohiding-scrollbar;
}
.file-listview-css .win-listview .win-viewport.win-horizontal .win-container {
  margin: 0;
}
.file-listview-css .win-listview > .win-viewport.win-vertical .win-surface {
  margin-top: 0;
}
.file-listview-css .win-listview > .win-viewport.win-vertical .win-container {
  margin: 0;
}
.file-listview-css .win-listview.win-rtl > .win-viewport.win-vertical .win-container {
  margin: 0;
}
.file-listview-css #ApiStress .win-groupheader {
  margin-left: 0px;
  padding: 0px;
}
.file-listview-css #ApiStress .win-itemscontainer {
  margin-left: 0px;
}
.file-listview-css #ApiStress .win-surface {
  margin-left: 0px;
}
.file-listview-css #GroupsTests .win-listview .win-groupheader {
  padding: 0px;
}
.file-listview-css #GroupsTests .win-listview.win-groups .win-gridlayout .win-groupheadercontainer,
.file-listview-css #GroupsTests .win-listview.win-groups .win-gridlayout .win-itemscontainer {
  margin-left: 50px;
  margin-right: 0px;
}
.file-listview-css #GroupsTests .win-listview.win-groups.win-rtl .win-gridlayout .win-groupheadercontainer,
.file-listview-css #GroupsTests .win-listview.win-groups.win-rtl .win-gridlayout .win-itemscontainer {
  margin-left: 0px;
  margin-right: 50px;
}
.file-listview-css #GroupsTests .win-listview.win-groups .win-gridlayout.win-headerpositionleft .win-itemscontainer {
  margin-left: 0;
  margin-right: 0;
}
.file-listview-css #GroupsTests .win-surface {
  margin-left: -50px;
}
.file-listview-css #GroupsTests .win-listview.win-rtl .win-surface {
  margin-left: 0;
  margin-right: -50px;
}
.file-listview-css #GroupsTests .win-listview.win-groups.noGroupMargins .win-gridlayout .win-groupleader {
  margin: 0;
}
.file-listview-css #GroupsTests .win-listview.noGroupMargins .win-container {
  margin: 5px;
}
.file-listview-css #layoutTestPlaceholder {
  width: 300px;
  height: 300px;
  background: gray;
}
.file-listview-css #layoutTestPlaceholder.bigMargins .win-container {
  margin: 50px 25px 0px 25px;
}
.file-listview-css #LayoutTests .layoutTestTile {
  width: 100px;
  height: 100px;
  background-color: blueviolet;
}
.file-listview-css #metricsPlaceholder {
  width: 300px;
  height: 300px;
  background: gray;
}
.file-listview-css #metricsPlaceholder .win-item {
  margin: 9px 9px 4px 4px;
  border: 1px solid black;
  padding: 10px;
}
.file-listview-css .leadingMarginTile {
  width: 100px;
  height: 100px;
  margin: 0;
}
.file-listview-css #leadingMarginPlaceholder {
  width: 300px;
  height: 300px;
  background: gray;
}
.file-listview-css #asymmetricalMarginsPlaceholder {
  width: 300px;
  height: 300px;
}
.file-listview-css #asymmetricalMarginsPlaceholder.bigMargins .win-container {
  margin: 0 50px 50px 0;
}
.file-listview-css .asymmetricalMarginsTile {
  width: 100px;
  height: 100px;
  background-color: blue;
}
.file-listview-css #leadingMarginPlaceholder .win-item {
  margin-left: 10px;
}
.file-listview-css #leadingMarginPlaceholder .win-surface {
  margin-left: 50px;
}
.file-listview-css #multisizeTestPlaceholder {
  width: 1000px;
  height: 680px;
  background: gray;
}
.file-listview-css .multisizeSmallTile {
  width: 300px;
  height: 100px;
}
.file-listview-css .multisizeMediumTile {
  width: 200px;
  height: 200px;
}
.file-listview-css .multisizeBigTile {
  width: 400px;
  height: 200px;
}
.file-listview-css #multisizeTestPlaceholder .multisizeBigTile {
  height: 600px;
}
.file-listview-css #multisizeMarginTestPlaceholder {
  width: 1000px;
  height: 1000px;
  background: gray;
}
.file-listview-css #multisizeMarginTestPlaceholder .win-container {
  margin: 25px;
}
.file-listview-css #multisizeMarginTestPlaceholder .multisizeSmallTile {
  width: 400px;
  height: 100px;
}
.file-listview-css #multisizeMarginTestPlaceholder .multisizeMediumTile {
  width: 250px;
  height: 250px;
}
.file-listview-css #multisizeMarginTestPlaceholder .multisizeBigTile {
  width: 550px;
  height: 700px;
}
.file-listview-css .multisizeHeaderTemplateClass {
  width: 50px;
  height: 50px;
}
.file-listview-css #reuseTestPlaceholder {
  width: 300px;
  height: 300px;
}
.file-listview-css .reuseTemplateClass {
  width: 100px;
  height: 100px;
}
.file-listview-css .reuseGroupTemplateClass {
  width: 100px;
  height: 100px;
}
.file-listview-css #scrollViewTest {
  overflow: scroll;
  width: 300px;
  height: 300px;
  background: gray;
}
.file-listview-css #scrollViewTest > div {
  position: relative;
  height: 2000px;
}
.file-listview-css #testPurge {
  overflow: scroll;
  width: 300px;
  height: 300px;
  background: gray;
}
.file-listview-css #testPurge > div {
  position: relative;
  height: 2000px;
}
.file-listview-css .scrollViewTile {
  width: 100px;
  height: 100px;
  background-color: yellow;
}
.file-listview-css .cssChangeItem {
  width: 100px;
  height: 100px;
}
.file-listview-css .cssChangeBigger .cssChangeItem {
  width: 200px;
  height: 200px;
}
.file-listview-css #ListLayoutListView .win-surface {
  margin-top: 20px;
}
.file-listview-css #ListLayoutListView .win-container {
  margin: 5px;
}
.file-listview-css #ListLayoutListView .template {
  height: 10px;
  width: 100px;
}
.file-listview-css #UniformGridLayoutListView {
  width: 300px;
  height: 350px;
}
.file-listview-css #UniformGridLayoutListView .win-surface {
  margin: 20px 25px 10px 15px;
}
.file-listview-css #UniformGridLayoutListView .win-horizontal .win-itemscontainer {
  margin-left: 6px;
}
.file-listview-css #UniformGridLayoutListView .win-vertical .win-itemscontainer {
  margin-top: 6px;
}
.file-listview-css #UniformGridLayoutListView .win-container {
  margin: 10px 3px 7px 8px;
}
.file-listview-css #UniformGridLayoutListView .template {
  width: 55px;
  height: 23px;
}
.file-listview-css #UniformGridLayoutListView .win-groupheadercontainer {
  margin: 6px 8px 4px 3px;
}
.file-listview-css #UniformGridLayoutListView .headerTemplate {
  width: 15px;
  height: 12px;
}
.file-listview-css #CellSpanningGridLayoutListView {
  width: 1000px;
  height: 680px;
}
.file-listview-css #CellSpanningGridLayoutListView.cellSpanningMargins {
  width: 1000px;
  height: 1000px;
}
.file-listview-css #CellSpanningGridLayoutListView.cellSpanningMargins .win-container {
  margin: 5px 10px 45px 40px;
}
.file-listview-css #GroupedGridLayoutListView {
  width: 1000px;
  height: 680px;
}
.file-listview-css #GroupedGridLayoutListView .win-groupheadercontainer {
  margin-left: 10px;
}
.file-listview-css #GroupedGridLayoutListView .headerTemplate {
  margin: 0;
  padding: 0;
  width: 90px;
  height: 20px;
}
.file-listview-css #GroupedGridLayoutListView .win-itemscontainer {
  margin-left: 10px;
}
.file-listview-css #GroupedGridLayoutListView .win-container {
  margin: 0;
}
.file-listview-css #GroupedGridLayoutListView.containerMargins .win-container {
  margin: 0 15px 0 5px;
}
.file-listview-css #GroupedGridLayoutListView.cellSpanningMargins {
  width: 1000px;
  height: 1000px;
}
.file-listview-css #GroupedGridLayoutListView.cellSpanningMargins .win-container {
  width: 100px;
  height: 110px;
  margin: 5px 10px 45px 40px;
}
.file-listview-css #Animations2TestListView.margins .win-surface {
  margin: 5px 2px 9px 11px;
}
.file-listview-css #Animations2TestListView.margins .win-surface.win-listlayout {
  margin-top: 12px;
}
.file-listview-css #Animations2TestListView.margins .win-gridlayout .win-itemscontainer {
  margin: 2px 0 12px 14px;
}
.file-listview-css #Animations2TestListView.margins.win-rtl .win-gridlayout .win-itemscontainer {
  margin-left: 0;
  margin-right: 14px;
}
.file-listview-css #Animations2TestListView.margins .win-gridlayout .win-groupheadercontainer {
  margin: 6px 0 5px 9px;
}
.file-listview-css #Animations2TestListView.margins.win-rtl .win-gridlayout .win-groupheadercontainer {
  margin-left: 0;
  margin-right: 9px;
}
.file-listview-css #Animations2TestListView.margins .win-container {
  margin: 12px 3px 8px 4px;
}
.file-listview-css #LayoutTest {
  width: 500px;
  height: 500px;
}
.file-listview-css #Animations2TestListView.margins .win-listlayout .win-container {
  margin-top: 20px;
  margin-bottom: 0;
}
.file-listview-css #Animations2TestListView.margins .win-horizontal .win-listlayout .win-container {
  height: calc(100% - 20px);
}
.file-listview-css #SimpleFlexBasedLayout .win-surface {
  margin: 0;
}
.file-listview-css .SimpleFlexBasedLayoutSurface {
  display: -ms-flexbox;
  -ms-flex-direction: column;
  -ms-flex-wrap: wrap;
}
.file-listview-css .SimpleFlexBasedLayout {
  background-color: pink;
  display: -ms-flexbox;
  -ms-flex-direction: column;
  -ms-flex-wrap: wrap;
  height: 100%;
}
.file-listview-css #GridLayoutHitTest.win-listview {
  width: 800px;
  height: 1000px;
}
.file-listview-css #GridLayoutHitTest.win-listview .win-surface {
  margin-top: 400px;
  margin-bottom: 400px;
  margin-left: 400px;
}
.file-listview-css #multisizeSmallMarginTestPlaceholder .win-container {
  margin: 10px;
}
.file-listview-css #DomTrimTest .win-container {
  margin: 0;
  height: 50px;
}
.file-listview-css #EnsureVisibleHeaderTest {
  width: 450px;
  height: 100px;
}
.file-listview-css #EnsureVisibleHeaderTest .win-container {
  width: 61px;
  height: 20px;
  margin: 0;
}
.file-listview-css #EnsureVisibleHeaderTest .win-groupheadercontainer {
  margin-left: 70px;
}
.file-listview-css #EnsureVisibleHeaderTest .win-groupheader {
  width: 152px;
  height: 40px;
}