:root {
	--wf-def-btn-color: #3e5278;
	--wf-dataImage-size: 150px;
	--wf-grid-imageDisplayType: 1;
}

body {
	padding: 0 0 10px;
	min-height: 300px;
}

input:focus, textarea:focus, select:focus {
	outline: 0;
	box-shadow: 0 0 0 1px rgba(241, 90, 41, 1) !important;
	border: 0;
}

input[disabled] {
	pointer-events: none;
}

input::-ms-reveal,
input::-ms-clear {
	display: none;
}

.tooltip-inner {
	max-width: 400px !important;
}

.bootstrap-datetimepicker-widget, dropdown-menu {
	z-index: 1100;
	border: 2px red !important;
}

.wf-w-100-minus-scroll {
	width: calc(100% - 20px) !important;
}

.wf-registerContent input::placeholder {
	color: gray !important;
	opacity: 0.5;
}

.wf-hidden {
	display: none !important;
}

.wf-toolbar {
	padding-bottom: 5px;
}

.wf-toolbar a {
	color: inherit;
	text-decoration: none;
}


.wf-tileButton, .button {
	width: 12.7em;
	padding: 10px;
	margin: 4px;
	border: 0px;
	font-size: 0.8em;
}

.wf-tileButton {
	font-size: 0.86em;
	width: 100%;
	height: 100px;
	max-width: 160px;
}

.wf-formButton.wf-tileButton {
	margin: 0;
}

.form-group .button {
	width: 100%;
	padding: 5px;
	border: 1px solid #ccc;
	color: white;
	font-weight: bold;
	position: relative;
}

.form-group .button, .wf-active, .wf-enum-buttonPicker label.wf-active:hover {
	background-color: var(--wf-def-btn-color);
}

.form-group .button:disabled {
	color: black;
}

.form-group label{
	font-weight: bold;
}

.nav-tabs .nav-item .nav-link {
	color: var(--wf-def-btn-color);
}

.form-group .button:hover:not(.disabled), .nav-tabs .nav-link.active {
	color: #f15a29;
	font-weight: bold;
}

.form-group .button.wf-formButton, .btn.button {
	margin: 0;
	height: 38px;
}

.form-group .button.wf-formButton {
/*	top: 31px;  */
}

.form-control, .input-group > .input-group-append > .input-group-text, .form-group .button.wf-formButton {
	border-radius: .25rem !important;
}


input.wf-edit[readonly], .form-control[disabled] {
	background-color: white;
}

input.wf-edit[readonly] {

}

/*
label > span.wf-required, label + span.wf-required
*/
span.wf-required {
	vertical-align: text-top;
	font-size: 0.75em;
	color: red;
	padding-left: 6px;
}

/*
input.wf-required:invalid, select.wf-required:invalid, input.wf-required[readonly]:invalid, input.wf-is-invalid, input.wf-is-invalid:focus {
	background-color: orange !important;
}
*/

.form-group .form-control.f4 {
	width: 94%;
	background-color: white;
}

/*div.form-row:not(.wf-buttonsOnly) > div.form-group {*/
div.form-row > div.form-group {
	flex: 0 50%;
	max-width: initial;
}

.f4-icon {
	width: 40px;
}

.del-icon {
    display: flex;
	background-color: transparent;
	border: 0;
	position: relative;
	width: 0;
	padding: 0;
}

.wf-form-search-box .del-icon, .wf-grid-search-box .del-icon {
	position: absolute;
	left: calc(100% - 12px);
	top: 29px;
}

.del-icon span.fa-times {
	color: #ff6666;
	position:absolute;
	left: -20px;
	z-index: 100;
}

.del-icon span.fa-times-circle {
	color: #d3d3d3;
	position:absolute;
	left: -20px;
	z-index: 100;
}

select.wf-enum + .del-icon span.fa-times, select.wf-enum + .del-icon span.fa-times-circle {
	left: -30px;
}

div.input-group.date + .del-icon span.fa-times, div.input-group.date + .del-icon span.fa-times-circle {
	left: -60px;
}

.wf-input-w-del {
	padding-right: 25px;
}

.input-group-append {
	cursor: pointer;
}

