/* 共通 */

body {
	font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
	background-color: #666;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

canvas {
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}

.display-none {
	display: none;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clear-both {
	clear: both;
}

.rotate-90 {
	-moz-transform:    rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform:      rotate(90deg);
	-ms-transform:     rotate(90deg);
	transform:         rotate(90deg);	
}

/* ヘッダ・フッタ */

#header {
	padding: 3px 300px 1px 5px;
	font-size: 11px;
	height: 30px;
	background-color: black;
	color: white;
}

#header > div {
	padding-left: 10px;
}

#header > div.title {
	font-size: 13px;
	font-weight: bold;
	padding-top: 3px;
}

#header .header-date {
	padding-left: 0px;
	color: white;
	display: inline-block;
	cursor: pointer;
}

#header .header-date:hover {
	color: #aaa;
}

#footer {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 2px;
}

#shadow {
	opacity: 0.6;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index: 99999;
}

/* canvas */
#canvas {
	width: 100%;
	height: 650px;
	background-color: white;
}

/* 背景選択画面 */
#canvas-background {
	width: 100%;
	height: 650px;
	background-color: gray;
}

/* 分割画面 */
#split-view {
	width: 100%;
	height: 650px;
	background-color: gray;
	overflow: hidden;
	display:none;
}

#split-view div.split {
	border-right: 1px solid gray;
	border-bottom: 1px solid gray;
	background-color: white;
	float: left;
	position: relative;
}

#split-view div.title {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 1px;
	background-color: rgba(200, 200, 255, 0.8);
	color: black;
	font-size: 11px;
}

#split-view div.click {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: transparent;
	cursor: pointer;
}

#split-view img {
	display: block;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	overflow: hidden;
}

#split-view canvas {
	display: block;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	overflow: hidden;
}


/* ツールバー関連 */
#toolbar {
	height: 35px;
}
#toolbar-outer {
	width: 1000px;
}
.toolbar-border {
	width: 60px !important;
}
/*
.toolbar-font-size {
	width: 55px !important;
}
*/
.toolbar-icon {
	font-size: 18px;
	display: inline-block;
	height: 18px;
	margin-top: 2px;
	overflow-y: hidden;
}
.toolbar-icon-text {
	display: table-cell;
	vertical-align: middle;
	height: 18px;
	margin: 0px;
	padding: 0px;
}

/* ツールボックス関連 */

#toolbox {
	width: 40px;
	text-align: center;
	overflow: hidden;
	margin: 0;
	padding: 1px;
}

.tool-menu .k-item>.k-link {
	padding: 0 !important;
}

.tool-grid, .tool-grid-sub {
	color: #5560ff;
	display: block;
	width: 30px;
	height: 30px;
	overflow: hidden;
	font-size: 26px;
	border: solid 1px #aaa;
	padding: 0 0 0 0;
	margin: 2px;
	text-align: center;
	line-height: 32px;
}

#toolbox span.k-icon {
	display: inline-block;
	font-size: 22px;
	padding-bottm: 4px;
}

.tool-disabled {
	background-color: transparent !important;
	color: #aaa !important;
}

.tool-disabled:hover {
	background-color: transparent !important;
}

.tool-grid:hover, .tool-grid-sub:hover {
	background-color: #b8b0ff;
}

.tool-select, .tool-select:hover {
	color: #fff !important;
	background-color: #f35800 !important;
	border-color: #f85a00 !important;
}

.toolbox-wrapper {
	font-size: 9px !important;
	padding-top: 28px !important;
}
.toolbox-wrapper .k-window-titlebar {
	margin-top: -28px !important;
	overflow: hidden;
}
.toolbox-wrapper .k-window-titlebar,
.toolbox-wrapper .k-window-actions {
	height: 18px !important;
} 

/* コンテキストメニュー */
.context-menu {

}
.context-menu .icon {
	font-size: 16px;
	margin-right: 5px;
}

/* ドロップダウン */
ul.dropdown {
	margin: 1px 1px 1px 1px;
	padding: 0;
	width: 120px;
	height: 22px;
	list-style: none;
	border: 1px solid #ccc;
}

ul.dropdown li {
	width:120px;
	height: 22px;
	position:relative;
}

ul.dropdown li a {
	height: 12px;
	padding: 5px 3px;
	background-color: #eee;
	display:block;
	color:#000;
	text-decoration:none;
	line-height:1em;
	font-weight: normal;
}

