.ifClass {
	border: 0;
	height: calc(100vh - 220px);
	min-width: 1248px;
	width: 100%;
}

.overlayAll {
	position: absolute;
	/* top: 0;*/
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background: #212529;
	opacity: 0.3;
	filter: alpha(opacity=30);
	-ms-filter: "alpha(opacity=30)";
	z-index: 1000;
}

.moveFront {
	position: absolute;
	z-index: 1001;
	width: calc(100% - 32px);
}

.frmH2C {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: -9999;
	background-color: aqua;
	border: none;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha(opacity=0)";
}

/*
 * ネットワーク設定画面用
 */
.selection-table table .col-move {
	width: 100px;
}

.selection-table table .col-img {
	width: 40px;
}

.selection-table table .col-number {
	text-align: right;
	width: 40px;
}

.selection-table table.table-network-configuration tbody tr td img {
	width: inherit;
	height: auto;
}

.selection-table tr.hide {
	display: none;
}

.pulldownCombobox-error {
	border-color: red !important;
}

.flex {
	display: flex;
	align-items: center;
}

.selection-table table tbody tr td.width-5per {
	width: 5%;
	padding-right: .25rem;
	padding-left: .25rem
}

.selection-table table tbody tr td.width-10per {
	width: 10%;
	padding-right: .25rem;
	padding-left: .25rem
}

setting-cc-link-body,
setting-cc-link-ie-control-body,
setting-cc-link-ie-field-body,
setting-cc-link-ie-tsn-body,
setting-ethernet-body,
setting-generic-ethernet-body,
setting-cc-link-ie-tsn-motion-software-body,
setting-gpib-body,
setting-ethernetip-body,
setting-devicenet-body,
setting-canopen-body,
setting-profibus-body {
	overflow: auto;
	width: 100%;
	height: 100%
}

setting-cc-link-body>div,
setting-cc-link-ie-control-body>div,
setting-cc-link-ie-field-body>div,
setting-cc-link-ie-tsn-body>div,
setting-ethernet-body>div,
setting-generic-ethernet-body>div,
setting-cc-link-ie-tsn-motion-software-body>div,
setting-gpib-body>div,
setting-ethernetip-body>div,
setting-devicenet-body>div,
setting-canopen-body>div,
setting-profibus-body>div {
	height: 100%;
}

setting-cc-link-footer,
setting-cc-link-ie-control-footer,
setting-cc-link-ie-field-basic-footer,
setting-cc-link-ie-field-footer,
setting-cc-link-ie-tsn-footer,
setting-ethernet-footer,
setting-generic-ethernet-footer,
setting-cc-link-ie-tsn-motion-software-footer ,
setting-gpib-footer,
setting-ethernetip-footer,
setting-devicenet-footer,
setting-canopen-footer,
setting-profibus-footer {
	display: flex;
	width: 100%;
}

setting-ethernet-footer>div,
setting-cc-link-ie-field-footer>div,
setting-cc-link-ie-control-footer>div,
setting-cc-link-footer>div,
setting-cc-link-ie-field-basic-footer>div,
setting-cc-link-ie-tsn-footer>div,
setting-generic-ethernet-footer>div,
setting-cc-link-ie-tsn-motion-software-footer>div,
setting-gpib-footer>div,
setting-ethernetip-footer>div,
setting-devicenet-footer>div,
setting-canopen-footer>div,
setting-profibus-footer>div {
	display: flex;
	width: 100%;
	justify-content: flex-end;
}

wizard-question-vertical .form-check {
	padding-left: 3rem;
	margin-top: 0.5rem;
}

wizard-confirmation table {
	margin-left: 3rem;
	border-collapse: separate;
	border-spacing: 0px 0.5rem;
}

wizard-question-vertical .col-12>p,
wizard-confirmation .col-12>p {
	padding-left: 1rem;
}

.selection-table-summary table {
	table-layout: fixed;
}

.selection-table-summary button {
	overflow: hidden;
}

