@charset "UTF-8";

/* width */
.w-1rem  {width: 1rem !important;}
.w-2rem  {width: 2rem !important;}
.w-3rem  {width: 3rem !important;}
.w-4rem  {width: 4rem !important;}
.w-5rem  {width: 5rem !important;}
.w-6rem  {width: 6rem !important;}
.w-7rem  {width: 7rem !important;}
.w-8rem  {width: 8rem !important;}
.w-9rem  {width: 9rem !important;}
.w-10rem {width: 10rem !important;}
.w-11rem {width: 11rem !important;}
.w-12rem {width: 12rem !important;}
.w-13rem {width: 13rem !important;}
.w-14rem {width: 14rem !important;}
.w-15rem {width: 15rem !important;}
.w-16rem {width: 16rem !important;}
.w-17rem {width: 17rem !important;}
.w-18rem {width: 18rem !important;}
.w-19rem {width: 19rem !important;}
.w-20rem {width: 20rem !important;}
.w-21rem {width: 21rem !important;}
.w-22rem {width: 22rem !important;}
.w-23rem {width: 23rem !important;}
.w-24rem {width: 24rem !important;}
.w-25rem {width: 25rem !important;}
.w-26rem {width: 26rem !important;}
.w-27rem {width: 27rem !important;}
.w-28rem {width: 28rem !important;}
.w-29rem {width: 29rem !important;}
.w-30rem {width: 30rem !important;}
.w-31rem {width: 31rem !important;}
.w-32rem {width: 32rem !important;}
.w-33rem {width: 33rem !important;}
.w-34rem {width: 34rem !important;}
.w-35rem {width: 35rem !important;}
.w-36rem {width: 36rem !important;}
.w-37rem {width: 37rem !important;}
.w-38rem {width: 38rem !important;}
.w-39rem {width: 39rem !important;}
.w-40rem {width: 40rem !important;}
.w-41rem {width: 41rem !important;}
.w-42rem {width: 42rem !important;}
.w-43rem {width: 43rem !important;}
.w-44rem {width: 44rem !important;}
.w-45rem {width: 45rem !important;}
.w-46rem {width: 46rem !important;}
.w-47rem {width: 47rem !important;}
.w-48rem {width: 48rem !important;}
.w-49rem {width: 49rem !important;}
.w-50rem {width: 50rem !important;}

.w-rest-1rem {width: calc(100% - 1rem) !important;}
.w-rest-2rem {width: calc(100% - 2rem) !important;}
.w-rest-3rem {width: calc(100% - 3rem) !important;}
.w-rest-4rem {width: calc(100% - 4rem) !important;}
.w-rest-5rem {width: calc(100% - 5rem) !important;}
.w-rest-6rem {width: calc(100% - 6rem) !important;}
.w-rest-7rem {width: calc(100% - 7rem) !important;}
.w-rest-8rem {width: calc(100% - 8rem) !important;}
.w-rest-9rem {width: calc(100% - 9rem) !important;}
.w-rest-10rem {width: calc(100% - 10rem) !important;}
.w-rest-11rem {width: calc(100% - 11rem) !important;}
.w-rest-12rem {width: calc(100% - 12rem) !important;}
.w-rest-13rem {width: calc(100% - 13rem) !important;}
.w-rest-14rem {width: calc(100% - 14rem) !important;}
.w-rest-15rem {width: calc(100% - 15rem) !important;}
.w-rest-16rem {width: calc(100% - 16rem) !important;}
.w-rest-17rem {width: calc(100% - 17rem) !important;}
.w-rest-18rem {width: calc(100% - 18rem) !important;}
.w-rest-19rem {width: calc(100% - 19rem) !important;}
.w-rest-20rem {width: calc(100% - 20rem) !important;}
.w-rest-21rem {width: calc(100% - 21rem) !important;}
.w-rest-22rem {width: calc(100% - 22rem) !important;}
.w-rest-23rem {width: calc(100% - 23rem) !important;}
.w-rest-24rem {width: calc(100% - 24rem) !important;}
.w-rest-25rem {width: calc(100% - 25rem) !important;}
.w-rest-26rem {width: calc(100% - 26rem) !important;}
.w-rest-27rem {width: calc(100% - 27rem) !important;}
.w-rest-28rem {width: calc(100% - 28rem) !important;}
.w-rest-29rem {width: calc(100% - 29rem) !important;}
.w-rest-30rem {width: calc(100% - 30rem) !important;}
.w-rest-31rem {width: calc(100% - 31rem) !important;}
.w-rest-32rem {width: calc(100% - 32rem) !important;}
.w-rest-33rem {width: calc(100% - 33rem) !important;}
.w-rest-34rem {width: calc(100% - 34rem) !important;}
.w-rest-35rem {width: calc(100% - 35rem) !important;}
.w-rest-36rem {width: calc(100% - 36rem) !important;}
.w-rest-37rem {width: calc(100% - 37rem) !important;}
.w-rest-38rem {width: calc(100% - 38rem) !important;}
.w-rest-39rem {width: calc(100% - 39rem) !important;}
.w-rest-40rem {width: calc(100% - 40rem) !important;}
.w-rest-41rem {width: calc(100% - 41rem) !important;}
.w-rest-42rem {width: calc(100% - 42rem) !important;}
.w-rest-43rem {width: calc(100% - 43rem) !important;}
.w-rest-44rem {width: calc(100% - 44rem) !important;}
.w-rest-45rem {width: calc(100% - 45rem) !important;}
.w-rest-46rem {width: calc(100% - 46rem) !important;}
.w-rest-47rem {width: calc(100% - 47rem) !important;}
.w-rest-48rem {width: calc(100% - 48rem) !important;}
.w-rest-49rem {width: calc(100% - 49rem) !important;}
.w-rest-50rem {width: calc(100% - 50rem) !important;}

.w-5p    {width:  5% !important;}
.w-10p   {width: 10% !important;}
.w-12-5p {width: 12.5% !important;}
.w-15p   {width: 15% !important;}
.w-20p   {width: 20% !important;}
.w-24p   {width: 24% !important;}
.w-25p   {width: 25% !important;}
.w-30p   {width: 30% !important;}
.w-33p   {width: 33% !important;}
.w-34p   {width: 34% !important;}
.w-35p   {width: 35% !important;}
.w-40p   {width: 40% !important;}
.w-45p   {width: 45% !important;}
.w-48p   {width: 48% !important;}
.w-49p   {width: 49% !important;}
.w-50p   {width: 50% !important;}
.w-55p   {width: 55% !important;}
.w-60p   {width: 60% !important;}
.w-65p   {width: 65% !important;}
.w-67p   {width: 67% !important;}
.w-70p   {width: 70% !important;}
.w-75p   {width: 75% !important;}
.w-76p   {width: 76% !important;}
.w-80p   {width: 80% !important;}
.w-85p   {width: 85% !important;}
.w-90p   {width: 90% !important;}
.w-95p   {width: 95% !important;}

.max-w-1rem  {max-width: 1rem;}
.max-w-2rem  {max-width: 2rem;}
.max-w-3rem  {max-width: 3rem;}
.max-w-4rem  {max-width: 4rem;}
.max-w-5rem  {max-width: 5rem;}
.max-w-6rem  {max-width: 6rem;}
.max-w-7rem  {max-width: 7rem;}
.max-w-8rem  {max-width: 8rem;}
.max-w-9rem  {max-width: 9rem;}
.max-w-10rem {max-width: 10rem;}
.max-w-11rem {max-width: 11rem;}
.max-w-12rem {max-width: 12rem;}
.max-w-13rem {max-width: 13rem;}
.max-w-14rem {max-width: 14rem;}
.max-w-15rem {max-width: 15rem;}
.max-w-16rem {max-width: 16rem;}
.max-w-17rem {max-width: 17rem;}
.max-w-18rem {max-width: 18rem;}
.max-w-19rem {max-width: 19rem;}
.max-w-20rem {max-width: 20rem;}
.max-w-21rem {max-width: 21rem;}
.max-w-22rem {max-width: 22rem;}
.max-w-23rem {max-width: 23rem;}
.max-w-24rem {max-width: 24rem;}
.max-w-25rem {max-width: 25rem;}
.max-w-26rem {max-width: 26rem;}
.max-w-27rem {max-width: 27rem;}
.max-w-28rem {max-width: 28rem;}
.max-w-29rem {max-width: 29rem;}
.max-w-30rem {max-width: 30rem;}
.max-w-31rem {max-width: 31rem;}
.max-w-32rem {max-width: 32rem;}
.max-w-33rem {max-width: 33rem;}
.max-w-34rem {max-width: 34rem;}
.max-w-35rem {max-width: 35rem;}
.max-w-36rem {max-width: 36rem;}
.max-w-37rem {max-width: 37rem;}
.max-w-38rem {max-width: 38rem;}
.max-w-39rem {max-width: 39rem;}
.max-w-40rem {max-width: 40rem;}
.max-w-41rem {max-width: 41rem;}
.max-w-42rem {max-width: 42rem;}
.max-w-43rem {max-width: 43rem;}
.max-w-44rem {max-width: 44rem;}
.max-w-45rem {max-width: 45rem;}
.max-w-46rem {max-width: 46rem;}
.max-w-47rem {max-width: 47rem;}
.max-w-48rem {max-width: 48rem;}
.max-w-49rem {max-width: 49rem;}
.max-w-50rem {max-width: 50rem;}

.max-w-100p {max-width: 100% !important;}

/* height */
.h-1rem {height: 1rem !important;}
.h-2rem {height: 2rem !important;}
.h-3rem {height: 3rem !important;}
.h-4rem {height: 4rem !important;}
.h-5rem {height: 5rem !important;}
.h-6rem {height: 6rem !important;}
.h-7rem {height: 7rem !important;}
.h-8rem {height: 8rem !important;}
.h-9rem {height: 9rem !important;}
.h-10rem {height: 10rem !important;}
.h-11rem {height: 11rem !important;}
.h-12rem {height: 12rem !important;}
.h-13rem {height: 13rem !important;}
.h-14rem {height: 14rem !important;}
.h-15rem {height: 15rem !important;}
.h-16rem {height: 16rem !important;}
.h-17rem {height: 17rem !important;}
.h-18rem {height: 18rem !important;}
.h-19rem {height: 19rem !important;}
.h-20rem {height: 20rem !important;}
.h-21rem {height: 21rem !important;}
.h-22rem {height: 22rem !important;}
.h-23rem {height: 23rem !important;}
.h-24rem {height: 24rem !important;}
.h-25rem {height: 25rem !important;}
.h-26rem {height: 26rem !important;}
.h-27rem {height: 27rem !important;}
.h-28rem {height: 28rem !important;}
.h-29rem {height: 29rem !important;}
.h-30rem {height: 30rem !important;}
.h-31rem {height: 31rem !important;}
.h-32rem {height: 32rem !important;}
.h-33rem {height: 33rem !important;}
.h-34rem {height: 34rem !important;}
.h-35rem {height: 35rem !important;}
.h-36rem {height: 36rem !important;}
.h-37rem {height: 37rem !important;}
.h-38rem {height: 38rem !important;}
.h-39rem {height: 39rem !important;}
.h-40rem {height: 40rem !important;}
.h-41rem {height: 41rem !important;}
.h-42rem {height: 42rem !important;}
.h-43rem {height: 43rem !important;}
.h-44rem {height: 44rem !important;}
.h-45rem {height: 45rem !important;}
.h-46rem {height: 46rem !important;}
.h-47rem {height: 47rem !important;}
.h-48rem {height: 48rem !important;}
.h-49rem {height: 49rem !important;}
.h-50rem {height: 50rem !important;}

