@charset "UTF-8";
/* *******************************************************
 * Style CSS
******************************************************** */

/*--------------------------
	Base
---------------------------*/

html,
body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	font-size: 16px;
}


body {
	font-family: "Meiryo", "MS UI Gothic", Verdana, Arial, Helvetica, sans-serif;
}


.bg-ci-green {
	background-color: #00c7aa;
}


.bg-transparent {
	background: transparent !important;
}


.frontIcon.fa,
.frontIcon[class^="mif-"],
.frontIcon[class*=" mif-"] {
	margin-right: 0.4rem;
}


p {
	margin: .5em 0;
}


label {
	cursor: default;
}


input,
textarea {
	font-family: "Meiryo", "MS UI Gothic", Verdana, Arial, Helvetica, sans-serif;
}

input:placeholder,
input:-ms-input-placeholder,
textarea:placeholder,
textarea:-ms-input-placeholder {
	color: #cacaca;
}


button {
	font-family: "Meiryo", "MS UI Gothic", Verdana, Arial, Helvetica, sans-serif;
}


/*--------------------------
	class
---------------------------*/

/*
	jquery ui style
*/

.ui-front {
	z-index: 100;
}


.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}


.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}

.ui-menu .ui-menu-item {
	margin: 0;
	cursor: pointer;
}

.ui-menu .ui-menu-item .ui-menu-item-wrapper {
	position: relative;
	padding: 3px 1em 3px .4em;
}

.ui-menu .ui-menu-item .ui-state-active {
	margin: -1px;
	border: 1px solid #003eff;
	background: #007fff;
	font-weight: normal;
	color: #fff;
}


.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 1em;
}


.ui-widget-content {
	border: 1px solid #ddd;
	background: #fff;
	color: #333;
}


.ui-widget.ui-widget-content {
	border: 1px solid #c5c5c5;
}


.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}


.ui-selectable-helper {
	position: absolute;
	z-index: 10000;
	border: 1px dotted #555;
}


/* end jquery ui style */

input[type="date"],
input[type="datetime-local"],
input[type="month"],
input[type="time"],
input[type="week"] {
	font-family: Terminal;
}

input[type="search"] {
	box-sizing: border-box;
}


.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}


.hide {
	display: none;
}


.loading {
	margin: auto;
	height: 100%;
	color: #ccc;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.loading.before {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 5;
}


.fullScreenLoading,
#fullScreenLoading {
	margin: auto;
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.3);
	z-index: 99999;
}

.fullScreenLoading:before,
#fullScreenLoading:before {
	content: '\f110';
	display: block;
	width: 100%;
	font-family: FontAwesome;
	font-size: 40px;
	color: #555;
	text-align: center;
	position: absolute;
	top: calc(100vh /2 - 20px);
	animation: fa-spin 1s infinite steps(8);
}


.badges {
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	background-color: #777;
	border-radius: 10px;
}


.no_permission {
	max-width: none;
	-ms-display: inline-flex;
	-webkit-display: inline-flex;
	display: inline-flex;
}

.no_permission .notify-text {
	font-size: 1rem;
}


/* metro custom */

.font-icon-layer {
	position: relative;
}

.font-icon-layer > span {
	text-shadow: 0 2px 0 #fff, 2px 2px 0 #fff, 2px 0 0 #fff, 2px -2px 0 #fff, 0 -2px 0 #fff, -2px -2px 0 #fff, -2px 0 0 #fff, -2px 2px 0 #fff;
	font-size: 0.5em;
	position: absolute;
	top: 0.1em;
	left: 0;
}

.font-icon-layer > span:first-child {
	font-size: 1em;
	text-shadow: none;
	position: static;
}


.t-menu > li.divider {
	border-bottom: 1px solid #999;
}


.text-secondary {
	margin-right: 0.5rem;
}


.app-bar .app-bar-element:hover,
.app-bar .app-bar-element:active,
.app-bar .text-element:hover,
.app-bar .text-element:active,
.app-bar .label:hover,
.app-bar .label:active {
	background-color: transparent;
	cursor: default;
}

.app-bar .label:hover,
.app-bar .label:active {
	background-color: transparent;
	cursor: default;
}

.app-bar .app-bar-menu > li {
	cursor: default;
}

.app-bar .app-bar-menu > li:hover,
.app-bar .app-bar-menu > li:active {
	background-color: transparent;
	cursor: default;
}

.app-bar .app-bar-menu > li > a.dropdown-select {
	margin: 1rem .2rem 1rem -.2rem;
	padding: 0 8px;
	line-height: 1.0rem;
	height: 1.125rem;
}

.app-bar .app-bar-menu > li > a.dropdown-select::before {
	left: 130%;
}

.app-bar .app-bar-menu > li > a.dropdown-select:hover {
	background-color: transparent;
}

.app-bar.small .app-bar-divider,
.app-bar.small .app-bar-element {
	height: 2.5rem;
	line-height: 2.5rem;
}

.app-bar.small .app-bar-menu > li,
.app-bar.small .app-bar-menu > li > a {
	height: 2.5rem;
	line-height: 2.5rem;
}

.app-bar.small .app-bar-menu > li.dropdown-select,
.app-bar.small .app-bar-menu > li > a.dropdown-select {
	margin: 0.6rem .2rem 0.5rem -.3rem;
	padding: 0 8px;
	line-height: 1.0rem;
	height: 1.0rem;
}

.app-bar .font-icon-layer > span {
	text-shadow: 0 2px 0 #0072c6, 2px 2px 0 #0072c6, 2px 0 0 #0072c6, 2px -2px 0 #0072c6, 0 -2px 0 #0072c6, -2px -2px 0 #0072c6, -2px 0 0 #0072c6, -2px 2px 0 #0072c6;
}

.app-bar.darcula .font-icon-layer > span {
	text-shadow: 0 2px 0 #3c3f41, 2px 2px 0 #3c3f41, 2px 0 0 #3c3f41, 2px -2px 0 #3c3f41, 0 -2px 0 #3c3f41, -2px -2px 0 #3c3f41, -2px 0 0 #3c3f41, -2px 2px 0 #3c3f41;
}

.app-bar.pink .font-icon-layer > span {
	text-shadow: 0 2px 0 #dc4fad, 2px 2px 0 #dc4fad, 2px 0 0 #dc4fad, 2px -2px 0 #dc4fad, 0 -2px 0 #dc4fad, -2px -2px 0 #dc4fad, -2px 0 0 #dc4fad, -2px 2px 0 #dc4fad;
}

.app-bar.red .font-icon-layer > span {
	text-shadow: 0 2px 0 #ce352c, 2px 2px 0 #ce352c, 2px 0 0 #ce352c, 2px -2px 0 #ce352c, 0 -2px 0 #ce352c, -2px -2px 0 #ce352c, -2px 0 0 #ce352c, -2px 2px 0 #ce352c;
}

.app-bar.green .font-icon-layer > span {
	text-shadow: 0 2px 0 #60a917, 2px 2px 0 #60a917, 2px 0 0 #60a917, 2px -2px 0 #60a917, 0 -2px 0 #60a917, -2px -2px 0 #60a917, -2px 0 0 #60a917, -2px 2px 0 #60a917;
}

.app-bar.orange .font-icon-layer > span {
	text-shadow: 0 2px 0 #fa6800, 2px 2px 0 #fa6800, 2px 0 0 #fa6800, 2px -2px 0 #fa6800, 0 -2px 0 #fa6800, -2px -2px 0 #fa6800, -2px 0 0 #fa6800, -2px 2px 0 #fa6800;
}


