[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-none		{ border:        0 !important;					}
.border-all			{ border:        1px solid #e2e5ef !important;	}
.border-top			{ border-top:    1px solid #e2e5ef !important;	}
.border-left		{ border-left:   1px solid #e2e5ef !important;	}
.border-right		{ border-right:  1px solid #e2e5ef !important;	}
.border-bottom		{ border-bottom: 1px solid #e2e5ef !important;	}

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

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

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

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

.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-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-wrap	{ white-space: pre-wrap !important;}
.white-space-pre-line	{ white-space: pre-line !important;}

.word-break-normal		{ word-break: normal; }
.word-break-keep-all	{ word-break: keep-all; }
.word-break-break-all	{ word-break: break-all; }
.word-break-break-word	{ word-break: break-word; }

.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; }





.table > tbody > tr.bg-warning						{ background-color: #fffcf5 !important; }
.table > tbody > tr.bg-warning:nth-child(odd)		{ background-color: #fff8f0 !important; }

.table > tbody > tr.bg-warning[data-visible="odd"]	{ background-color: #fff8f0 !important; }
.table > tbody > tr.bg-warning[data-visible="even"]	{ background-color: #fffcf5 !important; }



.table > tbody > tr.bg-success						{ background-color: #f5fff5 !important; }
.table > tbody > tr.bg-success:nth-child(odd)		{ background-color: #f0fff0 !important; }

.table > tbody > tr.bg-success[data-visible="odd"]	{ background-color: #f0fff0 !important; }
.table > tbody > tr.bg-success[data-visible="even"]	{ background-color: #f5fff5 !important; }



.table > tbody > tr.bg-danger						{ background-color: #fff5f5 !important; }
.table > tbody > tr.bg-danger:nth-child(odd)		{ background-color: #fff0f0 !important; }

.table > tbody > tr.bg-danger[data-visible="odd"]	{ background-color: #fff0f0 !important; }
.table > tbody > tr.bg-danger[data-visible="even"]	{ background-color: #fff5f5 !important; }



.table > tbody > tr.bg-info							{ background-color: #f5f5ff !important; }
.table > tbody > tr.bg-info:nth-child(odd)			{ background-color: #f0f0ff !important; }

.table > tbody > tr.bg-info[data-visible="odd"]		{ background-color: #f0f0ff !important; }
.table > tbody > tr.bg-info[data-visible="even"]	{ background-color: #f5f5ff !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;
}