.h-5p    {height:  5% !important;}
.h-10p   {height: 10% !important;}
.h-12-5p {height: 12.5% !important;}
.h-15p   {height: 15% !important;}
.h-20p   {height: 20% !important;}
.h-24p   {height: 24% !important;}
.h-25p   {height: 25% !important;}
.h-30p   {height: 30% !important;}
.h-33p   {height: 33% !important;}
.h-34p   {height: 34% !important;}
.h-35p   {height: 35% !important;}
.h-40p   {height: 40% !important;}
.h-45p   {height: 45% !important;}
.h-50p   {height: 50% !important;}
.h-55p   {height: 55% !important;}
.h-60p   {height: 60% !important;}
.h-65p   {height: 65% !important;}
.h-67p   {height: 67% !important;}
.h-70p   {height: 70% !important;}
.h-75p   {height: 75% !important;}
.h-80p   {height: 80% !important;}
.h-85p   {height: 85% !important;}
.h-90p   {height: 90% !important;}
.h-95p   {height: 95% !important;}

.min-h-100     {min-height: 100%;}

.min-h-1rem    {min-height: 1rem;}
.min-h-1-5rem  {min-height: 1.5rem;}
.min-h-2rem    {min-height: 2rem;}
.min-h-2-5rem  {min-height: 2.5rem;}
.min-h-3rem    {min-height: 3rem;}
.min-h-3-5rem  {min-height: 3.5rem;}
.min-h-4rem    {min-height: 4rem;}
.min-h-4-5rem  {min-height: 4.5rem;}
.min-h-5rem    {min-height: 5rem;}
.min-h-5-5rem  {min-height: 5.5rem;}
.min-h-6rem    {min-height: 6rem;}
.min-h-6-5rem  {min-height: 6.5rem;}
.min-h-7rem    {min-height: 7rem;}
.min-h-7-5rem  {min-height: 7.5rem;}
.min-h-8rem    {min-height: 8rem;}
.min-h-8-5rem  {min-height: 8.5rem;}
.min-h-9rem    {min-height: 9rem;}
.min-h-9-5rem  {min-height: 9.5rem;}
.min-h-10rem   {min-height: 10rem;}
.min-h-10-5rem {min-height: 10.5rem;}
.min-h-15rem   {min-height: 15rem;}
.min-h-20rem   {min-height: 20rem;}
.min-h-25rem   {min-height: 25rem;}
.min-h-30rem   {min-height: 30rem;}

.bg-none {background: none;}