.flex-grid.row {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.flex-grid .cell-auto-size .cell.flex-shrink {
	-ms-flex: 0 1 auto;
	-webkit-flex: 0 1 auto;
	flex: 0 1 auto;
}

.flex-shrink {
	-ms-flex-shrink: 1;
	-webkit-flex-shrink: 1;
	flex-shrink: 1;
}

.flex-grow {
	-ms-flex-grow: 1;
	-webkit-flex-grow: 1;
	flex-grow: 1;
}


.notify.full-size {
	width: initial !important;
	max-width: initial;
}


.checkGroup::after {
	content: '';
	display: table;
	clear: both;
}

.checkGroup.inInput.input-group-field {
	padding: 1rem 1rem 0;
}

.checkGroup > label {
	position: relative;
	float: left;
}

.checkGroup > label span {
	margin-right: -1px;
}

.checkGroup > label span:hover {
	z-index: 2;
}

.checkGroup > label [type="checkbox"]:checked ~ span,
.checkGroup > label [type="radio"]:checked ~ span {
	background-color: #2199e8;
	color: #fff;
}

.checkGroup [type="checkbox"],
.checkGroup [type="radio"] {
	opacity: 0;
	position: absolute;
}

.checkGroup.small-group.inInput.input-group-field {
	padding: 0.3125rem;
}

.checkGroup.small-group.inInput.input-group-field .button {
	padding: 0 .625rem;
	line-height: 1.625rem;
	height: 1.625rem;
	font-size: 0.75rem;
}


.input-group select {
	margin: 0;
}

.input-group .input-group-field.inInput {
	margin: 0;
	padding: 0;
	width: 100%;
	height: auto;
	border: 1px solid #cacaca;
	box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
	border-radius: 0;
	transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
	-webkit-appearance: none;
	-moz-appearance: none;
}

.input-group .input-group-field.inInput [type='text'],
.input-group .input-group-field.inInput [type='password'],
.input-group .input-group-field.inInput [type='date'],
.input-group .input-group-field.inInput [type='datetime'],
.input-group .input-group-field.inInput [type='datetime-local'],
.input-group .input-group-field.inInput [type='month'],
.input-group .input-group-field.inInput [type='week'],
.input-group .input-group-field.inInput [type='email'],
.input-group .input-group-field.inInput [type='number'],
.input-group .input-group-field.inInput [type='search'],
.input-group .input-group-field.inInput [type='tel'],
.input-group .input-group-field.inInput [type='time'],
.input-group .input-group-field.inInput [type='url'],
.input-group .input-group-field.inInput [type='color'],
.input-group .input-group-field.inInput textarea {
	margin: 0;
	height: 100%;
	border: 0px none;
	display: block;
}

.input-group .input-group-field.inInput select.only {
	border-width: 0;
	outline: 0;
}

.input-control.input-trans {
	padding: 0;
}

.input-control.input-trans .prepend-icon {
	z-index: auto;
}

.input-control.input-trans input {
	background: transparent;
}

.input-control.select.height-auto {
	height: auto;
}

.input-control.select select {
	padding-right: 5px;
}

.input-control.select select[size="1"] {
	height: 30px;
}

.input-control.select select[size="2"] {
	height: 60px;
}

.input-control.select select[size="3"] {
	height: 90px;
}

.input-control.select select[size="4"] {
	height: 120px;
}

.input-control.select select[size="5"] {
	height: 150px;
}

.input-control.select select[size="6"] {
	height: 180px;
}

.input-control.select select[size="7"] {
	height: 210px;
}

.input-control.select select[size="8"] {
	height: 240px;
}

.input-control.select select[size="9"] {
	height: 270px;
}

.input-control.select select[size="10"] {
	height: 300px;
}

.input-control.date {
	width: 12.5rem;
}

.input-control input[readonly],
.input-control textarea[readonly],
.input-control select[readonly] {
	background-color: #ecece9;
}


.switch .check {
	margin: 0 1rem;
}

.switch.orange input:checked ~ .check {
	background-color: #f60;
}

.switch.orange .check {
	background-color: #bbb;
}


.treeview ul > li {
	cursor: default;
}

.treeview ul > li.active > .leaf {
	font-weight: normal;
	border-color: #99d1ff;
	background-color: #c7ebf5;
}

.treeview ul > li.active > .leaf:hover {
	background-color: #c7ebf5;
}

.treeview ul > li.active > .leaf[contenteditable="true"] {
	background-color: #fafafa;
}

.treeview ul > li.active > .leaf[contenteditable="true"]:hover {
	background-color: #fafafa;
}

.treeview ul > li > .leaf,
.treeview ul > li > .editName {
	padding: 1px 3px 1px 22px;
	border: 1px solid transparent;
	display: inline-block;
	cursor: pointer;
}

.treeview ul > li > .leaf:hover,
.treeview ul > li > .editName:hover {
	color: #555;
	background-color: #e5f3fe;
}

.treeview ul > li > .leaf .fa,
.treeview ul > li > .editName .fa {
	position: absolute;
	left: 3px;
}

.treeview ul > li > .leaf .tag,
.treeview ul > li > .editName .tag {
	margin: 0 2px 0 5px;
}

.treeview ul > li > .leaf .tag + .tag,
.treeview ul > li > .editName .tag + .tag {
	margin-left: 2px;
}

.treeview .fa-globe {
	color: #1ba1e2;
}

.treeview .fa-book {
	color: #825a2c;
}

.treeview .fa-tree {
	color: #008a00;
}

.treeview .fa-leaf {
	color: #a4c400;
}

.treeview .fa-archive {
	color: #bf5a15;
}

.treeview .fa-folder,
.treeview .fa-folder-open {
	color: #cc0;
}


/* end metro custom ********** */

.moreView {
	margin: 0;
	padding: 7px 12px;
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 10;
}


.read {
	margin: 1rem 0;
}

.read ul,
.read ol {
	margin-top: 0.2rem;
	margin-bottom: 0.2rem;
}

.read p + ul.continu {
	margin-top: -0.2rem;
	margin-left: 2.5rem;
}


ol.flow {
	margin: 1rem 0 0;
	padding-left: 2rem;
	counter-reset: flowNum 0;
}

ol.flow > li {
	margin: 0 0 4rem;
	list-style: none;
	counter-increment: flowNum;
	position: relative;
}

ol.flow > li:before {
	content: counter(flowNum) ". ";
	display: block;
	font-size: 2rem;
	position: absolute;
	left: -2.5rem;
	top: -0.6rem;
	font-family: "Meiryo", "MS UI Gothic" , Verdana, Arial, Helvetica, sans-serif;
}

ol.flow > li > h4 {
	margin: 0;
	padding: 0 0 .625rem;
	font-size: 1.5rem;
}

ol.flow.flow-form {
	padding-left: 6rem;
}

ol.flow.flow-form > li {
	padding-left: 15px;
	border-left: 5px solid #eee;
	min-height: 4rem;
}

ol.flow.flow-form > li:before {
	content: counter(flowNum);
	display: block;
	width: 5rem;
	text-align: right;
	font-size: 4rem;
	line-height: 3rem;
	height: 100%;
	color: #ddd;
	position: absolute;
	left: -6rem;
	top: 0;
	font-family: Arial, Helvetica, sans-serif;
}

ol.flow.flow-form > li.nowSlide {
	min-height: auto;
}


.table-compaire thead th {
	white-space: nowrap;
}

.table-compaire tbody tr {
	border-bottom: 1px solid #ddd;
}

.table-compaire tbody tr td .row {
	align-items: center;
}

.table-compaire tbody tr td .row .title {
	margin-right: 1rem;
	font-size: 0.8rem;
}

.table-compaire tbody tr td .row .title:after {
	content: ' : ';
}

.table-compaire tbody tr td:nth-of-type(1),
.table-compaire tbody tr td:nth-of-type(3),
.table-compaire tbody tr td:nth-of-type(4),
.table-compaire tbody tr td:nth-of-type(5),
.table-compaire tbody tr td:nth-of-type(6) {
	white-space: nowrap;
}


.scroll_table {
	height: 100%;
	position: relative;
}

.scroll_table .table-head,
.scroll_table .table-body {
	width: 100%;
}

.scroll_table .table-head table,
.scroll_table .table-body table {
	margin: 0;
	position: relative;
}

.scroll_table .table-head {
	overflow: hidden;
	position: relative;
	z-index: 10;
}

.scroll_table .table-head table thead {
	pointer-events: auto;
}

.scroll_table .table-head table tbody {
	visibility: hidden;
	pointer-events: none;
}

.scroll_table .table-body {
	overflow: auto;
	position: absolute;
	left: 0;
	z-index: 9;
}

.scroll_table .table-body table thead {
	visibility: hidden;
	pointer-events: none;
}


.space-f {
	margin-left: 4px;
}


.space-r {
	margin-right: 4px;
}


.single-tree {
	margin: 5px 0;
	padding: 0;
	list-style: none;
}

.single-tree > * {
	margin-left: 15px;
	position: relative;
}

.single-tree > *:before {
	margin-top: -0.325rem;
	border-right: 2px solid;
	border-bottom: 2px solid;
	border-color: #999;
	display: block;
	height: 7px;
	width: 7px;
	font-size: 0;
	content: "";
	position: absolute;
	top: 50%;
	left: -15px;
	z-index: 2;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.single-tree > *:first-child {
	margin-left: 0;
}

.single-tree > *:first-child:before {
	display: none;
}

.single-tree > * .fa {
	margin: 0 4px;
}


.bookTags .tag {
	background-color: #60a917;
	color: #fff;
}

.bookTags .tag.tag0 {
	background-color: #60a917;
}

.bookTags .tag.tag1 {
	background-color: #17a923;
}

.bookTags .tag.tag2 {
	background-color: #17a978;
}

.bookTags .tag.tag3 {
	background-color: #1785a9;
}

.bookTags .tag.tag4 {
	background-color: #172fa9;
}

.bookTags .tag.tag5 {
	background-color: #5417a9;
}

.bookTags .tag.tag6 {
	background-color: #a917a9;
}

.bookTags .tag.tag7 {
	background-color: #a91754;
}

.bookTags .tag.tag8 {
	background-color: #a92f17;
}

.bookTags .tag.tag9 {
	background-color: #a98517;
}

.bookTags .tag.tag10 {
	background-color: #78a917;
}


#logWindow {
	padding: 10px 0 0;
	width: 100%;
}

#logWindow #logWindowToolBar {
	padding: 0 1rem;
	background-color: #999;
}