.selection-table-summary button span {
	overflow: hidden;
	text-overflow: ellipsis;
}

/* 
 ネットワークから選定画面テーブルヘッダーのずれ対応
 テーブルに行の有無でヘッダーがずれるため
*/
th[class='select-network-dialog']:first-child {
	width: 100px;
}

th[class='select-network-dialog']:nth-child(2) {
	width: 200px;
}

select-network-dialog {
	.selectedCondition {
		display: block;
		height: 1em;
		text-overflow: ellipsis;
		overflow: hidden;
		max-width: 100%;
		white-space: nowrap;
	}

	.narrowDownSelection {
		max-width: 100%;
	}

	#filter dt {
		display: flex;
		align-items: center;
	}
}


.selection-table table.selectNetwork tbody tr td img {
	height: 32px;
}

.selection-table table .col-network-name {
	text-align: center;
}

/*
 * ネットワークから設定画面のレイアウト調整
 */
.nwselect-device-flex {
	display: flex;
}

.title-flex {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
}

.nwselect-fontsize-small {
	font-size: 10px;
}

/*
 * メッセージダイアログの改行対応
 */
infoAppMessage .modal-body {
	white-space: pre-wrap;
}

category-list.category-list .list-group {
	height: auto;
}

sample-category-list.sample-category-list .list-group {
	height: auto;
}

/*
 * テキスト編集画面
 */

#textcolor-select {
	min-width: auto;
	padding: 2px;
}

#textcolor-select button {
	height: 20px;
	border: solid 2px rgb(255, 255, 255);
}

#textcolor-select .dropdown-item:focus,
#textcolor-select .dropdown-item:hover,
#textcolor-select .dropdown-item:active {
	background-image: none;
}

#textcolor::after {
	border: 0px;
}

/*
 * オプション品画面
 */
.filter-only-cable {
	margin-left: 1em;
}

/*
 * エラーリスト画面リンク設定
 */
.errorlist-link {
	color: #014877;
}

.errorlist-link:hover {
	color: #f50f10;
	text-decoration: none;
}