/** view size - sm */
@media (min-width: 576px) {
	.w-sm-1rem  {width: 1rem !important;}
	.w-sm-2rem  {width: 2rem !important;}
	.w-sm-3rem  {width: 3rem !important;}
	.w-sm-4rem  {width: 4rem !important;}
	.w-sm-5rem  {width: 5rem !important;}
	.w-sm-6rem  {width: 6rem !important;}
	.w-sm-7rem  {width: 7rem !important;}
	.w-sm-8rem  {width: 8rem !important;}
	.w-sm-9rem  {width: 9rem !important;}
	.w-sm-10rem {width: 10rem !important;}
	.w-sm-11rem {width: 11rem !important;}
	.w-sm-12rem {width: 12rem !important;}
	.w-sm-13rem {width: 13rem !important;}
	.w-sm-14rem {width: 14rem !important;}
	.w-sm-15rem {width: 15rem !important;}
	.w-sm-16rem {width: 16rem !important;}
	.w-sm-17rem {width: 17rem !important;}
	.w-sm-18rem {width: 18rem !important;}
	.w-sm-19rem {width: 19rem !important;}
	.w-sm-20rem {width: 20rem !important;}
	.w-sm-21rem {width: 21rem !important;}
	.w-sm-22rem {width: 22rem !important;}
	.w-sm-23rem {width: 23rem !important;}
	.w-sm-24rem {width: 24rem !important;}
	.w-sm-25rem {width: 25rem !important;}
	.w-sm-26rem {width: 26rem !important;}
	.w-sm-27rem {width: 27rem !important;}
	.w-sm-28rem {width: 28rem !important;}
	.w-sm-29rem {width: 29rem !important;}
	.w-sm-30rem {width: 30rem !important;}
	.w-sm-31rem {width: 31rem !important;}
	.w-sm-32rem {width: 32rem !important;}
	.w-sm-33rem {width: 33rem !important;}
	.w-sm-34rem {width: 34rem !important;}
	.w-sm-35rem {width: 35rem !important;}
	.w-sm-36rem {width: 36rem !important;}
	.w-sm-37rem {width: 37rem !important;}
	.w-sm-38rem {width: 38rem !important;}
	.w-sm-39rem {width: 39rem !important;}
	.w-sm-40rem {width: 40rem !important;}
	.w-sm-41rem {width: 41rem !important;}
	.w-sm-42rem {width: 42rem !important;}
	.w-sm-43rem {width: 43rem !important;}
	.w-sm-44rem {width: 44rem !important;}
	.w-sm-45rem {width: 45rem !important;}
	.w-sm-46rem {width: 46rem !important;}
	.w-sm-47rem {width: 47rem !important;}
	.w-sm-48rem {width: 48rem !important;}
	.w-sm-49rem {width: 49rem !important;}
	.w-sm-50rem {width: 50rem !important;}

	.w-rest-sm-1rem {width: calc(100% - 1rem) !important;}
	.w-rest-sm-2rem {width: calc(100% - 2rem) !important;}
	.w-rest-sm-3rem {width: calc(100% - 3rem) !important;}
	.w-rest-sm-4rem {width: calc(100% - 4rem) !important;}
	.w-rest-sm-5rem {width: calc(100% - 5rem) !important;}
	.w-rest-sm-6rem {width: calc(100% - 6rem) !important;}
	.w-rest-sm-7rem {width: calc(100% - 7rem) !important;}
	.w-rest-sm-8rem {width: calc(100% - 8rem) !important;}
	.w-rest-sm-9rem {width: calc(100% - 9rem) !important;}
	.w-rest-sm-10rem {width: calc(100% - 10rem) !important;}
	.w-rest-sm-11rem {width: calc(100% - 11rem) !important;}
	.w-rest-sm-12rem {width: calc(100% - 12rem) !important;}
	.w-rest-sm-13rem {width: calc(100% - 13rem) !important;}
	.w-rest-sm-14rem {width: calc(100% - 14rem) !important;}
	.w-rest-sm-15rem {width: calc(100% - 15rem) !important;}
	.w-rest-sm-16rem {width: calc(100% - 16rem) !important;}
	.w-rest-sm-17rem {width: calc(100% - 17rem) !important;}
	.w-rest-sm-18rem {width: calc(100% - 18rem) !important;}
	.w-rest-sm-19rem {width: calc(100% - 19rem) !important;}
	.w-rest-sm-20rem {width: calc(100% - 20rem) !important;}
	.w-rest-sm-21rem {width: calc(100% - 21rem) !important;}
	.w-rest-sm-22rem {width: calc(100% - 22rem) !important;}
	.w-rest-sm-23rem {width: calc(100% - 23rem) !important;}
	.w-rest-sm-24rem {width: calc(100% - 24rem) !important;}
	.w-rest-sm-25rem {width: calc(100% - 25rem) !important;}
	.w-rest-sm-26rem {width: calc(100% - 26rem) !important;}
	.w-rest-sm-27rem {width: calc(100% - 27rem) !important;}
	.w-rest-sm-28rem {width: calc(100% - 28rem) !important;}
	.w-rest-sm-29rem {width: calc(100% - 29rem) !important;}
	.w-rest-sm-30rem {width: calc(100% - 30rem) !important;}
	.w-rest-sm-31rem {width: calc(100% - 31rem) !important;}
	.w-rest-sm-32rem {width: calc(100% - 32rem) !important;}
	.w-rest-sm-33rem {width: calc(100% - 33rem) !important;}
	.w-rest-sm-34rem {width: calc(100% - 34rem) !important;}
	.w-rest-sm-35rem {width: calc(100% - 35rem) !important;}
	.w-rest-sm-36rem {width: calc(100% - 36rem) !important;}
	.w-rest-sm-37rem {width: calc(100% - 37rem) !important;}
	.w-rest-sm-38rem {width: calc(100% - 38rem) !important;}
	.w-rest-sm-39rem {width: calc(100% - 39rem) !important;}
	.w-rest-sm-40rem {width: calc(100% - 40rem) !important;}
	.w-rest-sm-41rem {width: calc(100% - 41rem) !important;}
	.w-rest-sm-42rem {width: calc(100% - 42rem) !important;}
	.w-rest-sm-43rem {width: calc(100% - 43rem) !important;}
	.w-rest-sm-44rem {width: calc(100% - 44rem) !important;}
	.w-rest-sm-45rem {width: calc(100% - 45rem) !important;}
	.w-rest-sm-46rem {width: calc(100% - 46rem) !important;}
	.w-rest-sm-47rem {width: calc(100% - 47rem) !important;}
	.w-rest-sm-48rem {width: calc(100% - 48rem) !important;}
	.w-rest-sm-49rem {width: calc(100% - 49rem) !important;}
	.w-rest-sm-50rem {width: calc(100% - 50rem) !important;}

	.w-sm-5p    {width:  5% !important;}
	.w-sm-10p   {width: 10% !important;}
	.w-sm-12-5p {width: 12.5% !important;}
	.w-sm-15p   {width: 15% !important;}
	.w-sm-20p   {width: 20% !important;}
	.w-sm-24p   {width: 24% !important;}
	.w-sm-25p   {width: 25% !important;}
	.w-sm-30p   {width: 30% !important;}
	.w-sm-33p   {width: 33% !important;}
	.w-sm-34p   {width: 34% !important;}
	.w-sm-35p   {width: 35% !important;}
	.w-sm-40p   {width: 40% !important;}
	.w-sm-45p   {width: 45% !important;}
	.w-sm-48p   {width: 48% !important;}
	.w-sm-49p   {width: 49% !important;}
	.w-sm-50p   {width: 50% !important;}
	.w-sm-55p   {width: 55% !important;}
	.w-sm-60p   {width: 60% !important;}
	.w-sm-65p   {width: 65% !important;}
	.w-sm-67p   {width: 67% !important;}
	.w-sm-70p   {width: 70% !important;}
	.w-sm-75p   {width: 75% !important;}
	.w-sm-76p   {width: 76% !important;}
	.w-sm-80p   {width: 80% !important;}
	.w-sm-85p   {width: 85% !important;}
	.w-sm-90p   {width: 90% !important;}
	.w-sm-95p   {width: 95% !important;}

	.h-sm-1rem {height: 1rem !important;}
	.h-sm-2rem {height: 2rem !important;}
	.h-sm-3rem {height: 3rem !important;}
	.h-sm-4rem {height: 4rem !important;}
	.h-sm-5rem {height: 5rem !important;}
	.h-sm-6rem {height: 6rem !important;}
	.h-sm-7rem {height: 7rem !important;}
	.h-sm-8rem {height: 8rem !important;}
	.h-sm-9rem {height: 9rem !important;}
	.h-sm-10rem {height: 10rem !important;}
	.h-sm-11rem {height: 11rem !important;}
	.h-sm-12rem {height: 12rem !important;}
	.h-sm-13rem {height: 13rem !important;}
	.h-sm-14rem {height: 14rem !important;}
	.h-sm-15rem {height: 15rem !important;}
	.h-sm-16rem {height: 16rem !important;}
	.h-sm-17rem {height: 17rem !important;}
	.h-sm-18rem {height: 18rem !important;}
	.h-sm-19rem {height: 19rem !important;}
	.h-sm-20rem {height: 20rem !important;}
	.h-sm-21rem {height: 21rem !important;}
	.h-sm-22rem {height: 22rem !important;}
	.h-sm-23rem {height: 23rem !important;}
	.h-sm-24rem {height: 24rem !important;}
	.h-sm-25rem {height: 25rem !important;}
	.h-sm-26rem {height: 26rem !important;}
	.h-sm-27rem {height: 27rem !important;}
	.h-sm-28rem {height: 28rem !important;}
	.h-sm-29rem {height: 29rem !important;}
	.h-sm-30rem {height: 30rem !important;}
	.h-sm-31rem {height: 31rem !important;}
	.h-sm-32rem {height: 32rem !important;}
	.h-sm-33rem {height: 33rem !important;}
	.h-sm-34rem {height: 34rem !important;}
	.h-sm-35rem {height: 35rem !important;}
	.h-sm-36rem {height: 36rem !important;}
	.h-sm-37rem {height: 37rem !important;}
	.h-sm-38rem {height: 38rem !important;}
	.h-sm-39rem {height: 39rem !important;}
	.h-sm-40rem {height: 40rem !important;}
	.h-sm-41rem {height: 41rem !important;}
	.h-sm-42rem {height: 42rem !important;}
	.h-sm-43rem {height: 43rem !important;}
	.h-sm-44rem {height: 44rem !important;}
	.h-sm-45rem {height: 45rem !important;}
	.h-sm-46rem {height: 46rem !important;}
	.h-sm-47rem {height: 47rem !important;}
	.h-sm-48rem {height: 48rem !important;}
	.h-sm-49rem {height: 49rem !important;}
	.h-sm-50rem {height: 50rem !important;}

	.h-sm-5p    {height:  5% !important;}
	.h-sm-10p   {height: 10% !important;}
	.h-sm-12-5p {height: 12.5% !important;}
	.h-sm-15p   {height: 15% !important;}
	.h-sm-20p   {height: 20% !important;}
	.h-sm-24p   {height: 24% !important;}
	.h-sm-25p   {height: 25% !important;}
	.h-sm-30p   {height: 30% !important;}
	.h-sm-33p   {height: 33% !important;}
	.h-sm-34p   {height: 34% !important;}
	.h-sm-35p   {height: 35% !important;}
	.h-sm-40p   {height: 40% !important;}
	.h-sm-45p   {height: 45% !important;}
	.h-sm-50p   {height: 50% !important;}
	.h-sm-55p   {height: 55% !important;}
	.h-sm-60p   {height: 60% !important;}
	.h-sm-65p   {height: 65% !important;}
	.h-sm-67p   {height: 67% !important;}
	.h-sm-70p   {height: 70% !important;}
	.h-sm-75p   {height: 75% !important;}
	.h-sm-80p   {height: 80% !important;}
	.h-sm-85p   {height: 85% !important;}
	.h-sm-90p   {height: 90% !important;}
	.h-sm-95p   {height: 95% !important;}
}
@media (max-width: 576px) {
	.bg-sm-none {background: none !important;}
}
/** view size - md */
@media (min-width: 768px) {
	.w-md-1rem  {width: 1rem !important;}
	.w-md-2rem  {width: 2rem !important;}
	.w-md-3rem  {width: 3rem !important;}
	.w-md-4rem  {width: 4rem !important;}
	.w-md-5rem  {width: 5rem !important;}
	.w-md-6rem  {width: 6rem !important;}
	.w-md-7rem  {width: 7rem !important;}
	.w-md-8rem  {width: 8rem !important;}
	.w-md-9rem  {width: 9rem !important;}
	.w-md-10rem {width: 10rem !important;}
	.w-md-11rem {width: 11rem !important;}
	.w-md-12rem {width: 12rem !important;}
	.w-md-13rem {width: 13rem !important;}
	.w-md-14rem {width: 14rem !important;}
	.w-md-15rem {width: 15rem !important;}
	.w-md-16rem {width: 16rem !important;}
	.w-md-17rem {width: 17rem !important;}
	.w-md-18rem {width: 18rem !important;}
	.w-md-19rem {width: 19rem !important;}
	.w-md-20rem {width: 20rem !important;}
	.w-md-21rem {width: 21rem !important;}
	.w-md-22rem {width: 22rem !important;}
	.w-md-23rem {width: 23rem !important;}
	.w-md-24rem {width: 24rem !important;}
	.w-md-25rem {width: 25rem !important;}
	.w-md-26rem {width: 26rem !important;}
	.w-md-27rem {width: 27rem !important;}
	.w-md-28rem {width: 28rem !important;}
	.w-md-29rem {width: 29rem !important;}
	.w-md-30rem {width: 30rem !important;}
	.w-md-31rem {width: 31rem !important;}
	.w-md-32rem {width: 32rem !important;}
	.w-md-33rem {width: 33rem !important;}
	.w-md-34rem {width: 34rem !important;}
	.w-md-35rem {width: 35rem !important;}
	.w-md-36rem {width: 36rem !important;}
	.w-md-37rem {width: 37rem !important;}
	.w-md-38rem {width: 38rem !important;}
	.w-md-39rem {width: 39rem !important;}
	.w-md-40rem {width: 40rem !important;}
	.w-md-41rem {width: 41rem !important;}
	.w-md-42rem {width: 42rem !important;}
	.w-md-43rem {width: 43rem !important;}
	.w-md-44rem {width: 44rem !important;}
	.w-md-45rem {width: 45rem !important;}
	.w-md-46rem {width: 46rem !important;}
	.w-md-47rem {width: 47rem !important;}
	.w-md-48rem {width: 48rem !important;}
	.w-md-49rem {width: 49rem !important;}
	.w-md-50rem {width: 50rem !important;}
	
	.w-rest-md-1rem {width: calc(100% - 1rem) !important;}
	.w-rest-md-2rem {width: calc(100% - 2rem) !important;}
	.w-rest-md-3rem {width: calc(100% - 3rem) !important;}
	.w-rest-md-4rem {width: calc(100% - 4rem) !important;}
	.w-rest-md-5rem {width: calc(100% - 5rem) !important;}
	.w-rest-md-6rem {width: calc(100% - 6rem) !important;}
	.w-rest-md-7rem {width: calc(100% - 7rem) !important;}
	.w-rest-md-8rem {width: calc(100% - 8rem) !important;}
	.w-rest-md-9rem {width: calc(100% - 9rem) !important;}
	.w-rest-md-10rem {width: calc(100% - 10rem) !important;}
	.w-rest-md-11rem {width: calc(100% - 11rem) !important;}
	.w-rest-md-12rem {width: calc(100% - 12rem) !important;}
	.w-rest-md-13rem {width: calc(100% - 13rem) !important;}
	.w-rest-md-14rem {width: calc(100% - 14rem) !important;}
	.w-rest-md-15rem {width: calc(100% - 15rem) !important;}
	.w-rest-md-16rem {width: calc(100% - 16rem) !important;}
	.w-rest-md-17rem {width: calc(100% - 17rem) !important;}
	.w-rest-md-18rem {width: calc(100% - 18rem) !important;}
	.w-rest-md-19rem {width: calc(100% - 19rem) !important;}
	.w-rest-md-20rem {width: calc(100% - 20rem) !important;}
	.w-rest-md-21rem {width: calc(100% - 21rem) !important;}
	.w-rest-md-22rem {width: calc(100% - 22rem) !important;}
	.w-rest-md-23rem {width: calc(100% - 23rem) !important;}
	.w-rest-md-24rem {width: calc(100% - 24rem) !important;}
	.w-rest-md-25rem {width: calc(100% - 25rem) !important;}
	.w-rest-md-26rem {width: calc(100% - 26rem) !important;}
	.w-rest-md-27rem {width: calc(100% - 27rem) !important;}
	.w-rest-md-28rem {width: calc(100% - 28rem) !important;}
	.w-rest-md-29rem {width: calc(100% - 29rem) !important;}
	.w-rest-md-30rem {width: calc(100% - 30rem) !important;}
	.w-rest-md-31rem {width: calc(100% - 31rem) !important;}
	.w-rest-md-32rem {width: calc(100% - 32rem) !important;}
	.w-rest-md-33rem {width: calc(100% - 33rem) !important;}
	.w-rest-md-34rem {width: calc(100% - 34rem) !important;}
	.w-rest-md-35rem {width: calc(100% - 35rem) !important;}
	.w-rest-md-36rem {width: calc(100% - 36rem) !important;}
	.w-rest-md-37rem {width: calc(100% - 37rem) !important;}
	.w-rest-md-38rem {width: calc(100% - 38rem) !important;}
	.w-rest-md-39rem {width: calc(100% - 39rem) !important;}
	.w-rest-md-40rem {width: calc(100% - 40rem) !important;}
	.w-rest-md-41rem {width: calc(100% - 41rem) !important;}
	.w-rest-md-42rem {width: calc(100% - 42rem) !important;}
	.w-rest-md-43rem {width: calc(100% - 43rem) !important;}
	.w-rest-md-44rem {width: calc(100% - 44rem) !important;}
	.w-rest-md-45rem {width: calc(100% - 45rem) !important;}
	.w-rest-md-46rem {width: calc(100% - 46rem) !important;}
	.w-rest-md-47rem {width: calc(100% - 47rem) !important;}
	.w-rest-md-48rem {width: calc(100% - 48rem) !important;}
	.w-rest-md-49rem {width: calc(100% - 49rem) !important;}
	.w-rest-md-50rem {width: calc(100% - 50rem) !important;}

	.w-md-5p    {width:  5% !important;}
	.w-md-10p   {width: 10% !important;}
	.w-md-12-5p {width: 12.5% !important;}
	.w-md-15p   {width: 15% !important;}
	.w-md-20p   {width: 20% !important;}
	.w-md-24p   {width: 24% !important;}
	.w-md-25p   {width: 25% !important;}
	.w-md-30p   {width: 30% !important;}
	.w-md-33p   {width: 33% !important;}
	.w-md-34p   {width: 34% !important;}
	.w-md-35p   {width: 35% !important;}
	.w-md-40p   {width: 40% !important;}
	.w-md-45p   {width: 45% !important;}
	.w-md-48p   {width: 48% !important;}
	.w-md-49p   {width: 49% !important;}
	.w-md-50p   {width: 50% !important;}
	.w-md-55p   {width: 55% !important;}
	.w-md-60p   {width: 60% !important;}
	.w-md-65p   {width: 65% !important;}
	.w-md-67p   {width: 67% !important;}
	.w-md-70p   {width: 70% !important;}
	.w-md-75p   {width: 75% !important;}
	.w-md-76p   {width: 76% !important;}
	.w-md-80p   {width: 80% !important;}
	.w-md-85p   {width: 85% !important;}
	.w-md-90p   {width: 90% !important;}
	.w-md-95p   {width: 95% !important;}

	.h-md-1rem {height: 1rem !important;}
	.h-md-2rem {height: 2rem !important;}
	.h-md-3rem {height: 3rem !important;}
	.h-md-4rem {height: 4rem !important;}
	.h-md-5rem {height: 5rem !important;}
	.h-md-6rem {height: 6rem !important;}
	.h-md-7rem {height: 7rem !important;}
	.h-md-8rem {height: 8rem !important;}
	.h-md-9rem {height: 9rem !important;}
	.h-md-10rem {height: 10rem !important;}
	.h-md-11rem {height: 11rem !important;}
	.h-md-12rem {height: 12rem !important;}
	.h-md-13rem {height: 13rem !important;}
	.h-md-14rem {height: 14rem !important;}
	.h-md-15rem {height: 15rem !important;}
	.h-md-16rem {height: 16rem !important;}
	.h-md-17rem {height: 17rem !important;}
	.h-md-18rem {height: 18rem !important;}
	.h-md-19rem {height: 19rem !important;}
	.h-md-20rem {height: 20rem !important;}
	.h-md-21rem {height: 21rem !important;}
	.h-md-22rem {height: 22rem !important;}
	.h-md-23rem {height: 23rem !important;}
	.h-md-24rem {height: 24rem !important;}
	.h-md-25rem {height: 25rem !important;}
	.h-md-26rem {height: 26rem !important;}
	.h-md-27rem {height: 27rem !important;}
	.h-md-28rem {height: 28rem !important;}
	.h-md-29rem {height: 29rem !important;}
	.h-md-30rem {height: 30rem !important;}
	.h-md-31rem {height: 31rem !important;}
	.h-md-32rem {height: 32rem !important;}
	.h-md-33rem {height: 33rem !important;}
	.h-md-34rem {height: 34rem !important;}
	.h-md-35rem {height: 35rem !important;}
	.h-md-36rem {height: 36rem !important;}
	.h-md-37rem {height: 37rem !important;}
	.h-md-38rem {height: 38rem !important;}
	.h-md-39rem {height: 39rem !important;}
	.h-md-40rem {height: 40rem !important;}
	.h-md-41rem {height: 41rem !important;}
	.h-md-42rem {height: 42rem !important;}
	.h-md-43rem {height: 43rem !important;}
	.h-md-44rem {height: 44rem !important;}
	.h-md-45rem {height: 45rem !important;}
	.h-md-46rem {height: 46rem !important;}
	.h-md-47rem {height: 47rem !important;}
	.h-md-48rem {height: 48rem !important;}
	.h-md-49rem {height: 49rem !important;}
	.h-md-50rem {height: 50rem !important;}

	.h-md-5p    {height:  5% !important;}
	.h-md-10p   {height: 10% !important;}
	.h-md-12-5p {height: 12.5% !important;}
	.h-md-15p   {height: 15% !important;}
	.h-md-20p   {height: 20% !important;}
	.h-md-24p   {height: 24% !important;}
	.h-md-25p   {height: 25% !important;}
	.h-md-30p   {height: 30% !important;}
	.h-md-33p   {height: 33% !important;}
	.h-md-34p   {height: 34% !important;}
	.h-md-35p   {height: 35% !important;}
	.h-md-40p   {height: 40% !important;}
	.h-md-45p   {height: 45% !important;}
	.h-md-50p   {height: 50% !important;}
	.h-md-55p   {height: 55% !important;}
	.h-md-60p   {height: 60% !important;}
	.h-md-65p   {height: 65% !important;}
	.h-md-67p   {height: 67% !important;}
	.h-md-70p   {height: 70% !important;}
	.h-md-75p   {height: 75% !important;}
	.h-md-80p   {height: 80% !important;}
	.h-md-85p   {height: 85% !important;}
	.h-md-90p   {height: 90% !important;}
	.h-md-95p   {height: 95% !important;}
}
@media (max-width: 768px) {
	.bg-md-none {background: none !important;}
}
/** view size - lg */
@media (min-width: 992px) {
	.w-lg-1rem  {width: 1rem !important;}
	.w-lg-2rem  {width: 2rem !important;}
	.w-lg-3rem  {width: 3rem !important;}
	.w-lg-4rem  {width: 4rem !important;}
	.w-lg-5rem  {width: 5rem !important;}
	.w-lg-6rem  {width: 6rem !important;}
	.w-lg-7rem  {width: 7rem !important;}
	.w-lg-8rem  {width: 8rem !important;}
	.w-lg-9rem  {width: 9rem !important;}
	.w-lg-10rem {width: 10rem !important;}
	.w-lg-11rem {width: 11rem !important;}
	.w-lg-12rem {width: 12rem !important;}
	.w-lg-13rem {width: 13rem !important;}
	.w-lg-14rem {width: 14rem !important;}
	.w-lg-15rem {width: 15rem !important;}
	.w-lg-16rem {width: 16rem !important;}
	.w-lg-17rem {width: 17rem !important;}
	.w-lg-18rem {width: 18rem !important;}
	.w-lg-19rem {width: 19rem !important;}
	.w-lg-20rem {width: 20rem !important;}
	.w-lg-21rem {width: 21rem !important;}
	.w-lg-22rem {width: 22rem !important;}
	.w-lg-23rem {width: 23rem !important;}
	.w-lg-24rem {width: 24rem !important;}
	.w-lg-25rem {width: 25rem !important;}
	.w-lg-26rem {width: 26rem !important;}
	.w-lg-27rem {width: 27rem !important;}
	.w-lg-28rem {width: 28rem !important;}
	.w-lg-29rem {width: 29rem !important;}
	.w-lg-30rem {width: 30rem !important;}
	.w-lg-31rem {width: 31rem !important;}
	.w-lg-32rem {width: 32rem !important;}
	.w-lg-33rem {width: 33rem !important;}
	.w-lg-34rem {width: 34rem !important;}
	.w-lg-35rem {width: 35rem !important;}
	.w-lg-36rem {width: 36rem !important;}
	.w-lg-37rem {width: 37rem !important;}
	.w-lg-38rem {width: 38rem !important;}
	.w-lg-39rem {width: 39rem !important;}
	.w-lg-40rem {width: 40rem !important;}
	.w-lg-41rem {width: 41rem !important;}
	.w-lg-42rem {width: 42rem !important;}
	.w-lg-43rem {width: 43rem !important;}
	.w-lg-44rem {width: 44rem !important;}
	.w-lg-45rem {width: 45rem !important;}
	.w-lg-46rem {width: 46rem !important;}
	.w-lg-47rem {width: 47rem !important;}
	.w-lg-48rem {width: 48rem !important;}
	.w-lg-49rem {width: 49rem !important;}
	.w-lg-50rem {width: 50rem !important;}

	.w-rest-lg-1rem {width: calc(100% - 1rem) !important;}
	.w-rest-lg-2rem {width: calc(100% - 2rem) !important;}
	.w-rest-lg-3rem {width: calc(100% - 3rem) !important;}
	.w-rest-lg-4rem {width: calc(100% - 4rem) !important;}
	.w-rest-lg-5rem {width: calc(100% - 5rem) !important;}
	.w-rest-lg-6rem {width: calc(100% - 6rem) !important;}
	.w-rest-lg-7rem {width: calc(100% - 7rem) !important;}
	.w-rest-lg-8rem {width: calc(100% - 8rem) !important;}
	.w-rest-lg-9rem {width: calc(100% - 9rem) !important;}
	.w-rest-lg-10rem {width: calc(100% - 10rem) !important;}
	.w-rest-lg-11rem {width: calc(100% - 11rem) !important;}
	.w-rest-lg-12rem {width: calc(100% - 12rem) !important;}
	.w-rest-lg-13rem {width: calc(100% - 13rem) !important;}
	.w-rest-lg-14rem {width: calc(100% - 14rem) !important;}
	.w-rest-lg-15rem {width: calc(100% - 15rem) !important;}
	.w-rest-lg-16rem {width: calc(100% - 16rem) !important;}
	.w-rest-lg-17rem {width: calc(100% - 17rem) !important;}
	.w-rest-lg-18rem {width: calc(100% - 18rem) !important;}
	.w-rest-lg-19rem {width: calc(100% - 19rem) !important;}
	.w-rest-lg-20rem {width: calc(100% - 20rem) !important;}
	.w-rest-lg-21rem {width: calc(100% - 21rem) !important;}
	.w-rest-lg-22rem {width: calc(100% - 22rem) !important;}
	.w-rest-lg-23rem {width: calc(100% - 23rem) !important;}
	.w-rest-lg-24rem {width: calc(100% - 24rem) !important;}
	.w-rest-lg-25rem {width: calc(100% - 25rem) !important;}
	.w-rest-lg-26rem {width: calc(100% - 26rem) !important;}
	.w-rest-lg-27rem {width: calc(100% - 27rem) !important;}
	.w-rest-lg-28rem {width: calc(100% - 28rem) !important;}
	.w-rest-lg-29rem {width: calc(100% - 29rem) !important;}
	.w-rest-lg-30rem {width: calc(100% - 30rem) !important;}
	.w-rest-lg-31rem {width: calc(100% - 31rem) !important;}
	.w-rest-lg-32rem {width: calc(100% - 32rem) !important;}
	.w-rest-lg-33rem {width: calc(100% - 33rem) !important;}
	.w-rest-lg-34rem {width: calc(100% - 34rem) !important;}
	.w-rest-lg-35rem {width: calc(100% - 35rem) !important;}
	.w-rest-lg-36rem {width: calc(100% - 36rem) !important;}
	.w-rest-lg-37rem {width: calc(100% - 37rem) !important;}
	.w-rest-lg-38rem {width: calc(100% - 38rem) !important;}
	.w-rest-lg-39rem {width: calc(100% - 39rem) !important;}
	.w-rest-lg-40rem {width: calc(100% - 40rem) !important;}
	.w-rest-lg-41rem {width: calc(100% - 41rem) !important;}
	.w-rest-lg-42rem {width: calc(100% - 42rem) !important;}
	.w-rest-lg-43rem {width: calc(100% - 43rem) !important;}
	.w-rest-lg-44rem {width: calc(100% - 44rem) !important;}
	.w-rest-lg-45rem {width: calc(100% - 45rem) !important;}
	.w-rest-lg-46rem {width: calc(100% - 46rem) !important;}
	.w-rest-lg-47rem {width: calc(100% - 47rem) !important;}
	.w-rest-lg-48rem {width: calc(100% - 48rem) !important;}
	.w-rest-lg-49rem {width: calc(100% - 49rem) !important;}
	.w-rest-lg-50rem {width: calc(100% - 50rem) !important;}

	.w-lg-5p    {width:  5% !important;}
	.w-lg-10p   {width: 10% !important;}
	.w-lg-12-5p {width: 12.5% !important;}
	.w-lg-15p   {width: 15% !important;}
	.w-lg-20p   {width: 20% !important;}
	.w-lg-24p   {width: 24% !important;}
	.w-lg-25p   {width: 25% !important;}
	.w-lg-30p   {width: 30% !important;}
	.w-lg-33p   {width: 33% !important;}
	.w-lg-34p   {width: 34% !important;}
	.w-lg-35p   {width: 35% !important;}
	.w-lg-40p   {width: 40% !important;}
	.w-lg-45p   {width: 45% !important;}
	.w-lg-48p   {width: 48% !important;}
	.w-lg-49p   {width: 49% !important;}
	.w-lg-50p   {width: 50% !important;}
	.w-lg-55p   {width: 55% !important;}
	.w-lg-60p   {width: 60% !important;}
	.w-lg-65p   {width: 65% !important;}
	.w-lg-67p   {width: 67% !important;}
	.w-lg-70p   {width: 70% !important;}
	.w-lg-75p   {width: 75% !important;}
	.w-lg-76p   {width: 76% !important;}
	.w-lg-80p   {width: 80% !important;}
	.w-lg-85p   {width: 85% !important;}
	.w-lg-90p   {width: 90% !important;}
	.w-lg-95p   {width: 95% !important;}

	.h-lg-1rem {height: 1rem !important;}
	.h-lg-2rem {height: 2rem !important;}
	.h-lg-3rem {height: 3rem !important;}
	.h-lg-4rem {height: 4rem !important;}
	.h-lg-5rem {height: 5rem !important;}
	.h-lg-6rem {height: 6rem !important;}
	.h-lg-7rem {height: 7rem !important;}
	.h-lg-8rem {height: 8rem !important;}
	.h-lg-9rem {height: 9rem !important;}
	.h-lg-10rem {height: 10rem !important;}
	.h-lg-11rem {height: 11rem !important;}
	.h-lg-12rem {height: 12rem !important;}
	.h-lg-13rem {height: 13rem !important;}
	.h-lg-14rem {height: 14rem !important;}
	.h-lg-15rem {height: 15rem !important;}
	.h-lg-16rem {height: 16rem !important;}
	.h-lg-17rem {height: 17rem !important;}
	.h-lg-18rem {height: 18rem !important;}
	.h-lg-19rem {height: 19rem !important;}
	.h-lg-20rem {height: 20rem !important;}
	.h-lg-21rem {height: 21rem !important;}
	.h-lg-22rem {height: 22rem !important;}
	.h-lg-23rem {height: 23rem !important;}
	.h-lg-24rem {height: 24rem !important;}
	.h-lg-25rem {height: 25rem !important;}
	.h-lg-26rem {height: 26rem !important;}
	.h-lg-27rem {height: 27rem !important;}
	.h-lg-28rem {height: 28rem !important;}
	.h-lg-29rem {height: 29rem !important;}
	.h-lg-30rem {height: 30rem !important;}
	.h-lg-31rem {height: 31rem !important;}
	.h-lg-32rem {height: 32rem !important;}
	.h-lg-33rem {height: 33rem !important;}
	.h-lg-34rem {height: 34rem !important;}
	.h-lg-35rem {height: 35rem !important;}
	.h-lg-36rem {height: 36rem !important;}
	.h-lg-37rem {height: 37rem !important;}
	.h-lg-38rem {height: 38rem !important;}
	.h-lg-39rem {height: 39rem !important;}
	.h-lg-40rem {height: 40rem !important;}
	.h-lg-41rem {height: 41rem !important;}
	.h-lg-42rem {height: 42rem !important;}
	.h-lg-43rem {height: 43rem !important;}
	.h-lg-44rem {height: 44rem !important;}
	.h-lg-45rem {height: 45rem !important;}
	.h-lg-46rem {height: 46rem !important;}
	.h-lg-47rem {height: 47rem !important;}
	.h-lg-48rem {height: 48rem !important;}
	.h-lg-49rem {height: 49rem !important;}
	.h-lg-50rem {height: 50rem !important;}

	.h-lg-5p    {height:  5% !important;}
	.h-lg-10p   {height: 10% !important;}
	.h-lg-12-5p {height: 12.5% !important;}
	.h-lg-15p   {height: 15% !important;}
	.h-lg-20p   {height: 20% !important;}
	.h-lg-24p   {height: 24% !important;}
	.h-lg-25p   {height: 25% !important;}
	.h-lg-30p   {height: 30% !important;}
	.h-lg-33p   {height: 33% !important;}
	.h-lg-34p   {height: 34% !important;}
	.h-lg-35p   {height: 35% !important;}
	.h-lg-40p   {height: 40% !important;}
	.h-lg-45p   {height: 45% !important;}
	.h-lg-50p   {height: 50% !important;}
	.h-lg-55p   {height: 55% !important;}
	.h-lg-60p   {height: 60% !important;}
	.h-lg-65p   {height: 65% !important;}
	.h-lg-67p   {height: 67% !important;}
	.h-lg-70p   {height: 70% !important;}
	.h-lg-75p   {height: 75% !important;}
	.h-lg-80p   {height: 80% !important;}
	.h-lg-85p   {height: 85% !important;}
	.h-lg-90p   {height: 90% !important;}
	.h-lg-95p   {height: 95% !important;}
}
@media (max-width: 992px) {
	.bg-lg-none {background: none !important;}
}
/** view size - xl */
@media (min-width: 1200px) {
	.w-xl-1rem  {width: 1rem !important;}
	.w-xl-2rem  {width: 2rem !important;}
	.w-xl-3rem  {width: 3rem !important;}
	.w-xl-4rem  {width: 4rem !important;}
	.w-xl-5rem  {width: 5rem !important;}
	.w-xl-6rem  {width: 6rem !important;}
	.w-xl-7rem  {width: 7rem !important;}
	.w-xl-8rem  {width: 8rem !important;}
	.w-xl-9rem  {width: 9rem !important;}
	.w-xl-10rem {width: 10rem !important;}
	.w-xl-11rem {width: 11rem !important;}
	.w-xl-12rem {width: 12rem !important;}
	.w-xl-13rem {width: 13rem !important;}
	.w-xl-14rem {width: 14rem !important;}
	.w-xl-15rem {width: 15rem !important;}
	.w-xl-16rem {width: 16rem !important;}
	.w-xl-17rem {width: 17rem !important;}
	.w-xl-18rem {width: 18rem !important;}
	.w-xl-19rem {width: 19rem !important;}
	.w-xl-20rem {width: 20rem !important;}
	.w-xl-21rem {width: 21rem !important;}
	.w-xl-22rem {width: 22rem !important;}
	.w-xl-23rem {width: 23rem !important;}
	.w-xl-24rem {width: 24rem !important;}
	.w-xl-25rem {width: 25rem !important;}
	.w-xl-26rem {width: 26rem !important;}
	.w-xl-27rem {width: 27rem !important;}
	.w-xl-28rem {width: 28rem !important;}
	.w-xl-29rem {width: 29rem !important;}
	.w-xl-30rem {width: 30rem !important;}
	.w-xl-31rem {width: 31rem !important;}
	.w-xl-32rem {width: 32rem !important;}
	.w-xl-33rem {width: 33rem !important;}
	.w-xl-34rem {width: 34rem !important;}
	.w-xl-35rem {width: 35rem !important;}
	.w-xl-36rem {width: 36rem !important;}
	.w-xl-37rem {width: 37rem !important;}
	.w-xl-38rem {width: 38rem !important;}
	.w-xl-39rem {width: 39rem !important;}
	.w-xl-40rem {width: 40rem !important;}
	.w-xl-41rem {width: 41rem !important;}
	.w-xl-42rem {width: 42rem !important;}
	.w-xl-43rem {width: 43rem !important;}
	.w-xl-44rem {width: 44rem !important;}
	.w-xl-45rem {width: 45rem !important;}
	.w-xl-46rem {width: 46rem !important;}
	.w-xl-47rem {width: 47rem !important;}
	.w-xl-48rem {width: 48rem !important;}
	.w-xl-49rem {width: 49rem !important;}
	.w-xl-50rem {width: 50rem !important;}
	
	.w-rest-xl-1rem {width: calc(100% - 1rem) !important;}
	.w-rest-xl-2rem {width: calc(100% - 2rem) !important;}
	.w-rest-xl-3rem {width: calc(100% - 3rem) !important;}
	.w-rest-xl-4rem {width: calc(100% - 4rem) !important;}
	.w-rest-xl-5rem {width: calc(100% - 5rem) !important;}
	.w-rest-xl-6rem {width: calc(100% - 6rem) !important;}
	.w-rest-xl-7rem {width: calc(100% - 7rem) !important;}
	.w-rest-xl-8rem {width: calc(100% - 8rem) !important;}
	.w-rest-xl-9rem {width: calc(100% - 9rem) !important;}
	.w-rest-xl-10rem {width: calc(100% - 10rem) !important;}
	.w-rest-xl-11rem {width: calc(100% - 11rem) !important;}
	.w-rest-xl-12rem {width: calc(100% - 12rem) !important;}
	.w-rest-xl-13rem {width: calc(100% - 13rem) !important;}
	.w-rest-xl-14rem {width: calc(100% - 14rem) !important;}
	.w-rest-xl-15rem {width: calc(100% - 15rem) !important;}
	.w-rest-xl-16rem {width: calc(100% - 16rem) !important;}
	.w-rest-xl-17rem {width: calc(100% - 17rem) !important;}
	.w-rest-xl-18rem {width: calc(100% - 18rem) !important;}
	.w-rest-xl-19rem {width: calc(100% - 19rem) !important;}
	.w-rest-xl-20rem {width: calc(100% - 20rem) !important;}
	.w-rest-xl-21rem {width: calc(100% - 21rem) !important;}
	.w-rest-xl-22rem {width: calc(100% - 22rem) !important;}
	.w-rest-xl-23rem {width: calc(100% - 23rem) !important;}
	.w-rest-xl-24rem {width: calc(100% - 24rem) !important;}
	.w-rest-xl-25rem {width: calc(100% - 25rem) !important;}
	.w-rest-xl-26rem {width: calc(100% - 26rem) !important;}
	.w-rest-xl-27rem {width: calc(100% - 27rem) !important;}
	.w-rest-xl-28rem {width: calc(100% - 28rem) !important;}
	.w-rest-xl-29rem {width: calc(100% - 29rem) !important;}
	.w-rest-xl-30rem {width: calc(100% - 30rem) !important;}
	.w-rest-xl-31rem {width: calc(100% - 31rem) !important;}
	.w-rest-xl-32rem {width: calc(100% - 32rem) !important;}
	.w-rest-xl-33rem {width: calc(100% - 33rem) !important;}
	.w-rest-xl-34rem {width: calc(100% - 34rem) !important;}
	.w-rest-xl-35rem {width: calc(100% - 35rem) !important;}
	.w-rest-xl-36rem {width: calc(100% - 36rem) !important;}
	.w-rest-xl-37rem {width: calc(100% - 37rem) !important;}
	.w-rest-xl-38rem {width: calc(100% - 38rem) !important;}
	.w-rest-xl-39rem {width: calc(100% - 39rem) !important;}
	.w-rest-xl-40rem {width: calc(100% - 40rem) !important;}
	.w-rest-xl-41rem {width: calc(100% - 41rem) !important;}
	.w-rest-xl-42rem {width: calc(100% - 42rem) !important;}
	.w-rest-xl-43rem {width: calc(100% - 43rem) !important;}
	.w-rest-xl-44rem {width: calc(100% - 44rem) !important;}
	.w-rest-xl-45rem {width: calc(100% - 45rem) !important;}
	.w-rest-xl-46rem {width: calc(100% - 46rem) !important;}
	.w-rest-xl-47rem {width: calc(100% - 47rem) !important;}
	.w-rest-xl-48rem {width: calc(100% - 48rem) !important;}
	.w-rest-xl-49rem {width: calc(100% - 49rem) !important;}
	.w-rest-xl-50rem {width: calc(100% - 50rem) !important;}

	.w-xl-5p    {width:  5% !important;}
	.w-xl-10p   {width: 10% !important;}
	.w-xl-12-5p {width: 12.5% !important;}
	.w-xl-15p   {width: 15% !important;}
	.w-xl-20p   {width: 20% !important;}
	.w-xl-24p   {width: 24% !important;}
	.w-xl-25p   {width: 25% !important;}
	.w-xl-30p   {width: 30% !important;}
	.w-xl-33p   {width: 33% !important;}
	.w-xl-34p   {width: 34% !important;}
	.w-xl-35p   {width: 35% !important;}
	.w-xl-40p   {width: 40% !important;}
	.w-xl-45p   {width: 45% !important;}
	.w-xl-48p   {width: 48% !important;}
	.w-xl-49p   {width: 49% !important;}
	.w-xl-50p   {width: 50% !important;}
	.w-xl-55p   {width: 55% !important;}
	.w-xl-60p   {width: 60% !important;}
	.w-xl-65p   {width: 65% !important;}
	.w-xl-67p   {width: 67% !important;}
	.w-xl-70p   {width: 70% !important;}
	.w-xl-75p   {width: 75% !important;}
	.w-xl-76p   {width: 76% !important;}
	.w-xl-80p   {width: 80% !important;}
	.w-xl-85p   {width: 85% !important;}
	.w-xl-90p   {width: 90% !important;}
	.w-xl-95p   {width: 95% !important;}
	
	.h-xl-1rem {height: 1rem !important;}
	.h-xl-2rem {height: 2rem !important;}
	.h-xl-3rem {height: 3rem !important;}
	.h-xl-4rem {height: 4rem !important;}
	.h-xl-5rem {height: 5rem !important;}
	.h-xl-6rem {height: 6rem !important;}
	.h-xl-7rem {height: 7rem !important;}
	.h-xl-8rem {height: 8rem !important;}
	.h-xl-9rem {height: 9rem !important;}
	.h-xl-10rem {height: 10rem !important;}
	.h-xl-11rem {height: 11rem !important;}
	.h-xl-12rem {height: 12rem !important;}
	.h-xl-13rem {height: 13rem !important;}
	.h-xl-14rem {height: 14rem !important;}
	.h-xl-15rem {height: 15rem !important;}
	.h-xl-16rem {height: 16rem !important;}
	.h-xl-17rem {height: 17rem !important;}
	.h-xl-18rem {height: 18rem !important;}
	.h-xl-19rem {height: 19rem !important;}
	.h-xl-20rem {height: 20rem !important;}
	.h-xl-21rem {height: 21rem !important;}
	.h-xl-22rem {height: 22rem !important;}
	.h-xl-23rem {height: 23rem !important;}
	.h-xl-24rem {height: 24rem !important;}
	.h-xl-25rem {height: 25rem !important;}
	.h-xl-26rem {height: 26rem !important;}
	.h-xl-27rem {height: 27rem !important;}
	.h-xl-28rem {height: 28rem !important;}
	.h-xl-29rem {height: 29rem !important;}
	.h-xl-30rem {height: 30rem !important;}
	.h-xl-31rem {height: 31rem !important;}
	.h-xl-32rem {height: 32rem !important;}
	.h-xl-33rem {height: 33rem !important;}
	.h-xl-34rem {height: 34rem !important;}
	.h-xl-35rem {height: 35rem !important;}
	.h-xl-36rem {height: 36rem !important;}
	.h-xl-37rem {height: 37rem !important;}
	.h-xl-38rem {height: 38rem !important;}
	.h-xl-39rem {height: 39rem !important;}
	.h-xl-40rem {height: 40rem !important;}
	.h-xl-41rem {height: 41rem !important;}
	.h-xl-42rem {height: 42rem !important;}
	.h-xl-43rem {height: 43rem !important;}
	.h-xl-44rem {height: 44rem !important;}
	.h-xl-45rem {height: 45rem !important;}
	.h-xl-46rem {height: 46rem !important;}
	.h-xl-47rem {height: 47rem !important;}
	.h-xl-48rem {height: 48rem !important;}
	.h-xl-49rem {height: 49rem !important;}
	.h-xl-50rem {height: 50rem !important;}
	
	.h-xl-5p    {height:  5% !important;}
	.h-xl-10p   {height: 10% !important;}
	.h-xl-12-5p {height: 12.5% !important;}
	.h-xl-15p   {height: 15% !important;}
	.h-xl-20p   {height: 20% !important;}
	.h-xl-24p   {height: 24% !important;}
	.h-xl-25p   {height: 25% !important;}
	.h-xl-30p   {height: 30% !important;}
	.h-xl-33p   {height: 33% !important;}
	.h-xl-34p   {height: 34% !important;}
	.h-xl-35p   {height: 35% !important;}
	.h-xl-40p   {height: 40% !important;}
	.h-xl-45p   {height: 45% !important;}
	.h-xl-50p   {height: 50% !important;}
	.h-xl-55p   {height: 55% !important;}
	.h-xl-60p   {height: 60% !important;}
	.h-xl-65p   {height: 65% !important;}
	.h-xl-67p   {height: 67% !important;}
	.h-xl-70p   {height: 70% !important;}
	.h-xl-75p   {height: 75% !important;}
	.h-xl-80p   {height: 80% !important;}
	.h-xl-85p   {height: 85% !important;}
	.h-xl-90p   {height: 90% !important;}
	.h-xl-95p   {height: 95% !important;}
}
@media (max-width: 1200px) {
	.bg-xl-none {background: none !important;}
}
/** view size - xxl */
@media (min-width: 1540px) {
	.w-xxl-1rem  {width: 1rem !important;}
	.w-xxl-2rem  {width: 2rem !important;}
	.w-xxl-3rem  {width: 3rem !important;}
	.w-xxl-4rem  {width: 4rem !important;}
	.w-xxl-5rem  {width: 5rem !important;}
	.w-xxl-6rem  {width: 6rem !important;}
	.w-xxl-7rem  {width: 7rem !important;}
	.w-xxl-8rem  {width: 8rem !important;}
	.w-xxl-9rem  {width: 9rem !important;}
	.w-xxl-10rem {width: 10rem !important;}
	.w-xxl-11rem {width: 11rem !important;}
	.w-xxl-12rem {width: 12rem !important;}
	.w-xxl-13rem {width: 13rem !important;}
	.w-xxl-14rem {width: 14rem !important;}
	.w-xxl-15rem {width: 15rem !important;}
	.w-xxl-16rem {width: 16rem !important;}
	.w-xxl-17rem {width: 17rem !important;}
	.w-xxl-18rem {width: 18rem !important;}
	.w-xxl-19rem {width: 19rem !important;}
	.w-xxl-20rem {width: 20rem !important;}
	.w-xxl-21rem {width: 21rem !important;}
	.w-xxl-22rem {width: 22rem !important;}
	.w-xxl-23rem {width: 23rem !important;}
	.w-xxl-24rem {width: 24rem !important;}
	.w-xxl-25rem {width: 25rem !important;}
	.w-xxl-26rem {width: 26rem !important;}
	.w-xxl-27rem {width: 27rem !important;}
	.w-xxl-28rem {width: 28rem !important;}
	.w-xxl-29rem {width: 29rem !important;}
	.w-xxl-30rem {width: 30rem !important;}
	.w-xxl-31rem {width: 31rem !important;}
	.w-xxl-32rem {width: 32rem !important;}
	.w-xxl-33rem {width: 33rem !important;}
	.w-xxl-34rem {width: 34rem !important;}
	.w-xxl-35rem {width: 35rem !important;}
	.w-xxl-36rem {width: 36rem !important;}
	.w-xxl-37rem {width: 37rem !important;}
	.w-xxl-38rem {width: 38rem !important;}
	.w-xxl-39rem {width: 39rem !important;}
	.w-xxl-40rem {width: 40rem !important;}
	.w-xxl-41rem {width: 41rem !important;}
	.w-xxl-42rem {width: 42rem !important;}
	.w-xxl-43rem {width: 43rem !important;}
	.w-xxl-44rem {width: 44rem !important;}
	.w-xxl-45rem {width: 45rem !important;}
	.w-xxl-46rem {width: 46rem !important;}
	.w-xxl-47rem {width: 47rem !important;}
	.w-xxl-48rem {width: 48rem !important;}
	.w-xxl-49rem {width: 49rem !important;}
	.w-xxl-50rem {width: 50rem !important;}

	.w-rest-xxl-1rem {width: calc(100% - 1rem) !important;}
	.w-rest-xxl-2rem {width: calc(100% - 2rem) !important;}
	.w-rest-xxl-3rem {width: calc(100% - 3rem) !important;}
	.w-rest-xxl-4rem {width: calc(100% - 4rem) !important;}
	.w-rest-xxl-5rem {width: calc(100% - 5rem) !important;}
	.w-rest-xxl-6rem {width: calc(100% - 6rem) !important;}
	.w-rest-xxl-7rem {width: calc(100% - 7rem) !important;}
	.w-rest-xxl-8rem {width: calc(100% - 8rem) !important;}
	.w-rest-xxl-9rem {width: calc(100% - 9rem) !important;}
	.w-rest-xxl-10rem {width: calc(100% - 10rem) !important;}
	.w-rest-xxl-11rem {width: calc(100% - 11rem) !important;}
	.w-rest-xxl-12rem {width: calc(100% - 12rem) !important;}
	.w-rest-xxl-13rem {width: calc(100% - 13rem) !important;}
	.w-rest-xxl-14rem {width: calc(100% - 14rem) !important;}
	.w-rest-xxl-15rem {width: calc(100% - 15rem) !important;}
	.w-rest-xxl-16rem {width: calc(100% - 16rem) !important;}
	.w-rest-xxl-17rem {width: calc(100% - 17rem) !important;}
	.w-rest-xxl-18rem {width: calc(100% - 18rem) !important;}
	.w-rest-xxl-19rem {width: calc(100% - 19rem) !important;}
	.w-rest-xxl-20rem {width: calc(100% - 20rem) !important;}
	.w-rest-xxl-21rem {width: calc(100% - 21rem) !important;}
	.w-rest-xxl-22rem {width: calc(100% - 22rem) !important;}
	.w-rest-xxl-23rem {width: calc(100% - 23rem) !important;}
	.w-rest-xxl-24rem {width: calc(100% - 24rem) !important;}
	.w-rest-xxl-25rem {width: calc(100% - 25rem) !important;}
	.w-rest-xxl-26rem {width: calc(100% - 26rem) !important;}
	.w-rest-xxl-27rem {width: calc(100% - 27rem) !important;}
	.w-rest-xxl-28rem {width: calc(100% - 28rem) !important;}
	.w-rest-xxl-29rem {width: calc(100% - 29rem) !important;}
	.w-rest-xxl-30rem {width: calc(100% - 30rem) !important;}
	.w-rest-xxl-31rem {width: calc(100% - 31rem) !important;}
	.w-rest-xxl-32rem {width: calc(100% - 32rem) !important;}
	.w-rest-xxl-33rem {width: calc(100% - 33rem) !important;}
	.w-rest-xxl-34rem {width: calc(100% - 34rem) !important;}
	.w-rest-xxl-35rem {width: calc(100% - 35rem) !important;}
	.w-rest-xxl-36rem {width: calc(100% - 36rem) !important;}
	.w-rest-xxl-37rem {width: calc(100% - 37rem) !important;}
	.w-rest-xxl-38rem {width: calc(100% - 38rem) !important;}
	.w-rest-xxl-39rem {width: calc(100% - 39rem) !important;}
	.w-rest-xxl-40rem {width: calc(100% - 40rem) !important;}
	.w-rest-xxl-41rem {width: calc(100% - 41rem) !important;}
	.w-rest-xxl-42rem {width: calc(100% - 42rem) !important;}
	.w-rest-xxl-43rem {width: calc(100% - 43rem) !important;}
	.w-rest-xxl-44rem {width: calc(100% - 44rem) !important;}
	.w-rest-xxl-45rem {width: calc(100% - 45rem) !important;}
	.w-rest-xxl-46rem {width: calc(100% - 46rem) !important;}
	.w-rest-xxl-47rem {width: calc(100% - 47rem) !important;}
	.w-rest-xxl-48rem {width: calc(100% - 48rem) !important;}
	.w-rest-xxl-49rem {width: calc(100% - 49rem) !important;}
	.w-rest-xxl-50rem {width: calc(100% - 50rem) !important;}

	.w-xxl-5p    {width:  5% !important;}
	.w-xxl-10p   {width: 10% !important;}
	.w-xxl-12-5p {width: 12.5% !important;}
	.w-xxl-15p   {width: 15% !important;}
	.w-xxl-20p   {width: 20% !important;}
	.w-xxl-24p   {width: 24% !important;}
	.w-xxl-25p   {width: 25% !important;}
	.w-xxl-30p   {width: 30% !important;}
	.w-xxl-33p   {width: 33% !important;}
	.w-xxl-34p   {width: 34% !important;}
	.w-xxl-35p   {width: 35% !important;}
	.w-xxl-40p   {width: 40% !important;}
	.w-xxl-45p   {width: 45% !important;}
	.w-xxl-48p   {width: 48% !important;}
	.w-xxl-49p   {width: 49% !important;}
	.w-xxl-50p   {width: 50% !important;}
	.w-xxl-55p   {width: 55% !important;}
	.w-xxl-60p   {width: 60% !important;}
	.w-xxl-65p   {width: 65% !important;}
	.w-xxl-67p   {width: 67% !important;}
	.w-xxl-70p   {width: 70% !important;}
	.w-xxl-75p   {width: 75% !important;}
	.w-xxl-76p   {width: 76% !important;}
	.w-xxl-80p   {width: 80% !important;}
	.w-xxl-85p   {width: 85% !important;}
	.w-xxl-90p   {width: 90% !important;}
	.w-xxl-95p   {width: 95% !important;}
	
	.h-xxl-1rem {height: 1rem !important;}
	.h-xxl-2rem {height: 2rem !important;}
	.h-xxl-3rem {height: 3rem !important;}
	.h-xxl-4rem {height: 4rem !important;}
	.h-xxl-5rem {height: 5rem !important;}
	.h-xxl-6rem {height: 6rem !important;}
	.h-xxl-7rem {height: 7rem !important;}
	.h-xxl-8rem {height: 8rem !important;}
	.h-xxl-9rem {height: 9rem !important;}
	.h-xxl-10rem {height: 10rem !important;}
	.h-xxl-11rem {height: 11rem !important;}
	.h-xxl-12rem {height: 12rem !important;}
	.h-xxl-13rem {height: 13rem !important;}
	.h-xxl-14rem {height: 14rem !important;}
	.h-xxl-15rem {height: 15rem !important;}
	.h-xxl-16rem {height: 16rem !important;}
	.h-xxl-17rem {height: 17rem !important;}
	.h-xxl-18rem {height: 18rem !important;}
	.h-xxl-19rem {height: 19rem !important;}
	.h-xxl-20rem {height: 20rem !important;}
	.h-xxl-21rem {height: 21rem !important;}
	.h-xxl-22rem {height: 22rem !important;}
	.h-xxl-23rem {height: 23rem !important;}
	.h-xxl-24rem {height: 24rem !important;}
	.h-xxl-25rem {height: 25rem !important;}
	.h-xxl-26rem {height: 26rem !important;}
	.h-xxl-27rem {height: 27rem !important;}
	.h-xxl-28rem {height: 28rem !important;}
	.h-xxl-29rem {height: 29rem !important;}
	.h-xxl-30rem {height: 30rem !important;}
	.h-xxl-31rem {height: 31rem !important;}
	.h-xxl-32rem {height: 32rem !important;}
	.h-xxl-33rem {height: 33rem !important;}
	.h-xxl-34rem {height: 34rem !important;}
	.h-xxl-35rem {height: 35rem !important;}
	.h-xxl-36rem {height: 36rem !important;}
	.h-xxl-37rem {height: 37rem !important;}
	.h-xxl-38rem {height: 38rem !important;}
	.h-xxl-39rem {height: 39rem !important;}
	.h-xxl-40rem {height: 40rem !important;}
	.h-xxl-41rem {height: 41rem !important;}
	.h-xxl-42rem {height: 42rem !important;}
	.h-xxl-43rem {height: 43rem !important;}
	.h-xxl-44rem {height: 44rem !important;}
	.h-xxl-45rem {height: 45rem !important;}
	.h-xxl-46rem {height: 46rem !important;}
	.h-xxl-47rem {height: 47rem !important;}
	.h-xxl-48rem {height: 48rem !important;}
	.h-xxl-49rem {height: 49rem !important;}
	.h-xxl-50rem {height: 50rem !important;}
	
	.h-xxl-5p    {height:  5% !important;}
	.h-xxl-10p   {height: 10% !important;}
	.h-xxl-12-5p {height: 12.5% !important;}
	.h-xxl-15p   {height: 15% !important;}
	.h-xxl-20p   {height: 20% !important;}
	.h-xxl-24p   {height: 24% !important;}
	.h-xxl-25p   {height: 25% !important;}
	.h-xxl-30p   {height: 30% !important;}
	.h-xxl-33p   {height: 33% !important;}
	.h-xxl-34p   {height: 34% !important;}
	.h-xxl-35p   {height: 35% !important;}
	.h-xxl-40p   {height: 40% !important;}
	.h-xxl-45p   {height: 45% !important;}
	.h-xxl-50p   {height: 50% !important;}
	.h-xxl-55p   {height: 55% !important;}
	.h-xxl-60p   {height: 60% !important;}
	.h-xxl-65p   {height: 65% !important;}
	.h-xxl-67p   {height: 67% !important;}
	.h-xxl-70p   {height: 70% !important;}
	.h-xxl-75p   {height: 75% !important;}
	.h-xxl-80p   {height: 80% !important;}
	.h-xxl-85p   {height: 85% !important;}
	.h-xxl-90p   {height: 90% !important;}
	.h-xxl-95p   {height: 95% !important;}
}
@media (max-width: 1540px) {
	.bg-xxl-none {background: none !important;}
}