#logWindow #logWindowToolBar .app-bar-menu li,
#logWindow #logWindowToolBar .app-bar-element,
#logWindow #logWindowToolBar .app-bar-divider {
	height: 2.188rem;
	line-height: 2.188rem;
}

#logWindow #logWindowToolBar .app-bar-divider {
	background-color: #aaa;
}

#logWindow #logWindowToolBar .app-bar-element:not(.label):hover {
	background-color: #7ab4e0;
}

#logWindow #logWindowToolBar .app-bar-element:not(.label).active {
	background-color: #338dd0;
}

#logWindow #logWindowToolBar .filter_view .filter_view_label:after {
	content: "\00a0:\00a0";
	display: inline;
}

#logWindow #logWindowToolBar .filter_view .app-bar-menu .app-bar-element {
	font-size: 0.8rem;
}

#logWindow #logWindowToolBar .filter_view .app-bar-menu .app-bar-element label {
	margin: 0;
	line-height: 2.188rem;
}

#logWindow #logWindowToolBar .filter_view .app-bar-menu .app-bar-element label.checkbox .check {
	border-radius: 3px;
}

#logWindow #logWindowToolBar .show_view {
	margin: 0 -1rem 0 1rem;
}

#logWindow #log {
	border: 1px solid #999;
	height: 120px;
	overflow: auto;
	font-size: 0.78125rem;
}

#logWindow #log table {
	margin: 0.3125rem 0;
}

#logWindow #log table th,
#logWindow #log table td {
	padding: 0.125rem 0.4375rem;
	white-space: nowrap;
}

#logWindow #log table th.comment,
#logWindow #log table td.comment {
	width: 80%;
}

#logWindow #log table thead {
	border-bottom: 0 none;
}

#logWindow #log table tbody .editBtn {
	color: #2086bf;
	text-decoration: underline;
	cursor: pointer;
}

#logWindow #log table tbody .comment > * {
	padding-right: 1em;
}

#logWindow #log table tbody .comment > *:last-child {
	padding-right: 0;
}

#logWindow #log table tbody .comment .sync::after,
#logWindow #log table tbody .comment .versionUp::after {
	content: ' ]';
}

#logWindow #log table tbody .comment .sync > *::after,
#logWindow #log table tbody .comment .versionUp > *::after {
	content: ' | ';
}

#logWindow #log table tbody .comment .sync > *:last-child::after,
#logWindow #log table tbody .comment .versionUp > *:last-child::after {
	content: none;
}

#logWindow #log table tbody .comment .sync::before {
	content: 'SYNC:[ ';
}

#logWindow #log table tbody .comment .sync .sync-src::before {
	content: 'SRC: ';
}

#logWindow #log table tbody .comment .sync .sync-srcLang::before {
	content: 'LANG: ';
}

#logWindow #log table tbody .comment .versionUp::before {
	content: 'Version Up:[ ';
}

#logWindow #log table tbody .comment .versionUp .versionUp-date::before {
	content: 'DATE: ';
}

#logWindow #log table tbody .comment .versionUp .versionUp-msg::before {
	content: 'MSG: ';
}

#logWindow #log table tbody .comment .versionUp .versionUp-label::before {
	content: 'LABEL: ';
}


#logEditDialog .editContents {
	border-collapse: separate;
	border-spacing: 10px;
}

#logEditDialog .editContents th,
#logEditDialog .editContents td {
	padding: 0;
}

#logEditDialog .editContents th {
	padding-right: 10px;
	border-right: 5px solid #cde6f7;
	width: 25%;
	text-align: right;
	font-weight: normal;
}

#logEditDialog .editContents td textarea {
	min-height: 3.5rem;
}

#logEditDialog .editContents td span.label,
#logEditDialog .editContents td label {
	font-size: .9em;
	display: inline-block;
}

#logEditDialog .editContents td span.label {
	margin-right: .8em;
}

#logEditDialog .editContents td span.label::after {
	content: ":";
}

#logEditDialog .editContents td .exist {
	padding: 5px;
	border: 2px dashed #ddd;
	border-radius: 8px;
}

#logEditDialog .editContents td .del_var {
	margin: 0 0 .5rem;
}

#logEditDialog .editContents td .del_var .switch .check {
	margin-left: 0;
}