/*
* エラーリスト画面リンク用アイコン
*/
.u-icon-bulletRight:before {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2NHB4IiBoZWlnaHQ9IjY0cHgiIHZpZXdCb3g9IjAgMCA2NCA2NCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNjQgNjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiAgPGltYWdlIGlkPSJpbWFnZTAiIHdpZHRoPSI2NCIgaGVpZ2h0PSI2NCIgeD0iMCIgeT0iMCIKICAgIGhyZWY9ImRhdGE6aW1hZ2UvcG5nO2Jhc2U2NCxpVkJPUncwS0dnb0FBQUFOU1VoRVVnQUFBRUFBQUFCQUNBTUFBQUNkdDRIc0FBQUFCR2RCVFVFQUFMR1BDL3hoQlFBQUFDQmpTRkpOCkFBQjZKZ0FBZ0lRQUFQb0FBQUNBNkFBQWRUQUFBT3BnQUFBNm1BQUFGM0NjdWxFOEFBQUNSbEJNVkVVQUFBQ0FnSUFZREF3T0J3Y0EKQUFCYUdocTNKQ1JGREF3QUFBQXRDZ3JERXhQZUVCQ2ZKQ1F4REF3QUFBQVVDZ3FoSGg3L0RBejNDUW1oRFEwcUN3c0FBQUJHRmhiaQpGaGI0QWdMSkRnNWlEdzhnQ3dzQUFBQWNIQnl0SGg3OUJ3ZnFDQWlkRXhNcER3OFNFaEpxR1JudEZ4ZjhCd2ZDRGc1cUVSRWVEUTFBClFFQWlGUldSR2hyK0J3ZjREZzZtR2hwUkd4c1VGQlFSRVJGQ0VCRGhFeFArQmdiZkdSbDhHQmd6RkJRek16TWpEUTJtR3h2OUJBVDgKRXhPdUhSMUpFaEk1S2lvZ0lDQlBGUlhyRWhMdUh4OTRHeHNVQ2dwVlZWVWFEUTJrRlJYK0FnTHdEQXk4SEJ4eEhCdzVPVGtuSnllWApMQ3o1Q3d2K0FnTFpEZzVPRGc0eEZCUktIUjNqSmliK0FRSG5CQVMzQ3dzNUVSRUFBQUJwRXhQN0J3ZjZBUUhIRFEyTEZ4ZEhHeHZOCkx5LzlBd1A5QWdMVENBaHZEZzV0QUFBY0hCeEZFaExzRXhQL0FRSHBDQWk1RXhOYUVoSVVDZ29uSVNHTUZ4ZjVCQVQ2QkFUd0dSbDUKRlJVVEJRVXpBQUJGRlJYTkZCVDhFaEttRmhaTEV4TkFKaVloRmhaK0ZoYjhDd3Y5QmdiWUZSVjRGaFpBSFIwOUdoclZHaHIzRFEycQpGaFpmSEJ3bkhSMG9HeHVRR3h2MkNncjZCUVhYRHcrUEdob3REUTB6TXpOb0l5UE1HUm4zQ0FpNEV4TTVEUTB1TGk0VUZCU1ZIQnorCkR3Ly9CQVRaRFExeUVCQk9GaFlBQUFBWkN3dlVHaHJ2QmdhcERnNXNFeE1KQUFBUEFBQmJFaExmQ2dyYkN3dVNHUmthQkFRcERnNnQKRlJYdURnNi9GeGRIREF3Y0RnNy9BQUJPRlJYVkh4OXJFaElpRFEwNkZSVm5JaUluRkJUK0FBRC9BQUQrQVFIL0FRSCtBd1AvLy84MwpPSHhQQUFBQXZIUlNUbE1BQWtFa0FhWEZhdzFsNnVGeUZRTWF0UG5vdFdFYVcrVDk2SmN3Q1JLby92Yk9hUTViN2Y3aGx6c0VKZG4rCis4TmZHUStQOXZ6c2xESUtPdGIrOWRCaUVnaVIrZVdpTkFNNzEvNzN0RDhKRFl6NS9kV0RHajdjL3U2bVRBVEEvdnV6Q3kvTi92em4KZkFjSmN2UCs5THBqR1NmRy9mM2duRFVGZCsveHhsd1VMc0grK3VlS0xGanYrN3RiR2hPVzkvM2FsRGtGUXR6MHltTUxEWkg2KytXUgpMZ0pIMVBTN1hCc1JtUFhpbGpwTDIrL0FhQklCcnVpWUptQlNHbUNlNHRvQUFBQUJZa3RIUk1Ga1p1OXVBQUFBQ1hCSVdYTUFBQTdECkFBQU93d0hIYjZoa0FBQUFCM1JKVFVVSDZBSVZDQU1oUXBQVnB3QUFBWFZKUkVGVVdNTmpZQmdGbzJBVWpBS2FBa1pLRFdCaVpxSE0KQUZZMmRnNktET0RrNHViaDVhUEFBSDRCUVNGaEVWSHlEZUFURTk4aklTa2xMVU8yQ2JKeThudjNLU2dxS1pOdGdvcnF2cjE3MWRRMQpOTFhJTkVCYlIzY3ZFT2pwR3hpU0Y2Tkd4aVlnQS9hYW1wbGJXSkpsZ3BXMURkaUUvYloyOWc3a3BFeEhKK2U5RUdEajR1cm1Ucm9CCkxCNmVYbEFUOW5uNytQcVJIaEwrQVlGN1lTQW9PQ1NVZEJQQ3dyM2dKa1JFUmtYSGtHcUFRMnpjWGdTSVQwZ2sxWUNrNUJTRS90UzAKOUF3UzlXZG1aZStCYWMvSnpjc3ZJTlVCaFVYRk1QMGxwV1hsSkVka1JXWFZmbWdBVnRmVTFwR2VFT29iR3NIYTl6UTF0N1Q2a2F5ZApnYUd0SGV5QWlJN09ybTV5c2xOUGJ4OUlmLytFaVpNbWs2R2RnV0hLMUFQQU5EeHQrb3laWkdsbm1EVjd6dDY5YytmTlgwQm1vYlp3CjBlTDlPVXVXTGx0T2J2V3dZdVVxcjlWcjFwSmJuREV3ckZ1L1llT216VnZJMXMrd2RkdjJIV1NVSVFpd2M5ZHV5aXBIZDRxc0h3V2oKWUJTTVVBQUF4NG1pV2dGUTNXMEFBQUFsZEVWWWRHUmhkR1U2WTNKbFlYUmxBREl3TWpRdE1ESXRNakZVTURnNk1ETTZNekFyTURBNgpNREJoWnAzWUFBQUFKWFJGV0hSa1lYUmxPbTF2WkdsbWVRQXlNREkwTFRBeUxUSXhWREE0T2pBek9qTXdLekF3T2pBd0VEc2xaQUFBCkFDaDBSVmgwWkdGMFpUcDBhVzFsYzNSaGJYQUFNakF5TkMwd01pMHlNVlF3T0Rvd016b3pNeXN3TURvd01IYkdIaVlBQUFBQVNVVk8KUks1Q1lJST0iIC8+Cjwvc3ZnPgo=)
}