/* position */
.top-auto {top: auto;}
.top--100 {top: -100%;}
.bottom-auto {bottom: auto;}
.bottom--100 {bottom: -100%;}
.start-auto {left: auto;}
.start--100 {left: -100%;}
.end-auto {right: auto;}
.end--100 {right: -100%;}


/* btn-outline-user */
.btn-outline-primary-user {
  --phoenix-btn-color: #3874ff;
  --phoenix-btn-border-color: #e6e9ec;
  --phoenix-btn-hover-color: #fff;
  --phoenix-btn-hover-bg: #adc5ff;;
  --phoenix-btn-hover-border-color: #adc5ff;
  --phoenix-btn-focus-shadow-rgb: 56, 116, 255;
  --phoenix-btn-active-color: #fff;
  --phoenix-btn-active-bg: #3874ff;
  --phoenix-btn-active-border-color: #003cc7;
  --phoenix-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
  --phoenix-btn-disabled-color: #3874ff;
  --phoenix-btn-disabled-bg: transparent;
  --phoenix-btn-disabled-border-color: #3874ff;
  --phoenix-gradient: none;
}
.btn-outline-success-user {
  --phoenix-btn-color: #25b003;
  --phoenix-btn-border-color: #e6e9ec;
  --phoenix-btn-hover-color: #fff;
  --phoenix-btn-hover-bg: #bee8b4;;
  --phoenix-btn-hover-border-color: #bee8b4;
  --phoenix-btn-focus-shadow-rgb: 56, 116, 255;
  --phoenix-btn-active-color: #fff;
  --phoenix-btn-active-bg: #25b003;
  --phoenix-btn-active-border-color: #23890b;
  --phoenix-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
  --phoenix-btn-disabled-color: #25b003;
  --phoenix-btn-disabled-bg: transparent;
  --phoenix-btn-disabled-border-color: #25b003;
  --phoenix-gradient: none;
}
.btn-outline-warning-user {
  --phoenix-btn-color: #e5780b;
  --phoenix-btn-border-color: #e6e9ec;
  --phoenix-btn-hover-color: #fff;
  --phoenix-btn-hover-bg: #ffe6ad;
  --phoenix-btn-hover-border-color: #ffe6ad;
  --phoenix-btn-focus-shadow-rgb: 56, 116, 255;
  --phoenix-btn-active-color: #fff;
  --phoenix-btn-active-bg: #e5780b;
  --phoenix-btn-active-border-color: #d6700a;
  --phoenix-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
  --phoenix-btn-disabled-color: #e5780b;
  --phoenix-btn-disabled-bg: transparent;
  --phoenix-btn-disabled-border-color: #e5780b;
  --phoenix-gradient: none;
}
.btn-outline-info-user {
  --phoenix-btn-color: #0097eb;
  --phoenix-btn-border-color: #e6e9ec;
  --phoenix-btn-hover-color: #fff;
  --phoenix-btn-hover-bg: #96d9ff;
  --phoenix-btn-hover-border-color: #96d9ff;
  --phoenix-btn-focus-shadow-rgb: 56, 116, 255;
  --phoenix-btn-active-color: #fff;
  --phoenix-btn-active-bg: #0097eb;
  --phoenix-btn-active-border-color: #0080c7;
  --phoenix-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
  --phoenix-btn-disabled-color: #0097eb;
  --phoenix-btn-disabled-bg: transparent;
  --phoenix-btn-disabled-border-color: #0097eb;
  --phoenix-gradient: none;
}
.btn-outline-danger-user {
  --phoenix-btn-color: #ed2000;
  --phoenix-btn-border-color: #e6e9ec;
  --phoenix-btn-hover-color: #fff;
  --phoenix-btn-hover-bg: #fabcb3;
  --phoenix-btn-hover-border-color: #fabcb3;
  --phoenix-btn-focus-shadow-rgb: 56, 116, 255;
  --phoenix-btn-active-color: #fff;
  --phoenix-btn-active-bg: #ed2000;
  --phoenix-btn-active-border-color: #cc1b00;
  --phoenix-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0);
  --phoenix-btn-disabled-color: #ed2000;
  --phoenix-btn-disabled-bg: transparent;
  --phoenix-btn-disabled-border-color: #ed2000;
  --phoenix-gradient: none;
}
.btn-outline-primary-user:hover,
.btn-outline-success-user:hover,
.btn-outline-warning-user:hover,
.btn-outline-info-user:hover,
.btn-outline-danger-user:hover {
	background-color: var(--phoenix-btn-hover-bg) !important;
}