#logEditDialog #var_up_free_text {
	width: 70%;
	-ms-display: inline-flex;
	-webkit-display: inline-flex;
	display: inline-flex;
}

#logEditDialog #var_up_free_text > * + * {
	margin-left: -1px;
}

#logEditDialog #var_up_free_text #var_up_free_input {
	-ms-flex: 1 0 auto;
	-webkit-flex: 1 0 auto;
	flex: 1 0 auto;
	width: auto;
}

#logEditDialog #var_up_free_text .pulldown {
	padding: 0 0.5rem;
	position: relative;
}

#logEditDialog #var_up_free_text #var_up_free_input:hover,
#logEditDialog #var_up_free_text #var_up_free_input:focus,
#logEditDialog #var_up_free_text .pulldown:hover,
#logEditDialog #var_up_free_text .pulldown:focus {
	z-index: 3;
}

#logEditDialog .ui-autocomplete .selected {
	background: #cce5ff;
}


.dialog-custom {
	background-color: transparent;
	float: none;
	box-shadow: none;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.dialog-custom.dropdown-black {
	background-color: rgba(0, 0, 0, 0.2);
}

.dialog-custom.dropdown-black2 {
	background-color: rgba(0, 0, 0, 0.5);
}

.dialog-custom > .inner {
	margin: auto;
	background-color: #fff;
	width: 500px;
	max-height: calc(100vh - 150px);
	min-height: 250px;
	box-shadow: 0 0 50px 10px rgba(0, 0, 0, 0.3);
	transition: width 300ms linear, height 300ms linear;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.dialog-custom > .inner > * {
	padding: 5px 10px;
}

.dialog-custom.w250 > .inner {
	width: 250px;
}

.dialog-custom.w300 > .inner {
	width: 300px;
}

.dialog-custom.w350 > .inner {
	width: 350px;
}

.dialog-custom.w400 > .inner {
	width: 400px;
}

.dialog-custom.w450 > .inner {
	width: 450px;
}

.dialog-custom.w500 > .inner {
	width: 500px;
}

.dialog-custom.w550 > .inner {
	width: 550px;
}

.dialog-custom.w600 > .inner {
	width: 600px;
}

.dialog-custom.w650 > .inner {
	width: 650px;
}

.dialog-custom.w700 > .inner {
	width: 700px;
}

.dialog-custom.w750 > .inner {
	width: 750px;
}

.dialog-custom.w800 > .inner {
	width: 800px;
}

.dialog-custom.w850 > .inner {
	width: 850px;
}

.dialog-custom.w900 > .inner {
	width: 900px;
}

.dialog-custom.w950 > .inner {
	width: 950px;
}

.dialog-custom.w1000 > .inner {
	width: 1000px;
}

.dialog-custom.w1050 > .inner {
	width: 1050px;
}

.dialog-custom.w1100 > .inner {
	width: 1100px;
}

.dialog-custom.w1150 > .inner {
	width: 1150px;
}

.dialog-custom.w1200 > .inner {
	width: 1200px;
}

.dialog-custom.p25 > .inner {
	width: 25%;
}

.dialog-custom.p30 > .inner {
	width: 30%;
}

.dialog-custom.p35 > .inner {
	width: 35%;
}

.dialog-custom.p40 > .inner {
	width: 40%;
}

.dialog-custom.p45 > .inner {
	width: 45%;
}

.dialog-custom.p50 > .inner {
	width: 50%;
}

.dialog-custom.p55 > .inner {
	width: 55%;
}

.dialog-custom.p60 > .inner {
	width: 60%;
}

.dialog-custom.p65 > .inner {
	width: 65%;
}

.dialog-custom.p70 > .inner {
	width: 70%;
}

.dialog-custom.p75 > .inner {
	width: 75%;
}

.dialog-custom.p80 > .inner {
	width: 80%;
}

.dialog-custom.p85 > .inner {
	width: 85%;
}

.dialog-custom.p90 > .inner {
	width: 90%;
}

.dialog-custom.p95 > .inner {
	width: 95%;
}

.dialog-custom.p100 > .inner {
	width: 100%;
}

.dialog-custom .dialog-header {
	margin-bottom: 15px;
	min-height: 35px;
	background: #cde6f7;
	line-height: 25px;
	position: relative;
}

.dialog-custom .dialog-header .dialog-close-button {
	background-color: transparent;
}

.dialog-custom .dialog-header .dialog-close-button:hover {
	background: #91c8ed;
}

.dialog-custom .dialog-contents {
	overflow-y: auto;
	position: relative;
	-ms-flex: 1 1 auto;
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
}

.dialog-custom .dialog-contents .treeview {
	padding: 0 0 0 30px;
	border: none;
	height: 300px;
}

.dialog-custom .dialog-contents .treeview ul > li.project > .leaf {
	background-color: transparent !important;
	border: none !important;
	cursor: default;
}

.dialog-custom .dialog-contents .item {
	margin: 0 5px 10px;
}

.dialog-custom .dialog-footer {
	padding: 15px 10px 10px;
	min-height: 60px;
	position: relative;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.dialog-custom .dialog-footer > * {
	margin: 0 5px;
	width: 100%;
}

.dialog-custom#addBookDialog .inner {
	max-height: calc(100vh - 30px);
}

.dialog-custom#addBookDialog .dialog-contents {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	overflow-y: visible;
}

.dialog-custom#addBookDialog .dialog-contents #dataImportShow {
	width: 100%;
}

.dialog-custom#addBookDialog .dialog-contents #dataImportShow .btnText {
	margin-left: 5px;
}

.dialog-custom#addBookDialog .dialog-contents .tabcontrol2 {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.dialog-custom#addBookDialog .dialog-contents .tabcontrol2 .tabs {
	display: none;
}

.dialog-custom#addBookDialog .dialog-contents .tabcontrol2 .tabs li:not(.base) {
	display: none;
}

.dialog-custom#addBookDialog .dialog-contents .tabcontrol2 .tabs li.active a {
	border-color: #d9d9d9;
	border-top-color: #ce352c;
}

.dialog-custom#addBookDialog .dialog-contents .tabcontrol2 .frames {
	border-color: #d9d9d9;
	border-width: 1px 0 0;
	border-style: none;
	transition: height 300ms linear;
}

.dialog-custom#addBookDialog .dialog-contents .tabcontrol2 .frames .frame {
	padding: 15px 0 0;
	overflow-y: auto;
}

.dialog-custom#addBookDialog .dialog-contents #tab_base {
	overflow-y: auto;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.dialog-custom#addBookDialog .dialog-contents #tab_base > * {
	width: 100%;
}

.dialog-custom#addBookDialog .dialog-contents #tab_base .right {
	padding: 10px;
	display: none;
}

.dialog-custom#addBookDialog .dialog-contents #tab_base .right #importInput {
	visibility: hidden;
	position: absolute;
	height: 0;
	width: 0;
}

.dialog-custom#addBookDialog .dialog-contents #tab_base .right #importData {
	border: 2px dashed #bbb;
	border-radius: 10px;
	padding: 50px 15px;
	height: 100%;
	text-align: center;
	color: #bbb;
}

.dialog-custom#addBookDialog .dialog-contents #tab_base .right #importData.tree {
	padding: 0;
}

.dialog-custom#addBookDialog .dialog-contents #tab_base .right #importData.tree .treeview {
	padding: 5px 10px;
	color: #333;
	height: 250px;
	overflow: auto;
	text-align: left;
}

.dialog-custom#addBookDialog .dialog-contents #tab_base .right #importData .files {
	color: #777;
}

