/*********************************** Google Fonts *****************@*@******************/
/* cyrillic-ext */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans Regular'), local('OpenSans-Regular'), url('res/fonts/opensans_cyrillic_ext.woff2') format('woff2');
	unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans Regular'), local('OpenSans-Regular'), url('res/fonts/opensans_cyrillic.woff2') format('woff2');
	unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans Regular'), local('OpenSans-Regular'), url('res/fonts/opensans_latin_ext.woff2') format('woff2');
	unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans Regular'), local('OpenSans-Regular'), url('res/fonts/opensans_latin.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'),
       url('res/fonts/lato-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */;
}
/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'),
       url('res/fonts/lato-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */;
}
/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'),
       url('res/fonts/lato-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */;
}


/*********************************** KERNEL *****************************************/
.moonlight_msgbox{
		padding:10px; 
}

.moonlight_desc{
		font-size:12px;
		font-weight:normal;
}

.moonglight_designer{
		display:none;
		text-align:left;
}

.moonlight_notification{
		position:fixed;
		top:0px;
		padding:10px 12px;
		display: none;
		z-index: 110;
}

.moonlight_notification ul{
		padding: 0px;
		margin: 0px;
		list-style: none;
		display: inline;
		text-decoration: none;
}

.moonlight_error_frame{
		position:fixed;
		top:0px;
		padding:10px 12px;
		display: none;
		z-index: 110;
}

.moonlight_error_frame ul{
		padding: 0px;
		margin: 0px;
		list-style: none;
		display: inline;
		text-decoration: none;
}

.moonlight_error_frame .error{
		margin:0px 0px 5px 0px;
		padding:2px 4px;
		font-weight:bold;
		border: 0px;
}

.moonlight_error_frame .close{
		float:right;
		cursor:pointer;
}

/*********************************** General *****************@*@******************/
html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
}

article,
aside,
footer,
header,
nav,
section {
	display: block;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

figcaption,
figure,
main {
	display: block;
}

figure {
	margin: 1em 40px;
}

hr {
	-webkit-box-sizing: content-box;
					box-sizing: content-box;
	height: 0;
	overflow: visible;
}

pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}

a:active,
a:hover {
	outline-width: 0;
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
}

b,
strong {
	font-weight: inherit;
}

b,
strong {
	font-weight: bolder;
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

dfn {
	font-style: italic;
}

mark {
	background-color: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

audio,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

img {
	border-style: none;
}

svg:not(:root) {
	overflow: hidden;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	-webkit-box-sizing: border-box;
					box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	display: inline-block;
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

[type="checkbox"],
[type="radio"] {
	-webkit-box-sizing: border-box;
					box-sizing: border-box;
	padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

details,
menu {
	display: block;
}

summary {
	display: list-item;
}

canvas {
	display: inline-block;
}

template {
	display: none;
}

[hidden] {
	display: none;
}

@media print {
	*,
	*::before,
	*::after,
	p::first-letter,
	div::first-letter,
	blockquote::first-letter,
	li::first-letter,
	p::first-line,
	div::first-line,
	blockquote::first-line,
	li::first-line {
		text-shadow: none !important;
		-webkit-box-shadow: none !important;
						box-shadow: none !important;
	}
	a,
	a:visited {
		text-decoration: underline;
	}
	abbr[title]::after {
		content: " (" attr(title) ")";
	}
	pre {
		white-space: pre-wrap !important;
	}
	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}
	thead {
		display: table-header-group;
	}
	tr,
	img {
		page-break-inside: avoid;
	}
	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}
	h2,
	h3 {
		page-break-after: avoid;
	}
}

html {
	-webkit-box-sizing: border-box;
					box-sizing: border-box;
}

*,
*::before,
*::after {
	-webkit-box-sizing: inherit;
					box-sizing: inherit;
}

@-ms-viewport {
	width: device-width;
}

html {
	-ms-overflow-style: scrollbar;
	-webkit-tap-highlight-color: transparent;
}

body {
	font-family: Arial,Helvetica;
	font-family: 'Open Sans', sans-serif;
	font-family: 'Lato', sans-serif;
	font-weight: normal;
	color: #292b2c;
	background-color: #eee;
}

[tabindex="-1"]:focus {
	outline: none !important;
}

h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: .5rem;
}

p {
	margin-top: 0;
	margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
	cursor: help;
}
ul{
	list-style:none;
}
ol,
ul,
dl {
	margin:0;
	padding:0;
}

ol ol,
ul ul,
ol ul,
ul ol {
	margin-bottom: 0;
}

dt {
	font-weight: bold;
}

dd {
	margin-bottom: .5rem;
	margin-left: 0;
}

blockquote {
	margin: 0 0 1rem;
}

a {
	color: #333;
	text-decoration: none;
}

a:focus, a:hover {
	color: #333;
	text-decoration: underline;
}

a:not([href]):not([tabindex]) {
	color: inherit;
	text-decoration: none;
}

a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
	color: inherit;
	text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
	outline: 0;
}

pre {
	margin-top: 0;
	margin-bottom: 1rem;
	overflow: auto;
}

figure {
	margin: 0 0 1rem;
}

img {
	vertical-align: middle;
}

a,
area,
button,
input,
label,
select,
summary,
textarea {
	-ms-touch-action: manipulation;
			touch-action: manipulation;
}

table {
	border-collapse: collapse;
	background-color: transparent;
}

caption {
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	color: #636c72;
	text-align: left;
	caption-side: bottom;
}

th {
	text-align: left;
}

label {
	display: inline-block;
	margin-bottom: .5rem;
}

input,
button,
select,
textarea {
	line-height: inherit;
	font-size:1em;
	font-family:inherit;
	border:1px solid #ccc;
	padding:4px;
	background:transparent;
	border-radius:2px;
}

input[type="radio"]:disabled,
input[type="checkbox"]:disabled {
	cursor: not-allowed;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
	-webkit-appearance: listbox;
}

textarea {
	resize: vertical;
}

fieldset {
	min-width: 0;
	padding: 0;
	margin: 0;
	border: 0;
}

legend {
	display: block;
	width: 100%;
	padding: 0;
	margin-bottom: .5rem;
	font-size: 1.5rem;
	line-height: inherit;
}

output {
	display: inline-block;
}

[hidden],.displayNone {
	display: none !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	margin-bottom: 0.5rem;
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
	color: inherit;
}

h1, .h1 {
	font-size: 2.5rem;
}

h2, .h2 {
	font-size: 2rem;
}

h3, .h3 {
	font-size: 1.75rem;
}

h4, .h4 {
	font-size: 1.5rem;
}

h5, .h5 {
	font-size: 1.25rem;
}

h6, .h6 {
	font-size: 1rem;
}