/* ellipsis */
.ellipsis {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all;}


/* required */
.required_col {color: var(--phoenix-danger-darker); font-weight: 700; font-size: 0.8rem; margin-left: 3px; vertical-align: middle !important;}
.required:after,
.form-label.required:after,
.form-icon-label.required:after {
	content: '*';
	color: var(--phoenix-danger-darker);
	font-weight: 700;
	font-size: 0.8rem;
	margin-left: 3px;
	vertical-align: middle;
}


/* avatar */
.avatar-group .avatar:hover     {z-index: 3; position: relative; bottom: 0.5rem; border: var(--phoenix-border-width) var(--phoenix-border-style) var(--phoenix-border-color) !important; border-radius: 50%;}
.avatar-group .avatar-s:hover   {height: 2.5rem; width: 2.5rem;}
.avatar-group .avatar-m:hover   {height: 3rem; width: 3rem;}
.avatar-group .avatar-l:hover   {height: 3.5rem; width: 3.5rem;}
.avatar-group .avatar-xl:hover  {height: 4rem; width: 4rem;}
.avatar-group .avatar-2xl:hover {height: 4.5rem; width: 4.5rem;}
.avatar-group .avatar-3xl:hover {height: 5.5rem; width: 5.5rem;}
.avatar-group .avatar-4xl:hover {height: 7rem; width: 7rem;}
.avatar-group .avatar-5xl:hover {height: 10.375rem; width: 10.375rem;}