.wf.editing input:not(.f4):disabled, textarea.wf-memo.editing:disabled, div:not(.wf-commonContainer) .form-control.disabled:not(.wf-qrCode),
.input-group .input-group-append.wf-existingSignature .input-group-text {
	background-color: lightgray;
}

.input-group-append.wf-existingSignature {
	cursor: default;
}

.input-group-append .form-group.wf-dataSignature {
	padding-left: 2px;
}

.input-group .wf-dataSignature i {
	padding-right: 10px;
	padding-left: 10px;
}

.input-group .wf-dataSignature .button {
	padding: 8px;
}

.modal-dialog.wf-signByCert input[name='pfx']
{
	border: none;
}

.modal-dialog.wf-signByCert label[id='signCertPwdLabel'] {
	padding-top: 10px;
}

div.wf-commonContainer div.wf-commonContainer-item .form-control {
	background-color: initial;
}

.wf-memo-copy-icon {
	padding-left: 10px;
}

.wf-qrCode {
	height: auto;
	min-width: 400px;
	max-width: 400px;
	border: 0;
}

.wf-html {
	max-width: 100%;
}

.wf-html a {
	text-decoration: navy underline;
}

.wf-html span {
	zoom: 130%;
	scale: 130%;
	transform: scale(130%);
}

.wf-html img {
	max-width: 100%;
	height: auto !important;
}

@-moz-document url-prefix() {
	.wf-html span {
		font-size: 10pt !important;
	}
}

.navbar {
	padding: 0.3rem 1rem;
}

ul.navbar-nav li, ul.nav li {
	list-style: none;
}

.nav-link.disabled {
	color: lightgray;
}

ul.nav.nav-pills {
	padding-top: 14px;
}

.wf-help {
	padding-top: 12px;
}

.wf-inline-icon {
	top: 12px;
	left: 6px;
	cursor: pointer;
	position: relative;
}

.wf-inline-icon.disabled, button.disabled {
	cursor: default;
}

.wf-buttonImage {
	width: 3.5em;
	filter: invert(100%);
	padding-bottom: 8px;
}

.wf-tileButton .wf-buttonCaption, #form-81528_11241 .wf-buttonCaption {
	color: white;
	padding-bottom: 4px;
}

.wf-tabCaption
{
	font-size: 1.5em;
}

.form-row, .row, .wf-grid .row, .wf-grid .form-row {
	display: flex;
	flex-wrap: wrap;
	margin-left: 0;
	margin-right: 0;
	/*	justify-content: center; */
}

.form-row.wf-buttonsOnly {
		justify-content: normal;
}

.form-row .form-group {
	padding: 5px;
	margin-bottom: 0;
}

.form-row.wf-msg {
	padding-top: 10px;
}

.col-auto {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: auto;
	min-width: 300px; /* 460px; */
	max-width: 600px;
}

.wf-grid-wrapper {
	width: 100%;
}

.wf-grid {
	overflow: auto;
}

.wf-grid-cell-img {
	max-width: 170px;
}

.floatThead-wrapper {
	overflow: hidden;
}

.wf-grid-content .col-auto {
	min-width: 0;
}

.wf-grid-content .col-sm-12 {
	padding-left: 0;
	padding-right: 0;
}

.wf-grid-value {
	max-width: 400px;
	white-space: normal !important;
}

.wf-set {
	width: 100%;
	padding-bottom: 2px;
}

.wf-set .col-auto {
	min-width: initial;
}

.wf-set-label {
	width: 50%;
}

.wf-set-control {
	width: 50%;
}

.wf-set-control .toggle {
	float: right;
}

.wf-grid-image {
	width: var(--wf-dataImage-size);
	height: var(--wf-dataImage-size);
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: white;
	border-radius: .25rem;
	overflow: hidden;
}

/*
.wf-grid-image .wf-dataImage {
	width: var(--wf-dataImage-size);
	max-height: var(--wf-dataImage-size);
}

.wf-grid-image .wf-dataImage-h {
	height: var(--wf-dataImage-size);
	max-width: var(--wf-dataImage-size);
}
 */

.wf-control.wf-image .input-group, .wf-control.wf-qrCode .input-group {
	justify-content: center;
}

.wf-tooltip-icon {
	color: lightgrey;
	padding-left: 4px;
}