/*********************************** Glyphicons ******************@*@*****************/
@font-face {
	font-family:'Glyphicons Halflings';
	src:	url('res/fonts/glyphicons_halflings_regular.eot');
	src:	url('res/fonts/glyphicons_halflings_regular.eot?#iefix') format('embedded-opentype'), 
			url('res/fonts/glyphicons_halflings_regular.woff2') format('woff2'), 
			url('res/fonts/glyphicons_halflings_regular.woff') format('woff'), 
			url('res/fonts/glyphicons_halflings_regular.ttf') format('truetype'), 
			url('res/fonts/glyphicons_halflings_regular.svg#glyphicons_halflingsregular') format('svg');
}
.icon {
	position: relative;
	display: inline-block;
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: normal;
	/* line-height: 1; */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-asterisk:before {
	content: "\002a";
}
.icon-plus:before {
	content: "\002b";
}
.icon-euro:before,
.icon-eur:before {
	content: "\20ac";
}
.icon-minus:before {
	content: "\2212";
}
.icon-cloud:before {
	content: "\2601";
}
.icon-envelope:before {
	content: "\2709";
}
.icon-pencil:before {
	content: "\270f";
}
.icon-glass:before {
	content: "\e001";
}
.icon-music:before {
	content: "\e002";
}
.icon-search:before {
	content: "\e003";
}
.icon-heart:before {
	content: "\e005";
}
.icon-star:before {
	content: "\e006";
}
.icon-star-empty:before {
	content: "\e007";
}
.icon-user:before {
	content: "\e008";
}
.icon-film:before {
	content: "\e009";
}
.icon-th-large:before {
	content: "\e010";
}
.icon-th:before {
	content: "\e011";
}
.icon-th-list:before {
	content: "\e012";
}
.icon-ok:before {
	content: "\e013";
}
.icon-remove:before {
	content: "\e014";
}
.icon-zoom-in:before {
	content: "\e015";
}
.icon-zoom-out:before {
	content: "\e016";
}
.icon-off:before {
	content: "\e017";
}
.icon-signal:before {
	content: "\e018";
}
.icon-cog:before {
	content: "\e019";
}
.icon-trash:before {
	content: "\e020";
}
.icon-home:before {
	content: "\e021";
}
.icon-file:before {
	content: "\e022";
}
.icon-time:before {
	content: "\e023";
}
.icon-road:before {
	content: "\e024";
}
.icon-download-alt:before {
	content: "\e025";
}
.icon-download:before {
	content: "\e026";
}
.icon-upload:before {
	content: "\e027";
}
.icon-inbox:before {
	content: "\e028";
}
.icon-play-circle:before {
	content: "\e029";
}
.icon-repeat:before {
	content: "\e030";
}
.icon-refresh:before {
	content: "\e031";
}
.icon-list-alt:before {
	content: "\e032";
}
.icon-lock:before {
	content: "\e033";
}
.icon-flag:before {
	content: "\e034";
}
.icon-headphones:before {
	content: "\e035";
}
.icon-volume-off:before {
	content: "\e036";
}
.icon-volume-down:before {
	content: "\e037";
}
.icon-volume-up:before {
	content: "\e038";
}
.icon-qrcode:before {
	content: "\e039";
}
.icon-barcode:before {
	content: "\e040";
}
.icon-tag:before {
	content: "\e041";
}
.icon-tags:before {
	content: "\e042";
}
.icon-book:before {
	content: "\e043";
}
.icon-bookmark:before {
	content: "\e044";
}
.icon-print:before {
	content: "\e045";
}
.icon-camera:before {
	content: "\e046";
}
.icon-font:before {
	content: "\e047";
}
.icon-bold:before {
	content: "\e048";
}
.icon-italic:before {
	content: "\e049";
}
.icon-text-height:before {
	content: "\e050";
}
.icon-text-width:before {
	content: "\e051";
}
.icon-align-left:before {
	content: "\e052";
}
.icon-align-center:before {
	content: "\e053";
}
.icon-align-right:before {
	content: "\e054";
}
.icon-align-justify:before {
	content: "\e055";
}
.icon-list:before {
	content: "\e056";
}
.icon-indent-left:before {
	content: "\e057";
}
.icon-indent-right:before {
	content: "\e058";
}
.icon-facetime-video:before {
	content: "\e059";
}
.icon-picture:before {
	content: "\e060";
}
.icon-map-marker:before {
	content: "\e062";
}
.icon-adjust:before {
	content: "\e063";
}
.icon-tint:before {
	content: "\e064";
}
.icon-edit:before {
	content: "\e065";
}
.icon-share:before {
	content: "\e066";
}
.icon-check:before {
	content: "\e067";
}
.icon-move:before {
	content: "\e068";
}
.icon-step-backward:before {
	content: "\e069";
}
.icon-fast-backward:before {
	content: "\e070";
}
.icon-backward:before {
	content: "\e071";
}
.icon-play:before {
	content: "\e072";
}
.icon-pause:before {
	content: "\e073";
}
.icon-stop:before {
	content: "\e074";
}
.icon-forward:before {
	content: "\e075";
}
.icon-fast-forward:before {
	content: "\e076";
}
.icon-step-forward:before {
	content: "\e077";
}
.icon-eject:before {
	content: "\e078";
}
.icon-chevron-left:before {
	content: "\e079";
}
.icon-chevron-right:before {
	content: "\e080";
}
.icon-plus-sign:before {
	content: "\e081";
}
.icon-minus-sign:before {
	content: "\e082";
}
.icon-remove-sign:before {
	content: "\e083";
}
.icon-ok-sign:before {
	content: "\e084";
}
.icon-question-sign:before {
	content: "\e085";
}
.icon-info-sign:before {
	content: "\e086";
}
.icon-screenshot:before {
	content: "\e087";
}
.icon-remove-circle:before {
	content: "\e088";
}
.icon-ok-circle:before {
	content: "\e089";
}
.icon-ban-circle:before {
	content: "\e090";
}
.icon-arrow-left:before {
	content: "\e091";
}
.icon-arrow-right:before {
	content: "\e092";
}
.icon-arrow-up:before {
	content: "\e093";
}
.icon-arrow-down:before {
	content: "\e094";
}
.icon-share-alt:before {
	content: "\e095";
}
.icon-resize-full:before {
	content: "\e096";
}
.icon-resize-small:before {
	content: "\e097";
}
.icon-exclamation-sign:before {
	content: "\e101";
}
.icon-gift:before {
	content: "\e102";
}
.icon-leaf:before {
	content: "\e103";
}
.icon-fire:before {
	content: "\e104";
}
.icon-eye-open:before {
	content: "\e105";
}
.icon-eye-close:before {
	content: "\e106";
}
.icon-warning-sign:before {
	content: "\e107";
}
.icon-plane:before {
	content: "\e108";
}
.icon-calendar:before {
	content: "\e109";
}
.icon-random:before {
	content: "\e110";
}
.icon-comment:before {
	content: "\e111";
}
.icon-magnet:before {
	content: "\e112";
}
.icon-chevron-up:before {
	content: "\e113";
}
.icon-chevron-down:before {
	content: "\e114";
}
.icon-retweet:before {
	content: "\e115";
}
.icon-shopping-cart:before {
	content: "\e116";
}
.icon-folder-close:before {
	content: "\e117";
}
.icon-folder-open:before {
	content: "\e118";
}
.icon-resize-vertical:before {
	content: "\e119";
}
.icon-resize-horizontal:before {
	content: "\e120";
}
.icon-hdd:before {
	content: "\e121";
}
.icon-bullhorn:before {
	content: "\e122";
}
.icon-bell:before {
	content: "\e123";
}
.icon-certificate:before {
	content: "\e124";
}
.icon-thumbs-up:before {
	content: "\e125";
}
.icon-thumbs-down:before {
	content: "\e126";
}
.icon-hand-right:before {
	content: "\e127";
}
.icon-hand-left:before {
	content: "\e128";
}
.icon-hand-up:before {
	content: "\e129";
}
.icon-hand-down:before {
	content: "\e130";
}
.icon-circle-arrow-right:before {
	content: "\e131";
}
.icon-circle-arrow-left:before {
	content: "\e132";
}
.icon-circle-arrow-up:before {
	content: "\e133";
}
.icon-circle-arrow-down:before {
	content: "\e134";
}
.icon-globe:before {
	content: "\e135";
}
.icon-wrench:before {
	content: "\e136";
}
.icon-tasks:before {
	content: "\e137";
}
.icon-filter:before {
	content: "\e138";
}
.icon-briefcase:before {
	content: "\e139";
}
.icon-fullscreen:before {
	content: "\e140";
}
.icon-dashboard:before {
	content: "\e141";
}
.icon-paperclip:before {
	content: "\e142";
}
.icon-heart-empty:before {
	content: "\e143";
}
.icon-link:before {
	content: "\e144";
}
.icon-phone:before {
	content: "\e145";
}
.icon-pushpin:before {
	content: "\e146";
}
.icon-usd:before {
	content: "\e148";
}
.icon-gbp:before {
	content: "\e149";
}
.icon-sort:before {
	content: "\e150";
}
.icon-sort-by-alphabet:before {
	content: "\e151";
}
.icon-sort-by-alphabet-alt:before {
	content: "\e152";
}
.icon-sort-by-order:before {
	content: "\e153";
}
.icon-sort-by-order-alt:before {
	content: "\e154";
}
.icon-sort-by-attributes:before {
	content: "\e155";
}
.icon-sort-by-attributes-alt:before {
	content: "\e156";
}
.icon-unchecked:before {
	content: "\e157";
}
.icon-expand:before {
	content: "\e158";
}
.icon-collapse-down:before {
	content: "\e159";
}
.icon-collapse-up:before {
	content: "\e160";
}
.icon-log-in:before {
	content: "\e161";
}
.icon-flash:before {
	content: "\e162";
}
.icon-log-out:before {
	content: "\e163";
}
.icon-new-window:before {
	content: "\e164";
}
.icon-record:before {
	content: "\e165";
}
.icon-save:before {
	content: "\e166";
}
.icon-open:before {
	content: "\e167";
}
.icon-saved:before {
	content: "\e168";
}
.icon-import:before {
	content: "\e169";
}
.icon-export:before {
	content: "\e170";
}
.icon-send:before {
	content: "\e171";
}
.icon-floppy-disk:before {
	content: "\e172";
}
.icon-floppy-saved:before {
	content: "\e173";
}
.icon-floppy-remove:before {
	content: "\e174";
}
.icon-floppy-save:before {
	content: "\e175";
}
.icon-floppy-open:before {
	content: "\e176";
}
.icon-credit-card:before {
	content: "\e177";
}
.icon-transfer:before {
	content: "\e178";
}
.icon-cutlery:before {
	content: "\e179";
}
.icon-header:before {
	content: "\e180";
}
.icon-compressed:before {
	content: "\e181";
}
.icon-earphone:before {
	content: "\e182";
}
.icon-phone-alt:before {
	content: "\e183";
}
.icon-tower:before {
	content: "\e184";
}
.icon-stats:before {
	content: "\e185";
}
.icon-sd-video:before {
	content: "\e186";
}
.icon-hd-video:before {
	content: "\e187";
}
.icon-subtitles:before {
	content: "\e188";
}
.icon-sound-stereo:before {
	content: "\e189";
}
.icon-sound-dolby:before {
	content: "\e190";
}
.icon-sound-5-1:before {
	content: "\e191";
}
.icon-sound-6-1:before {
	content: "\e192";
}
.icon-sound-7-1:before {
	content: "\e193";
}
.icon-copyright-mark:before {
	content: "\e194";
}
.icon-registration-mark:before {
	content: "\e195";
}
.icon-cloud-download:before {
	content: "\e197";
}
.icon-cloud-upload:before {
	content: "\e198";
}
.icon-tree-conifer:before {
	content: "\e199";
}
.icon-tree-deciduous:before {
	content: "\e200";
}
.icon-cd:before {
	content: "\e201";
}
.icon-save-file:before {
	content: "\e202";
}
.icon-open-file:before {
	content: "\e203";
}
.icon-level-up:before {
	content: "\e204";
}
.icon-copy:before {
	content: "\e205";
}
.icon-paste:before {
	content: "\e206";
}
.icon-alert:before {
	content: "\e209";
}
.icon-equalizer:before {
	content: "\e210";
}
.icon-king:before {
	content: "\e211";
}
.icon-queen:before {
	content: "\e212";
}
.icon-pawn:before {
	content: "\e213";
}
.icon-bishop:before {
	content: "\e214";
}
.icon-knight:before {
	content: "\e215";
}
.icon-baby-formula:before {
	content: "\e216";
}
.icon-tent:before {
	content: "\26fa";
}
.icon-blackboard:before {
	content: "\e218";
}
.icon-bed:before {
	content: "\e219";
}
.icon-apple:before {
	content: "\f8ff";
}
.icon-erase:before {
	content: "\e221";
}
.icon-hourglass:before {
	content: "\231b";
}
.icon-lamp:before {
	content: "\e223";
}
.icon-duplicate:before {
	content: "\e224";
}
.icon-piggy-bank:before {
	content: "\e225";
}
.icon-scissors:before {
	content: "\e226";
}
.icon-bitcoin:before {
	content: "\e227";
}
.icon-btc:before {
	content: "\e227";
}
.icon-xbt:before {
	content: "\e227";
}
.icon-yen:before {
	content: "\00a5";
}
.icon-jpy:before {
	content: "\00a5";
}
.icon-ruble:before {
	content: "\20bd";
}
.icon-rub:before {
	content: "\20bd";
}
.icon-scale:before {
	content: "\e230";
}
.icon-ice-lolly:before {
	content: "\e231";
}
.icon-ice-lolly-tasted:before {
	content: "\e232";
}
.icon-education:before {
	content: "\e233";
}
.icon-option-horizontal:before {
	content: "\e234";
}
.icon-option-vertical:before {
	content: "\e235";
}
.icon-menu-hamburger:before {
	content: "\e236";
}
.icon-modal-window:before {
	content: "\e237";
}
.icon-oil:before {
	content: "\e238";
}
.icon-grain:before {
	content: "\e239";
}
.icon-sunglasses:before {
	content: "\e240";
}
.icon-text-size:before {
	content: "\e241";
}
.icon-text-color:before {
	content: "\e242";
}
.icon-text-background:before {
	content: "\e243";
}
.icon-object-align-top:before {
	content: "\e244";
}
.icon-object-align-bottom:before {
	content: "\e245";
}
.icon-object-align-horizontal:before {
	content: "\e246";
}
.icon-object-align-left:before {
	content: "\e247";
}
.icon-object-align-vertical:before {
	content: "\e248";
}
.icon-object-align-right:before {
	content: "\e249";
}
.icon-triangle-right:before {
	content: "\e250";
}
.icon-triangle-left:before {
	content: "\e251";
}
.icon-triangle-bottom:before {
	content: "\e252";
}
.icon-triangle-top:before {
	content: "\e253";
}
.icon-console:before {
	content: "\e254";
}
.icon-superscript:before {
	content: "\e255";
}
.icon-subscript:before {
	content: "\e256";
}
.icon-menu-left:before {
	content: "\e257";
}
.icon-menu-right:before {
	content: "\e258";
}
.icon-menu-down:before {
	content: "\e259";
}
.icon-menu-up:before {
	content: "\e260";
}
/*********************************** button ****************@*@*******************/
.btn-group,
.btn-group {
	/* margin-left:15px;
	margin-right:15px; */
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	flex-flow: row wrap;
	align-items:center;
	justify-content:center;
}

.btn-group .btn{
	/* margin-bottom:15px; */
	width:100%;
	flex-grow:1;
	border: 1px solid transparent;
}
.btn-align-right{
	justify-content:flex-end;
}

.btn:hover, .btn:focus, .btn.focus {
    /*color: rgb(247, 133, 81);
    text-decoration: none;*/
	color: #333333;			
}

/*responsive*/
@media all and (min-width: 384px) {
	.btn-group .btn{
		width:auto;
		margin-right:5px;
		/* margin-bottom:5px; */
	}
	.btn-group .btn:last-of-type{
		margin-right:0;
	}
}
@media all and (min-width: 768px) {
	.btn-group .btn{
		flex-grow:0;
	}
}

/*button icon*/
.btn-more:after{
	font-family: 'Glyphicons Halflings';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding-left:5px;
	content: "\e252";
}
.btn-back:before{
	font-family: 'Glyphicons Halflings';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding-right:5px;
	content: "\e251";
}
.btn-edit:before{
	font-family: 'Glyphicons Halflings';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding-right:5px;
	vertical-align:initial;
	content: "\270f";
}
.btn-add:before{
	font-family: 'Glyphicons Halflings';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding-right:5px;
	content: "\002b";
}
.btn-submit:before{
	font-family: 'Glyphicons Halflings';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding-right:5px;
	content: "\e013";
}
.btn-delete:before{
	font-family: 'Glyphicons Halflings';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding-right:5px;
	content: "\e014";
}
.btn-cancel:before{
	font-family: 'Glyphicons Halflings';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding-right:5px;
	content: "\e090";
}
.btn-save:before{
	font-family: 'Glyphicons Halflings';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding-right:5px;
	content: "\e166";
}
.btn-search:before{
	font-family: 'Glyphicons Halflings';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding-right:5px;
	content: "\e003";
}
.btn-import:before{
	font-family: 'Glyphicons Halflings';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding-right:5px;
	content: "\e169";
}

.btn-calendar:before{
	font-family: 'Glyphicons Halflings';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding-right:5px;
	content: "\e109";
}

.btn-export:before{
	font-family: 'Glyphicons Halflings';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding-right:5px;
	content:"\e170";
}

/*Color*/
.btn-cancel,
.btn-red,
.btn-back {
	color:#fff;
	background-color:#c02c2c;
}

/*********************************** layout ****************@*@*******************/
.layout{
	padding:0;
	margin:0;
	box-sizing:border-box;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	flex-flow: row wrap;
}
.layout,.layouthead,.layoutfoot,.layoutbody,.layoutcontent,.layoutmenu{
	box-sizing:border-box;
}
.layouthead,.layoutfoot{
	width:100%;
}
.layouthead {
	z-index: 1;
}
.layoutbody{
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	flex-flow: row wrap;
	width: 100%;

}
.layoutbody {
	/* For fixed top header */
	/* Padding is approximately equal to header height */
	padding-top: 140px;
}

@media (max-width: 767px) {
	.layoutbody {	/*to reduce the top padding of breadcrumb in mobile view*/
		padding-top: 90px;
	}
}

.layoutbody.login-body {
	/*padding-top: 77px;*/
	padding-top: 116px;
}
.layoutcontent{
	width:100%;
	flex-grow:1;
}
.layoutmenu{
	width:100%;
}
.layoutmenu-hide{
	display:none;
}
.layoutmenu-show{
	display:block;
}
@media all and (min-width: 592px) {
	/* .layoutbody{ */
		/* 2018/07/24 Brennan */
		/*flex-flow: row nowrap;*/
	/* } */
	.layoutmenu{
		width:210px;
		display:block !important;/*Tag:menu,hide-and-show.*/
	}
	.layoutcontent{
		width:100%;/*IE11 fix.*/
		display:block !important;
	}
}
#overlay{
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	width:100%;
	height:100%;
	z-index:2;
	overflow:hidden;
}
#overlay.tinted{
	background-color:rgba(0,0,0,0.4);
}