/*
 * サンプル画面設定
 */
.configuration-btnfield {
	vertical-align: top;
}

.configuration-btn {
	min-width: 144px;
	max-width: 144px;
}

.configuration-img {
	height: 40px;
}

.configuration-unitList-field {
	display: inline-flex;
	padding: 2px;
}

.configuration-unitList {
	border-bottom: 1px solid #d5d5d5;
	border-top: 1px solid #d5d5d5;
	border-left: 1px solid #d5d5d5;
	text-align: center;
	font-weight: 700;
	margin-bottom: 0;
	color: #343a40 !important;
	line-height: 1.5;
	display: block;
	width: 100%;
}

.configuration-sample-img {
	width: 200px;
	height: 200px;
}

.configuration-sample-td {
	width: 72.5px;
	border-right: 1px solid #d5d5d5;
	padding-bottom: 0px;
}

.configuration-sample-str {
	vertical-align: top;
	color: #343a40 !important;
}

.list-image-text .list-tile-sample {
	display: block;
	max-width: 200px;
	border: 1px solid rgba(0, 0, 0, .125);
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 25%;
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	-webkit-box-ordinal-group: 2;
	-webkit-order: 1;
	-ms-flex-order: 1;
	order: 1
}

.list-image-text .list-tile-sample img {
	display: block;
	width: 100%
}

.list-image-text .list-tile-sample:hover {
	text-decoration: none !important;
	opacity: .8
}

.modal-sample-detail {
	max-width: 1140px
}

.detail-configuration {
	position: absolute;
	bottom: 0;
	padding: 10px;
}

.detail-configuration .configuration-device {
	width: 130px;
	border: 1px solid #d5d5d5;
	padding: 4px 6px;
	font-size: 85%;
}

.detail-configuration .configuration-model {
	border: 1px solid #d5d5d5;
	padding: 4px 6px;
	font-size: 85%;
}

/*
 * シーケンサ選定ガイド設定
 */
.wizard-banner-img {
	max-width: 300px;
	padding-top: 1rem;
	border: 1px solid rgba(0, 0, 0, .125);
	-webkit-order: 1;
	-ms-flex-order: 1;
	order: 1
}

.wizard-banner-img img {
	width: 100%;
}

.wizard-start-btn {
	padding-right: 1.2rem;
	padding-left: 1.2rem;
}

.text-result-device {
	color: red !important;
	font-weight: 700 !important;
}

/*# sourceMappingURL=index.bundle.css.map*/