//@import 'primeflex/primeflex.scss';
@forward 'primeflex/primeflex.scss' as pf-*;
@use 'primeflex/primeflex.scss' as pf;



@mixin flex-centered  {
	@extend .flex-centered ;
}

.flex-centered {
    @include pf.styleclass('flex flex-row justify-content-center align-items-center w-full relative');
}

@mixin flex-centered-top  {
	@extend .flex-centered-top ;
}

.flex-centered-top {
    @include pf.styleclass('flex flex-row justify-content-center align-items-start w-full relative');

}

@mixin flex-vertical  {
	@extend .flex-vertical ;
}

.flex-vertical {
    @include pf.styleclass('flex flex-column w-full relative');
}

@mixin flex-vertical-no-width  {
	@extend .flex-vertical-no-width ;
}

.flex-vertical-no-width {
    @include pf.styleclass('flex flex-column relative');
}

@mixin flex-spread  {
	@extend .flex-spread ;
}

.flex-spread {
    @include pf.styleclass('flex flex-row justify-content-between align-items-center w-full relative');
}

@mixin flex-around  {
	@extend .flex-around ;
}

.flex-around {
    @include pf.styleclass('flex flex-row justify-content-around align-items-center w-full relative');
}

@mixin flex-even-start  {
	@extend .flex-even-start ;
}

.flex-even-start {
    @include pf.styleclass('flex flex-row w-full');
}

@mixin grid-row-std  {
	@extend .grid-row-std ;
}

.grid-row-std {
    @include pf.styleclass('col-12 grid grid-nogutter lg:col-6 xl:col-6 p-2');
}