/*********************************** footer ****************@*@*******************/
.footer{
	text-align:center;
	/*font-size:0.8em;*/
	color:#555;
	margin-top:15px;
	margin-bottom:75px;/*tag:.floatbtn*/
	margin-left:15px;
	margin-right:15px;
}
.footer-name {
	font-size: 14px;
}
.footer-copyright {
	font-size: 12px;
}
@media all and (min-width: 992px) {
	.footer{
		margin-bottom:0;/*tag:.floatbtn*/
	}
}


/*********************************** dropdown-menu ****************@*@*******************/
/*
.dropdown-menu{
	display: inline-block;
	border-radius: 2px;
	background:#fff;
	padding:10px 0;
	box-sizing:border-box;
	margin-top:0px;
	color:#333;
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
	font-size:1rem;
}
*/
.dropdown-item{
	display:block;
	text-decoration:none;
	padding:10px 25px 10px 25px;
}
.dropdown-item:hover{
	background:#eee;
}
.dropdown-divider{
	border-bottom:1px solid #ddd;
	margin-top:10px;
	margin-bottom:10px;
}
.dropdown-badge,.dropdown-badge-alert{
	text-align:center;
	padding:4px 5px;
	background:#d32f2f;
	color:#fff;
	margin-left:15px;
	font-size:0.75em;
	font-weight:bold;
	border-radius:2px;
}
.dropdown-badge-alert:after{
	content:'!';
}