.dialog-custom#addBookDialog .dialog-contents #tab_base .right #importData .files .import_progress {
	background: rgba(255, 255, 255, 0.9);
	height: 3px;
	position: relative;
}

.dialog-custom#addBookDialog .dialog-contents #tab_base .right #importData .files .import_progress::after {
	content: attr(data-size) " : " attr(data-prog) "%";
	display: block;
}

.dialog-custom#addBookDialog .dialog-contents #tab_base .right #importData .files .import_progress .progress {
	background: #333;
	background: linear-gradient(to bottom, #666, #444);
	display: block;
	height: 3px;
	width: 0;
	transition: width 300ms ease-in-out;
}

.dialog-custom#addBookDialog .dialog-contents #tab_base .right #importData .files .dz-success-mark,
.dialog-custom#addBookDialog .dialog-contents #tab_base .right #importData .files .dz-error-mark {
	display: none;
}

.dialog-custom#addBookDialog .dialog-contents #tab_base .right #importData .files.dz-error .dz-error-mark {
	display: block;
}

.dialog-custom#addBookDialog .dialog-contents #tab_base .right #importData .errlog {
	width: 400px;
	font-size: 0.875rem;
	word-break: break-word;
}

.dialog-custom#addBookDialog.loadData .inner {
	width: 1000px;
}

.dialog-custom#addBookDialog.loadData .inner .dialog-contents #tab_base .left,
.dialog-custom#addBookDialog.loadData .inner .dialog-contents #tab_base .right {
	-ms-flex: 0 1 50%;
	-webkit-flex: 0 1 50%;
	flex: 0 1 50%;
}

.dialog-custom#addBookDialog.loadData .inner .dialog-contents #tab_base .right {
	display: block;
}

.dialog-custom#addBookDialog.show-conditional .dialog-contents .tabcontrol2 .tabs {
	display: block;
}

.dialog-custom#addBookDialog.show-conditional .dialog-contents .tabcontrol2 .tabs li.conditional {
	display: block;
}

.dialog-custom#addBookDialog.show-conditional .dialog-contents .tabcontrol2 .frames {
	border-style: solid;
}

.dialog-custom#addBookDialog.show-conditional .dialog-contents #tab_conditional .attrList {
	margin: 0;
	display: table;
	border-spacing: 8px;
	border-collapse: separate;
}

.dialog-custom#addBookDialog.show-conditional .dialog-contents #tab_conditional .attrList .attr {
	display: table-row;
}

.dialog-custom#addBookDialog.show-conditional .dialog-contents #tab_conditional .attrList .attr .name,
.dialog-custom#addBookDialog.show-conditional .dialog-contents #tab_conditional .attrList .attr .values {
	padding: 0.175rem 0.5rem;
	display: table-cell;
	vertical-align: middle;
}

.dialog-custom#addBookDialog.show-conditional .dialog-contents #tab_conditional .attrList .attr .name {
	border-right: 5px solid #c9f;
}

.dialog-custom#addBookDialog.show-conditional .dialog-contents #tab_conditional .attrList .attr .values {
	display: table-cell;
}

.dialog-custom#addBookDialog.show-conditional .dialog-contents #tab_conditional .attrList .attr .values label {
	margin: 0.3125rem;
	line-height: 1.2;
	height: auto;
	min-height: auto;
}

.dialog-custom#addBookDialog.show-conditional .dialog-contents #tab_conditional .attrList .attr .values label .caption {
	margin: 0 0.25rem;
}

.dialog-custom#addBookDialog.show-files .dialog-contents .tabcontrol2 .tabs {
	display: block;
}

.dialog-custom#addBookDialog.show-files .dialog-contents .tabcontrol2 .tabs li.files {
	display: block;
}

.dialog-custom#addBookDialog.show-files .dialog-contents .tabcontrol2 .frames {
	border-style: solid;
}

.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files {
	padding: 15px 5px 0;
	overflow-y: visible;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files #book_files {
	min-height: 100%;
	width: 100%;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files #book_files .files {
	-ms-flex: 0 1 66%;
	-webkit-flex: 0 1 66%;
	flex: 0 1 66%;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files #book_files .files .explorer {
	border: 1px solid #ccc;
	min-height: 100%;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files #book_files .files .explorer .app-bar .viewtype a.active {
	background-color: #0CF;
}

.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files #book_files .files .explorer .explore_contents .list {
	-ms-flex: 1 0 auto;
	-webkit-flex: 1 0 auto;
	flex: 1 0 auto;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-ms-flex-line-pack: start;
	-webkit-align-content: flex-start;
	align-content: flex-start;
}

.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files #book_files .files .explorer .explore_contents .list .item .fig {
	border: 1px solid transparent;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files #book_files .files .explorer .explore_contents .list .item .fig:hover {
	border-color: #aedbf2;
	background-color: #eff9ff;
}

.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files #book_files .files .explorer .explore_contents .list .item .fig.active,
.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files #book_files .files .explorer .explore_contents .list .item .fig.ui-selected,
.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files #book_files .files .explorer .explore_contents .list .item .fig.ui-selecting {
	border-color: #64b4db;
	background-color: #e5f3fb;
}

.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files #book_files .files .explorer .explore_contents .list .item .fig .fig-image {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files #book_files .files .explorer .explore_contents .list .item .fig .fig-image img {
	display: block;
}

.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files #book_files .files .explorer .explore_contents .list .item.new,
.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files #book_files .files .explorer .explore_contents .list .item.update,
.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files #book_files .files .explorer .explore_contents .list .item.del {
	opacity: .5;
}

.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files #book_files .files .explorer .explore_contents .list .item.new {
	background-color: #f5a9f2;
}

.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files #book_files .files .explorer .explore_contents .list .item.new.active,
.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files #book_files .files .explorer .explore_contents .list .item.new.ui-selected {
	background-color: #ed64e8;
}

.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files #book_files .files .explorer .explore_contents .list .item.update {
	background-color: #a9f5a9;
}

.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files #book_files .files .explorer .explore_contents .list .item.update.active,
.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files #book_files .files .explorer .explore_contents .list .item.update.ui-selected {
	background-color: #64ed64;
}

.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files #book_files .files .explorer .explore_contents .list .item.del {
	background-color: #a4a4a4;
}

.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files #book_files .files .explorer .explore_contents .list .item.del.active,
.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files #book_files .files .explorer .explore_contents .list .item.del.ui-selected {
	background-color: #7e7e7e;
}

.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files #book_files .files .explorer .explore_contents.type-icons {
	overflow-y: auto;
}

.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files #book_files .files .explorer .explore_contents.type-icons .list > div {
	margin: 10px;
	width: 120px;
	height: 100px;
}

.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files #book_files .files .explorer .explore_contents.type-icons .list .item .fig {
	height: 100%;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files #book_files .files .explorer .explore_contents.type-icons .list .item .fig .fig-image {
	max-width: 100px;
	min-width: 100px;
	max-height: 194px;
}

.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files #book_files .files .explorer .explore_contents.type-icons .list .item .fig .fig-image img {
	max-width: 50px;
	max-height: 50px;
}

.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files #book_files .files .explorer .explore_contents.type-icons .list .item .fig .fig-caption {
	padding: 8px 0 6px;
	width: 100px;
	height: 36px;
	font-size: .75rem;
	line-height: 1rem;
	text-align: center;
}

.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files #book_files .files .explorer .explore_contents.type-list {
	overflow-x: auto;
}