.tooltip-inner {
	max-width: 100% !important;
	max-height: 100% !important;
	overflow: hidden;
}

div.tooltip {
	max-width: 100% !important;
	max-height: calc(100vw - 100%) !important;
	overflow: hidden;
}


.wf-image .wf-dataImage, .wf-qiImage .wf-dataImage {
	width: auto;
	max-width: 100%;
}

.wf-image .wf-dataImage.empty, .wf-qiImage .wf-dataImage.empty {
	height: 200px;
}

.wf-dataImage-outer {
	border: 1px lightgray solid;
}

.wf-dataImage-outer.active {
	border: 1px black solid;
	box-shadow: 4px 5px 15px 0px rgba(0,0,0,0.75);
}

.wf-dataImage-select, .wf-input-hidden {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.wf-dataImage-buttons {
	padding-top: 10px;
}

.wf-dataImage-buttons span {
	padding: 10px;
}

.wf-dataImage-buttons i {
	font-size: 1.8em;
	cursor: pointer;
}

div.disabled .wf-dataImage-buttons, div:disabled .wf-dataImage-buttons {
	opacity: 0.7;
	cursor: default;
}

th.wf-grid-header {
	font-size: 1.1em;
	background-color: darkgray;
	vertical-align: middle !important;
}

/*
th.wf-grid-cell-download {
	width: 42px !important;
	max-width: 42px !important;
}

td.wf-grid-cell-download {
	padding-left: 14px;
}
*/
 

td.wf-grid-cell-download .input-group-text {
	height: 38px;
}

.wf-grid-row:hover {
	background-color: lightgrey !important;
}

.wf-grid-row .container {
	width: auto;
	padding-left: 0px;
	max-width: 100%;
}

.wf-grid.col-auto {
	width: 100%;
}

.wf-grid.col-auto, .wf-grid .col-auto {
	max-width: initial;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.wf-grid-row
{
	padding: 10px;
	cursor: pointer;
}

.wf-grid-row .form-row
{
	flex-wrap: unset;
}

.wf-grid-row .form-row.container
{
	padding-right: 0;
}

tr.wf-grid-row > td
{
	vertical-align: middle;
}

.wf-grid-row-image {
	width: 110px;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	align-items: center;
}

.wf-grid-row-selected {
	background-color: lightblue !important;
}

.wf-grid .wf-grid-first {
	font-size: 1.5em;
}

table.wf-grid-datatables.table {
	margin-top: 0 !important;
}

table.table-bordered.wf-grid-datatables th {
	border-bottom: 0;
}

.wf-grid-datatables .wf-grid-first {
	font-size: inherit;
}

.wf-grid-datatables.fixedHeader-floating {
	z-index: 10;
}

.wf-grid-datatables thead {
	background-color: white;
}

.wf-grid-datatables thead th {
}

table.DTCR_clonedTable.dataTable {
	z-index: 1202;
}

.wf-grid div.dts div.dataTables_scrollBody {
	background: inherit !important;
}

.tabulator .tabulator-header {
	position: sticky;
	top: 0;
}


div.DTCR_pointer {
	z-index: 1201;
}

.wf-grid-row .container .col-auto {
	width: 50%;
}

.wf-grid-search-box, .wf-form-search-box {
	position: relative;
	padding: 0 10px;
	padding-top: 10px;
}

.wf-grid-search-box .wf-search-icon, .wf-form-search-box .wf-search-icon {
	top: 22px;
	right: initial;
	left: 18px;
	color: #ccc;
	position: absolute;
}

.wf-grid-search-box .wf-grid-search, .wf-form-search-box .wf-form-search {
	width: 100%;
	padding-left: 34px;
	box-sizing: border-box;
}

.wf-grid-recCount {
	text-align: right;
	padding: 10px 0 5px 0;
	font-size: 0.86em;
}

.wf-grid-content .wf-grid-row:nth-child(even) {
	background-color: #f9f9f9;
}

.wf-commonContainer {
/*
	position: relative;
	left: 30%;
*/
	margin-top: 10px;
}

.wf-commonContainer .wf-commonContainer-item {
/*	padding-right: 20px; */
}

.wf-commonContainer-item .col-auto:first-child {
	padding-left: 0;
}

.wf-commonContainer-item div.form-group {
	text-align: left !important;
}

.wf-commonContainer .wf-buttonContainer {
	display: flex;
	flex-wrap: wrap;
}

.wf-commonContainer .wf-buttonContainer .col-auto {
	min-width: 0;
	width: 170px;
}

.wf-commonContainer .wf-buttonContainer .wf-commonContainer-item {
	min-width: 0;
	width: 170px;
}

.wf-commonContainer .wf-buttonContainer .wf-commonContainer-item > .wf-tileButton {
	position: relative;
	padding-right: 15px;
}


.wf-commonContainer .wf-buttonContainer .wf-label-div.wf-tile {
	height: 10px;
}

.wf-commonContainer .wf-buttonContainer .wf-label-div .wf-empty {
	margin-bottom: 0;
}

.wf-label {
	font-size: 1.7em;
}

/*
div.form-row:not(.wf-buttonsOnly) > div.form-group.wf-control.wf-label,
div.form-row:not(.wf-buttonsOnly) > div.form-group.wf-control.wf-memo
*/
div.form-row > div.form-group.wf-control.wf-label,
div.form-row > div.form-group.wf-control.wf-memo,
div.form-row > div.form-group.wf-control.wf-image {
	flex: 0 100%;
	font-size: 1em;
}

/*
.wf-tab-content {
	padding: 10px 10px 10px 10px;
	overflow-y: auto;
	height: calc(100vh - 220px);
}
*/

/*
.wf-mainMenu .wf-tab-content {
	height: calc(100vh - 120px);
}
*/

.wf-splash {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0.5;
	filter: alpha(opacity=50);
	background-color: #FEFEFE;
	z-index: 10000;
}

.wf-splash-image {
	position: absolute;
	top: 50%;
	left: 50%;
}

.wf-nav-logout, .wf-nav-delete {
	border-left: solid black 2px;
}

.wf-form-nav:not(.wf-hidden) {
	background-color: #f0f0f0;
	border-color: #e7e7e7;

	display: -ms-flexbox !important;
	display: flex !important;
	flex-wrap: nowrap;
	z-index: 1500;
}

.wf-form-nav .container-fluid {
	padding-left: 0px;
}

.wf-nav-icon {
	top: 0px;
	width: 64px;
	height: 48px;
	font-size: 1.7em;
	text-align: center;
	padding-top: 10px;
}

.wf-nav-icon:hover {
	 background-color: lightgrey;
}

.wf-body > .col {
	padding-left: 10% !important;
	padding-right: 10% !important;
}

.wf-container-top {
	background-color: white;
}

.wf-container-top .nav-tabs {
	padding-top: 10px;
}

.wf-container-content {
/*
	padding-left: 1px;
	overflow: auto;
*/
	padding: 0 5px;
}

.wf-login, .wf-register, .wf-chPwd {
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	min-height: 100%;
	padding: 20px;
}

.wf-loginContent, .wf-registerContent, .wf-chPwdContent {
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	background: #E3E3E3;
	width: 90%;
	max-width: 450px;
	position: relative;
	padding: 0 0 10px 0;
/*
	-webkit-box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
	box-shadow: 0 30px 60px 0 rgba(0,0,0,0.3);
*/
	text-align: center;
}

.wf-registerContent {
	max-width: 550px;
}

.wf-regItem {
	display: flex;
	flex-direction: row;
	align-items: center;
	text-align: initial;
	padding: 5px 10px;
}
.wf-regItem label {
	padding-top: 10px;
	padding-left: 2px;
	font-weight: bold;
	width: 180px;
}

.wf-regItem label#regApprovalLabel {
	width: auto;
	padding-left: 10px;
	margin-top: -3px;
	text-decoration: underline;
	color: var(--wf-def-btn-color);
	cursor: pointer;
}

.wf-regApprovalDialog {
	max-width: 70%;
}

.wf-loginContent input[type=text],
.wf-loginContent input[type=password],
.wf-registerContent input[type=text],
.wf-registerContent input[type=password],
.wf-registerContent select,
.wf-chPwdContent input[type=password],
.wf-chPwdContent input[type=text] {
	margin: 5px;
	width: 95%;
	text-align: center;
	height: calc(1.5em + .75rem + 2px);
	border-radius: .25rem !important;
	border: 1px solid #ced4da;
}

.wf-registerContent input[type=text],
.wf-registerContent input[type=password],
.wf-registerContent select {
	padding: 5px 10px;
	text-align: left;
}

.wf-registerContent select, .wf-registerContent option {
	padding-left: 8px;
}


.wf-loginContent input[type=button],
.wf-loginContent input[type=submit],
.wf-loginContent input[type=reset],
.wf-registerContent input[type=button],
.wf-registerContent input[type=submit],
.wf-registerContent input[type=reset],
.wf-chPwdContent input[type=submit] {
	width: 40%;
	background-color: var(--wf-def-btn-color);
	text-align: center;
	text-decoration: none;
	color: white;
	border: 1px solid #ccc;
	font-weight: bold;
	height: 38px;
	margin: 20px 5px;
	border-radius: .25rem !important;
}

.wf-loginContent input[type=button]:hover,
.wf-loginContent input[type=submit]:hover,
.wf-loginContent input[type=reset]:hover,
.wf-registerContent input[type=button]:hover,
.wf-registerContent input[type=submit]:hover,
.wf-registerContent input[type=reset]:hover,
.wf-chPwdContent input[type=submit]:hover {
	color: #f15a29;
	font-weight: bold;
}


.wf-registerContent input#submit {
	margin-top: 40px;
}