/*********************************** vmenu ****************@*@*******************/
.vmenu-wrapper{
	padding:0;
	border-bottom:1px solid #ccc;
	background-color:#fff;
	box-shadow:0 1px 3px rgba(0,0,0,0.1);
}
.vmenu-header{
	font-size:1.3em;
	padding:15px;
}
.vmenu-collapsible{
	float:right;
	margin-left:15px;
}

.vmenu ul li a{
	color:#333;
	padding:10px 15px;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	flex-flow: row nowrap;
	cursor:pointer;
}
.vmenu ul li li a{
	padding-left:45px;
}
.vmenu ul li a .vmenu-label{
	flex-grow:1;
}
.vmenu ul li.selected a{
	padding-left:10px;
}
.vmenu ul li li.selected a{
	padding-left:40px;
}
.vmenu ul li a:hover{
	background:#ffff99;
}
.vmenu .collapse ul{
	display:none;
}
.vmenu .expand ul{
	display:inherit;
}
.vmenu .collapse .vmenu-collapsible:before{
	content: "\002b";
}
.vmenu .expand .vmenu-collapsible:before{
	content: "\2212";
}
@media all and (min-width: 992px) {
	.vmenu-wrapper{
		border-right:1px solid #ccc;
	}
}

/*********************************** page-header ****************@*@*******************/
.page-header{
	padding:15px 15px 15px 15px;
	font-size:1.3em;
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	flex-flow: row wrap;
	align-items:end;
}
.page-header-title{
	flex-grow:1;
	width:100%;
}
.page-header-button-left,
.page-header-button-right{
	flex-grow:1;
	width:100%;
}
.page-header-button-left .btn-group,
.page-header-button-right .btn-group{
	margin-left:0;
	margin-right:0;
}
.page-header-button-left .btn,
.page-header-button-right .btn{
	margin-top:5px;
	margin-bottom:0;
	flex-grow:1;
}
.page-header-button-right .btn-more{
	flex-grow:0;
}
.page-header-button-left .btn:nth-child(0){
	margin-left:0;
}
.page-header-button-right .btn:last-of-type{
	margin-right:0;
}
.page-header-button-right .btn-group{
	justify-content:flex-start;
}
@media all and (min-width: 768px) {
	.page-header-title{
		width:auto2;
	}
	.page-header-button-left{
		flex-grow:0;
		width:auto;
	}
	.page-header-button-right{
		flex-grow:1;
		width:auto;
	}
	.page-header-button-left .btn,
	.page-header-button-right .btn{
		flex-grow:0;
	}
}
/*********************************** page-footer ****************@*@*******************/
.page-footer .btn-group{
	justify-content:flex-start;
	margin-left:15px;
	margin-right:15px;
}
/*********************************** grid-flexbox ****************@*@*******************/
.adicontainer{
	display:block;
	box-sizing:border-box;
	padding:0;
	margin:0;
}
.adicontainer *{
	box-sizing:border-box;
}
.adirow{
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	flex-flow: row wrap;
}
.adirow.box-size-unify [class*="adicol"]{
	flex-grow:1;
}
.adirow .box-size-1{
	flex-grow:1 !important;
}
.adirow .box-size-2{
	flex-grow:2 !important;
}
.adirow .box-size-3{
	flex-grow:3 !important;
}
.adirow .box-align-top{
	align-self:flex-start;
}
.adirow .box-align-bottom{
	align-self:flex-end;
}
.adirow .box-align-center{
	align-self:center;
}
.adirow .item-align-top{
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
}
.adirow .item-align-bottom{
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
}
.adirow .item-align-center{
	display:flex;
	flex-direction:column;
	justify-content:center;
}
.adirow.box-align-center{
	justify-content:center;
}

[class*="adicol-"] {
	width:100%;
}
@media all and (min-width: 992px) {
	.adicol-1{width:100%;}
	.adicol-2plus4{width:50%;}
	.adicol-2{width:50%;}
	.adicol-4plus8{width:50%;}
	.adicol-4{width:50%;}
	.adicol-8{width:50%;}
}
@media all and (min-width: 1200px) {
	.adicol-1{width:100%;}
	.adicol-2plus4{width:75%;}
	.adicol-2{width:50%;}
	.adicol-4plus8{width:75%;}
	.adicol-4{width:25%;}
	.adicol-8{width:25%;}
}
@media all and (min-width: 1400px) {
	.adicol-1{width:100%;}
	.adicol-2plus4{width:75%;}
	.adicol-2{width:50%;}
	.adicol-4plus8{width:37.5%;}
	.adicol-4{width:25%;}
	.adicol-8{width:12.5%;}
}

/*********************************** grid-card ****************@*@*******************/
.case-container {
	width: 100%;
}

.card{
	margin:0 15px;
}
.card .card-wrapper{
	margin-bottom: 15px;
	/* margin-left:15px; */
	padding: 10px;
}