ul.dropdown li a.arrow {
	background-image:url("../images/arrow_down.gif");
	background-repeat:no-repeat;
	background-position:105px 50%;
}

ul.dropdown li a:hover,
ul.dropdown li a.open {
	background-color:#aaa;
}

ul.dropdown li ul {
	margin: 0;
	padding: 0;
	margin-left:0;
	padding-top:1px;
	list-style:none;
	position:absolute;
	left:0;
	z-index:99999;
	border: 1px solid #ccc;
}

ul.dropdown li ul li {
	float:none;
	border-right:none;
}

ul.dropdown li ul li a.arrow {
	background-image:url("../images/arrow_right.gif");
}

ul.dropdown li ul li ul {
	padding-top:0;
	padding-left:1px;
	position:absolute;
	top:0;
	left:120px;
}

/* 日付選択 */
.datepicker {
	/*
	margin-right: 10px;
	margin-left: 10px;
	*/
}

.k-datepicker {
	width: 10.0em !important;
}

/* ダイアログ */
#dlg-text {
	
}

#dlg-text div {
	padding: 3px;
	text-align: center;
}

#dlg-text textarea {
	width: 400px;
	height: 100px;
	font-size: 18px;
}

/* 場所一覧ダイアログ */
#dlg-places {

}

#dlg-places div.box {
	padding: 5px;
	text-align: center;
}

/* 場所登録ダイアログ */
#dlg-edit-places {
	
}

#dlg-edit-places div {
	padding: 10px;
	text-align: center;
}

#dlg-edit-places th {
	width: 100px;
	font-weight: normal;
	text-align: right;
}

#dlg-edit-places td {
	width: 150px;
	font-weight: normal;
	text-align: left;
}

/* 利用者一覧ダイアログ */
#dlg-users {

}

#dlg-users div.box {
	padding: 5px;
	text-align: center;
}

/* 利用者登録ダイアログ */
#dlg-edit-users {

}

#dlg-edit-users div {
	padding: 10px;
	text-align: center;
}

#dlg-edit-users th {
	width: 80px;
	font-weight: normal;
	text-align: right;
	height: 30px;
}

#dlg-edit-users td {
	width: 150px;
	font-weight: normal;
	text-align: left;
}

/* コピーダイアログ */
#dlg-copy {
	overflow: visible !important;	
}

#dlg-copy div {
	padding: 10px;
	text-align: center;
}

#dlg-copy canvas {
	border: 1px solid #ddd;
}

#dlg-copy th {
	width: 50px;
	font-weight: normal;
	text-align: right;
}

#dlg-copy td {
	width: 300px;
	font-weight: normal;
	text-align: left;
}

/* コピー中ダイアログ */
#dlg-coping {
	overflow: visible !important;	
}

#dlg-coping div {
	padding: 10px;
	text-align: center;
}

/* 分割選択ダイアログ */
#dlg-split {
	overflow: visible !important;	
}

#dlg-split div {
	padding: 10px;
	text-align: center;
}

#dlg-split th {
	width: 50px;
	font-weight: normal;
	text-align: right;
}

#dlg-split td {
	width: 300px;
	font-weight: normal;
	text-align: left;
}

/* 印刷ダイアログ */
#dlg-print {
	overflow: visible !important;	
}

#dlg-print div.box {
	padding: 10px;
	text-align: center;
}

#dlg-print table.box {
	padding: 10px;
	text-align: center;
}

#dlg-print th.box {
	width: 80px;
	font-weight: normal;
	text-align: right;
	vertical-align: top;
}

#dlg-print td.box {
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}

#dlg-print button {
	margin-bottom: 5px;
}

#dlg-print div.radio-group {
	border: 1px solid #ddd;
	padding: 10px;
	margin: 5px;
}
/* 印刷ダイアログ */
#dlg-printarea {
	overflow: visible !important;	
}

#dlg-printarea div.box {
	padding: 2px;
	text-align: center;
}

/* 確認ダイアログ */
#dlg-bg-confirm {
	overflow: visible !important;	
}

#dlg-bg-confirm div {
	padding: 10px;
	text-align: center;
}

/* 情報ウィンドウ */
#dlg-info {
	font-size: 11px;	
}

#dlg-info th {
	width: 80px;
	font-weight: normal;
	text-align: right;
}

#dlg-info td {
	width: 220px;
	font-weight: normal;
	text-align: left;
}