.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files #book_files .files .explorer .explore_contents.type-list .list {
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files #book_files .files .explorer .explore_contents.type-list .list > div {
	margin: 2px 10px 2px 2px;
	width: auto;
	max-width: 250px;
}

.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files #book_files .files .explorer .explore_contents.type-list .list .item .fig {
	height: 100%;
}

.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files #book_files .files .explorer .explore_contents.type-list .list .item .fig .fig-image {
	margin: 1px;
	max-width: 24px;
	max-height: 24px;
	min-width: 24px;
}

.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files #book_files .files .explorer .explore_contents.type-list .list .item .fig .fig-image img {
	max-width: 24px;
	max-height: 24px;
}

.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files #book_files .files .explorer .explore_contents.type-list .list .item .fig .fig-caption {
	margin: 2px 7px;
	font-size: .75rem;
}

.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files #book_files .files .rev {
	margin-top: 7px;
	border: 1px solid #ccc;
	display: none;
	overflow: auto;
}

.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files #book_files .files .rev table {
	width: 100%;
	font-size: 0.75rem;
}

.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files #book_files .files .rev table thead {
	border-bottom: 1px solid #ccc;
}

.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files #book_files .files .rev table thead th {
	padding: 2px 5px;
	font-weight: normal;
	text-align: left;
}

.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files #book_files .files .rev table thead th + th {
	border-left: 1px solid #ccc;
}

.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files #book_files .files .rev table td {
	padding: 2px 5px;
	white-space: nowrap;
}

.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files #book_files .files .rev table td.rev-no {
	width: 30px;
	text-align: right;
}

.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files #book_files .files .rev table td.rev-date {
	width: 140px;
}

.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files #book_files .files .rev table td.rev-user {
	width: 140px;
}

.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files #book_files .files.show_rev .explorer {
	min-height: auto;
	-ms-flex: 1 0 auto;
	-webkit-flex: 1 0 auto;
	flex: 1 0 auto;
}

.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files #book_files .files.show_rev .rev {
	display: block;
	-ms-flex: 1 0 100px;
	-webkit-flex: 1 0 100px;
	flex: 1 0 100px;
}

.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files #book_files .property {
	margin-left: 7px;
	border: 1px solid #ccc;
	overflow-y: auto;
	-ms-flex: 0 1 34%;
	-webkit-flex: 0 1 34%;
	flex: 0 1 34%;
}

.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files #book_files .property table {
	width: 100%;
	font-size: 0.75rem;
}

.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files #book_files .property table th,
.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files #book_files .property table td {
	padding: 0.25rem 0.375rem;
	vertical-align: top;
}

.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files #book_files .property table th {
	text-align: left;
	font-weight: normal;
}

.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files #book_files .property table thead {
	border-bottom: 1px solid #ccc;
}

.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files #book_files .property table thead th {
	white-space: nowrap;
}

.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files #book_files .property table thead th + th {
	border-left: 1px solid #ccc;
}

.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files #book_files .property table tbody tr:first-child th,
.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files #book_files .property table tbody tr:first-child td {
	padding-top: 0.75rem;
}

.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files #book_files .property table tbody th {
	white-space: nowrap;
}

.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files #book_files .property table tbody td input,
.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files #book_files .property table tbody td textarea {
	padding: 1px 2px;
	border: 1px dashed #ccc;
	width: 100%;
	font-size: 0.75rem;
}

.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files #book_files .property table tbody td textarea {
	min-height: 45px;
}

.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files #book_files #bookfileUpInput {
	visibility: hidden;
	position: absolute;
	height: 0;
	width: 0;
}

.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files .supported_file {
	margin: 0;
	padding: 0.3rem 0 0;
	font-size: 0.8125rem;
}

.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files .supported_file .head {
	padding-right: 0.8rem;
}

.dialog-custom#addBookDialog.show-files .dialog-contents #tab_files .supported_file .head:after {
	content: ":";
	margin-left: 0.5rem;
	display: inline-block;
}

.dialog-custom#addBookDialog.active-tab-files .inner {
	width: 930px;
	min-height: 450px;
}

.dialog-custom#publishDialog .dialog-contents table {
	border-spacing: 10px;
	border-collapse: separate;
}

.dialog-custom#publishDialog .dialog-contents table th {
	padding: 0 10px 0 0;
	border-right: 5px solid #eee;
	text-align: left;
	font-weight: normal;
	white-space: nowrap;
}

.dialog-custom#publishDialog .dialog-contents .pub_type {
	width: auto;
}

.dialog-custom#publishDialog .dialog-contents .latest_check {
	min-height: inherit;
	height: auto;
	line-height: inherit;
}

.dialog-custom#publishDialog .dialog-contents .var_select {
	height: auto;
}

.dialog-custom#publishDialog .dialog-contents #pub_version {
	width: 100%;
	min-width: 300px;
}

.dialog-custom#movPlayer .dialog-header .name {
	font-weight: bold;
}


#fileUploadProgress {
	background: rgba(0, 0, 0, 0.2);
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2000;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

#fileUploadProgress .lists {
	margin: auto;
	padding: 25px 15px;
	border: 1px solid #bbb;
	background: #fff;
	box-shadow: 0 0 30px 10px rgba(0, 0, 0, 0.3);
	width: 400px;
	height: 200px;
	min-height: 200px;
	max-height: calc(100vh - 50px);
	overflow-y: auto;
}

#fileUploadProgress .lists table {
	width: 100%;
}

#fileUploadProgress .lists table .list {
	vertical-align: middle;
	white-space: nowrap;
	font-size: 0.875rem;
}

#fileUploadProgress .lists table .list td {
	padding: 0;
}

#fileUploadProgress .lists table .list .status {
	padding-left: 10px;
	min-width: 120px;
	max-width: 120px;
}

#fileUploadProgress .lists table .list .status .upload_progress {
	background: #ccc;
	height: 3px;
	position: relative;
}

#fileUploadProgress .lists table .list .status .upload_progress .progress {
	margin: 0;
	background: #333;
	background: linear-gradient(to bottom, #666, #444);
	display: block;
	height: 3px;
	width: 0;
	transition: width 300ms ease-in-out;
}

#fileUploadProgress .lists table .list .par {
	padding-left: 5px;
	width: 2.5rem;
}

#fileUploadProgress .lists table .list .par .parcent {
	font-size: 0.75rem;
}


.dialog-upload .dialog-contents .uploadInput {
	visibility: hidden;
	position: absolute;
	height: 0;
	width: 0;
}

.dialog-upload .dialog-contents .uploadData {
	padding: 15px;
	border: 2px dashed #bbb;
	border-radius: 10px;
	width: 100%;
	min-height: 200px;
	color: #bbb;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.dialog-upload .dialog-contents .uploadData > * {
	-ms-flex: 1 1 auto;
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
}

.dialog-upload .dialog-contents .uploadData .dic {
	margin: auto;
	display: block;
	text-align: center;
}

.dialog-upload .dialog-contents .uploadData .files {
	color: #777;
}

.dialog-upload .dialog-contents .uploadData .upload_progress {
	background: rgba(255, 255, 255, 0.9);
	height: 3px;
	position: relative;
}

.dialog-upload .dialog-contents .uploadData .upload_progress::after {
	content: attr(data-size) " : " attr(data-prog) "%";
	display: block;
}