.card-same-height>.adirow>div{
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
}
.card-same-height  .card-wrapper{
	align-items:stretch;
	width:100%;
}
.card .card-wrapper{
	background:#fff;
	border-radius:2px;
	border-top:1px solid #e9e9e9;
	border-left:1px solid #dddcdc;
	border-right:1px solid #dddcdc;
	border-bottom:1px solid #c2c2c2;
}
.card .btn-group{
	justify-content:flex-start;
	margin-left:30px;
	margin-bottom:22px;
}
/*********************************** float-button ****************@*@*******************/
.floatbtn{
	position:fixed;
	right:15px;
	bottom:15px;
	z-index:3;
}
.floatbtn-mainicon{
	text-align:center;
	font-size:28px;
	width: 46px;
		height: 46px;
		padding: 4px;
	border-radius: 50%;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	cursor:pointer;
}
.floatbtn-mainicon::after{
	font-family: 'Glyphicons Halflings';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	vertical-align:text-bottom;
	content: "\e235";
	margin-left:2px;
}
.floatbtn-menu-vertical{
	position:absolute;
	right:0;
	bottom:46px;
	text-align:right;
	padding-left:15px;
}
.floatbtn-menu-text{
	white-space:nowrap;
}
.floatbtn-menu-vertical a{
	background:#fff;
	border:1px solid #ddd;
	padding:10px 15px;
	display:inline-block;
	margin-bottom:20px;
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
	border-radius:2px;
	cursor:pointer;
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
.floatbtn-menu-vertical a:hover{
	background:#eee;
	border:1px solid #eee;
	box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

/*********************************** Input ****************@*@*******************/
.form-frame{
	padding-top:22px;
	padding-right:30px;
	padding-left:30px;
}
.form-frame-no-padding{
	padding-top:10px;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:10px;
}

.form-section,
.form-section-right{
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	flex-wrap:wrap;
}
.form-section{
	align-items:flex-end;
	margin-left:30px;
	margin-bottom:22px;
}
.form-section-left{
	width:100%;
	font-size:1.3em;
	padding:0;
}
.form-section-right{
	width:100%;
	text-align:right;
}
.form-section-right .btn{
	margin-top:5px;
	width:100%;
	flex-grow:1;
}

.input-set{
	margin-bottom:22px;
	/* margin-left:30px; */
}
.input-set textarea,
.input-set select,
.input-set input{
	width:1%;
	border:0;
	flex-grow:1;
}
.input-set input[type="radio"],
.input-set input[type="checkbox"]{
	width:auto;
	margin:0;
	margin-top:5px;
	margin-right:4px;
}
.input-set textarea{
	min-height:100px;
}
.form-frame .input{
	background:#fafafa;
	border:1px solid #e1e1e1;
}
.input-set>label{
	padding:8px 0 4px 0;
	margin:0;
}
.input-set.compulsory>label{
	padding-left:10px;
}
.input-set.compulsory>label{
	background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAmElEQVQYV2NkQAL7NTQUQFzHGzcewIQZURRoay8AK7h6NQFFAUgnMxOT/j8mpg0gCaZ//wL+/vt3EWQS435t7QWMjIzxyCbB2P///18ItgKbIpAkyCqIAgUFAUYenvfIpvz/8kXQ8cGDDxAFOjoOjAwM+/8zMBwE8RkZGOz/MzA4Ol65cgCuAOz6K1cOwDQw/P0r4Hj9+gYARC07vp1ndv8AAAAASUVORK5CYII=');
	background-repeat:no-repeat;
	background-position:left 0 top 12px;
}
.input-set .input-tips{
	font-size:0.9em;
	color:#666;
}
.input-set .input-error{
	font-size:0.9em;
	color:#c62828;
}
.lbl_compulsory:after { 
  color: #A54747;
  content:" *"; 
}

/*flexibox for complex input element.*/
.input-set .input-text,
.input-set .input-text *,
.input-set .input-password,
.input-set .input-password *,
.input-set .input-textarea,
.input-set .input-textarea *,
.input-set .input-file,
.input-set .input-file *,
.input-set .input-select,
.input-set .input-select *,
.input-set .input-email,
.input-set .input-email *,
.input-set .input-checkbox,
.input-set .input-checkbox *,
.input-set .input-radio,
.input-set .input-radio *,
.input-set .input-search,
.input-set .input-search *,
.input-set .input-date,
.input-set .input-date *{
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	flex-flow: row wrap;
}
/*Options for radio button and checkbox.*/
.input-set .input-option{
	width:100%;
}
.input-set .input-option label{
	flex-flow: row nowrap;
	padding:4px;
	margin:0;
	align-items:start;
	width:100%;
}
.input-set .input-option input{
	max-width:20px;
}
.input-set .input-option-text{
	width:80%;
}

/*Date*/
.input-set input[type="date"]{
	width:1%;
	flex-grow:1;
}
.input-set .input-date{
	flex-wrap: nowrap;
}
.input-set .input-date input {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-radius: 0px;
	box-shadow: none;
}
.input-set .input-date .input-icon-activate{
	background:#eee;
	border:1px solid #ddd;
	cursor:pointer;
}

.input-set .input-date .input-icon-clear{
	background:#eee;
	border:1px solid #ddd;
	cursor:pointer;
	align-self:stretch;
}
.input-set .input-date .input-icon-activate:before{
	font-family: 'Glyphicons Halflings';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e109";
	color:#1565C0;
	align-self:center;
	padding:0 8px;
}
.input-set .input-date .input-icon-clear:before{
	font-family: 'Glyphicons Halflings';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e014";
	color:#c02c2c;
	align-self:center;
	padding:0 8px;
}

/*Email*/
.input-set .input-email{
	flex-wrap:nowrap;
}
.input-set .input-email input{
	flex-grow:1;
	width:1%;
}
.input-set .input-email .input-icon{
	background:#eee;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
}
.input-set .input-email .input-icon:before{
	content: "@";
	align-self:center;
	padding:0 8px;
}

/*Search/autocomplete*/
.input-set .input-search,
.input-set .input-autocomplete{
	flex-wrap:nowrap;
}
.input-set .input-search input,
.input-set .input-autocomplete input{
	flex-grow:1;
	width:1%;
}
.input-set .input-search .input-icon,
.input-set .input-autocomplete .input-icon{
	background:#eee;
	border-right:1px solid #ddd;
}
.input-set .input-search .input-icon:before,
.input-set .input-autocomplete .input-icon:before{
	font-family: 'Glyphicons Halflings';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e003";
	align-self:center;
	padding:0 8px;
}

/*CKEditor*/
.cke_chrome{
	border:0;
}

.static-text{
	margin-left:30px;
	margin-bottom:22px;
}

/*Responsive Control*/
@media all and (min-width: 384px) {
	.form-section-right{
		flex-wrap:nowrap;
	}
	.form-section-right .btn{
		width:auto;
		margin-left:5px;
	}
	.form-section-right .btn:nth-child(1){
		margin-left:0;
	}
}
@media only screen and (max-width: 700px) {
    
    /* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
	#no-more-tables table{
		table-layout: fixed;
		display: table;
        width:100%;
	}
	#no-more-tables td_column_class.td{
		text-align:left;
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-more-tables tr { border: 1px solid #ccc; }
 
	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		/*padding-left: 45%; */
		 padding-left: 35%; 
		white-space: normal;
		text-align:left;
		width: 100%; 
		height:100%;
	}
	#no-more-tables   td_stack_class.td { 
		padding-left: 0px; 
		color:red;
		text-align:left;
	}
	#no-more-tables td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 28%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:right;
		font-weight: bold;
	}
	
	#no-more-tables img{ 
		width: 24px;
	}
	
	#no-more-tables td_column_class.td{
		text-align:left;
	}

	/*
	Label the data
	*/
	#no-more-tables td:before { 
	
		content: attr(data-title); 
	}
	/*
	#no-more-tables td[data-title="From"] {
		display: none;
	}*/
	
	#cm_action {
		display: none !important;
	}
}
@media all and (min-width: 768px) {
	.form-section-right{
		justify-content:flex-end;
	}
	.form-section-right .btn{
		flex-grow:0;
	}
}
@media all and (min-width: 992px) {
	.form-section{
		flex-wrap:nowrap;
		justify-content:space-between;
	}
	.form-section-left{
		width:auto;
	}
	.form-section-right{
		width:auto;
	}
	
	.input-set select[multiple=""]{
		min-height:100px;
	}
	
	.input-set .input-option{
		width:100%;
	}
	.input-set .column2 .input-option{
		width:50%;
	}
	.input-set .column4 .input-option{
		width:50%;
	}
	
}
@media all and (min-width: 992px) {
	/*Form Horizontal*/
	.form-frame.form-horizontal .input-set{
		display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;      /* TWEENER - IE 10 */
		display: -webkit-flex;     /* NEW - Chrome */
		display: flex;
		flex-flow: row wrap;
		margin-bottom:30px;
	}
	.form-frame.form-horizontal .input-set>label{
		padding-top:5px;/*matching the input box. padding 4px + border 1px.*/
		width:200px;
		justify-content:flex-end;
		text-align:right;
		padding-right:15px;
	}
	.form-frame.form-horizontal .input-set.compulsory>label{
		padding-right:23px; /*15px+8px*/
		background-position:right 8px top 8px;
	}
	.form-frame.form-horizontal .input-set .input{
		width:calc(100% - 200px);
		flex-grow:1;
		align-self:flex-start;
	}
	.form-frame.form-horizontal .input-set .input-tips,
	.form-frame.form-horizontal .input-set .input-error{
		margin-left:200px;
		width:100%;
	}
	.form-frame.form-horizontal .adicol-1{width:100%;}
	.form-frame.form-horizontal .adicol-2{width:100%;}
	.form-frame.form-horizontal .adicol-2plus4{width:100%;}
	.form-frame.form-horizontal .adicol-4plus8{width:100%;}
	.form-frame.form-horizontal .adicol-4{width:100%;}
	.form-frame.form-horizontal .adicol-8{width:100%;}
}
@media all and (min-width: 1200px) {
	.input-set .column4 .input-option{
		width:25%;
	}
	
	/*Form Horizontal*/
	.form-frame.form-horizontal .adicol-1{width:100%;}
	.form-frame.form-horizontal .adicol-2{width:100%;}
	.form-frame.form-horizontal .adicol-2plus4{width:100%;}
	.form-frame.form-horizontal .adicol-4plus8{width:50%;}
	.form-frame.form-horizontal .adicol-4{width:50%;}
	.form-frame.form-horizontal .adicol-8{width:50%;}
}
@media all and (min-width: 1400px) {

	/*Form Horizontal*/
	.form-frame.form-horizontal .adicol-1{width:100%;}
	.form-frame.form-horizontal .adicol-2{width:50%;}
	.form-frame.form-horizontal .adicol-2plus4{width:100%;}
	.form-frame.form-horizontal .adicol-4plus8{width:50%;}
	.form-frame.form-horizontal .adicol-4{width:50%;}
	.form-frame.form-horizontal .adicol-8{width:50%;}
}
/*********************************** Login ****************@*@*******************/
.login-box{
	/*margin:15px 0;*/
	margin: 10px 0;
}

/*********************************** table listing ****************@*@*******************/
.tbl-listing-wrapper{
	overflow:hidden;
}
.tbl-listing{
	overflow-x:auto;
}
.adicontainer .tbl-listing{
	margin-left:30px;
	margin-bottom:22px;
}
.tbl-table{
	width:100%;
	padding:0;
	margin:0;
	border:0;
	border-collapse:collapse;
}
.tbl-table .align-left{
	text-align:left;
}
.tbl-table .align-right{
	text-align:right;
}
.tbl-table .align-center{
	text-align:center;
}
.tbl-table th,
.tbl-table td{
	padding:15px;
}
.tbl-table thead th{
	border-bottom:1px solid #ddd;
	font-weight:normal;
	vertical-align:bottom;
	color:#555;
}
.tbl-table th{
	font-weight:bold;
}
.tbl-sortable{
	cursor:pointer;
	color:#1B5E20 !important;
}
.tbl-sortable.sort-asc:after{
	font-family: 'Glyphicons Halflings';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e253";
	vertical-align:bottom;
	margin-left:5px;
}
.tbl-sortable.sort-desc:after{
	font-family: 'Glyphicons Halflings';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\e252";
	vertical-align:bottom;
	margin-left:5px;
}
.tbl-table tbody td{
	vertical-align:top;
	border-bottom:1px solid #eee;
}
.tbl-table tbody tr:hover{
	background:#ffff99 !important;
}
.tbl-table tbody td a{
	margin-left:5px;
}
.tbl-table tbody tr:nth-child(odd){
	background:#f9f9f9;
}
.tbl-table tfoot td{
	color:#555;
}
.tbl-action{
	white-space:nowrap;
}