.wf-loginContent img, .wf-registerContent img, .wf-chPwdContent img {
	margin-top: 20px;
	margin-bottom: 20px;
	width: 64px;
}

.wf-loginContent .wf-loginFailed, .wf-chPwdMessage {
	color: red;
	font-weight: bold;
	margin: 10px 0 10px 0;
}

.wf-loginContent .wf-registerLink {
	text-align: right;
	padding-right: 9%;
	color: var(--wf-def-btn-color);
	font-weight: bold;
	cursor: pointer;
	text-decoration: underline;
}

.wf-loginContent .wf-form #password, .wf-chPwdContent .wf-form #chPwdPassword1 {
	margin-left: -8px;
}

i.wf-togglePassword {
	margin-left: -36px;
	cursor: pointer;
	color: gray;
}

.toggle.round, .toggle-on.round, .toggle-off.round {
	border-radius: 20rem;
}

.toggle.round .toggle-handle {
	border-radius: 20rem;
}

textarea.wf-memo {
	height: 300px;
}

.wf-tBar-left {
}

.wf-tBar-caption {
	font-size: 1.5em;
	padding-left: 10px;
	height: 2em;
	padding-top: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	flex-grow: 2;
}

.wf-tBar-caption .nav-item {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.wf-tBar-right {
	}

.toggle.disabled {
	cursor: default;
}
	
.toggle.disabled .toggle-group label, .toggle.disabled .toggle-group span {
	cursor: default;
}

.toggle[disabled] .toggle-group .btn-primary {
	background-color: #3e78b7;
}

.wf-enum-buttonPicker label, .wf-enum-buttonPicker label:hover {
	color: black !important;
}

.wf-enum-buttonPicker label.wf-active {
	color: white !important;
}

.wf-enum-buttonPicker:not(.disabled) label:not(.wf-active) {
	background-color: white;
}

.wf-enum-buttonPicker label.selected {
	color: white;
}

.wf-enum-buttonPicker.disabled, .wf-enum-buttonPicker.disabled .btn {
	opacity: 0.8;
	cursor: default;
}

.wf-navIcons {
	-ms-flex-direction: row !important;
	flex-direction: row !important;
}

.wf-kanban {
	display: flex;
	flex-direction: row;
	border-radius: 4px;
	padding-top: 10px;
}

.wf-kanban-panel {
	display: flex;
	flex: 1;
	flex-direction: column;
	min-width: 0;
}

.wf-kanban-panel-first {
	padding-left: 10px;
}

.wf-kanban-panel-first .wf-kanban-heading {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.wf-kanban-panel-last {
	padding-right: 10px;
}

.wf-kanban-panel-last .wf-kanban-heading {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}


.wf-kanban-heading {
	padding: 10px 15px;
	color: white;
	font-weight: bold;
	height: 44px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.wf-kanban-item {
	border: 1px solid black;
	border-radius: 4px;
	width: 97%;
	margin: 10px auto;
	padding: 10px;
	cursor: pointer;
}

.wf-kanban-item-value {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.triangle {
	width: 0;
	height: 0;
	border-top: 22px solid;
	border-bottom: 22px solid;
	border-left: 10px solid;
	z-index: 10;
	border-left-color: white !important;
}

.wf-kanban-panel:not(.wf-kanban-panel-first)::before {
	content: " ";
	width: 0;
	height: 0;
	border-top: 22px solid transparent;
	border-bottom: 22px solid transparent;
	border-left: 10px solid;
	border-left-color: var(--wf-color);
	position: absolute;
	top: 30px;
	display: block;
	margin-top: -20px;
	margin-left: -13px;
	z-index: 15;
}

.wf-toast-wrapper {
	position: absolute;
	width: 100%;
	top: 0;
}

.wf-toast {
	position: absolute;
	top: 0;
	background-color: gray;
	border-radius: 10px 10px 10px 10px;
	font-weight: bold;
	color: white;
}

.wf-toast .toast-body {
	display: flex;
	align-items: center;
	height: 80px;
}

@media only screen and (max-width: 740px) {
	:root {
		--wf-dataImage-size: 80px;
	}

	.wf-form-nav:not(.wf-hidden), .wf-form-nav div:not(.wf-hidden) {
		display: flex !important;
		flex-basis: auto;
		height: 38px;
	}

	.wf-nav-icon {
		width: 48px;
		height: 38px;
		font-size: 1.3em;
		text-align: center;
		padding-top: 8px;
	}

	.wf-tBar-caption {
		height: 2em;
		font-size: 1.2em;
	}

	body {
		font-size: 0.84em;
	}

	.wf-kanban-heading {
		padding: 5px 15px;
		height: 30px;
	}
	
	.triangle {
		border-top: 15px solid;
		border-bottom: 15px solid;
	}

	.wf-kanban-panel:not(.wf-kanban-panel-first)::before {
		border-top: 15px solid transparent;
		border-bottom: 15px solid transparent;
	}
}

@media only screen and (max-width: 420px) {
	:root {
		--wf-dataImage-size: 60px;
	}

	.wf-registerContent {
		max-width: 100%;
		width: 100%;
	}

	.wf-regItem {
		padding-top: 0;
		padding-bottom: 0;
	}

	.wf-registerContent input#submit {
		margin-top: 20px;
	}

	.wf-registerContent input[type=text],
	.wf-registerContent input[type=password],
	.wf-registerContent select {
		padding: 5px 10px;
		padding-bottom: 5px;
		text-align: left;
	}


	.wf-registerContent select, .wf-registerContent option {
		padding-left: 5px;
	}

	.wf-form-nav:not(.wf-hidden), .wf-form-nav div:not(.wf-hidden) {
		display: -ms-flexbox !important;
		display: flex !important;
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
	}

	.wf-nav-icon {
		width: 48px;
		height: 33px;
		font-size: 1.3em;
		text-align: center;
		padding-top: 5px;
	}

	.wf-tileButton {
		font-size: 0.8em;
	}

	.wf-tileButton, .wf-commonContainer .wf-buttonContainer .col-auto {
		max-width: 146px;
	}

	.wf-tBar-caption {
		height: 2em;
		font-size: 1.2em;
	}

	.wf-nav-icon {
		height: 22px;
	}

	.wf-nav-logout {
		margin-left: auto !important;
	}

	.wf-grid-row-image {
		width: 90px;
	}

	.col-auto {
		min-width: 50%;
		width: 100%;
	}

	label.wf-empty {
		display: none;
	}

	textarea.wf-memo {
		height: 132px;
	}

	.wf-label {
		font-size: 1.2em;
	}

	.wf-html img {
		zoom: 80%;
	}

	.form-row .wf-grid-value .wf-edit {
		-ms-flex: initial;
		flex: initial;
		width: 70%;
	}

	body {
		font-size: 0.74em;
	}
}

@media only screen and (max-width: 320px) {
	:root {
		--wf-dataImage-size: 40px;
	}

	.wf-tileButton {
		max-width: inherit;
	}

	body {
		font-size: 0.64em;
	}
}