/* 部品ウィンドウ */
#dlg-parts {
}
#dlg-parts div.box {
	padding: 5px;
}
#dlg-parts-list {
	width: 100%;
	height: 300px;
	overflow-y: auto;
	/* margin: 5px 5px 0px 5px; */
}

#dlg-parts-list .parts {
	width: 98px;
	height: 123px;
	border: 1px solid lightgray;
	padding: 0;
	margin: 0;
}

#dlg-parts-list .img {
	width: 98px;
	height: 98px;
	/*
	display: table-cell;
	vertical-align: middle;
	*/
	position: relative;
	text-align: center;
	padding: 0;
	margin: 0;
	overflow: hidden;
	cursor: pointer;
}

#dlg-parts-list img {
	display: block;
	max-width: 98px;
	max-height: 98px;
	padding: 0;
	margin: 0;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

#dlg-parts-list .name {
	width: 98px;
	height: 25px;
	padding: 0;
	margin: 0;
	padding-top: 2px;
	padding: 2px 2px 0px 2px;
	text-align: center;
	font-size: 9px;
	overflow: hidden;
	line-height: 1.1;
	
}

#dlg-parts-list .check {
	width: 98px;
	height: 25px;
	padding: 0;
	margin: 0;
	padding-top: 1px;
	text-align: center;
	display: none;
}

#dlg-parts-zoom {
	width: 60px;
}

#dlg-parts-pager {
	width: 585px;
	/* margin: 0px 5px 5px 5px; */
}

#dlg-parts-editable-msg {
	font-size: 10px;
	color: red;
	visibility: hidden;
	line-height: 1.0;
	padding-top: 1px;
	padding-bottom: 1px;
}
/*
#dlg-parts input.k-formatted-value.k-input {
	width: 70px !important;
}
*/
/* グループダイアログ */
#dlg-group {
	
}

#dlg-group div {
	padding: 3px;
	text-align: center;
}

#dlg-group input {
	width: 200px;
}

/* 部品ウィンドウ */
#dlg-parts-group-set {
}
#dlg-parts-group-set div.box {
	padding: 5px;
}

/* 場所登録ダイアログ */
#dlg-workingpoint {

}

#dlg-workingpoint div {
	padding: 10px;
	text-align: center;
}

#dlg-workingpoint table {
	margin: 10px 0;
}

#dlg-workingpoint th {
	width: 130px;
	font-weight: normal;
	text-align: right;
	padding: 3px 0;
}

#dlg-workingpoint td {
	width: 300px;
	font-weight: normal;
	text-align: left;
	padding: 3px 0;
}

/* 場所登録ダイアログ */
#dlg-workingpoint-adjust {

}

#dlg-workingpoint-adjust div {
	padding: 10px;
	text-align: center;
}

#dlg-workingpoint-adjust table {
	margin: 10px 0;
}

#dlg-workingpoint-adjust th {
	width: 130px;
	font-weight: normal;
	text-align: right;
	padding: 3px 0;
}

#dlg-workingpoint-adjust td {
	width: 300px;
	font-weight: normal;
	text-align: left;
	padding: 3px 0;
}

/* 作業中ダイアログ */
#dlg-waiting {
	overflow: visible !important;
}

#dlg-waiting div {
	padding: 10px;
	text-align: center;
}

/* ログインダイアログ */
#dlg-login {

}

#dlg-login div.box {
	padding: 10px;
	text-align: center;
}

#dlg-login div.caption {
	text-align: left;
	display: inline-block;
	width: 100px;
	margin: 5px;
}

#dlg-login div.input {
	display: inline-block;
	width: 200px;
	margin: 5px;
}

#dlg-login div.error {
	color: red;
	font-weight: bold;
	margin-top: 5px;
	visibility: hidden;
}

/* */
#dlg-print-setting {

}

#dlg-print-setting div.box {
	padding: 10px;
	text-align: center;
}

#dlg-print-setting .k-listbox {
	width: 326px;
	height: 255px;
}

#dlg-print-setting .k-list-item {
	border-bottom: 1px solid #cccccc;
	text-align: left;
}

#dlg-print-setting .k-state-default {
	padding: 0;
	margin: 0;
	height: 40px;
	display: inline-block;
}

#dlg-print-setting .name {
	font-size: 130%;
	margin: 0;
	padding: 0;
}

#dlg-print-setting .print-info {
	margin: 0;
	padding: 0;
}