/*
 * Component: table
 * ------------------
 */
.table-header, .table-header > th, .table-header > td {
    background-color: #EEE;
	  color: #5B5B5B;
}

.table-listing > tbody > tr:hover > td{
    background-color: #EFEFEF;
}

.table-listing > thead > tr > th > span{
    color:#FF8956;
}

.table-listing > thead > tr > th > span:hover{
    text-decoration: underline;
}

/*********************************** listing paging****************@*@*******************/
.paging{
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	flex-flow:row nowrap;
	justify-content:center;
    margin:15px 0 15px 0;
	/* margin-left:30px;
	background:#fafafa;
	box-shadow:0 1px 2px rgba(0,0,0,0.12), 0 1px 1px rgba(0,0,0,0.24);
	*/
}
.paging .paging-first,
.paging .paging-last,
.paging .paging-count,
.paging .paging-previous,
.paging .paging-next{
	font-family: 'Glyphicons Halflings';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding:5px 0;
	flex-grow:1;
	text-align:center;
	align-self:center;
	cursor:pointer;
}
.paging .paging-first:hover,
.paging .paging-last:hover,
.paging .paging-previous:hover,
.paging .paging-next:hover,
.paging .paging-select:hover{
	/*
	*/
	background:#b4b4b6;
}
.paging .paging-first{
	margin-left:0;
}
/* .paging .paging-previous,
.paging .paging-next{ */
	/*
	border-left:1px solid #eee;
	border-right:1px solid #eee;
	*/
/* } */
.paging .paging-first:after{
	content:'\e071';
}
.paging .paging-last:after{
	content:'\e075';
}
.paging-previous:after{
	content:'\e251';
}
.paging .paging-next:after{
	content:'\e250';
}
.paging .paging-select{
	align-self:center;
	padding:0 10px;
}
.paging .paging-dd{
	padding:0 10px;
	border:0;
	margin:0;
	background:transparent;
	-moz-appearance:none;
	cursor:pointer;
}
.paging .totalrec{
	padding:5px;
	/*
	border-left:1px solid #eee;
	*/
	color:#999;
	white-space:nowrap;
	display:none;
}


ul.sidenav {
		list-style-type: none;
		margin: 0;
		padding: 0;
		width: 25%;
		background-color: #f1f1f1;
		position: fixed;
		height: 100%;
		overflow: auto;
}

ul.sidenav li a {
		display: block;
		color: #000;
		padding: 8px 16px;
		text-decoration: none;
}
 
ul.sidenav li a.active {
		background-color: #4CAF50;
		color: white;
}

ul.sidenav li a:hover:not(.active) {
		background-color: #555;
		color: white;
}

div.content {
		margin-left: 25%;
		padding: 1px 16px;
		height: 1000px;
}

@media screen and (max-width: 900px) {
		ul.sidenav {
				width: 100%;
				height: auto;
				position: relative;
		}
		ul.sidenav li a {
				float: left;
				padding: 15px;
		}
		div.content {margin-left: 0;}
}

@media screen and (max-width: 400px) {
		ul.sidenav li a {
				text-align: center;
				float: none;
		}
}

/* Style the tab */
.tab {
		overflow: hidden;
		/* border: 1px solid #ccc; */
		/* background-color: #f1f1f1; */
}

/* Style the buttons inside the tab */
.tab button {
		background-color: #f1f1f1;
		float: left;
		border: none;
		outline: none;
		cursor: pointer;
		padding: 10px 16px;
		transition: 0.3s;
		border-left: 1px solid #ccc;
		border-top: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		margin-right:2px;
}

/* Change background color of buttons on hover */
.tab button:hover {
		background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
		background-color: #ccc;
        font-weight:bold;
}

/* Style the tab content */
.tabcontent {
		display: none;
		padding: 20px 20px;
		border: solid 1px #ccc;
}

.header-content{
		background-color:#a54747;
		padding:5px 15px;
	font-size:1;
		color:#FFF;
}

/* .card-wrapper
, .card .card-wrapper { */
	/*margin: 0px;*/
/* } */

#share_login {
	display: flex;
	flex-flow: column;
	/*background-image: url('<?php echo \E::get("obj_curr_module")->get_image_path(false) . "login_background.jpg"; ?>');*/
	background-repeat: no-repeat;

	background-position: center;
    background-size: cover;
	height: 100%;
}

.layout-hmenu {
	width: 100%;	
}

.btn.btn-full {
	width: 100%;
}

.loading-bar {
	/*background-color: #3a434f;*/
	/*background-color: #d7282f;*/
	background-color: #44b10c;
}

/*
 * General
 * --------------------------------------------------
 */
div.error-container {
	border-radius: 2px;
	border: 1px solid;
	color: rgb(192, 44, 44);
	margin-bottom: 15px;
	padding: 15px;
}
/* div.error-container::before { */
	/*content: "\f071 Please correct the following:";*/
/* } */
div.error-container ul {
	list-style: square;
}
div.error-container i + label {
	margin: 0px 5px;
}
input.error, select.error {
	border: 1px solid rgb(192, 44, 44);
}

/*
 * Header
 * --------------------------------------------------
 */
.header,.header-row,.header-left,.header-center,.header-right,.header-button,.header-button a,.header-button a span {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
	flex-flow: row nowrap;
}
.header-container {
	z-index: 100;
}
.header {
	padding: 5px 0px;
	font-size: 1em;
}
.header-row {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}
.header-center {
	flex-grow: 1;
	align-items:center;
}
.header-name
, .header-name-short {
    margin-top: 10px;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.header-name {
    font-size: 20px;	
}
.header-name-short {
    font-size: 16px;
    font-weight: 300;
}
.header-name span.header-name-light {
	font-weight: 300;
}
.header-icon {
	margin-right: 16px;
}
.header-button {
	align-items: center;
	margin-top: -5px;
}
.header-left .header-button > a {
	margin-right: 0px;
}
.header-top .header-right .header-button {
	align-items: start;
}
/* .header-top .header-right .header-button.dropdown { */
	/*align-items: center;*/
/* } */
.header-right .header-button > a {
	margin-left: 0px;
	font-size: 14px;
	margin: 0px;
	/*padding: 8px 16px;*/
	/*padding: 8px 18px;*/
	padding: 15px 15px 15px 15px;
	display: flex;
	outline: none;
}
.header-right .header-button > a:hover {
	background-color: #fff;
	text-decoration: none;
	color: #222;
}
.header-bottom {
	/*text-transform: uppercase;*/
	padding: 4px 0px;
}
.header-login.header-bottom {
	/*height: 27px;*/
	height: 56px;
}
.header-bottom .header-right {
	align-items: center;
	display: flex;
}
.header-bottom .header-right a {
	margin: 0px 4px;
}
.header-bottom .header-right-content:last-child {
	margin-right: -4px;
}

#header-menu {
	display: none;
}
#header-menu .dropdown-menu {
	border-radius: 2px;
	min-width: 112px;
}
#header-menu .dropdown-menu a {
	align-items: center;
	display: flex;
	font-size: 8pt;
	height: 48px;
	padding: 0px 16px;
}
.dropdown .dropdown-menu {
	transform: translate(0px, 0px);
}
.dropdown.open .dropdown-menu {
	transform: translate(0px, 0px);
}
.scaleout {
	animation-name: scaleout;
	animation-duration: 1s;
	animation-fill-mode: both;
}
@keyframes scaleout {
	0% {
		opacity: 0;
		transform: scale(1, 0);
		transform-origin: top;
	}
	10% {
		opacity: 0.8;							
	}
	15% {
		opacity: 1;
		transform: scale(1, 1);
		transform-origin: top;
	}
}
.scalein {
	animation-name: scalein;
	animation-duration: 1s;
	animation-fill-mode: both;
	/*opacity: 0;*/
	/*transform: scale(1, 0);*/
	/*transform-origin: top;*/
	/*transition: opacity 1s, transform 0.15s;*/
}
@keyframes scalein {
	0% {
		opacity: 1;
		transform: scale(1, 1);
		transform-origin: top;
	}
	10% {
		opacity: 0.8;							
	}
	15% {
		opacity: 0;
		transform: scale(1, 0);
		transform-origin: top;
	}
	100% {
		opacity: 0;
		display: none;
	}
}
.header-top .header-icon > img {
	width: 40px;
}
@media (max-width: 767px) {
	#header-menu {
		display: flex;
	}
	.header-button {
		display: none;
	}
	/*.header-name {
		display: none;
	}*/
	.header-name-after-login {
		display: none;
	}
	#header-acc-state {
		display: none;
	}
}
@media (max-width: 500px) {
	.header-name {
		display: none;
	}
}
@media (min-width: 768px) {
	.header-login .header-row {
		width: 750px;
	}
	.header-row {
		width: 100%;
	}
	/*.header-name-short{
		display:none;
	}*/
	.header-name-short-after-login{
		display:none;
	}
	.header-top .header-icon > img {
		width: 32px;
	}
}
@media (min-width: 501px) {
	.header-name-short{
		display:none;
	}
}
@media (min-width: 992px) {
	.header-login .header-row {
		width: 970px;
	}
	.header-row {
		width: 100%;
	}
}
@media (min-width: 1200px) {
	.header-login .header-row {
		width: 1170px;
	}
	.header-row {
		width: 100%;
	}
}