.dialog-upload .dialog-contents .uploadData .upload_progress .progress {
	background: #333;
	background: linear-gradient(to bottom, #666, #444);
	display: block;
	height: 3px;
	width: 0;
	transition: width 300ms ease-in-out;
}

.dialog-upload .dialog-contents .uploadData .dz-success-mark,
.dialog-upload .dialog-contents .uploadData .dz-error-mark {
	display: none;
}

.dialog-upload .dialog-contents .uploadData.dz-error .dz-error-mark {
	display: block;
}


.dialog-ajaxError {
	background-color: rgba(255, 0, 0, 0.3);
}

.dialog-ajaxError .dialog-contents .log {
	width: 100%;
	height: 150px;
}


.alertwin {
	margin: auto;
	background-color: rgba(0, 0, 0, 0.2);
	width: auto;
	height: auto;
	color: #1d1d1d;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1050;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.alertwin > .inner {
	margin: auto;
	background-color: #fff;
	width: 350px;
	max-height: calc(100vh - 150px);
	box-shadow: 0 0 50px 10px rgba(0, 0, 0, 0.3);
	transition: width 300ms linear, height 300ms linear;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.alertwin > .inner > * {
	padding: 5px 15px;
}

.alertwin > .inner > .close {
	padding: .125rem 0 .625rem 0;
	height: 1.5rem;
	width: 1.5rem;
	min-height: 1.5rem;
	text-align: center;
	vertical-align: middle;
	font-size: 1rem;
	font-weight: normal;
	outline: none;
	cursor: pointer;
	color: #777777;
	position: absolute;
	top: .25rem;
	right: .25rem;
	z-index: 3;
}

.alertwin > .inner > .close:hover {
	background-color: #eee;
}

.alertwin > .inner > .contents {
	overflow-y: auto;
}

.alertwin > .inner > .footer {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.alertwin > .inner > .footer > * {
	margin: 0 5px;
	width: 100%;
}

.alertwin > .inner > .footer .done {
	background-color: #2086bf;
	color: #fff;
}


#ajaxErrorLogs {
	display: none;
	padding: 15px;
	background: rgba(255, 255, 255, 0.85);
	border: 1px solid #ccc;
	width: 750px;
	font-size: 0.875rem;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100000;
}

#ajaxErrorLogs > div + div {
	margin-top: 15px;
}

#ajaxErrorLogs > div textarea {
	width: 100%;
	height: 120px;
	background: rgba(255, 255, 255, 0.85);
}


/*--------------------------
	footer
---------------------------*/

footer {
	display: none;
	background: #00c7aa;
}

footer .menu.compact li a {
	padding: 0.35rem 0.7rem;
	font-size: 0.8rem;
}

footer .menu.compact a {
	color: #eef;
}

footer .menu.compact a:link {
	color: #eef;
}

footer .menu.compact a:link:visited {
	color: #ccf;
}

footer .menu.compact a:hover {
	color: #fff;
}


/*--------------------------
	TOP
---------------------------*/

#top footer {
	padding: 10px 0;
	background-color: #00c7aa;
	width: 100%;
	height: 120px;
	position: absolute;
	bottom: 0;
	color: #444;
	font-size: 10pt;
}

#top footer .grid {
	margin: auto;
	height: 100px;
	width: 970px;
	display: block;
	position: fixed;
	left: 0;
	right: 0;
}

#top footer .grid:before,
#top footer .grid:afetr {
	display: table;
	content: "";
}

#top footer .grid:afetr {
	clear: both;
}

#top footer .grid .cell {
	text-align: center;
}

#top footer .grid .cell div {
	margin: auto;
	display: inline-table;
	text-align: left;
}

#top footer a:link,
#top footer a:visited {
	color: #eef;
}

#top footer a:link:hover,
#top footer a:visited:hover {
	color: #fff;
}

#top .val:before {
	content: " : ";
}

#top .tile-area {
	padding-bottom: 150px;
	max-height: 100% !important;
	min-height: 770px;
}

#top .tile-area > header {
	position: fixed;
	top: 0;
	z-index: 100;
	width: 100%;
}

#top .tile-area > header h1 {
	margin: 0;
	background-repeat: no-repeat;
	background-size: contain;
	min-width: 250px;
	min-height: 32px;
	position: absolute;
	top: 42px;
	left: 85px;
	font-weight: 300;
	font-size: 42px;
	line-height: 1.1;
}

#top .tile-area > header h1 span {
	visibility: hidden;
}

#top .tile-area > header.kwix h1 {
	background-image: url(../img/logo01.png);
}

#top .tile-area > header.fr h1 {
	background-image: url(../skin/fr/img_sys/odes_pro_logo_top.png);
	height: 65px;
}

#top .tile-area > header #user {
	position: absolute;
	right: 40px;
	top: 50px;
}

#top .tile-area > header #user #currentUser {
	white-space: nowrap;
}

#top .tile-area > header #user #currentUser .group {
	font-size: 0.75rem;
}

#top .tile-area > header #user #currentUser .group::after {
	margin: 0 3px;
	content: ":";
}

#top .tile-area > header .headerBar {
	position: absolute;
	left: 450px;
	top: 50px;
}

#top .tile-area > header .headerBar > div {
	float: left;
}

#top .tile-area > header .headerBar:after {
	clear: both;
	display: table;
}

#top .tile-area > header .title {
	margin: 4px 0 0 10px;
	display: inline-block;
	vertical-align: middle;
}

#top .tile-group .tile-group-title {
	margin: 0;
	color: #000;
	font-size: 20px;
	font-weight: normal;
	top: 5px;
}

#top .tile-group .tile-group-title [class^="mif-"],
#top .tile-group .tile-group-title [class*=" mif-"] {
	margin-right: 10px;
	font-size: 1.3em;
}

#top .tile-group .tile-container {
	font-size: 0.8rem;
}

#top .tile-group .tile-container .tile-graphic {
	background-color: #fff;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	border: 1px solid #eee;
	border-radius: 0;
}

#top .tile-group .tile-container .tile-graphic.bg-img-planning {
	background-image: url("../img/planning.jpg");
}

#top .tile-group .tile-container .tile-graphic.bg-img-edit {
	background-image: url("../img/edit.jpg");
}

#top .tile-group .tile-container .tile-graphic.bg-img-translate {
	background-image: url("../img/translate.jpg");
}

#top .tile-group .tile-container .tile-graphic.bg-img-publish {
	background-image: url("../img/publish.jpg");
}

#top .tile-group .tile-container .tile-graphic .tile-label {
	padding-left: 0.65rem;
	padding-right: 0.65rem;
	left: 0;
	background-color: rgba(0, 0, 0, 0.45);
	width: 100%;
}

#top .tile-group .tile-container .tile,
#top .tile-group .tile-container .tile-small,
#top .tile-group .tile-container .tile-sqaure,
#top .tile-group .tile-container .tile-wide,
#top .tile-group .tile-container .tile-large,
#top .tile-group .tile-container .tile-big,
#top .tile-group .tile-container .tile-super {
	opacity: 0;
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
}

#top .tile-group .tile-container .tile-small:not(.tile-square-y) .tile-content.iconic .icon {
	top: 35%;
}

#top .tile-group .tile-container a.tile-content {
	color: inherit;
}

#top .tile-group .tile-label {
	padding-bottom: .25rem;
}

#top .tile-content.iconic .mif-file-empty .mif-help {
	width: 50%;
	height: 50%;
	font-size: .5em;
	top: 33%;
	margin-top: 0px;
	left: 25%;
	margin-left: 0px;
}


/*--------------------------
	login
---------------------------*/

#login {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

#login > section {
	padding: 0;
	-ms-flex: 1 1 auto;
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
}

