/* Display Flexbox cross-platform */

/*
---------------------------------------------------------------------------- Display Flex
*/
.containerWrapper, .containerColumn, .formContainer, .threeColumnGridContainer, .twoColumnGridContainer, .colGrid, .footerNav, .forumFormContainer, .accountRightSideContainer, .accountRightSideItemTopContainer, .accountRightSideItemBottomContainer, .formItemContainer, .accProfileBottomRightContainer, .purchaseHistoryContainer {
  display: flex;
  display: -ms-flex;
  display: -moz-flex;
  display: -webkit-flex;
}
/*
------------------------------------------------------------------------ Display Flex END
*/




/*
--------------------------------------------------------------------- Flex-wrap with wrap
*/
.formContainer, .threeColumnGridContainer, .colGrid, .footerNav{
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
/*
----------------------------------------------------------------- Flex-wrap with wrap END
*/




/*
------------------------------------------------------------------------- justify-content
*/
/*justify-content at flex-start*/
.containerWrapper, .threeColumnGridContainer, .threeGridColumnItem, .footerNav, .accountRightSideItemTopContainer, .accountMenuTitles {
  justify-content: flex-start;
  justify-content: -ms-flex-start;
  justify-content: -moz-flex-start;
  -webkit-justify-content: flex-start;
}

/*justify-content at space-around content*/
.threeColumnGridContainer {
  justify-content: space-between;
  justify-content: -ms-space-between;
  justify-content: -moz-space-between;
  -webkit-justify-content: space-between;
}

/*justify-content at flex-end*/
.accountPosButtonItem, .accountSecondPosButtonItem, .accountNegButtonItem {
  justify-content: flex-end;
  justify-content: -ms-flex-end;
  justify-content: -moz-flex-end;
  -webkit-justify-content: flex-end;
}
/*
--------------------------------------------------------------------- justify-content END
*/




/*
-------------------------------------------------------------------------- flex direction
*/
/*flex direction flow column*/
.containerColumn, .accountRightSideContainer, .accountRightSideItemBottomContainerPurchase3 {
  flex-direction: column;
  -ms-flex-direction: column;
  -moz-flex-direction: column;
  -webkit-flex-direction: column;
}

/*flex direction flow row*/
.accountRightSideItemTopContainer, .accProfileBottomRightContainer, .flexflowRow {
  flex-direction: row;
  -ms-flex-direction: row;
  -moz-flex-direction: row;
  -webkit-flex-direction: row;
}
/*
-------------------------------------------------------------------------- flex direction
*/




/*
------------------------------------------------------------------------------- flex grow
*/
/*0 flex auto*/
.footerItem, .footerContainer .brandLogo {
  flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  -moz-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
}

/*1 flex*/
.headerContainer, .containerWrapper, .twoGridColumnItem, .colItem, .footerNav, .forumFormItem, .accountLeftSide, .accountPosButtonItem, .accountSecondPosButtonItem, .accountNegButtonItem, .accProfileBottomRightContainer, .accProfileBottomRightItemLeft, .notifyItemColumns, .purchaseHistoryDateItem {
  flex: 1;
  -ms-flex: 1;
  -moz-flex: 1;
  -webkit-flex: 1;
}

/* 1 1 flex auto*/
.containerColumn, .threeColumnGridContainer, .formItemsItems {
  flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
}

/*2 flex grow*/
.accProfileBottomRightItemRight  {
  flex: 2;
  -ms-flex: 2;
  -moz-flex: 2;
  -webkit-flex: 2;
}

/*3 flex grow*/
.accountMenuTitles  {
  flex: 3;
  -ms-flex: 3;
  -moz-flex: 3;
  -webkit-flex: 3;
}

/*4 flex grow*/
.accountRightSideItemBottomContainerPurchase3, .purchaseHistoryProductsItem  {
  flex: 4;
  -ms-flex: 4;
  -moz-flex: 4;
  -webkit-flex: 4;
}

/*5 flex grow*/
.accountRightSide {
  flex: 5;
  -ms-flex: 5;
  -moz-flex: 5;
  -webkit-flex: 5;
}
/*
--------------------------------------------------------------------------- flex grow END
*/




/*
----------------------------------------------------------------------------- flex align
*/
/*align-self at flex-start*/
.footerItem {
  align-self: flex-start;
  align-self: -ms-flex-start;
  align-self: -moz-flex-start;
  align-self: -webkit-flex-start;
}

/*align-items at flex-end*/
.formContainer {
  align-items: flex-end;
  flex-direction: column;
}
/*
-------------------------------------------------------------------------- flex align END
*/