.header-bottom .header-button {
	display: flex;
	align-items: center;
	padding: 8px;
}
.header-bottom a {
	text-decoration: none;
}
.header-top {
	padding: 5px 0px;
	font-size: 1.4em;
	display: flex;
	-webkit-transition: font-size 0.25s; /* Safari */
    transition: font-size 0.25s;
}

.header-acc-info {
	padding: 15px;
}
.header-acc-info > * {
	font-weight: normal;
	/*font-size: 0.7em;*/
	margin: 0px 0px 0px 4px;
}
@media (max-width: 768px) {
	.header-acc-info > label {
		margin: 0px 0px 0px 0px;
	}
}
.link-log-out:hover
, .link-log-out:focus {
	text-decoration: none;
}
.header-small {
	font-size: 70%;
}
/*
 * Login
 * --------------------------------------------------
 */
.login-form .card-wrapper {
	background-color: rgba(255, 255, 255, 0.15);
	border: none;
}
.login-form input {
	text-align: center;
}
.login-container .col-error-msg {
	/*padding-top: 4px;*/
	/*padding-bottom: 4px;*/
	display: flex;
	align-items: center;
}
.login-container .col-error-msg .error {
	margin: 4px 8px;
}
.login-container
, .contact-container
, .announcement-container {
	display: flex;
	flex-direction: column;
	height: 100%;
	/*padding: 15px;*/
	padding: 30px;
}
.contact-container h4
, .announcement-container h4
, .contact-container span
, .announcement-container .heading
, .announcement-container span {
	text-transform: uppercase;
}
.announcement-container .title {
	font-size: 1.1em;
	line-height: 2em;
}
.contact-container div.input-static {
	word-wrap: break-word;
}
.contact-container hr {
	opacity: 0.25;
}
.announcement-container hr {
	opacity: 0.6;
}
.announcement-container p {
    line-height: 2;
}
.login-container > .form-group {
	flex: 1;
}

.login-page-container .row > div {
	-webkit-transition: width 0.25s; /* Safari */
    -webkit-transition-timing-function: ease-out;
    transition: width 0.25s;
    transition-timing-function: ease-out;
}
.login-container input
, .login-container select
, .login-container button {
	text-align: center;
	height: 34px;
}
.login-page-container .row-eq-height {
	/*
	 * Row with equal height columns
	 */
	display: block;
}
.login-page-container .row {
	justify-content: center;
}
@media (min-width: 768px) {
	.login-page-container .row-eq-height {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display:         flex;
		flex-wrap: wrap;
	}
	.login-page-container .row-eq-height > div {
		/*padding: 8px;*/
		padding: 10px;
	}
}
@media (max-width: 767px) {
	.login-page-container .row div[class*="col-"] {
		margin-bottom: 15px;
	}
	.login-page-container .row div[class*="col-"]:last-child {
		margin-bottom: 0px;
	}
}
.carousel-inner > .item {
	width: 100%;
}
/*
 * Footer
 * --------------------------------------------------
 */
.footer {
	margin: 0px;
	padding: 15px 0px;
}
.footer-row {
	display: flex;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}
.footer-center {
	display: flex;
	flex-grow: 1;
}
.footer-name {
	text-transform: uppercase;
}
.footer-center hr {
	width: 100%;
}
@media (min-width: 768px) {
	.footer-row {
		width: 100%;
	}
	.footer-login .footer-row {
		width: 750px;
	}
}
@media (max-width: 600px) {
	.footer-row {
		flex-flow: column;
	}
}
@media (min-width: 992px) {
	.footer-row {
		width: 100%;
	}
	.footer-login .footer-row {
		width: 970px;
	}
}
@media (min-width: 1200px) {
	.footer-row {
		width: 100%;
	}
	.footer-login .footer-row {
		width: 1170px;
	}
}
.footer-left
, .footer-right {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
	display: -ms-flexbox;      /* TWEENER - IE 10 */
	display: -webkit-flex;     /* NEW - Chrome */
	display: flex;
}
.footer-left {
	text-align: left;
	align-items: flex-end;
	flex-flow: row nowrap;
}
.footer-left-content > div {
	margin: 4px 0px;
}
.footer-right {
	align-items: flex-end;
	text-transform: uppercase;
	flex-flow: column;
}
.footer-left > div 
, .footer-right > div {
	margin-top: 4px;
	margin-bottom: 4px;
}
.footer-bottom a {
	margin: 4px;
}
.footer-links {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: -4px;
	margin-bottom: 0px;
}
.footer-bestview {
	font-size: 0.8em;
}
.footer-select {
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border: none;
	line-height: inherit;
	text-transform: uppercase;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%230%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.54%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E");
    background-position: right center;
    background-position-x: calc(100% - 8px);
    background-repeat: no-repeat;
    border-bottom-color: currentcolor;
    border-bottom-style: none;
    border-bottom-width: medium;
    cursor: pointer;
    height: 32px;
    padding: 0px 24px;
}
.footer-showcase-img {
	margin-left: -2px;
	margin-right: -2px;
}
.footer-showcase-img img {
	margin: 0px 2px;
}
.footer-disclaimer {
	font-size: 0.8em;
}
.footer-small {
	font-size: 70%;
}
/*
 * Navigation Bar
 * --------------------------------------------------
 */
/* .navbar { */
	/*-webkit-transition: height 0.25s; /* Safari */
    /*transition: height 0.25s;*/
/* } */
.navbar-mini {
	min-height: 0px;
}
.navbar ul.navbar-nav > li > a {
	-webkit-transition: padding 0.25s; /* Safari */
    transition: padding 0.25s;
}
.navbar-mini ul.navbar-nav > li > a {
	padding-top: 8px;
	padding-bottom: 8px;
}
.header-navigation {
	padding: 0px 15px;
}
#header-navigation-toggle a {
	outline: none;
	text-decoration: none;
}
.header-navigation .navbar ul.navbar-nav li a:not([href]):not([tabindex]):focus
, .header-navigation .navbar ul.navbar-nav li a:not([href]):not([tabindex]):hover {
    text-decoration: none;
}
.header-navigation .navbar ul.navbar-nav li a:not([href]):not([tabindex]) {
	display: none;
}
#header-navigation-toggle {
	display: inherit;
}
.header-navigation ul.navbar-nav > li > a {
	text-transform: uppercase;
	font-weight: 700;
}
.header-navigation .hmenu ul.navbar-nav > li > ul.dropdown-menu {
	/*margin-top: 5px;*/
	border: none;
	border-radius: 0px;
	padding: 0px;
}
.header-navigation .hmenu ul.navbar-nav > li > ul.dropdown-menu > li > a {
	padding: 15px;
}
.hmenu-wrapper {
	display: flex;
}
@media (min-width: 768px) {
	.header-navigation .navbar ul.navbar-nav li a:not([href]):not([tabindex]) {
		display: inherit;
	}
	#header-navigation-toggle {
		display: none;
	}
	.hmenu-wrapper {
		align-items: center;
		justify-content: space-between;
	}
	.header-navigation .hmenu ul.navbar-nav > li {
		display: flex;
		align-items: center;
	}
	.header-navigation .hmenu ul.navbar-nav > li:after {
		content: "|";
		color: #ebebeb;
	}
}
@media (max-width: 767px) {
	.header-navigation {
		padding: 0px;
	}
	.hmenu-wrapper {
		width: 100%;
		flex-flow: column-reverse;
	}
}
/*
 * Dashboard
 * --------------------------------------------------
 */
#dashboard {
	margin-top: 15px;
	margin-bottom: 15px;
	transition: margin 0.25s cubic-bezier(.25,.8,.25,1), width 0.25s cubic-bezier(.25,.8,.25,1);
}
#dashboard-container {
	display: flex;
	flex-wrap: wrap;
}
#dashboard-container .card-container {
	transition: width 0.25s cubic-bezier(.25,.8,.25,1), height 0.25s cubic-bezier(.25,.8,.25,1);
}
.dashboard-slot {
	display: flex;
	padding: 2px;
	transition: width 0.25s cubic-bezier(.25,.8,.25,1), height 0.25s cubic-bezier(.25,.8,.25,1);
}
.dashboard-item {
	padding-top: 16px;
	padding-bottom: 16px;
	display: flex;
	align-items: center;
	transition: width 0.25s;
}
.dashboard-item:hover {
	text-decoration: none;
	filter: brightness(105%);
	color: #fff;
}
.dashboard-item i {
	margin-right: 16px;
}
.dashboard-group .container {
	margin-bottom: 15px;
}
.dashboard-group-title {
	text-transform: uppercase;
	padding-top: 15px;
	padding-bottom: 15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #505050;
}
.dashboard-group-content {
	display: flex;
	flex-flow: wrap;
	/*margin: -2px;*/
	padding-left: 13px;
	padding-right: 13px;
	margin-top: 15px;
	margin-bottom: 15px !important;
}
.dashboard-group {
	padding: 4px;
}

