@CHARSET "UTF-8";

@font-face {
  font-family: 'Sans01';
  src: url('/3rd/fonts/Roboto/Roboto-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Sanc01';
  src: url('/3rd/fonts/Roboto_Condensed/RobotoCondensed-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Mono01';
  src: url('/3rd/fonts/Fira_Mono/FiraMono-Regular.ttf') format('truetype');
}

.wal-color-1				{ color: var(--wal-color-1); }
.wal-color-2				{ color: var(--wal-color-2); }
.wal-color-light			{ color: var(--wal-color-light); }
.wal-bg-1					{ background: var(--wal-bg-1); }
.wal-bg-2					{ background: var(--wal-bg-2); }
.wal-bg-dark				{ background: var(--wal-bg-dark); }
.wal-bg-dark-gray			{ background: rgb(51,51,51); }
.wal-bg-medium-gray			{ background: rgb(153,153,153); }
.wal-bg-light-gray			{ background: rgb(225,225,225); }

body						{ background: var(--wal-bg-0); font-family: "Sans01", sans-serif; font-size: 1.0em; padding: 0; margin: 0; border: 0}
.wal-fixed-font				{ font-family: "Mono01", monospace; font-size: 0.9em; white-space: pre; }
.wal-code					{ font-family: "Mono01", monospace; font-size: 1.0em; white-space: pre; line-height: 1.5em; color: green }

select						{ min-width: 10rem; }
input,button,textarea		{ border: 1px solid gray; border-radius: 0.5rem; padding: 0.3rem; }
					
input[type="button"].wal-submit, input[type="submit"].wal-submit, input[type="file"].wal-submit, button.wal-submit,
input[type="button"].wal-yes, input[type="submit"].wal-yes, input[type="file"].wal-yes, button.wal-yes
							{ padding: 0.5rem; min-width: 5rem; border: 1px solid rgb(51,153,51); background: linear-gradient(0, rgb(51,153,51), #90ee90); xbackground: #90ee90; color: white; font-weight: bold; font-size: 0.9rem; border-radius: 0.5rem; }

input[type="button"].wal-submit:active, input[type="submit"].wal-submit:active, input[type="file"].wal-submit:active, button.wal-submit:active,
input[type="button"].wal-yes:active, input[type="submit"].wal-yes:active, input[type="file"].wal-yes:active, button.wal-yes:active
							{ background: linear-gradient(0, #90ee90, rgb(51,153,51)); }

input[type="button"].wal-no, input[type="submit"].wal-no, input[type="file"].wal-no, button.wal-no
							{ padding: 0.5rem; min-width: 5rem; border: 1px solid rgb(51,51,51); background: linear-gradient(0, rgb(153,51,51), #909090); xbackground: #909090; color: white; font-weight: bold; font-size: 0.9rem; border-radius: 0.5rem; }
input[type="button"].wal-no:active, input[type="submit"].wal-no:active, input[type="file"].wal-no:active, button.wal-no:active
							{ background: linear-gradient(0, #ee9090, rgb(153,51,51)); }

input[type="button"].wal-other, input[type="submit"].wal-other, input[type="file"].wal-other, button.wal-other
							{ padding: 0.5rem; min-width: 5rem; border: 1px solid rgb(51,51,153); background: linear-gradient(0, rgb(51,51,153), #909090); xbackground: #909090; color: white; font-weight: bold; font-size: 0.9rem; border-radius: 0.5rem; }
input[type="button"].wal-other:active, input[type="submit"].wal-other:active, input[type="file"].wal-other:active, button.wal-other:active
							{ background: linear-gradient(0, #9090ee, rgb(51,51,153)); }


input[type="button"].wal-form-yes, button.wal-form-yes
							{ padding: 0.45rem; border: 1px solid #666; background: linear-gradient(0, #ccc, #999); xbackground: #90ee90; color: white; font-size: 0.9rem; border-radius: 0.5rem; }
input[type="button"].wal-form-yes:active, button.wal-form-yes:active
							{ background: linear-gradient(0, #999, #ccc); }
input[type="button"].wal-form-no, button.wal-form-no
							{ padding: 0.45rem; border: 1px solid #666; background: linear-gradient(0, #ccc, #999); xbackground: #90ee90; color: white; font-size: 0.9rem; border-radius: 0.5rem; }
input[type="button"].wal-form-no:active, button.wal-form-no:active
							{ background: linear-gradient(0, #999, #ccc); }
input[type="button"].wal-form-other, button.wal-form-other
							{ padding: 0.45rem; border: 1px solid #666; background: linear-gradient(0, #ccc, #999); xbackground: #90ee90; color: white; font-size: 0.9rem; border-radius: 0.5rem; }
input[type="button"].wal-form-other:active, button.wal-form-other:active
							{ background: linear-gradient(0, #999, #ccc); }

input[type="button"], input[type="submit"], input[type="file"], button
							{ padding: 0.5rem; min-width: 0rem; border: 1px solid rgb(51,51,51); background: linear-gradient(0, rgb(51,51,51), #909090); xbackground: #90ee90; color: white; font-weight: bold; font-size: 0.9rem; border-radius: 0.5rem; }
input[type="button"]:active, input[type="submit"]:active, input[type="file"]:active, button:active
							{ background: linear-gradient(0, #909090, rgb(51,51,51)); }

label, .wal-label			{ display: inline-block; text-align: right; float: left; padding-right: 2rem; min-width: 15rem; }
img							{ border: 0rem; padding: 0rem; margin: 0rem; vertical-align: middle; }
br							{ clear: both; }
a							{ text-decoration: none; color: var(--wal-link-normal); }
a:visited					{ color: var(--wal-link-normal); }
a:hover, a:active, a:focus	{ text-decoration: none; color: var(--wal-color-1); }

table.wal-px-table			{ border: 1px solid transparent; border-collapse: collapse; border-spacing: 0; padding: 0; margin: 0; }
table.wal-px-table th 		{ border: 1px solid black; vertical-align: middle; text-align: left; padding: 0.3rem; margin: 0; }
table.wal-px-table td		{ border: 1px solid black; vertical-align: middle; text-align: left; padding: 0.3rem; margin: 0; }

table.wal-table				{ border: 0; border-collapse: collapse; border-spacing: 0; padding: 0; margin: 0; }
table.wal-table td 			{ vertical-align: middle; padding: 0.3rem; margin: 0; }
table.wal-table td.wal-num	{ text-align: right; vertical-align: middle; padding: 0.3rem; margin: 0; }
table.wal-table tr:first-child th
							{ background: var(--wal-bg-dark); color: #fff; border-radius: 0.5rem 0.5rem 0rem 0rem; padding: 0.3rem; border: 1px solid transparent }
table.wal-table tr:nth-child(even) th
							{ background: var(--wal-bg-dark); color: #fff; border-radius: 0rem 0rem 0rem 0rem; padding: 0.3rem; border: 0; }

table.wal-table tr:nth-child(even) td table 
							{ background: var(--wal-row-odd); }
table.wal-table tr:nth-child(odd)
							{ background: var(--wal-row-even); }
table.wal-table-nobg
							{ border: 0; border-collapse: collapse; border-spacing: 0; padding: 0; margin: 0; background: var(--wal-bg-0); }
table.wal-table-nobg td
							{ padding-right: 0.5rem; }

table.wal-content-table		{ border: 0; border-collapse: collapse; border-spacing: 0; padding: 0; margin: 0; }
table.wal-content-table	tr:nth-child(even) td table tr th
							{ background: none; }
table.wal-content-table	tr:nth-child(odd)
							{ background: none; }

.wal-table-th td			{ text-align: center; background: var(--wal-bg-dark); color: var(--wal-row-odd); border-radius: 0.5rem 0.5rem 0rem 0rem; padding: 0.3rem; border: 0; }
.wal-table-action td		{ background: var(--wal-row-even) !important; padding: 0.3rem; border: 0; border-radius: 0rem 0rem 0rem 0rem !important; }

table.wal-valign-top td		{ vertical-align: top; }
table.wal-valign-top th		{ vertical-align: top; }

table.wal-nowrap td			{ white-space: nowrap; }
table.wal-nowrap th			{ white-space: nowrap; }

table.wal-small-table td	{ font-size: smaller; }
table.wal-small-table th	{ font-size: smaller; }

table.wal-border-gray td	{ border: 1px solid gray; padding: 0.5rem; border-collapse: collapse; }

.wal-title					{ font-weight:bold; font-size: 1.2em; color: #eee; } 
.wal-nav-bar				{ zIndex: 999999; }
.wal-nav-box				{ zIndex: 999999; }

.wal-ok						{ color: #66AA66; }
.wal-nok					{ color: red; }

.wal-msg-info				{ color: #000; }
.wal-msg-debug				{ color: #939; }
.wal-msg-no					{ color: #F00; }
.wal-msg-error				{ color: #F00; }
.wal-msg-warning			{ color: #f93; }
.wal-msg-yes				{ color: #6A6; }
.wal-msg-ok					{ color: #6A6; }
.wal-msg-success			{ color: #6A6; }
.wal-msg-enabled			{ color: #6A6; }
.wal-msg-disabled			{ color: #666; }

.wal-bar-msg				{ background: #eee; border: 0; display: inline-block; width: 100%; margin: 0; padding-left: 1rem; }
.wal-bar-info				{ background: #eef; border: 0; display: inline-block; width: 100%; margin: 0; padding-left: 1rem; }
.wal-bar-warning			{ background: #fc6; border: 0; display: inline-block; width: 100%; margin: 0; padding-left: 1rem; }
.wal-bar-error				{ background: #eef; border: 0; display: inline-block; width: 100%; margin: 0; padding-left: 1rem; }

.wal-box-msg				{ background: #eee; border: 1px solid #999; border-radius: 0.5rem; padding: 0.5rem; display: inline-block; width: 98%; margin-bottom: 0.3rem; }
.wal-box-info				{ background: #eef; border: 1px solid #009; border-radius: 0.5rem; padding: 0.5rem; display: inline-block; width: 98%; margin-bottom: 0.3rem; }
.wal-box-warning			{ background: #fc6; border: 1px solid #930; border-radius: 0.5rem; padding: 0.5rem; display: inline-block; width: 98%; margin-bottom: 0.3rem; }
.wal-box-error				{ background: #eef; border: 1px solid #909; border-radius: 0.5rem; padding: 0.5rem; display: inline-block; width: 98%; margin-bottom: 0.3rem; }

.wal-heading				{ border-bottom: 2px solid var(--wal-color-1); font-weight: bold; }

.wal-input-readonly			{ color: #333333; background: #eeeeee }

.wal-active					{ font-weight: bold; }
.wal-bold					{ font-weight: bold; }

.wal-op-title				{ color: black; font-size: 1.3em; line-height: 1.3em; font-weight: bold; }
.wal-op-subtitle			{ font-size: 1.1em; line-height: 1.1em; font-weight:bold; }

.wal-op-title-link			{ color: black; }
.wal-op-title-link > a, .wal-op-title-link > a:hover, .wal-op-title-link > a:active, .wal-op-title-link > a:focus
							{ font-size: 1.3em; line-height: 1.3em; }
.wal-op-subtitle-link		{ font-size: 1.0em; }
.wal-op-subtitle-link > a, .wal-op-subtitle-link > a:hover, .wal-op-subtitle-link > a:focus, .wal-op-subtitle-link > a:active
							{ font-size: 1.0em; }

.wal-description			{ color: #666; font-size: small; font-style: italic; max-width: 50rem; display: inline-block; }

.wal-image					{ border: 0rem; padding: 0rem; margin: 0rem; }
.wal-icon-image				{ display:inline-block; position: relative; top: -1px; vertical-align: middle; border: 0rem; padding: 0rem 0.2rem 0rem 0rem; margin: 0rem; }

.wal-bg-red					{ background: tomato; }
.wal-bg-orange				{ background: #f93; }
.wal-bg-yellow				{ background: #ff4; }
.wal-bg-lightblue			{ background: #8be; }
.wal-bg-lightgreen			{ background: #9e9; }
.wal-bg-gray				{ background: #666; }
.wal-bg-lightgray			{ background: #eee; }
.wal-bg-lightyellow			{ background: #ffa; }

.wal-fg-red					{ color: tomato; }
.wal-fg-orange				{ color: #f93; }
.wal-fg-yellow				{ color: #ff4; }
.wal-fg-green				{ color: #696; }
.wal-fg-blue				{ color: #379; }
.wal-fg-lightblue			{ color: #8be; }
.wal-fg-lightgreen			{ color: #9e9; }
.wal-fg-gray				{ color: #666; }
.wal-fg-lightgray			{ color: #ccc; }

table.wal-form-table		{ border: 0; padding: 0.5rem; }
table.wal-form-table th		{ border-radius: 0rem 0rem 0rem 0rem;  }
table.wal-form-table td		{ border-radius: 0rem 0rem 0rem 0rem; background: var(--wal-row-even); }

.wal-dynacont p				{ display: block; text-align: justify; max-width: 50rem; }
.wal-dynacont div			{ display: block; text-align: justify; max-width: 50rem; }
.wal-dynacont ul			{ max-width: 50rem; }
.wal-dynacont table			{ border: 0; border-collapse: collapse; border-spacing: 0; padding: 0; margin: 0; }
.wal-dynacont table td		{ vertical-align: middle; padding: 0.3rem; margin: 0; }
.wal-dynacont table th		{ background: #666; color: #ffffff; border-radius: 0.5rem 0.5rem 0rem 0rem; font-weight: bold; padding: 0.3rem; border: 0; }

.wal-popup-overlay			{ width: 100%; height: 100%; overflow:scroll; position: fixed; opacity: 0.95; background: #eee; z-index: 9998; }
.wal-popup-content			{ border: 1px solid gray; border-radius: 0.5rem; background: #fff; width: 90%; margin: 4%; padding: 1rem; position: fixed;  z-index: 9999; }

.wal-page-element			{ background: #eee; border-radius: 0.5rem; padding: 0.5rem; padding-right: 1rem; display: inline-block; width: 95%; margin-bottom: 0.3rem; }
.wal-nowrap 				{ white-space: nowrap; }

.wal-block-600				{ display: block; text-align: justify; max-width: 60rem; padding-right: 1rem; }
.wal-block-700				{ display: block; text-align: justify; max-width: 70rem; padding-right: 1rem; }
.wal-block-800				{ display: block; text-align: justify; max-width: 80rem; padding-right: 1rem; }

.wal-beforebottom			{ height: 3rem; }
.wal-bottom					{ width: 100%; height: 2rem; position: fixed; bottom: 0rem;
							  line-height: 2rem; vertical-align: middle; padding-left: 1rem;
							  background: var(--wal-bg-1); color:#eee; font-size: .8rem; z-index: 9998; }

.wal-flex-100				{ display: flex; flex-basis: 100%; flex-flow: row wrap; align-items: center;
							  vertical-align: middle; justify-content: space-between; }

.wal-flex-100-top			{ display: flex; flex-basis: 100%; flex-flow: row wrap; align-items: start;
							  vertical-align: middle; justify-content: space-between; }
							  
.wal-key-value				{ display: flex; flex-basis: min-content; flex-flow: row wrap; align-items: center;
							  vertical-align: middle; justify-content: space-between; 
							  border-bottom: 1px dashed lightgray; }

.wal-flex-form-nav			{ display: flex; flex-basis: min-content; flex-flow: row wrap; align-items: left;
							  vertical-align: middle; justify-content: start;
							  border-bottom: 1px dashed lightgray; min-width: 30rem;}
.wal-flex-form-item			{ padding: 0.25rem; }

th[class=table-desktop]		{ display: none }
td[class=table-desktop]		{ display: none }
@media (min-width: 40em) {
th[class=table-desktop]		{ display: table-cell }
td[class=table-desktop]		{ display: table-cell }
}