#dlg-print-setting .top::after {
	content: '上部';
}

#dlg-print-setting .bottom::after {
	content: '下部';
}

#dlg-print-setting .left::after {
	content: '左側';
}

#dlg-print-setting .right::after {
	content: '右側';
}

#dlg-print-setting .print-enable {
	margin: 5px 20px;
}

#dlg-print-setting .false::after {
	content: '対象外';
}

#dlg-print-setting .true::after {
	content: '対象';
}

/* 場所登録ダイアログ */
#dlg-print-setting-edit {

}

#dlg-print-setting-edit div {
	padding: 10px;
	text-align: center;
}

#dlg-print-setting-edit table {
	margin: 10px 0;
}

#dlg-print-setting-edit th {
	width: 160px;
	height: 30px;
	font-weight: normal;
	text-align: right;
	padding: 3px 0;
}

#dlg-print-setting-edit td {
	width: 200px;
	height: 30px;
	font-weight: normal;
	text-align: left;
	padding: 3px 0;
}

/* 場所登録ダイアログ */
#dlg-print-layout {

}

#dlg-print-layout div {
	padding: 10px;
	text-align: center;
}

#dlg-print-layout div.box > div {
	margin: auto;
}

#dlg-print-layout canvas {
	border: 1px solid gray;
}

#dlg-print-layout table {
	margin: 10px 0;
}

#dlg-print-layout th {
	width: 160px;
	height: 20px;
	font-weight: normal;
	text-align: right;
	padding: 3px 0;
}

#dlg-print-layout td {
	width: 300px;
	height: 20px;
	font-weight: normal;
	text-align: left;
	padding: 3px 0;
}

/* ツールチップ */

.k-tooltip {
   background: gray !important;
   border-color: gray !important;
   font-size: 13px;
   font-weight: bold;
}

.k-tooltip .k-callout-n {
   border-bottom-color: gray !important;
}

/* チェックボックス */

.k-checkbox-label::after {
	width: 1.2em !important;
	padding-bottom: 4px;
	margin-top: -2px;
}

.k-checkbox:checked + .k-checkbox-label::after {
	content: "\2714" !important;
	width: 1.2em !important;
	color: black !important;
	padding-bottom: 4px;
	margin-top: -2px;
}

.k-colorpalette .k-item {
}

.k-colorpalette tr:first-child td:first-child {
	background-image: url(data:image/svg+xml,%3C?xml%20version=%221.0%22?%3E%3Csvg%20width=%22100%22%20height=%22100%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d=%22M%200%200%20L%20100%20100%20z%22%20stroke=%22black%22%20stroke-width=%221%22/%3E%3C/svg%3E) !important;
}

.k-colorpicker .k-picker-wrap {
	background-image: url(data:image/svg+xml,%3C?xml%20version=%221.0%22?%3E%3Csvg%20width=%22100%22%20height=%22100%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cpath%20d=%22M%200%200%20L%20100%20100%20z%22%20stroke=%22black%22%20stroke-width=%221%22/%3E%3C/svg%3E) !important;
	background-position: left top !important;
}

.k-confirm .k-window-titlebar::before {
	content: '確認';
}

.k-confirm .k-window-titlebar .k-dialog-title {
	visibility:collapse;
}



.drawer {
	position: absolute;
	top: 0;
	right: 0px;
	width: 250px;
	height: 100%;
	z-index: 10;
	display: block;
	background-color: white;
	border: 1px solid #aaaaaa;
	padding: 0 10px 0 0;
	overflow-y: scroll;
}

.drawer::-webkit-scrollbar {
	display: none;
}

.drawer-inner {
	width: 100%;
	overflow-y: scroll;
}

.drawer-inner::-webkit-scrollbar {
	display: none;
}

.drawer {
	/*
	font-size: 1.2em;
	position: absolute;
	z-index: 99999999;
	*/
}

.drawer-inner > ul {
	margin-left: 10px;
	padding-left: 10px;
}
.drawer-inner li {
	margin-bottom: 10px;
}

.drawer-inner li ul {
	padding-left: 15px;
}

#init-drawer button {
	margin: 10px 0px 0px 0px;
	padding: 3px;
	width: 80%;
	font-size: 1.1em;
}

.drawer-inner .k-datepicker {
	width: 140px !important;
}

.drawer-inner .k-datepicker {
	width: 140px !important;
}