/* div#manual-assign-modal div.modal-body */
/* { */
	/* width: 80%; */
	/* max-height: 80vh; */
	/* overflow-y: auto; */
/* } */

/* @media (min-width: 992px) { */
	/* div#manual-assign-modal div.modal-content{ */
		/* width: 80%; */
	/* } */
/* } */

@media (max-width: 767px) {
	.dashboard-group {
		flex-grow: 1;
	}
}
/*@media (min-width: 360px) and (max-width: 399px) {
	.dashboard-slot {
		width: 50%;
	}
}
*/
@media (max-width: 500px) {
	.dashboard-slot {
		/*width: 33.33333333%;*/
		width: 100%;
	}
	.btn {
		width: 100%;
		margin-bottom: 2px;
	}
	
	#btn-print-dropdown{
		width: 100%;
		margin-bottom: 2px;
	}
	
	.btn-modal {
		width: 100%;
		margin-bottom: 2px !important;
	}
}

@media (max-width: 719px) {
}
@media (max-width: 768px) {
	.dashboard-item {
		flex-flow: column;
		align-items: center;
		text-align: center;
	}
	.dashboard-item * {
		padding: 4px 0px;
	}
	.dashboard-item i {
		margin: 0px;
	}
	.dashboard-item {
		width: 100%;
	}
}
@media (min-width: 768px) {
	#dashboard .dashboard-group {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display:         flex;
	}
}
@media (max-width: 991px) {
	/* #dashboard #dashboard-container { */
		/*display: block;*/
	/* } */
	/* #dashboard .dashboard-group { */
		/*display: block;*/
	/* } */
}
/*
 * Case Assignment
 * --------------------------------------------------
 */
.weekly-cause {
	display: flex;
	align-items: center;
	flex-flow: row;
	justify-content: space-evenly;
}
.weekly-cause a {
	display: flex;
	flex-flow: column;
	align-items: center;
	text-transform: uppercase;
	color: #444;
}
/* .table_holiday tr { */
	/*display: flex;*/
	/*justify-content: space-around;*/
/* } */
.table_holiday tr td > div {
    /*margin: 5px;*/
    /*font-weight: bold;*/
    /*font-size: 1.5em;*/
    /*text-align: center;*/
    /*flex: 1 0 auto;*/
    /*height:auto;*/
    min-height: 100px;
}

#panel_ajax tr.ui-sortable-handle {
	cursor: pointer;
}
#panel_ajax tr.ui-sortable-helper td {
	padding: 8px;
}
.error-dismiss {
	position: absolute;
	top: 15px;
	right: 30px;
}
.error-log {
	padding: 15px;
	/*background-color: #A54747;*/
	border: 1px solid #e9e9e9;
}
.panel-options {
	display: flex;
	align-items: center;
}
.panel-options > * {
	margin-right: 4px;
}
.panel-options > *:last-child {
	margin-right: 0px;
}
.panel-options button i {
	margin-right: 4px;
}
#table-sel-judge th {
	vertical-align: middle;
}
/*
 * Panel Assignment
 * --------------------------------------------------
 */
#frm_panel_assignment input[type="text"] {
	width: 60px;
}

span.error {
    color:#A54747;
}

/*
 * Case Management
 * --------------------------------------------------
 */
.btn-coa-add {
	/* padding-top: 65px; */
	padding-top: 40px;
}
.modal_div_content {
	margin-bottom: 20px;
}

@media all and (max-width: 850px) {
	.btn-coa-add {
		padding-top: 5px;
	}
}

@media only screen and (min-width: 850px) and (max-width: 1024px) {
	.btn-coa-add {
		padding-top: 50px;
	}
}

.panel-header {
	background-color: #bfa3ed;
}
input[type="file"] {
	display: inline-block;
}

.manual-assign.modal-dialog{
	width: 95vw;
	/*max-width: 80% !important;*/
}

.manual-assign.modal-content {
	width: 95vw;
	/*max-width: 80% !important;*/
}

/*
 * Panel Management
 * --------------------------------------------------
 */
.badge.panel-judge {
	margin-bottom: 4px;
	margin-right: 4px;
	text-transform: uppercase;
}

.badge.panel-judge button {
	background-color: transparent;
	color: #fff;
	padding: 4px;
	box-shadow: none;
}
#table-panel-manual-assign tr > td {
	cursor: pointer;
}
#table-panel-manual-assign tbody > tr:hover {
	box-shadow: 1px 2px 6px 1px #bbb;
}
.clickable {
	cursor: pointer;
}
.not-allowed {
	cursor: not-allowed;
}

.btn > i {
	padding-right: 5px;
}

.badge .btn {
	padding-right: 0px;
}
.badge .btn > i {
	padding-right: 0px;
}

.content-group {
	padding: 1em;
	border: 1px solid #ccc;
	border-radius: 4px;
	margin-bottom: 1em;
}
#sensitive-matters-list div.list-group-item {
	display: flex;
	justify-content: space-between;
}
.align-baseline {
	display: flex;
	align-items: baseline;
}
/**
 * Case Category
 * --------------------------------------------------
 */
.col-error-msg:empty {
	display: none;
}
.judge-list-container {
	padding: 4px 8px;
	border-left: 2px inset #a54747;
}
#judge_list .badge.panel-judge {
	background-color: transparent;
	border: 1px solid #999;
	color: #222;
	font-size: 1em;
	font-weight: normal;
	margin-bottom: 4px;
	margin-right: 4px;
	padding: 8px;
	text-transform: none;
}
#judge_list .badge.panel-judge .btn {
	color: #555;
}
.list-tool{
	position: absolute;
	top: 45px;
	right: 50px;
	display: flex;
	align-items: center;
	flex-flow: row;
	justify-content: space-evenly;
}
.list-tool a {
	display: flex;
	flex-flow: column;
	align-items: center;
	text-transform: uppercase;
}
.fa-file-excel {
	color: #bb0706;
}
.form-group ul {
	list-style: square;
	padding-left: 1em; 
}

/*
 * Fieldset Legend
 * --------------------------------------------------
 */
fieldset.scheduler-border {
    border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
	margin: 0 0 1.5em 0 !important;
	/* width:800px; */
    -webkit-box-shadow:  0px 0px 0px 0px #000;
            box-shadow:  0px 0px 0px 0px #000;
}

legend.scheduler-border {
	font-size: 1.2em !important;
	font-weight: bold !important;
	text-align: left !important;
	width:inherit;
	padding:0 10px;
	border-bottom:none;
}

fieldset.officer-border {
    border: 1px groove #ddd !important;
    padding: 0 1.4em 0 1.4em !important;
	margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow:  0px 0px 0px 0px #000;
            box-shadow:  0px 0px 0px 0px #000;
}

legend.officer-border {
	font-size: 1.2em !important;
	font-weight: bold !important;
	text-align: left !important;
	width:inherit;
	padding:0 10px;
	border-bottom:none;
}
/*
 * Modal
 * --------------------------------------------------
 */
.modal-footer .btn + .btn {
	margin: 0px;
}

/*
 * Bailiff Planner
 * --------------------------------------------------
 */
.listing_title {
	margin: 1.5em 0 !important;
	font-size: 1.2em !important;
	font-weight: bold !important;
}

.btn_icon {
	border: none;
}

/*
 * to overwrite breadcrumb.less from plugin bootstrap
 */
.breadcrumb {
    margin-bottom: 0px;
}

.form-group-no-margin-bottom {
    margin-bottom: 0px;
}

/*
 * to overwrite grid-framework.less from plugin bootstrap
 */
.row {
    margin-bottom: 5px;
}

.row-border-top {
	border-top: 1px solid #ddd !important;
}

/*
 * to overwrite bootstrap.css from plugin bootstrap
 */
hr {
    border-top: 1px solid #bcb8b8;
}

#btn_clear_att{
	position: relative;
	margin-left: 10px;
}

#div_file_list{
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: -10px;
}

.att-link {
	color: rgb(95, 161, 196);
}

.warning-note {
	color: #CF0820;
	font-style: italic;
}

.alert-err {
	margin-bottom: 0;
}

fieldset.no-border,
.no-border {
	border: none !important;
}

@media (max-width: 991px) {
	fieldset.no-border, 
	.no-border {
		margin-bottom: 0 !important;
		padding-bottom: 0 !important;
	}
}

#bailiff_box_lbl {
	margin: 0px 10px 0px 3px;
}

#bailiff_partner_box_lbl {
	margin: 0px 0px 0px 3px;
}