[data-before]:before,
[data-after]:after
{
display: inline-block;
vertical-align: bottom;
}

[data-before]:before
{
content: attr(data-before);
}

[data-after]:after
{
content: attr(data-after);
}


[data-after="*"]:after
{
color: #ff0000;
}

.border-all			{ border: 1px solid #e2e5ef;	}
.border-top			{ border-top: 1px solid #e2e5ef;	}
.border-left		{ border-left: 1px solid #e2e5ef;	}
.border-right		{ border-right: 1px solid #e2e5ef;	}
.border-bottom		{ border-bottom: 1px solid #e2e5ef;	}

.border-dark		{ border-color: #404040;	}
.border-gray		{ border-color: #808080;	}
.border-light		{ border-color: #C0C0C0;	}

.display-inline		{ display: inline; }
.display-none		{ display: none; }

.overflow-hidden	{ overflow: hidden; }
.overflow-auto		{ overflow: auto; }

.flat-scrollbar		{ scrollbar-width: thin; scrollbar-color: #888 transparent; }
.flat-scrollbar::-webkit-scrollbar			{ width: 8px; height: 8px; }
.flat-scrollbar::-webkit-scrollbar-track	{ background: transparent; }
.flat-scrollbar::-webkit-scrollbar-thumb	{ background-color: #888; border-radius: 4px; }
.flat-scrollbar::-webkit-scrollbar-thumb:hover { background-color: #666; }

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

.text-line-through	{ text-decoration: line-through; }

.text-mono			{ font-family: 'Source Code Pro', monospace; }

.text-success		{ color: #32bc00 !important; }
.text-info			{ color: #3a8be9 !important; }
.text-warning		{ color: #ffa100 !important; }
.text-danger		{ color: #df0627 !important; }

.text-white			{ color: #ffffff !important; }
.text-black			{ color: #000000 !important; }
.text-gray			{ color: #C0C0C0 !important; }
.text-dark			{ color: #6d7379 !important; }

.text-xs			{ font-size: 0.6rem; }
.text-sm			{ font-size: 0.8rem; }
.text-md			{ font-size: 1.0rem; }
.text-lg			{ font-size: 1.2rem; }
.text-xl			{ font-size: 1.4rem; }

.text-bold			{ font-weight: 700; }
.text-medium		{ font-weight: 500; }
.text-regular		{ font-weight: 400; }
.text-light			{ font-weight: 300; }

.white-space-normal		{ white-space: normal !important;}
.white-space-nowrap 	{ white-space: nowrap !important;}
.white-space-pre		{ white-space: pre !important;}
.white-space-pre-line	{ white-space: pre-line !important;}
.white-space-pre-wrap	{ white-space: pre-wrap !important;}

.bg-default	{ background-color: #ffffff !important; }
.bg-warning	{ background-color: #fff8f0 !important; }
.bg-success { background-color: #f0fff0 !important; }
.bg-danger	{ background-color: #fff0f0 !important; }
.bg-info	{ background-color: #f0f0ff !important; }

.bg-white	{ background-color: #ffffff !important; }
.bg-black	{ background-color: #000000 !important; }
.bg-light	{ background-color: #f7f7f7 !important; }
.bg-dark	{ background-color: #404040 !important; }
.bg-gray	{ background-color: #808080 !important; }






.code,
.code-info,
.code-success,
.code-danger,
.code-warning
{
background-color: #fbfbfb;
border-radius: 4px;
border-width: 1px;
border-style: solid;
border-color: #e7e7e7;
color: #545454;
padding: 0;
margin: 0;
}

.code-info		{background-color: #d5e1f0 !important; color: #2d6bb3 !important; border-color: #C8D4E3 !important;}
.code-success	{background-color: #eaf8e5 !important; color: #32bc00 !important; border-color: #DDEBD8 !important;}
.code-danger	{background-color: #f9cdd4 !important; color: #df0627 !important; border-color: #ECC0C7 !important;}
.code-warning	{background-color: #fff3cc !important; color: #ffc100 !important; border-color: #F2E6BF !important;}


tr.bg-default > th, tr.bg-default > td,
tr.bg-warning > th, tr.bg-warning > td,
tr.bg-success > th, tr.bg-success > td,
tr.bg-danger  > th, tr.bg-danger  > td,
tr.bg-info    > th, tr.bg-info    > td,

tr.bg-white   > th, tr.bg-white   > td,
tr.bg-black   > th, tr.bg-black   > td,
tr.bg-light   > th, tr.bg-light   > td,
tr.bg-dark    > th, tr.bg-dark    > td,
tr.bg-gray    > th, tr.bg-gray    > td
{
background-color: inherit !important;
}