/* Helpers ********************************************************************************/
.relative	{position : relative;}

.center		{text-align : center;}
.left		{text-align : left;}
.right		{text-align : right;}
.justify	{text-align : justify;}

.pointer	{cursor	: pointer;}
.link		{cursor : pointer;}
.disabled	{cursor : not-allowed;}

.yellow {color : yellow;}
.orange	{color : orange;}
.red	{color : red;}
.purple	{color : purple;}
.blue	{color : #9FDBE1;}
.green	{color : green;}
.grey	{color : grey;}
.white	{color : white;}

.scroller
{
	scrollbar-color			: var(--color-hover) transparent;
	scrollbar-width			: thin;
	overflow-y				: auto;
	margin					: 0;
	padding-right			: var(--size);
	border-radius			: var(--size-s);
}

.scroller::-webkit-scrollbar-thumb { border-radius: var(--size); }

.border
{
	border					: 1px solid black;
}

.border-none
{
	border					: none !important;
}

.col2 CANEVAS,
.col3 CANEVAS,
.col4 CANEVAS,
.col5 CANEVAS,
.col6 CANEVAS
{
	width					: 100%;
}

OL.display2col,
UL.display2col
{
	column-count: 2;
}

OL.display3col,
UL.display3col
{
	column-count: 3;
}

UL.display4col
{
	column-count: 4;
}

UL.display5col
{
	column-count: 5;
}

.hidden
{
	display					: none;
}

.center
{
	text-align				: center;
}

.right
{
	text-align				: right;
}

.left
{
	text-align				: left;
}

.p-0	{padding : 0rem !important;}
.p-1	{padding : 1rem !important;}
.p-2	{padding : 2rem !important;}

.p-h-0	{padding-top	: 0rem; padding-bottom	: 0rem;}
.p-h-1	{padding-top	: 1rem; padding-bottom	: 1rem;}
.p-h-2	{padding-top	: 2rem; padding-bottom	: 2rem;}
.p-w-0	{padding-left	: 0rem; padding-right	: 0rem;}
.p-w-1	{padding-left	: 1rem; padding-right	: 1rem;}
.p-w-2	{padding-left	: 2rem; padding-right	: 2rem;}

.p-r-0	{padding-right	: 0rem !important;}
.p-r-1	{padding-right	: 1rem !important;}
.p-r-2	{padding-right	: 2rem !important;}
.p-l-0	{padding-left	: 0rem !important;}
.p-l-1	{padding-left	: 1rem !important;}
.p-l-2	{padding-left	: 2rem !important;}
.p-t-0	{padding-top	: 0rem !important;}
.p-t-1	{padding-top	: 1rem !important;}
.p-t-2	{padding-top	: 2rem !important;}
.p-b-0	{padding-bottom	: 0rem !important;}
.p-b-1	{padding-bottom	: 1rem !important;}
.p-b-2	{padding-bottom	: 2rem !important;}

.m-0	{margin : 0 !important;}
.m-r-0	{margin-right	: 0 !important;}
.m-1	{margin : 1rem !important;}
.m-b-1	{margin-bottom : 1rem !important;}
.m-2	{margin : 2rem !important;}

.my-1
{
	margin					: 5px 0;
}

.mx-1
{
	margin					: 0 5px;
}

.my-2
{
	margin					: 10px 0;
}

.mx-2
{
	margin					: 0 10px;
}

.text-alert,
.text-alert A,
.text-error,
.text-error A
{
	color					: var(--color-error) !important;
}

.text-warning,
.text-warning A
{
	color					: var(--color-warning) !important;
}
.text-success,
.text-success A
{
	color					: var(--color-success) !important;
}

.transparent,
.transparent:hover
{
	background				: transparent !important;
}

.debug
{
	max-height		: 300px;
	border-width	: 2px;
	border-radius	: 1rem;
	padding			: 1rem;
	overflow		: auto;
}