#login > section .flex-grid {
	min-height: 100%;
	max-width: 100%;
	position: relative;
	bottom: 0;
}

#login > section .logo {
	-ms-flex: 0 0 40%;
	-webkit-flex: 0 0 40%;
	flex: 0 0 40%;
	max-width: 25%;
}

#login > section .logo svg {
	max-width: 100%;
}

#login > section .form {
	-ms-flex: 0 0 auto;
	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;
	max-width: 50%;
}

#login #logo {
	width: 70%;
}

#login #loginForm {
	margin: 25px 0;
	padding: 25px;
	border-left: 1px solid #ccc;
	width: 300px;
}

#login #loginForm .hide {
	display: none;
}

#login #loginForm .add-input-control {
	margin-top: 1rem;
}

#login #loginForm #ugroup {
	-moz-appearance: menulist;
	-webkit-appearance: menulist;
	appearance: menulist;
}

#login #loginForm #uid[readonly] {
	border: none;
}

#login footer {
	padding: 10px 0;
	background-color: #00c7aa;
	width: 100%;
	height: 120px;
	font-size: 0.8rem;
	color: #eef;
}

#login footer a:link,
#login footer a:visited {
	color: #eef;
}

#login footer a:link:hover,
#login footer a:visited:hover {
	color: #fff;
}

#login footer .row {
	margin-left: auto;
	margin-right: auto;
	max-width: 1000px;
}

#login footer .row .cell {
	padding-top: 10px;
	text-align: center;
}

#login footer .row .cell > div {
	margin: auto;
	display: inline-table;
	text-align: left;
}


/*
	IE 拡張
*/

.ie .flex-grid.row .cell,
.ie .flex-grid .row .cell {
	max-width: 8.33333%;
}

.ie .flex-grid.row .cell.size2,
.ie .flex-grid.row .cell.colspan2,
.ie .flex-grid .row .cell.size2,
.ie .flex-grid .row .cell.colspan2 {
	max-width: 16.66667%;
}

.ie .flex-grid.row .cell.size3,
.ie .flex-grid.row .cell.colspan3,
.ie .flex-grid .row .cell.size3,
.ie .flex-grid .row .cell.colspan3 {
	max-width: 25%;
}

.ie .flex-grid.row .cell.size4,
.ie .flex-grid.row .cell.colspan4,
.ie .flex-grid .row .cell.size4,
.ie .flex-grid .row .cell.colspan4 {
	max-width: 33.33333%;
}

.ie .flex-grid.row .cell.size5,
.ie .flex-grid.row .cell.colspan5,
.ie .flex-grid .row .cell.size5,
.ie .flex-grid .row .cell.colspan5 {
	max-width: 41.66667%;
}

.ie .flex-grid.row .cell.size6,
.ie .flex-grid.row .cell.colspan6,
.ie .flex-grid .row .cell.size6,
.ie .flex-grid .row .cell.colspan6 {
	max-width: 50%;
}

.ie .flex-grid.row .cell.size7,
.ie .flex-grid.row .cell.colspan7,
.ie .flex-grid .row .cell.size7,
.ie .flex-grid .row .cell.colspan7 {
	max-width: 58.33333%;
}

.ie .flex-grid.row .cell.size8,
.ie .flex-grid.row .cell.colspan8,
.ie .flex-grid .row .cell.size8,
.ie .flex-grid .row .cell.colspan8 {
	max-width: 66.66667%;
}

.ie .flex-grid.row .cell.size9,
.ie .flex-grid.row .cell.colspan9,
.ie .flex-grid .row .cell.size9,
.ie .flex-grid .row .cell.colspan9 {
	max-width: 75%;
}

.ie .flex-grid.row .cell.size10,
.ie .flex-grid.row .cell.colspan10,
.ie .flex-grid .row .cell.size10,
.ie .flex-grid .row .cell.colspan10 {
	max-width: 83.33333%;
}

.ie .flex-grid.row .cell.size11,
.ie .flex-grid.row .cell.colspan11,
.ie .flex-grid .row .cell.size11,
.ie .flex-grid .row .cell.colspan11 {
	max-width: 91.66667%;
}

.ie .flex-grid.row .cell.size12,
.ie .flex-grid.row .cell.colspan12,
.ie .flex-grid .row .cell.size12,
.ie .flex-grid .row .cell.colspan12 {
	max-width: 100%;
}

.ie .flex-grid.row .cell.size-p10,
.ie .flex-grid .row .cell.size-p10 {
	max-width: 10%;
}

.ie .flex-grid.row .cell.size-p20,
.ie .flex-grid .row .cell.size-p20 {
	max-width: 20%;
}

.ie .flex-grid.row .cell.size-p30,
.ie .flex-grid .row .cell.size-p30 {
	max-width: 30%;
}

.ie .flex-grid.row .cell.size-p40,
.ie .flex-grid .row .cell.size-p40 {
	max-width: 40%;
}

.ie .flex-grid.row .cell.size-p50,
.ie .flex-grid .row .cell.size-p50 {
	max-width: 50%;
}

.ie .flex-grid.row .cell.size-p60,
.ie .flex-grid .row .cell.size-p60 {
	max-width: 60%;
}

.ie .flex-grid.row .cell.size-p70,
.ie .flex-grid .row .cell.size-p70 {
	max-width: 70%;
}

.ie .flex-grid.row .cell.size-p80,
.ie .flex-grid .row .cell.size-p80 {
	max-width: 80%;
}

.ie .flex-grid.row .cell.size-p90,
.ie .flex-grid .row .cell.size-p90 {
	max-width: 90%;
}

.ie .flex-grid.row .cell.size-p100,
.ie .flex-grid .row .cell.size-p100 {
	max-width: 100%;
}

.ie .flex-grid.row .cell.size-x100,
.ie .flex-grid .row .cell.size-x100 {
	max-width: 100px;
}

.ie .flex-grid.row .cell.size-x200,
.ie .flex-grid .row .cell.size-x200 {
	max-width: 200px;
}

.ie .flex-grid.row .cell.size-x300,
.ie .flex-grid .row .cell.size-x300 {
	max-width: 300px;
}

.ie .flex-grid.row .cell.size-x400,
.ie .flex-grid .row .cell.size-x400 {
	max-width: 400px;
}

.ie .flex-grid.row .cell.size-x500,
.ie .flex-grid .row .cell.size-x500 {
	max-width: 500px;
}

.ie .flex-grid.row .cell.size-x600,
.ie .flex-grid .row .cell.size-x600 {
	max-width: 600px;
}

.ie .flex-grid.row .cell.size-x700,
.ie .flex-grid .row .cell.size-x700 {
	max-width: 700px;
}

.ie .flex-grid.row .cell.size-x800,
.ie .flex-grid .row .cell.size-x800 {
	max-width: 800px;
}

.ie .flex-grid.row .cell.size-x900,
.ie .flex-grid .row .cell.size-x900 {
	max-width: 900px;
}

.ie .flex-grid.row .cell.size-x1000,
.ie .flex-grid .row .cell.size-x1000 {
	max-width: 1000px;
}

.ie #langsArea .transSelector .cell {
	max-width: none;
	min-width: 6.5rem;
}

.ie #trans_merge #master {
	max-width: 24%;
}

.ie #trans_merge #primary,
.ie #trans_merge #secondary {
	max-width: 38%;
}

.ie #compose_view #nowloading {
	height: 100vh;
}

/*# sourceMappingURL=style_top.css.map */