/*
.drawer-inner select {
	width: 50px;
	padding: 5px;
}
*/

.drawer-inner li.group {
	list-style-type: none;
	border: #aaa 1px solid;
}

.drawer-inner li.group span.header {
	display: block;
	background-color: #0a4d85;
	padding: 3px 5px;
	font-size: 1.1em;
	color: white;
	margin-bottom: 10px;
}

.drawer-inner li.common span.header {
	background-color: black;
}

.drawer-inner li.common div,
.drawer-inner li.dig-infuse div {
	margin-bottom: 5px;
	text-align: center;
}

.drawer-inner li.init span.header {
	background-color: #9a2830 !important;
}


.drawer-inner li.init .k-button {
	width: 90% !important;
}

.drawer-inner > ul > li > ul {
	margin-bottom: 10px;
}

.drawer-inner .k-picker {
	width: auto !important;
}

.drawer-inner details {
	list-style-type: initial;
	margin-left: 10px;
	cursor: pointer;
}

.drawer-inner details.block summary {
	color: red;
	font-weight: bold;
}

.drawer-inner details.dig summary {
	color: blue;
	font-weight: bold;
}

.drawer-inner details.infuse summary {
	color: darkgreen;
	font-weight: bold;
}

.drawer-inner details li {
	display: inline-block;
	width: 55px;
	text-align: center;
	margin: 2px 1px;
	padding: 2px 0px;
	background-color: lightgrey;
	border-radius: 4px;
	cursor: pointer;
}

.drawer-inner details li.sortable-ghost {
	background-color: lightpink;
}

.drawer-inner details li.sortable-drag {
	background-color: lightblue;
}

#point-drawer-list.schedule span.header {
	background-color: #0a766b;
}

#point-drawer-list.schedule span.header::after {
	content: '（予定）';
}

#point-drawer-list.practice span.header {
	background-color: #8c000b;
}

#point-drawer-list.practice span.header::after {
	content: '（実施）';
	background-color: #8c000b;
}

#point-drawer-list {
	padding-bottom: 5px;
	min-height: 100px;
}

#point-check-list {
	font-size: 90%;
	height: 150px;
	overflow-y: scroll;
}

#point-check-list ul {
	padding: 0;
	margin: 3px 5px;
}

#point-check-list span.alert {
	color: red;
}

#point-check-list span.warning {
	color: darkgoldenrod;
}


.ui-jqgrid-view .ui-state-highlight {
	background: lightsteelblue !important;
	border: #ccc 1px solid !important;
}

.k-list {
	font-size: 11px !important;
}

.k-form .k-form-label {
	justify-content: flex-start !important;
}

.k-listview-content {
	overflow: hidden !important;
}

ul {
	padding-left: 0;
}

#print-area {
	width: 423px;
	height: 300px;
	border: 1px solid black;
}

#print-header {
	width: calc(100% - 4px);
	height: 18px;
	font-size: 14px;
	padding: 2px;
	border-bottom: 1px solid black;
}

#print-contents {
	width: 100%;
	height: calc(100% - 24px);
	position: relative;
	overflow: hidden;
}

#print-block-detail {
	position: absolute;
	padding: 5px;
	right: 0;
	bottom: 0;
	text-align: right;
	display: inline-table;
}

#print-over-items {
	position: absolute;
	padding: 15px 25px;
	text-align: right;
	display: block;
}

#print-contents table {
	position: absolute;
	border-collapse: collapse;
	border-left: 1px solid black;
	border-top: 1px solid black;
	margin: 0;
	background-color: white;
	width: 121px;
}

#print-contents table.double {
	width: 262px;
}

#print-contents table.double-narrow {
	width: 242px;
}

#print-contents tr {
	height: 19px;
}

#print-contents th {
	padding: 2px 0;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	background-color: white;
	overflow: hidden;
}

#print-contents td {
	width: 65px;
	padding: 2px 0;
	font-size: 10px;
	font-weight: bold;
	/*transform: scale(0.8);*/
	text-align: center;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	background-color: white;
	overflow: hidden;
}

#print-contents td.block-label {
	font-size: 10px;
	/*transform: scale(0.8);*/
}

#print-contents .small {
	font-size: 10px;
	transform: scale(0.8);
	margin: 0;
	padding: 0;
}

#print-contents tr.dummy {
	height: 1px !important;
}

#print-contents td.dummy {
	padding: 0;
	border-bottom: none !important;
	font-size: 1px;
}