/* CSS COMMANDS */

.modalBackground
{
  position: absolute;

  height: 100%;
  width: 100%;

  background-color: rgba(0,0,0,0.6);

}
.pointerEvents_none
{
  pointer-events: none;
}
.userSelect_none
{
  user-select: none;
}
.disableUIModal
{

  position: absolute;

  height:100%;
  width: 100%;
  background-color: transparent;

  z-index: 99999;
}
.disableUIModal_100
{

  position: absolute;

  height:100%;
  width: 100%;
  background-color: transparent;

  z-index: 100;
}


.touchAction_none
{
  touch-action: none;
}


.displayNone
{
  display: none;
}
.opacity0
{
  opacity: 0;
}
.visibilityHidden
{
  visibility: hidden;
}

.positionRelative
{
  position: relative;
}
.positionAbsolute
{ position: absolute; 
}
.positionSticky
{ position: sticky;
}
.positionFixed
{ position: fixed;
}

.height100
{
  height: 100%;
}
.height0
{
  height: 0px;
}
.width100
{
  width: 100%;
}
.width_fitContent
{
  width: fit-content;
}

.height100vh
{
	height: 100vh;
}
.width100vw
{
	width: 100vw;
}

.overflowX_scroll
{
  overflow-x: scroll;
}
.overflowY_scroll
{
  overflow-y: scroll;
}
.overflowY_hidden, .overflowY_none
{
  overflow-y: hidden;
}
.overflowHidden
{
  overflow: hidden;
}

.overflowY_scrollWhenRequired
{
  overflow-y: hidden;
  min-height: 0px;
}
.overflowY_scrollWhenRequired.OCREATE_Activate
{
  overflow-y: scroll;
}

.overflowXHidden, .overflowX_hidden, .overflowX_none
{
	overflow-x: hidden;
}


.scale0
{
  transform: scale(0);
}

.flexRow
{
  display: flex;
  flex-direction: row;
  /*min-height: 0px;*/
}
.flexRowReverse
{
  display:  flex;
  flex-direction:  row-reverse;
}
.flexRow.displayNone, .flexColumn.displayNone

{
  display: none;
}
.flexColumn
{
  display: flex;
  flex-direction: column;
  /*min-height: 0px;*/
}
.flexColumnReverse
{
  display: flex;
  flex-direction: column-reverse;
}
.flexWrap
{
	flex-wrap: wrap;
}
.flexWrapReverse
{
	flex-wrap: wrap-reverse;
}

.flexScrollContainer, .minHeight_0
{
	min-height: 0px;
}
.flexCenterAll, .flex_centerAll
{
  justify-content: center;
  align-items: center;

}
.flexJustifyContentCenter
{
  justify-content:  center;
}
.justifyContent_flexEnd
{
  justify-content: flex-end;
}
.flexJustifyContentSpaceBetween, .flex_spaceBetween
{
  justify-content: space-between;
}
.flexJustifyContentSpaceAround, .flex_spaceAround
{
  justify-content: space-around;
}
.flexAlignItemsCenter
{
  align-items: center;
}
.flexAlignItemsStretch
{
  align-items:  stretch;
}
.flex_grow1
{
  flex-grow: 1;
}
.flex_fillParentContainer
{
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: stretch;
}
.alignItems_flexEnd
{
  align-items: flex-end;
}
.alignItems_center
{
  align-items: center;
}
.alignSelf_flexEnd
{
  align-self: flex-end;
}
.alignSelf_center
{
  align-self: center;
}
.alignSelf_stretch
{
  align-self: stretch;
}

.userSelectNone
{
  user-select: none;
}


.textAlign_center
{
  text-align: center;
}
.textOneLineElipsis
{
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.borderRadius50
{
  border-radius: 50%;
}

.backgroundImageContainer, .backgroundImage_contain
{
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.backgroundImage_cover
{
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.backgroundModalGrey, .backgroundModalGray
{
  background-color: rgba(0,0,0,0.3);
}

.overscrollBehavior_none
{ 
  overscroll-behavior: none;
}

.cursorWait
{
  cursor:  wait;
}