/* background */
.bg-img-8 {background-image:url('../img/bg/8.png'); background-position: bottom left; background-repeat: no-repeat;}
.bg-img-8-dark {background-image:url('../img/bg/8-dark.png'); background-position: bottom left; background-repeat: no-repeat;}
.bg-img-9 {background-image:url('../img/bg/9.png'); background-position: bottom left; background-repeat: no-repeat;}
.bg-img-9-dark {background-image:url('../img/bg/9-dark.png'); background-position: bottom left; background-repeat: no-repeat;}
.bg-img-10 {background-image:url('../img/bg/10.png'); background-position: bottom left; background-repeat: no-repeat;}
.bg-img-10-dark {background-image:url('../img/bg/10-dark.png'); background-position: bottom left; background-repeat: no-repeat;}
.bg-img-13 {background-image:url('../img/bg/13.png'); background-position: bottom right; background-repeat: no-repeat;}
.bg-img-23 {background-image:url('../img/bg/bg-23.png'); background-position: bottom left; background-repeat: no-repeat; background-size: cover;}
.bg-img-24 {background-image:url('../img/bg/bg-24.png'); background-position: bottom left; background-repeat: no-repeat;}
.bg-img-28 {background-image:url('../img/bg/28.png'); background-position: bottom right; background-repeat: no-repeat;}
.bg-img-29 {background-image:url('../img/bg/29.png'); background-position: bottom left; background-repeat: no-repeat;}
.bg-img-39 {background-image:url('../img/bg/bg-39.png'); background-position: bottom left; background-repeat: no-repeat;}
.bg-img-40 {background-image:url('../img/bg/bg-40.png'); background-position: bottom left; background-repeat: no-repeat;}
.bg-img-40-dark {background-image:url('../img/bg/bg-dark-40.png'); background-position: bottom left; background-repeat: no-repeat;}
.bg-img-startup-sharp {background-image:url('../img/spot-illustrations/startup-shape.png'); background-position: bottom left; background-repeat: no-repeat;}
.bg-img-puzzle {background-image: url('../img/spot-illustrations/39.png'); background-position: bottom right; background-repeat: no-repeat;}
.bg-img-cover-photo-01 {background-image: url('../img/generic/cover-photo.png');}
.bg-profile-cover {
	background-image: linear-gradient(0deg, #000000 -3%, rgba(0, 0, 0, 0) 83%), url("../img/generic/59.png");
}
.bg-dark-opacity-25 {
	--phoenix-bg-opacity: 0.25;
	background-color: rgba(var(--phoenix-dark-rgb), var(--phoenix-bg-opacity)) !important;
}
.bg-dark-opacity-50 {
	--phoenix-bg-opacity: 0.5;
	background-color: rgba(var(--phoenix-dark-rgb), var(--phoenix-bg-opacity)) !important;
}
.bg-dark-opacity-75 {
	--phoenix-bg-opacity: 0.75;
	background-color: rgba(var(--phoenix-dark-rgb), var(--phoenix-bg-opacity)) !important;
}
.bg-dark-opacity-85 {
	--phoenix-bg-opacity: 0.85;
	background-color: rgba(var(--phoenix-dark-rgb), var(--phoenix-bg-opacity)) !important;
}

/* hover-text */
.hover-text-soft:hover {color: var(--phoenix-gray-soft) !important;}
.hover-text-gray-100:hover {color: var(--phoenix-gray-100) !important;}
.hover-text-gray-200:hover {color: var(--phoenix-gray-200) !important;}
.hover-text-gray-300:hover {color: var(--phoenix-gray-300) !important;}
.hover-text-gray-400:hover {color: var(--phoenix-gray-400) !important;}
.hover-text-gray-500:hover {color: var(--phoenix-gray-500) !important;}
.hover-text-gray-600:hover {color: var(--phoenix-gray-600) !important;}
.hover-text-gray-700:hover {color: var(--phoenix-gray-700) !important;}
.hover-text-gray-800:hover {color: var(--phoenix-gray-800) !important;}
.hover-text-gray-900:hover {color: var(--phoenix-gray-900) !important;}
.hover-text-gray-1000:hover {color: var(--phoenix-gray-1000) !important;}
.hover-text-gray-1100:hover {color: var(--phoenix-gray-1100) !important;}
.hover-text-primary:hover {color: var(--phoenix-primary) !important;}
.hover-text-secondary:hover {color: var(--phoenix-secondary) !important;}
.hover-text-success:hover {color: var(--phoenix-success) !important;}
.hover-text-info:hover {color: var(--phoenix-info) !important;}
.hover-text-warning:hover {color: var(--phoenix-warning) !important;}
.hover-text-danger:hover {color: var(--phoenix-danger) !important;}
.hover-text-light:hover {color: var(--phoenix-light) !important;}
.hover-text-dark:hover {color: var(--phoenix-dark) !important;}
/* hover-background */
.hover-bg-white:hover     {background-color: #fff;}
.hover-bg-gray:hover      {background-color: rgba(var(--phoenix-gray-200-rgb), 0.65) !important;}
.hover-bg-gray-50:hover   {background-color: rgba(var(--phoenix-gray-50-rgb), 0.65) !important;}
.hover-bg-gray-100:hover  {background-color: rgba(var(--phoenix-gray-100-rgb), 0.65) !important;}
.hover-bg-gray-200:hover  {background-color: rgba(var(--phoenix-gray-200-rgb), 0.65) !important;}
.hover-bg-gray-300:hover  {background-color: rgba(var(--phoenix-gray-300-rgb), 0.65) !important;}
.hover-bg-gray-400:hover  {background-color: rgba(var(--phoenix-gray-400-rgb), 0.65) !important;}
.hover-bg-gray-500:hover  {background-color: rgba(var(--phoenix-gray-500-rgb), 0.65) !important;}
.hover-bg-gray-600:hover  {background-color: rgba(var(--phoenix-gray-600-rgb), 0.65) !important;}
.hover-bg-gray-700:hover  {background-color: rgba(var(--phoenix-gray-700-rgb), 0.65) !important;}
.hover-bg-gray-800:hover  {background-color: rgba(var(--phoenix-gray-800-rgb), 0.65) !important;}
.hover-bg-gray-900:hover  {background-color: rgba(var(--phoenix-gray-900-rgb), 0.65) !important;}
.hover-bg-gray-1000:hover {background-color: rgba(var(--phoenix-gray-1000-rgb), 0.65) !important;}
.hover-bg-gray-1100:hover {background-color: rgba(var(--phoenix-gray-1100-rgb), 0.365) !important;}
.hover-bg-primary:hover   {background-color: rgba(var(--phoenix-primary-bg-subtle-rgb), 0.35) !important;}
.hover-bg-secondary:hover {background-color: rgba(var(--phoenix-secondary-bg-subtle-rgb), 0.35) !important;}
.hover-bg-info:hover      {background-color: rgba(var(--phoenix-info-bg-subtle-rgb), 0.35) !important;}
.hover-bg-warning:hover   {background-color: rgba(var(--phoenix-warning-bg-subtle-rgb), 0.35) !important;}
.hover-bg-danger:hover    {background-color: rgba(var(--phoenix-danger-bg-subtle-rgb), 0.35) !important;}
.hover-bg-success:hover   {background-color: rgba(var(--phoenix-success-bg-subtle-rgb), 0.35) !important;}
/* hover-border */
.hover-border-primary:hover {--phoenix-border-color: var(--phoenix-primary-darker); --phoenix-card-border-color: var(--phoenix-primary-darker);}
.hover-border-secondary:hover {--phoenix-border-color: var(--phoenix-secondary-darker); --phoenix-card-border-color: var(--phoenix-secondary-darker);}
.hover-border-info:hover {--phoenix-border-color: var(--phoenix-info-darker); --phoenix-card-border-color: var(--phoenix-info-darker);}
.hover-border-warning:hover {--phoenix-border-color: var(--phoenix-warning-darker); --phoenix-card-border-color: var(--phoenix-warning-darker);}
.hover-border-danger:hover {--phoenix-border-color: var(--phoenix-danger-darker); --phoenix-card-border-color: var(--phoenix-danger-darker);}
.hover-border-success:hover {--phoenix-border-color: var(--phoenix-success-darker); --phoenix-card-border-color: var(--phoenix-success-darker);}


/* cursor */
.cursor-move {cursor: move !important;}
.cursor-not-allowed {cursor: not-allowed !important;}


/* collapse */
.transform-rotate-90deg {
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.transform-rotate-180deg {
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.transform-rotate-270deg {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}
.transform-rotate-360deg {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}
.transform-rotate-450deg {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: rotate(450deg);
    -ms-transform: rotate(450deg);
    transform: rotate(450deg);
}
.transform-rotate-540deg {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: rotate(540deg);
    -ms-transform: rotate(540deg);
    transform: rotate(540deg);
}
.transform-rotate-720deg {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform: rotate(720deg);
    -ms-transform: rotate(720deg);
    transform: rotate(720deg);
}


/* empty contents */
.empty-contents:before {
	content: '조회된 결과가 없습니다.';
	display: flex;
	justify-content: center;
	margin-top: 3rem;
	color: var(--phoenix-gray-600);
}
.wrap-empty-contents:not(:only-child) {
	display: none !important;
}


/* scrollbars */
.scroll-thin {scrollbar-width: thin;}