/* Display flex and its properties are grouped for particular use */
.displayFlex {
    display: flex;
    display: -webkit-flex; /* Safari */
    display: -moz-flex; /* Mozilla */
}
/*centerAll*/
.flexAlignCenterJustifyCenter {  
    display: flex;
    justify-content: center;
    align-items: center;
    display: -webkit-flex; /* Safari */
    -webkit-justify-content: center; 
    -webkit-align-items: center;
    display: -moz-flex; /* Mozilla */
    -moz-justify-content: center; 
    -moz-align-items: center;
}
/*flexEnd*/
.flexAlignEndJustifyCenter {       
    display: flex;
    justify-content: center;
    align-items: flex-end;
    display: -webkit-flex; /* Safari */
    -webkit-justify-content: center; 
    -webkit-align-items: flex-end;
    display: -moz-flex; /* Mozilla */
    -moz-justify-content: center; 
    -moz-align-items: flex-end;
}
.flexAlignEndJustifySapceBetween {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    display: -webkit-flex; /* Safari */
    -webkit-justify-content: space-between; 
    -webkit-align-items: flex-end;
    display: -moz-flex; /* Mozilla */
    -moz-justify-content: space-between; 
    -moz-align-items: flex-end;
}
/*flexEndAlign*/
.flexAlignEnd {   
    display: flex;
    align-items: flex-end;
    display: -webkit-flex; /* Safari */
    -webkit-align-items: flex-end;
    display: -moz-flex; /* Mozilla */
    -moz-align-items: flex-end;
}
/*flexJustifyCenter*/
.flexAlignCenterJustifyEnd {       
    display: -webkit-flex; /* Safari */
    justify-content: flex-end;
    align-items: center;
    display: -webkit-flex; /* Safari */
    -webkit-justify-content: flex-end;
    -webkit-align-items: center;
    display: -moz-flex; /* Mozilla */
    -moz-justify-content: flex-end;
    -moz-align-items: center;
}
.flexAlignStartJustifyStart {   
    display: -webkit-flex; /* Safari */
    justify-content: flex-start;
    align-items: center;
    display: -webkit-flex; /* Safari */
    -webkit-justify-content: flex-start;
    -webkit-align-items: center;
    display: -moz-flex; /* Mozilla */
    -moz-justify-content: flex-start;
    -moz-align-items: center;
}
/*flexJustifyStartAlignCenter*/
.flexAlignCenterJustifyStart {    
    display: -webkit-flex; /* Safari */
    justify-content: flex-start;
    align-items: center;
    display: -webkit-flex; /* Safari */
    -webkit-justify-content: flex-start;
    -webkit-align-items: center;
    display: -moz-flex; /* Mozilla */
    -moz-justify-content: flex-start;
    -moz-align-items: center;
}
/*flexEndAll*/
.flexAlignEndJustifyEnd {     
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    display: -webkit-flex; /* Safari */
    -webkit-justify-content: flex-end; 
    -webkit-align-items: flex-end;
    display: -moz-flex; /* Mozilla */
    -moz-justify-content: flex-end; 
    -moz-align-items: flex-end;
}
/*spaceAround*/
.flexAlignCenterJustifySpaceAround {      
    display: flex;
    justify-content: space-around;
    align-items: center;
    display: -webkit-flex; /* Safari */
    -webkit-justify-content: space-around; 
    -webkit-align-items: center;
    display: -moz-flex; /* Mozilla */
    -moz-justify-content: space-around; 
    -moz-align-items: center;
}
/*spaceAroundOnly*/
.flexJustifySpaceAround {        
    display: flex;
    justify-content: space-around;
    display: -webkit-flex; /* Safari */
    -webkit-justify-content: space-around; 
    display: -moz-flex; /* Mozilla */
    -moz-justify-content: space-around; 
}
/*flexStart*/
.flexAlignCenterJustifyStart {     
    display: flex;
    justify-content: flex-start;
    align-items: center;
    display: -webkit-flex; /* Safari */
    -webkit-justify-content: flex-start; 
    -webkit-align-items: center;
    display: -moz-flex; /* Mozilla */
    -moz-justify-content: flex-start; 
    -moz-align-items: center;
}
/*flexStartCenter*/
.flexAlignStartJustifyCenter {        
    display: flex;
    justify-content: center;
    align-items: flex-start;
    display: -webkit-flex; /* Safari */
    -webkit-justify-content: center; 
    -webkit-align-items: flex-start;
    display: -moz-flex; /* Mozilla */
    -moz-justify-content: center; 
    -moz-align-items: flex-start;
}
.flexAlignStartJustifyEnd {        
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    display: -webkit-flex; /* Safari */
    -webkit-justify-content: flex-end; 
    -webkit-align-items: flex-start;
    display: -moz-flex; /* Mozilla */
    -moz-justify-content: flex-end; 
    -moz-align-items: flex-start;
}
/*centerItems*/
.flexAlignCenter {       
    display: flex;
    align-items: center;
    display: -webkit-flex; /* Safari */
    -webkit-align-items: center;
    display: -moz-flex; /* Mozilla */
    -moz-align-items: center;
}
/*justifyContent*/
.flexJustifyCenter {      
    display: flex;
    justify-content: center;
    display: -webkit-flex; /* Safari */
    -webkit-justify-content: center; 
    display: -moz-flex; /* Mozilla */
    -moz-justify-content: center; 
}
/*spaceBetween*/
.flexAlignCenterJustifySpaceBetween {      
    display: flex;
    justify-content: space-between;
    align-items: center;
    display: -webkit-flex; /* Safari */
    -webkit-justify-content: space-between; 
    -webkit-align-items: center;
    display: -moz-flex; /* Mozilla */
    -moz-justify-content: space-between; 
    -moz-align-items: center;
}
/*centerContent*/
.flexJustifyCenter {       
    display: flex;
    justify-content: center;
    display: -webkit-flex; /* Safari */
    -webkit-justify-content: center; 
    display: -moz-flex; /* Mozilla */
    -moz-justify-content: center; 
}
/*flexDirection*/
.flexDirectionColumn {    
    dispaly: flex;
    flex-direction: column;
    display: -webkit-flex; /* Safari */
    -webkit-flex-direction: column; 
    display: -moz-flex; /* Mozilla */
    -moz-flex-direction: column; 
}
/*wrap*/
.flexWrap{       
    display: flex;
    flex-wrap: wrap;
    display: -webkit-flex; /* Safari */
    -webkit-flex-wrap: wrap; 
    display: -moz-flex; /* Mozilla */
    -moz-flex-wrap: wrap; 
}
/*noWrap*/
.flexNoWrap { 
    display: flex;
    flex-wrap: no-wrap;
    display: -webkit-flex; /* Safari */
    -webkit-flex-wrap: no-wrap; 
    display: -moz-flex; /* Mozilla */
    -moz-flex-wrap: no-wrap; 
}