* {
	/*padding: 2px;*/
	margin: 0px;
	font-family:Arial,"メイリオ",Meiryo;
}
:root {
	--theme-bodycolor-rgb: 25, 25, 25;
	--theme-bgcolor-rgb: 0, 0, 0;
	--theme-framecolor-rgb: 0, 0, 0;
	--theme-fontcolor: #FFFFFF;
	--theme-recinfo-width: 74px;
	--theme-recinfo-height: 74px;
}
html {
	height: 100%;
}

body {
	background: rgb(var(--theme-bgcolor-rgb));
	height: 100%;
	overflow: auto;
	min-width:750px;
	position: relative;
}

::-webkit-scrollbar {
    width: 10px;
	height: 10px;
}

::-webkit-scrollbar-track {
    background: #202020;
}

::-webkit-scrollbar-thumb {
    background: #373737;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: #414141;
}
::-webkit-scrollbar-corner {
	background-color: #0b0b0b;
}


.reconnectlabel{
	color : white;
}

.btnopen{
	font-size:19px;
	cursor:pointer;
}
.title_bar
{
	background: linear-gradient(.25turn, rgb(0,0,0), 50%, rgb(14, 18, 113));
	position: relative;
	height: 40px;
	display: flex;
	align-items: center;
}

.title_img
{
	background-color: rgb(255 255 255 / 0%);
	width: 95px;
	height: 30px;
	position: absolute;
	top: 15%;
    right: 0%;
	margin-right: 20px;
}
.title_img_div img {
	display: none;
}
.title_img_div {
	background-color: rgb(255 255 255 / 0%);
	width: 47px;
	height: 40px;
	margin-left:8px;
	cursor: pointer;
	background-image: url(symbol.svg);
	background-repeat: no-repeat;
	background-position: center;
}
.title_img_div:hover{
	background-image: url(symbol_mo.svg);
}
.title_img_div:active{
	background-image: url(symbol_cl.svg);
}

.title_logger
{
	color : white;
	position: absolute;
	margin-top:12px;
    right: 0%;
    margin-right: 60px;
    font-size: inherit;
}

.title_button
{
	position: absolute;
    right: 0%;
    margin-right: 10px;
	width: 40px;
	height: 40px;
	background-color: rgb(17, 25, 37);
	float: left;
	border:0px;
	border-radius: 4px;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}

.title_button:hover
{
	background-color:rgb(51, 75, 111);
}

.title_button:active
{
	background-color:rgb(10, 18, 30);
}
.title_account
{
	background-image: url(account.png);
}.is-title_accountactive{
	background-color:rgb(51, 75, 111);
}

.accountmenu{
	position: fixed;

	right: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background: rgba(63,63,63,0.95);
	z-index: 10;
}

.accountmenu{
	pointer-events: none;
	opacity: 0;
	transition: opacity .3s linear;
}

.accountmenu.is-accountmenuactive{
	pointer-events: auto;
	opacity: 1;
}

.accountmenu_menu{
	background-color:#ccc;
}
.amenu_div_license {
	cursor: pointer;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.amenu_src {
	display:grid;
	gap :10px;
	padding:10px;
}
.amenu_src_other {
	border-bottom: solid 1px;
	border-color:#818181;
	gap :10px;
	display:grid;
	align-items:center;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
}

.amenu_src_pulldown {
	display:grid;
	align-items:center;
	grid-template-columns: 2.5fr 1.2fr;
	gap :10px;
	height:23px;
}
.amenu_src_lisence {
	width : 100%;
	height : 100%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}
.amenu_src_home {
	border-bottom: solid 0px;
	padding-bottom: 0px;
}
.amenu_src_accountdiv {
	display:flex;
	justify-items: center;
	align-items: center;
	height:100px;
	border-bottom: solid 1px;
	border-color:#818181;
}
.amenu_img_account {
	background-image: url(account_extend.png);
    background-repeat: no-repeat;  
	width : 140px;
	height : 100px;
	background-position: center;
}
.amenu_src_accountinfo {
	display: grid;
	justify-items: center;
	align-items: center;
	gap:5px;
}

.ver_history_src {
	border: 0px solid  #aaa;
	height : 300px;
	padding-left: 10px;
	padding-right: 10px;
	overflow-y: auto;
}
.addon_check
{
	position: absolute;
	box-shadow: 0px 1px 2px 1px #aaa;
	background-color:#ccc;
	border:1px solid #aaa;
	display:inline-block;
	cursor:pointer;
	top: 20%;
    right: 20%;
    margin-right: 10px;
    font-size: inherit;
}.addon_check:hover {
	background-color:#ddd;
	cursor: pointer;

}
.addon_check:active {
	background-color:#8e8e8e;
}

.title_gremote
{
	color : rgb(3 215 184);
	/* position: absolute;
	top: 18%;
	left: 165px; */
	margin-top : 8px;
	font-size: 20px;
	font-family:impact;
    font-weight: 1;
}

.plotly_bg{
	background-color: rgb(var(--theme-bgcolor-rgb));
	color: var(--theme-fontcolor);
}
.plotly_label{
	color: red;
}
.page_div_src_wave{
	border:0px solid rgb(0, 255, 21);
}

.page_div_src_setting{

}

.div_right{
	float: right;
	margin-top:2px;
	margin-right : 5px;
}

.div_left{
	float: left;
}

.winfo_src {
	width : 100%;
	display: grid;
	grid-template-columns: 50% 50%;
	padding:0px;
	gap:5px;
}

.winfo_src_recfile {
	width : 100%;
	overflow-wrap: break-word;
}
.div_waveinfo_rssi{
	width : 36px;
	height: 28px;
	border-radius: 100%;
    background-repeat: no-repeat;  
}

.div_rssi{
	width: 30px;
	height: 30px;
	float: left;
	margin-right:8px;
}
.div_loggerinfo_uni{
	border: 2px solid #0bff80;
	width : 100%;
	display:flex;
	flex-flow: column;
}

.signal_icon0
{
	background-image: url(WLAN_sig0.png);
}
.signal_icon1
{
	background-image: url(WLAN_sig1.png);
}
.signal_icon2 {
	background-image: url(WLAN_sig2.png);
}

.signal_icon3 {
	background-image: url(WLAN_sig3.png);
}

.signal_icon4 {
	background-image: url(WLAN_sig4.png);
}

.signal_error{
	background-image: url(WLAN_error.png);
}

.signal_lan{
	background-image: url(LAN_icon.png);
}

.signal_lan_error{
	background-image: url(LAN_error.png);
}

.batterydiv{
	width : var(--theme-recinfo-width);
	height: 21px;
	float: left;
	margin-right:8px;
}
.battery {
	margin-top: 2px;
	width: 50px;               /* 電池の横幅 */
	height: 15px;               /* 電池の高さ */
	background: linear-gradient(rgb(0 248 49), rgb(0 151 17));           /* 真っ黒 = 充電100% */
	border: 2px solid rgb(0 0 0);     /* 白い線を引く */
	box-shadow: 0 0 0 2px rgb(255 255 255); /* 白い線の外側の黒い線を引く */
	border-radius: 3px;         /* 軽く丸くする */
	position: absolute;         /* 基準位置とする */
}
.battery::after {
	content: ""; /* 疑似要素に必須 */
	width: 5px;  /* +極のちょぼの幅 */
	height: 8px; /* +極のちょぼの高さ */
	border-radius: 0 2px 2px 0; /* ちょっとだけ丸くさせる（右上、右下） */
	background: rgb(255, 255, 255);           /* 背景色を黒に指定 */
	position: absolute;         /*　相対位置に指定　*/
	top: 50%;                   /* 上から50%の位置に指定 */
	right: -8px;                /* 右に8pxはみ出させる */
	transform: translateY(-50%);/* 上下中央にするため */
}

.battery_20 {
	background: linear-gradient(to right , #f00 , #f00 20%, transparent 21%);
}

.battery_40 {
	background: linear-gradient(to right , rgb(0 248 49) , rgb(0 248 49) 40%, transparent 21%);
}

.battery_60 {
	background: linear-gradient(to right , rgb(0 248 49) , rgb(0 248 49) 60%, transparent 21%);
}

.battery_80 {
	background: linear-gradient(to right , rgb(0 248 49) , rgb(0 248 49) 80%, transparent 21%);
}
.acdiv{
	width: 70px;
	height: 21px;
	float: left;
	margin-right:8px;
}
.ac {

	width: 50px;               /* 電池の横幅 */
	height: 22px;               /* 電池の高さ */
	background: linear-gradient(rgb(87 87 87), rgb(79 79 79));           /* 真っ黒 = 充電100% */
	margin-left:8px;
	position: absolute;         /* 基準位置とする */
}

.ac::after {
	content: ""; /* 疑似要素に必須 */
	width: 10px;  /* +極のちょぼの幅 */
	height: 4px; /* +極のちょぼの高さ */
	background: rgb(138 138 138);           /* 背景色を黒に指定 */
	position: absolute;         /*　相対位置に指定　*/
	top: 70%;                   /* 上から50%の位置に指定 */
	right: -10px;                /* 右に8pxはみ出させる */

}.ac::before {
	content: ""; /* 疑似要素に必須 */
	width: 8px;  /* +極のちょぼの幅 */
	height: 4px; /* +極のちょぼの高さ */
	background: rgb(138 138 138);           /* 背景色を黒に指定 */
	position: absolute;         /*　相対位置に指定　*/
	top: 70%;                   /* 上から50%の位置に指定 */
	left: -8px;                /* 右に8pxはみ出させる */
}
.aclabel{
	width: 50px;
	height: 22px; 
	float: left;
	color: #fff;
	text-align: center;
	margin-top: 2px;
}
body_loading {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	width: 100vw;
	height: 100vh;
}
  
.container {
	background-color: rgb(75 75 75 / 80%);
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	position: absolute;     /*body要素に対して絶対配置*/
	z-index: 6;
}

.loader_loggersubmenu {
	background-color: rgb(75 75 75 / 80%);
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	position: absolute;     /*body要素に対して絶対配置*/
	z-index: 6;
}

.back_loggersubmenu
{
	background-color: #000000;
    opacity: 0.5;
}
.token_alert {
	background-color: rgb(75 75 75 / 90%);
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	position: absolute;     /*body要素に対して絶対配置*/
	z-index: 7;
}
.loader {
	margin: 20px auto;
	width: 40px;
	height: 40px;
	position: relative;
  }
  
  .loader .sk-circle {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
  }
  
  .loader .sk-circle:before {
	content: '';
	display: block;
	margin: 0 auto;
	width: 15%;
	height: 15%;
	background-color: rgb(241, 241, 241);
	border-radius: 100%;
	-webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
			animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
  }
  .loader .sk-circle2 {
	-webkit-transform: rotate(30deg);
		-ms-transform: rotate(30deg);
			transform: rotate(30deg);
  }
  .loader .sk-circle3 {
	-webkit-transform: rotate(60deg);
		-ms-transform: rotate(60deg);
			transform: rotate(60deg);
  }
  .loader .sk-circle4 {
	-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
			transform: rotate(90deg);
  }
  .loader .sk-circle5 {
	-webkit-transform: rotate(120deg);
		-ms-transform: rotate(120deg);
			transform: rotate(120deg);
  }
  .loader .sk-circle6 {
	-webkit-transform: rotate(150deg);
		-ms-transform: rotate(150deg);
			transform: rotate(150deg);
  }
  .loader .sk-circle7 {
	-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
			transform: rotate(180deg);
  }
  .loader .sk-circle8 {
	-webkit-transform: rotate(210deg);
		-ms-transform: rotate(210deg);
			transform: rotate(210deg);
  }
  .loader .sk-circle9 {
	-webkit-transform: rotate(240deg);
		-ms-transform: rotate(240deg);
			transform: rotate(240deg);
  }
  .loader .sk-circle10 {
	-webkit-transform: rotate(270deg);
		-ms-transform: rotate(270deg);
			transform: rotate(270deg);
  }
  .loader .sk-circle11 {
	-webkit-transform: rotate(300deg);
		-ms-transform: rotate(300deg);
			transform: rotate(300deg); 
  }
  .loader .sk-circle12 {
	-webkit-transform: rotate(330deg);
		-ms-transform: rotate(330deg);
			transform: rotate(330deg); 
  }
  .loader .sk-circle2:before {
	-webkit-animation-delay: -1.1s;
			animation-delay: -1.1s; 
  }
  .loader .sk-circle3:before {
	-webkit-animation-delay: -1s;
			animation-delay: -1s; 
  }
  .loader .sk-circle4:before {
	-webkit-animation-delay: -0.9s;
			animation-delay: -0.9s; 
  }
  .loader .sk-circle5:before {
	-webkit-animation-delay: -0.8s;
			animation-delay: -0.8s; 
  }
  .loader .sk-circle6:before {
	-webkit-animation-delay: -0.7s;
			animation-delay: -0.7s; 
  }
  .loader .sk-circle7:before {
	-webkit-animation-delay: -0.6s;
			animation-delay: -0.6s; 
  }
  .loader .sk-circle8:before {
	-webkit-animation-delay: -0.5s;
			animation-delay: -0.5s; 
  }
  .loader .sk-circle9:before {
	-webkit-animation-delay: -0.4s;
			animation-delay: -0.4s;
  }
  .loader .sk-circle10:before {
	-webkit-animation-delay: -0.3s;
			animation-delay: -0.3s;
  }
  .loader .sk-circle11:before {
	-webkit-animation-delay: -0.2s;
			animation-delay: -0.2s;
  }
  .loader .sk-circle12:before {
	-webkit-animation-delay: -0.1s;
			animation-delay: -0.1s;
  }
  
  @-webkit-keyframes sk-circleFadeDelay {
	0%, 39%, 100% { opacity: 0; }
	40% { opacity: 1; }
  }
  
  @keyframes sk-circleFadeDelay {
	0%, 39%, 100% { opacity: 0; }
	40% { opacity: 1; } 
  }
  .loader_hide {
	animation-play-state: paused;
}

.messages {
	color: #000000;
}

p{
	color: #fafafa;
}

select{
    outline:none;
    text-indent: 0.01px;
    text-overflow: '';
    background: none transparent;
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
}
select option{
  background-color: #fff;
  color: #333;
}
select::-ms-expand {
  display: none;
}
select:-moz-focusring { 
  color: transparent; 
  text-shadow: 0 0 0 #828c9a;
}

.menu_block {
	display: flex;
}

.top_margin {
	margin-bottom: 40px;
}

.leftframe {
	border-right:1px solid #cccccc;
}

.menu {
	display: flex;
	flex-direction: column;
}

/*---------------------------------*/
.menu_nav {
    padding-left: 17px;
	overflow: hidden;
    padding-top : 10px;
    padding-bottom: 10px;
	background-color: rgb(0, 0, 0);
}

.menu_nav_li {
	width: 40px;
	height: 40px;
	background-color: rgb(17, 25, 37);
	float: left;
	margin-right: 8px;
	border:0px;
	border-radius: 4px;
	background-repeat: no-repeat;
	background-position: center;
}

.menu_nav_li_c {
	background-color: #375179;
}

.rep_file1 {
	background-image: url(filetab_one.png);
}

.rep_file2 {
	background-image: url(filetab_two.png);
}

.rep_file3 {
	background-image: url(filetab_three.png);
}

.rep_file4 {
	background-image: url(filetab_four.png);
}

.rep_file5 {
	background-image: url(filetab_five.png);
}

.pic_file1 {
	background-image: url(pictab_one.png);
}

.pic_file2 {
	background-image: url(pictab_two.png);
}

.pic_file3 {
	background-image: url(pictab_three.png);
}

.pic_file4 {
	background-image: url(pictab_four.png);
}

.pic_file5 {
	background-image: url(pictab_five.png);
}
.nav_remote{
	background-image: url(icon_GL260.png);
}
.nav_setting{
	background-image: url(setting.png);
}

.nav_file{
	background-image: url(file.png);
}

.nav_file_gremote{
	background-image: url(file_gremote.png);
}

.nav_file_auto{
	background-image: url(file_auto.png);
}
.nav_infomation{
	background-image: url(infomation.png);
}

.nav_monitor{
	background-image: url(monitor.png);
}
.menu_nav_li_c a {
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	padding: 20px;
}

.menu_nav_li a {
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	padding: 20px;
}

.menu_nav_li:hover {
	background-color: #283a54;
	cursor:pointer;
}

.menu_nav_li:active {
	background-color:rgb(10, 18, 30);
}

.menu_nav_li_c:hover {
	background-color: rgb(60, 88, 128);
}
.menu_nav_li_c:active {
	background-color: rgb(10, 18, 30);
}

.setting_Layouts{
	display: block;
}

.combo_gllogger{
	background-color:rgb(0, 0, 0);
	border:1px solid #adaaad;
	color:#ffffff;
	margin-right: 8px;
}


.keyefe_div{
	position: absolute;
	z-index: 2;
	pointer-events: none;
}

.keyefe_div_on{
	opacity: 1;
}
.keyefe{
	transition: opacity 1s, top 0s 1s; 
	width: 40px;
	opacity: 0;
	pointer-events: none;
}
.overlay-on{
	transition: opacity 1s, top 0s 1s; 
	opacity: 1;
}

.ArrowUp {
	top: 235px;
	left: 708px;
}

.ArrowDown {
	top: 370px;
	left: 708px;
}

.ArrowLeft {
	top: 301px;
	left: 639px;
}

.ArrowRight {
	top: 301px;
	left: 777px;
}

.key_one {
	top: 149px;
	left: 602px;
}

.key_two {
	top: 149px;
	left: 669px;
}

.key_three {
	top: 149px;
	left: 778px;
}

.key_esc {
	top: 202px;
	left: 616px;
}

.key_F1 {
	top: 202px;
	left: 794px;
}

.key_enter {
	top: 301px;
	left: 704px;
}
.key_q {
	top: 400px;
	left: 616px;
}
.key_w {
	top: 400px;
	left: 794px;
}
.key_a {
	top: 455px;
	left: 616px;
}
.key_s {
	top: 455px;
	left: 694px;
}

.key_d {
	top: 455px;
	left: 694px;
}
.key_z {
	top: 492px;
	left: 616px;
}
.key_x {
	top: 492px;
	left: 694px;
}
.key_c {
	top: 472px;
	left: 794px;
}

/*---------------------------------*/
.setting_item{
	background-color:rgb(0, 0, 0);

	outline: none;
}

.setting_item_waveback{
	background-color:rgb(var(--theme-bodycolor-rgb));
	outline: none;
}
.setting_item_heatarea{
	background-color:rgb(var(--theme-bodycolor-rgb));

	outline: none;
}

.heatarea_overlay{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(151, 151, 151);
    opacity: 0.8;
    display: none;
	z-index: 9998;
	position: absolute;
}

.loger_toptitle{
	border:1px solid #4400ff;
}
.setting_item_wave{
	background-color:rgb(0, 0, 0);
}
.div_src{
	background-color:rgb(var(--theme-bgcolor-rgb));
	height: 100%;
}
.div_loggermenu{
	background-color:rgb(var(--theme-bgcolor-rgb));

}

.div_all_display{
	background-color:rgb(255, 255, 255);

}
.div_src_all{
	background-color:rgb(0, 0, 0);
	height: 100%;
}
.div_src_two{
	display:grid;
	grid-template-columns: repeat(2, 50%);
}

.div_setting_logger{
	border:0px solid #adaaad;
}
.div_loggers{
	background-color:rgb(17, 25, 37);
	display:flex;
	height: 40px;
	position: relative;
	gap: 10px;
}

.div_picdiv{
	border:0px solid #ff3eff;
	display: flex;
	flex-wrap: wrap;
	margin : 10px;
}

.div_picchlistsdiv{
	border:1px solid #00f7ff;
	display: flex;
	flex-wrap: wrap;
}

.div_picch{
	border:0px solid #00ff15;
	height: 80px;
	width: 80px;
	display: flex;
	flex-direction: column;
	justify-content:center;
	align-items: center;
	border-radius: 50%;
}

.div_picch_label {
	color: #ffffff;
	font-size:13px;
	user-select: none;
	white-space: nowrap;
}

.heatarea_tab {
	border: 0px solid  rgb(255, 255, 0);
	padding: 0;
}

.heatarea_button_tab {
	background-color: #424242;
	color: #fff;
	cursor: pointer;
	width:100px;
	border:0px;
	font-size:18px;
	padding: 2px;
	height: 30px;
}

.heatarea_button_tab_c {
	background-color:rgb(49,206,49);
	color: #000000;
	font-size:20px;
	padding: 3px;
	height: 32px;
}
.heatarea_button_close {
	background-color:rgb(47 53 81);
	color: #fff;
	cursor: pointer;
}
.heatarea_button_close:hover {
	background-color:rgb(73, 84, 129);
}
.heatarea_button_close:active {
	background-color:rgb(35, 39, 58);
}
.heatarea_imgtitle {
	background-color:rgb(47 53 81);
	padding: 0;
	color: #fff;
}
.heatarea_src {
	border: 0px solid  rgb(187, 187, 187);
	padding: 0;
	display: flex;
}
.heatarea_settings_chdiv {
	border: 0px solid  rgb(0, 255, 34);
	display: flex;
	align-items:center;
	gap:8px;
	margin-bottom:1px;
}

.uni_settings_chdiv {
	border: 0px solid  rgb(0, 255, 34);
	display:flex;
	align-items:center;
	height: 25px;
}
.uni_settings_chdiv_title {
	flex-direction: column;
  	justify-content: center;
}
.heatarea_settings_value{
	float:left;
	width: 91px;
	padding:0;
	padding-left:5px;
	height: 20px;
}
.heatarea_settings_error{
	background-color: red;
}
.heatarea_settings_col{
	float:left;
	width: 64px;
	padding:0;
	height: 25px;
}
.img_heat_pic {
	user-select: none;
	-webkit-user-drag: none;
	min-height:140px;
	min-width:140px;
}
.div_pic_chdiv{
	background-color:rgb(0, 225, 255);
	height: 40px;
	width: 40px;
}
.main_src{
	height: 100%;
	width: 100%;
}
.main_frame{
	background-color:rgb(var(--theme-bodycolor-rgb));
	vertical-align: top;
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.main_frame_underinfo{
	height:120px;
}

.main_frame_rep{
	background-color:rgb(var(--theme-bodycolor-rgb));
	vertical-align: top;
	display: grid;
	grid-template-columns: 1fr 1fr;
	flex: 1;
}

.main_frame_reppare{
	border:0px solid rgb(0, 255, 21);
	height:calc(100vh - 180px);
	min-height:500px;
}
.main_frame_digi{
	background-color:rgb(var(--theme-bodycolor-rgb));
	margin-right : 5px;
	vertical-align: top;
	display: grid;
	padding-left : 6px;
}
.main_frame_wg{
	flex: 1;
}

.main_frame_wguni{
	flex: 1;
	height:calc(100% - 120px);
}

.uni_frame_wg{
	flex: 1;
	height: 100%;
}

.main_rightdigi_stat{
	margin-bottom:5px;

}

.main_rightdigi_stat_back{
}

.main_frame_csvrep{
	flex: 1;
	grid-template-columns: 100%;
	border:0px solid rgb(0, 174, 255);
	margin-left: 10px;
}
.main_frame_wg_digihide{
	grid-template-columns: 100% 0px;
}
.main_frame_plotly{
	background-color:rgb(var(--theme-bodycolor-rgb));
	height: calc(100vh - 115px);
	width: 100%;
	vertical-align: top;
	min-height:500px;
}

.main_frame_csv{
	height: 100%;
}
.main_frame_meater{
	background-color:rgb(0, 0, 0);
	height: 100%;
	width: 100%;
	vertical-align: top;
	display: flex;
	border:1px solid rgb(0, 255, 21);
}

.main_frame_uni{
	background-color:rgb(var(--theme-bodycolor-rgb));
	height:calc(100vh - 155px);
	width: 100%;
	vertical-align: top;
	min-height: 500px;
}

.uni_beta{
	display: flex;
  	flex-direction: column;
  	justify-content: center;
  	align-items: center;
}

.label_viewonly{
	margin-left:10px;
	font-size:17px;
	color: #00ffc2;
	font-family: 'Amatic SC', cursive;
	font-style: italic;
}

.label_viewonly_sub{
	color: #92ccbf;

}
.main_src_two{
	height: auto;
	width: auto;
}
.frame_wave{
	border:0px solid #aaa;
	background-color:rgb(var(--theme-bodycolor-rgb));
	margin-left:10px;
	margin-top:10px;
	margin-bottom: 10px;
}

.frame_info{
	border:0px solid #aaa;
	background-color:rgb(var(--theme-framecolor-rgb));
	display:flex;
	margin-left:10px;
	overflow-x: auto;
	margin-bottom: 10px;
}

.frame_stsp{
	border:0px solid #747474;
	background-color:rgb(var(--theme-framecolor-rgb));
	display:flex;
	width: 230px;
	padding: 10px;
	margin-bottom:10px;
	margin-right:10px;
	box-sizing: border-box;
}

.donut_src{
}
.donut_chart_div{
	width : var(--theme-recinfo-width);
	position: relative;
}
.donut_param_div{
	position: absolute;
}
.donut_chart_canvas{

}
.info_logger{
	display:flex;
	align-items: center;
	text-align: center;
	gap:10px;
	position:relative;
	margin-left:10px;
}

.info_logger_buttons{
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 74px;
	gap: 15px;
	position: relative;
}
.info_logger_sepalate{
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 74px;
	position: relative;
	margin-top:26px;
}
.info_logger_sepalate::after{
	content:"";
	display:inline-block;
	width:0px;
	height:74px;
	background-color:rgb(30 30 30);
	margin-right:26px;
	margin-left:26px;
	border:1px dashed;
}
.frame_waveinfo_alarmout{
	border:0px solid #aaa;
	background-color:rgb(var(--theme-framecolor-rgb));
	display: flex;
	gap: 3px;
	align-items: end;

}

.waveinfo_ao_src{
	width : 20px;
	height: 74px;
	display: flex;
	align-items: end;
}

.waveinfo_alarmout{
	background-color: (var(--theme-bodycolor-rgb));
	width: 100%;
	height: 23px;
	border:0px solid #aaa;
	display: flex;
	justify-content: center;
	position:relative;
	background-color: rgb(30, 30, 30);
	transition: 0.2s;
	border-radius: 1px;
}

.waveinfo_alarmout_occured{
	background-color: red;
	height: 100%;
	
}
.div_ao_none{
	background-color: red;
	height: 0px;
	width : 100%;
	transition: 0.2s;
}
.div_ao_occured{
	height: 51px;
}
.waveinfo_alarmout_label{
	color: white;
	position: absolute;
	margin-bottom: 3px;
	bottom: 0%;
	font-size: 14px;
}

.waveinfo_alarmout1{
}

.waveinfo_alarmout2{
}

.waveinfo_alarmout3{
}

.waveinfo_alarmout4{
}
.frame_info_donut{
	border:0px solid #aaa;
	background-color:rgb(var(--theme-framecolor-rgb));
	display:flex;
	align-items: center;
	text-align: center;
	position:relative;
	gap:29px;
}

.img_param{
	background-repeat: no-repeat;
	background-position: center;
	height:15px;
	width:100%;
}

.img_param_battery{
	background-image: url(battery.png);
}

.img_param_rectime{
	background-image: url(diskspace.png);
}
.info_infolabels{
	display:grid;
	grid-template-columns: auto auto;
	height:100%;
	margin-left:20px;
}

.label_waveinfo_infobutton{
	font-size:25px;
	color: #ffffff;
	font-family: "Century";
	font-weight:bold;
	cursor:pointer;
}

.label_donut_label{
	font-size: 18px;
}
.label_donut_label_battery{
	color: rgb(148,255,0);
}
.label_donut_label_rectime{
	color: rgb(214,0,255);
}
.label_loggerinfo{
	color: var(--theme-fontcolor);
}
.wave_menu{
	background-color: rgb(55 55 55);
	width: 50px;
	float: left;
	position: relative;
	flex-shrink: 0;
}

.wave_menu_float{
	background-color: rgb(55 55 55);
	width: 50px;
	position: absolute;
	z-index: 2;
	transition: width 0.6s;
}
.wave_menu_float_hover{
	width: 250px;
	transition-delay: 0s;
}
.frame_digi_src{
	width: 230px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 10px;
	margin-bottom:10px;
	overflow-y: auto;
	box-sizing: border-box;
}

.frame_digi_rep{
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom:0px;
}

.frame_digi_src_uni{
	width: 240px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 10px;
	margin-bottom:10px;
	overflow-y: auto;
	box-sizing: border-box;
}
.frame_digi{
	border:0px solid #aaa;
	display: block;
}

.frame_digi_extend{
	border:0px solid #aaa;
	display: block;
	overflow-y: auto;
	margin-bottom: 10px;
	scrollbar-gutter: stable;
}
.frame_digi_hidden{
	display: none;
}

.remote_disp{
	background-color:rgb(0, 0, 0);
	margin-left:20px;
	user-select: none;
}

.remote_disp_src{
	position:relative;
	height:562px;
}

.remote_disp_table{
	width:  895px;
	height: 562px;
	position:absolute;
}

.remote_disp_key{
	position:relative;
}
.remote_disp_Lcd{
	position:absolute;
	width: width 480px;
	top: 192px;
	left:71px;;
}

.remote_disp_Lcd2{
	position:absolute;
	border:1px solid #aaa;
	width: 480px;
	height:500px;
}

.re_key{
	position: absolute;
	background-color: rgba(0, 0, 0, 0);
	width: 100px;
	height: 100%;
	z-index:2;
	cursor: pointer;

}.re_key:hover {
	background-color: rgba(255, 255, 255, 0.2);
}.re_key:active {
	background-color: rgba(255, 255, 255, 0.4);
}

.key_tdd{
	left: 603px;
	clip-path: polygon(0px 134px,0px 169px,51px 169px,51px 134px);
}

.key_tdu{
	left: 654px;
	clip-path: polygon(0px 134px,0px 169px,51px 169px,51px 134px);
}

.key_chs{
	left: 747px;
	clip-path: polygon(0px 136px,0px 166px,102px 166px,102px 136px);
}

.key_qui{
	left: 602px;
	clip-path: polygon(0px 185px,77px 185px,76px 203px,53px 223px,1px 223px);
}

.key_men{
	left: 774px;
	clip-path: polygon(0px 184px,75px 184px,77px 223px,24px 225px,0px 207px);
}

.key_kup{
	left: 669px;
	width: 200px;
	clip-path: polygon(0px 237px,24px 223px,57px 217px,89px 222px,113px 240px,83px 271px,53px 261px,34px 271px);
}

.key_kdw{
	left: 670px;
	width: 200px;
	clip-path: polygon(27px 340px,56px 353px,86px 341px,110px 369px,88px 383px,54px 391px,24px 385px,0px 370px);
}

.key_kri{
	left: 763px;
	clip-path: polygon(0px 272px,29px 246px,43px 268px,51px 303px,43px 336px,26px 357px,0px 334px,10px 301px);
}

.key_kle{
	left: 641px;
	clip-path: polygon(21px 247px,46px 273px,37px 304px,49px 334px,21px 364px,3px 333px,0px 300px,8px 268px);
}

.key_kfl{
	left: 605px;
	clip-path: polygon(0px 380px,49px 380px,76px 401px,76px 421px,0px 420px);
}

.key_kfr{
	left: 776px;
	clip-path: polygon(23px 380px,73px 379px,73px 421px,0px 421px,0px 398px);
}

.key_ent{
	left: 675px;
	top: 22px;
	clip-path: circle(30px);
}

.key_fun{
	left: 605px;
	clip-path: polygon(68px 472px,68px 445px,0px 445px,0px 472px);
}

.key_dis{
	left: 685px;
	clip-path: polygon(0px 446px,65px 446px,65px 473px,0px 473px);
}

.key_fil{
	left: 606px;
	clip-path: polygon(0px 480px,0px 507px,68px 507px,68px 480px);
}

.key_rev{
	left: 684px;
	clip-path: polygon(0px 480px,66px 480px,66px 507px,0px 507px);
}

.key_sta{
	left: 788px;
	clip-path: polygon(0px 440px,59px 440px,55px 496px,41px 508px,0px 510px);
}
.button_remotedisp{
	color : #FFF;
	height: 38px;
	width :108px;
	background-color:rgb(102, 102, 102);
	cursor:pointer;
	font-size:11px;
	border-radius:5px;
	text-align:center;;
	font-family:"Century";
	display: table-cell;
    vertical-align: middle;
	border:0px solid #aaa;
}

.button_remotedisp:hover{
	background-color:rgb(128 128 128);
}

.tmSelect{
	width: width 108px;
}

.dispselect{
	width: width 108px;
}
.select_disp_logger{
	margin-bottom:2px;
	margin-top:5px;
}
.select_data{
	margin-bottom:2px;
	margin-top:5px;
}
select_data_time{
	margin-top:2px;
	margin-bottom:2px;
}
.select_data_wave{
	margin-top: 6px;
	display:inline-block;
	width:100%;
}
.select_data_logger{
	display:block;
	margin-top: 8px;
	float: right;
}
td {
    /* padding:10px; */
}
.status_table_td {
    background: #fff;
}

.status_table_tr:nth-child(odd) {
	background: #eee;
}
.framebuttonmain3_uni{
}
.date {
	display: inline-block;
	text-align: center;
	border: 1px solid #ccc;
	padding:10px;
	font-size:medium;
	/*margin-top: 5px;*/
	margin-bottom: 10px;
}

.digital_frame {
	width: 100%;
	display:grid;
	grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
	grid-auto-rows:auto;
	/*border: 1px solid;*/
}

.digital_monitor_frame {
	width: 100%;
	display:grid;
	grid-template-columns: 1fr;
	grid-auto-rows:auto;

	/*border: 1px solid;*/
}

.digital_frame2 {
	display:grid;
	grid-template-columns: 1fr;
	border: 1px sold;
	border-color: #aaa;
	padding-left: 5px;
	padding-right: 5px;
	min-width:180px;
	box-sizing: border-box;
	height:auto;
	aspect-ratio: 5/3;
	background-color: rgb(var(--theme-framecolor-rgb));
	margin-left : 5px;
	margin-right : 5px;
	margin-bottom : 10px;
	user-select: none;
}

.digital_monitor_frame2 {
	display:grid;
	border: 0px solid;
	padding: 3px;
	align-items: center;
	background-color: rgb(var(--theme-framecolor-rgb));
	margin-bottom:2.5px;
	margin-top:2.5px;
	user-select: none;
}

.digital_monitor_frame2_rep {
	margin-bottom: 5px;
	margin-top: 0px;
}

.digital_monitor_frame_uni {
	display:grid;
	grid-template-columns: 20px 1fr;
	border: 0px solid;
	padding: 0px;
	align-items: center;
}

.digital_monitor_chano {
	display:grid;
	grid-template-columns: 50px 1fr;
	border-bottom: solid 1px;
	text-align: left;
	border-color:#FF0000;
	border-width:1px;
}

.digital_monitor_valunit {
	display:grid;
	grid-template-columns: 70% auto;
	overflow:hidden;
}

.digital_monitor_Statistical {
	display:none;
	overflow:hidden;
	grid-template-columns: 1fr 1fr;
	column-gap : 5px;
}

.digital_Statistical {
	display: grid;
	overflow:hidden;
	grid-template-columns: 1fr 1fr;
	column-gap : 5px;
}

.digital_monitor_digi_Statistical {
	column-gap : 8px;
}
.digi_alarm{
	background-color: #FF0000;
}

.div_vu_val {
}

.div_vu_unit {
}

.div_vu_statistical_src {
	display:grid;
	grid-template-columns: 35px 1fr 1fr;
}

.div_digi_vu_statistical_src {
	display:grid;
	grid-template-columns: 40px 1fr 1fr;
}
.div_vu_statistical {
    color: #828282;
    font-size: 14px;
}

.div_vu_statistical_ti {
}
.div_vu_digi_statistical {
	color: #828282;
    font-size: 18px;
}

.div_vu_digi_statistical_val {
	text-align:right;
}
.digital_monitor_frame_uni_device {
}
.digital_monitor_device {
	border: 0px solid rgb(0, 255, 106);
	transition: opacity 500ms;
	display: block;

}
.digital_monitor_device.digital_monitor_devicehidden {
	opacity: 0;
	height : 0px;
	display: none;
}

.digital_monitor_device_title {
	border: 0px solid rgb(251, 255, 0);
	display:grid;
	grid-template-columns: 20px 3fr;
}

.button_device {
	border: 0px solid rgb(212, 0, 255);
}
.label_digi_device {
	border: 0px solid rgb(255, 136, 0);
	color: #fff;
}

.label_infologger {
	color: #fff;
}

.label_unibeta {
	color: #00ffc2;
	font-family: 'Amatic SC', cursive;
	font-size:25px;
	font-style: italic;
}

.label_winfo {
	color: #000000;
	height : 100%;
}

.button_device_opcl {
	cursor:pointer;
	background-color: #000000;
	height : 20px;
	width : 20px;
	background-image: url(close_device.png);
	background-repeat: no-repeat;
	background-position: center;
}

.button_device_opcl_op {
	background-color: #000000;
	cursor:pointer;
	height : 20px;
	width : 20px;
	background-image: url(open_device.png);
	background-repeat: no-repeat;
	background-position: center;
}

.my-handle {
	cursor: move;
	cursor: -webkit-grabbing;
	text-align: center;
	color: #fff;
	padding:4px;
	height:18px;
	border: 0px solid #aaa;
	overflow: hidden;
	margin-left:-1px;
	margin-top: -1px;
}
.dig,.dig_monitor,.digl,.digl_monitor,.uni,.title_src {
	display:flex;
	border: 0px solid #aaa;
	padding:4px;
	overflow: hidden;
	color: #fff;
	height:18px;
	align-items: center;

}
.chnumtitle {
	width: 20px;
}
.chnum {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-left : 5px;
	font-size:13px;
}
.ano {
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-left : 5px;
	font-size:12px;
}

.ano_title {
	font-size:13px;
}

.value_ch {
	font-size:30px;
	justify-content:flex-end;
}

.value_ch_small {
	font-size:22px;
	justify-content:flex-end;
}
.value_unit {
	font-size:15px;
	align-items:end;
}
.dig {
	font-size:x-large;
}

.dig_digital {
	font-size: 35px;
	padding: 8px;
	height: auto;
}
.dig_digital_small {
	font-size: 25px;
	padding: 8px;
	height: auto;
}

.dig_monitor {
	font-size: normal;
	height:27.5px;
}

.digl {
	font-size:x-large;
	display: flex;
}

.digl_monitor {
	font-size:normal;
	display: flex;
}

.uni {
	text-align: right;
	background-color: #000000;
}

.digdigi_uni {
	height: auto;
	display: flex;
    align-items: center;
	font-size: 15px;
	padding-top:15px;
}

.monitor_sampling_frame{
	border: 0px solid  #aaa;
	grid-template-columns: 0.8fr 1fr;
	display: grid;
	height: 24px;
	align-items: center;
	margin-top: 5px;
	margin-left:-1px;
}
.monitor_sampling{
	color: #fff;
	margin-left:5px;
}

.alarmoutul {
	display: inline-block;
	text-align: justify;
	text-justify: distribute-all-lines;
	margin-bottom: 4px;
}
.alarmout {
	display: inline-block;
	text-align: justify;
	text-justify: distribute-all-lines;
}
.alarmout {
	text-align: center;
	border: 0px solid  #aaa;
    padding:3px;
    margin-top: 20px;
	margin-left : 5px;
	width:20px;
	height: 20px;
	color: #fff;

}
.alarmout_title {
	text-align: center;
	border: 0px solid  #aaa;
    padding:3px;
    margin-top: 20px;
	height: 20px;
	color: #fff;
	padding-left : 5px;
	padding-right : 5px;
	margin-left:-1px;
}
.ope_container,.stat_container {
	/*display: flex;
	flex-direction: column;*/
	display:grid;
	grid-template-columns: 200px 400px;
}

.amp_ch_container {
	border: 0px solid  #aaa;
	padding: 0;
	margin-bottom: 3px;
}

.amp_analog_container {
	border: 0px solid  #aaa;
	padding: 0;
}

.amp_calc_container {
	border: 0px solid  #aaa;
	padding:0;
}

.amp_pulse_container {
	border: 0px solid  #aaa;
	padding:0;
   }

.amp_logic_container {
	border: 0px solid  #aaa;
	padding:0;
}
.amp_lp_container {
	border: 0px solid  #aaa;
	padding:0;
}

.amp_ch_title_container {
	border: 0px solid  #aaa;
	padding:0;
}

.amp_container {
	border: 0px solid  #aaa;
	padding: 0;
}
.amp_heatareapictab {

}

.amp_alp_container {
	border: 0px solid  #aaa;
	padding : 0;
	margin-top:24px;
}
.heatarea_pic_tabdiv {
	border: 0px solid  #00fc4c;
	padding: 0;
	height: calc(100vh - 180px);
	position:relative;
}
.filerep_csv_tabdiv_src {
	border: 0px solid  #00fc4c;
	padding: 0;
	height: Calc(100vh - 180px);
	position:relative;
	min-height: 500px;
	display: flex;
	flex-wrap: wrap;
	flex-flow: column;
	justify-content: space-around;
}
.heatarea_tabdiv_src {
	justify-content: normal;
}


.filerep_csv_tabdiv {
	border: 0px solid  #00fc4c;
	height:100%;
	position:relative;
}

.filerep_csv_tabdiv_flame {
	width: 100%;
	height: 100%;
	display: flex;
	align-items:center;
	justify-content: center;
}

.filerep_csv_tabdiv_flame_src {
	padding:10px;
	box-sizing: border-box;
}

.brokenline {
	box-sizing    : border-box;           /* 罫線も含む長さ     */
	width         : 100%;                 /* BOXの幅            */
	padding       : 12px 20px;            /* 文字の位置合わせ   */
	font-size     : 14pt;                 /* 文字サイズ         */
	text-align    : center;               /* 文字位置           */
	border        : 4px dashed #aaa;   /* 枠線の指定（上）   */
	border-radius : 30px;
}
.filerep_dragdrop_area_container {
	border: 0px solid  #aaa;
	background-color: #000;
	padding: 0;
}

.filerep_dragdrop_area_buttons {
	border: 0px solid  #aaa;
	padding: 0;
}

.filerep_dragdrop_area_container_over {
	border: 0px solid  #aaa;
	background-color: rgb(114, 114, 114);
}

.tab_area {
	display: flex;
    align-items: flex-end;
	padding: 0;
}
.filerep_div {
	border: 0px solid  #aaa;
}
.filerep_tabs_div {
	border: 0px solid  #aaa;
	display: grid;
	gap:20px;
}

.filerep_tabs_help_div {
	margin-bottom: 30px;
}
.filerep_tabs_div_buttons_src {
	border: 0px solid  #aaa;
	display: flex;
	flex-wrap: wrap;
	flex-flow: column;
	align-items:center;
	justify-content: center;
	height: 100%;
}
.filerep_tabs_div_buttons {
	border: 0px solid  #aaa;
	display: flex;
	align-items:center;
	gap:50px;
}
.data_container {
	display:grid;
	grid-template-columns: 290px 108px 216px 200px;
	border: 0px solid  #aaa;
}

.data_long {
	grid-template-columns: 398px 108px 324px 200px;
}

.data_container_filepath {
	display:grid;
}
.data_container_settings {
	border: 0px solid  rgb(0, 167, 97);
}
.data_container_title {
	border: 0px solid  rgb(255, 99, 99);
}

.data_label_title {
	color: rgb(115, 158, 16);
	margin-left:40px;
	height: 24px;
	display: flex;
	align-items: center;
}
.data_ringrelay_container {
	display:grid;
	grid-template-columns: 290px 216px;
	border: 0px solid  #aaa;
}

.ringrelay_long {
	display:grid;
	grid-template-columns: 398px 216px;
	border: 0px solid  #aaa;
}

.data_ringrelay_settings_container {
	border: 0px solid  rgb(255, 0, 0);
}
.data_ring_container {
	/*display: flex;
	flex-direction: column;*/
	display:grid;
	grid-template-columns: 290px 108px 200px;
}

.ring_long {
	grid-template-columns: 398px 108px 200px;
}

.data_relay_container {
	/*display: flex;
	flex-direction: column;*/
	display:grid;
	grid-template-columns: 290px 216px 150px 100px;
}
.relay_long {
	grid-template-columns: 398px 216px 150px 100px;
}

.data_relaytime_container {
	/*display: flex;
	flex-direction: column;*/
	display:grid;
	grid-template-columns: 290px 108px 200px;
}
.relaytime_long {
	grid-template-columns: 398px 108px 200px;
}

.data_relaycapa_container {
	/*display: flex;
	flex-direction: column;*/
	display:grid;
	grid-template-columns: 290px 108px 108px 108px;
}

.relaycapa_long {
	grid-template-columns: 398px 108px 108px 108px;
}
.data_relaytime_container_input {
	grid-template-columns: 50px 9px 50px;
	padding:0px;
	margin-bottom : 1px;
	border: 0px solid  #aaa;
}
.data_relayloop_container {
	/*display: flex;
	flex-direction: column;*/
	display:grid;
	grid-template-columns: 290px 250px 100px;
}
.relayloop_long{
	grid-template-columns: 398px 250px 100px;
}

.data_backup_container {
	display:grid;
	grid-template-columns: 290px 600px;
	border: 0px solid  #aaa;
}
.backup_long{
	grid-template-columns: 398px 600px;
}
.data_recinfo_container{
	margin-top: 25px;
}

.data_backup_settings_container {
	border: 0px solid  #aaa;
}

.ftpclient_container_settings {
	border: 0px solid  #aaa;
}

.ftpclient_container {
	display:grid;
	grid-template-columns: 290px 216px 108px;
	border: 0px solid  #aaa;
}

.ftpclient_container_long {
	grid-template-columns: 398px 216px 108px;
}

.ftpclient_container_longlong {
	grid-template-columns: 506px 216px 108px;
}

.ftpclient_container_port {
	display:grid;
	grid-template-columns: 108px 108px;
	border: 0px solid  #aaa;
}
.mail_container {
	border: 0px solid  #aaa;
}

.mail_dest_container {
	display:grid;
	grid-template-columns: 290px 108px 216px 200px;
	border: 0px solid  #aaa;
}

.mail_dest_container_long {
	grid-template-columns: 398px 108px 216px 200px;
}

.mail_dest_container_longlong {
	grid-template-columns: 506px 108px 216px 200px;
}
.trig_container {
	border: 0px solid  #aaa;
}

.alarmsettings_container {
	display:grid;
	border: 0px solid  rgb(0, 190, 95);
}

.alarmsettings_container_long {
}
.alarm_container {
	border: 0px solid  #aaa;
	display:grid;
	grid-template-columns: 290px auto;
}

.alarm_container_long {
	grid-template-columns: 398px auto;
}
.alarmlevel_container {
	/*display: flex;
	flex-direction: column;*/
	border: 0px solid  #aaa;
	display:grid;

}
.heatareasetting_container {
	display:grid;
	padding-left: 10px;
	padding-right: 10px;
	max-height: 340px;
	overflow-y: auto;
}
.uni_chsrc {
	border: 0px solid  #aaa;
	display:grid;
	grid-template-columns: 1fr 1fr 1fr;
	padding-left: 10px;
	padding-right: 10px;
	height: 300px;
}

.uni_chalpc {
  	flex-flow: column;
	border-left: 1px solid  #aaa;
	border-right: 1px solid  #aaa;
	margin-left:-1px;
	overflow-y :auto;
}
.trigcond_container {
	border: 0px solid  #aaa;
	display:grid;
	grid-template-columns: 290px 116px 432px;
}

.trigcond_container_long {
	grid-template-columns: 290px 224px 432px;
}
.triglevel_container {
	/*display: flex;
	flex-direction: column;*/
	border: 1px solid  rgb(73 73 73);
	display:grid;
	grid-template-columns: 207px 400px;
	height: 73px;
	width: 520px;
}

.triglevel_container_title {
	border: 0px solid  #aaa;
	display:block;
    padding:0px;
}

.triglevel_container_long {
	grid-template-columns: 315px 400px;
	width: 620px;
}
.triglevel_container_alp {
	border: 0px solid  #0097ff;
    padding:0px;
}

.other_container_settings {
	border: 0px solid  rgb(0, 167, 97);
}

.other_container {
	display:grid;
	grid-template-columns: 290px 200px;
	border: 0px solid  #aaa;
}

.other_container_long {
	grid-template-columns: 398px 200px;
}

.other_container_longlong {
	grid-template-columns: 506px 200px;
}
.otherdate_container {
	border: 0px solid  #aaa;
	display:grid;
	grid-template-columns: 216px 208px;
	width: 500px;
}
.trigweek_container {
	border: 0px solid  #aaa;
}

.trigweek_containerweek {
	border: 0px solid  #aaa;
}

.trigweek_containerweek_label {
	border: 0px solid  #aaa;
	margin-top:2px;
}

.trigweek_containerweek_check {
	border: 0px solid  #aaa;
	height:24px;
	margin-bottom:1px;
}

.trigweek_label {
	border: 0px solid  #aaa;
	width: 40px;
	margin-left: 2px;
	color: rgb(255 255 255);
	text-align:center;
	background-color:#0000;
	padding:0px;
	font-size: 15px;
}
.all_label{
	margin-left: 6px;
	border: 0px none;
	color: rgb(255 255 255);
}

.all_label_disabled{
	margin-left: 5px;
	border: 0px none;
	color: rgb(218, 218, 218);
}

.digital_label {
	color: rgb(255 255 255);
	margin-top:4px;
}

.digital_label_rectime {
	margin-left: 10px;
	color: rgb(25 146 255);
	font-family:"Arial Black";
}

.digital_label_remainingtime {
	margin-right:32%;
	float:right;
	color: rgb(222 20 58);
	font-family:"Arial Black";
}

.data_setting_label{
	margin-left: 50px;
	color: rgb(255 255 255);
	display: flex;
	align-items: center;
	height: 24px;
}

.mailcopy_label{
	margin-left: 60px;
}
.dialog_setting_label{
	margin-left: 20px;
	float:left;
	display: flex;
	align-items: center;
	height: 24px;
}
.dialog_setting_label_right{
	margin-left: 0px;
}

.dialog_setting_label_exp{
	margin-left: 0px;
}
.trig_setting_label{
	margin-left: 8px;
	color: rgb(255 255 255);
	display: flex;
	align-items: center;
	height: 24px;
}


.setting_alllang{
	font-size: 18px;
	color: rgb(255 255 255);
	border: 0px solid  rgb(146 146 146);
	background:  rgb(44 44 44);
	height: 23px;
}
.setting_alllang:hover{
	background:  rgb(91 91 91);
}
.setting_alllang:disabled{
	background: #535353;
	opacity: 0.6;
}
.setting_alllang_opt{
    background:  rgb(66, 66, 66);
}

.setting_combo_tmselect{
    background:  rgb(66, 66, 66);
	float:left;
	height: 24px;
	border: 0px solid  rgb(66, 66, 66);
	color: rgb(255, 255, 255);
	margin-right:8px;
}.setting_combo_tmselect:hover {
	background-color: #535353;
}
.setting_combo:hover {
	background-color: #535353;
}
.setting_combo{
    background:  rgb(66, 66, 66);
	float:left;
	width:100px;
	height: 24px;
	border: 0px solid  rgb(66, 66, 66);
	color: rgb(255, 255, 255);
	margin-right:8px;
}.setting_combo:hover {
	background-color: #535353;
}

.setting_combo:disabled {
	background: #535353;
	opacity: 0.6;
}

.setting_combo_alp{
    background:  rgb(66, 66, 66);
	float:left;
	width:100px;
	height: 24px;
	border: 0px solid  rgb(66, 66, 66);
	color: rgb(255, 255, 255);
	margin-right:8px;
	margin-left:82px;
}

.setting_combo_alp:disabled {

}.setting_combo_alp:hover {
	background-color: #535353;
}

.setting_combo_amp_long{
	margin-left:0px;
	width:208px;
}
.setting_combo_data{
    background:  rgb(66, 66, 66);
	float:left;
	width:100px;
	height: 24px;
	border: 0px solid  rgb(66, 66, 66);
	color: rgb(255, 255, 255);
	margin-left:8px;
	margin-bottom:3px;
}.setting_combo_data:hover {
	background-color: #535353;
}.setting_combo_data:disabled{
	background: #535353;
	opacity: 0.6;
}

.setting_combo_data_long{
	width:208px;
}

.setting_combo_data_longlong{
	width:316px;
}
.setting_combo_dialog_alp{
	float:left;
	width:100px;
	height: 24px;
	margin-left:82px;
	margin-right:8px;
	background-color : #ffffff;
}.setting_combo_dialog_alp:hover {
	background-color: #e0e0e0;
}
.setting_combo_dialog{
	float:left;
	width:100px;
	height: 24px;
	margin-right:8px;
	background-color : #ffffff;
}.setting_combo_dialog:hover {
	background-color: #e0e0e0;
}
.setting_combo_dialog:disabled {
	opacity: 0.6;
	background-color: #ffffff;

}

.setting_combo_dialog_long{
	width:208px;
	margin-right:0px;
}

.setting_combo_dialog_auto{
	width: auto;
}
.setting_combo_dialog_heatarea{
	width: 198px;
	margin-right:0px;
}

.setting_combo_dialog_scale_unit{
	float:left;
	width:100px;
	height: 24px;
	margin-right:8px;
	background-color : #ffffff;
}.setting_combo_dialog_scale_unit:hover {
	background-color: #e0e0e0;
}
.setting_combo_dialog_scale_unit:disabled {
	opacity: 0.6;
	background-color: #ffffff;
}

.combo_unit_long{
	width:208px;
}
.setting_combo_dialog_chselect{
	float:left;
	width:75px;
	height: 24px;
	margin-right:8px;
	background-color : #ffffff;
}.setting_combo_dialog_chselect:hover {
	background-color: #e0e0e0;
}

.setting_combo_disp{
	float:none;
	width:120px;
}
.filerep_combo_dialog{
	width:100px;
	height: 24px;
	margin-right:8px;
	background-color : #ffffff;
}

.filerep_combo_dialog_lev{
	width:170px;
}

.setting_text{
	float:left;
	width: 91px;
	height: 20px;
	padding:0;
	margin-right:8px;
	padding-left:5px;
}.setting_text:focus{
	background :yellow;
}.setting_text:disabled{
	opacity: 0.6;
}
.setting_text_long{
	width: 199px;
}
.setting_text_unit{
	float:left;
	width: 91px;
	height: 20px;
	padding:0;
	margin-right:8px;
	padding-left:5px;
}.setting_text_unit:focus{
	background :yellow;
}.setting_text_unit:disabled{
	opacity: 0.6;

}

.setting_text_annot{
	float:left;
	width: 203px;
	height: 24px;
	padding:0;
	border: 0px solid  rgb(73 73 73);
    background:  rgb(73 73 73);
   	color: rgb(255, 255, 255);
	margin-right:8px;
	padding-left:5px;
}.setting_text_annot:disabled{
	opacity: 0.6;
}.setting_text_annot:focus{
	background :#70ec70;
	outline: 0px;
	color:#000000;
}

.setting_lp_annot{
	float:left;
	width: 208px;
	height: 24px;
	padding:0;
	border: 0px solid  rgb(73 73 73);
    background:  rgb(10, 10, 10);
   	color: rgb(255, 255, 255);
	margin-right:8px;
	align-items: center;
    display: flex;
}

.info_label_disp{
	float:left;
	width: 208px;
	height: 24px;
	padding:0;
    background:  rgb(0 0 0);
   	color: rgb(255, 255, 255);
	margin-left:8px;
	align-items: center;
    display: flex;
	padding-left:5px;
	margin-bottom:1px;
}

.setting_text_rpm{
	float:left;
	margin-right:8px;
	width: 95px;
	height: 24px;
	padding:0;
    border: 0px solid  rgb(73 73 73);
    background:  rgb(73 73 73);
   	color: rgb(255, 255, 255);
	padding-left:5px;
}
.setting_text_rpm:disabled{
	opacity: 0.6;
}.setting_text_rpm:focus{
	background :#31ce31;
	outline: 0px;
	color:#000000;
}

.rpmlong{
	width: 195px;
}

.level_long{
	width: 199px;
}
.rpmfontmini{
	font-size: 12px;
}
.setting_text_time{
	float:left;
	border: 0px solid  #aaa;
	width:95px;
	background:  rgb(73 73 73);
	margin-bottom : 1px;
	color: rgb(255, 255, 255);
	height:24px;
	margin-left:8px;
	padding:0px;
	padding-left:5px;
}.setting_text_time:focus{
	background :#31ce31;
	outline: 0px;
	color:#000000;
}.setting_text_time:disabled{
	opacity: 0.6;
}
.dialog_text_time{
	color:#000000;
	background-color: #ffffff;
	background-color: #ffffff;
	border: 1px solid  #aaa;
	height:22px;
}
.setting_text_time_hms{
	border: 0px solid  #aaa;
	width:36px;
	background:  rgb(73 73 73);
	margin-bottom : 1px;
	color: rgb(255, 255, 255);
	height:24px;
	margin-left:8px;
	padding:0px;
	padding-left:5px;
}.setting_text_time_hms:focus{
	background :#31ce31;
	outline: 0px;
	color:#000000;
}.setting_text_time_hms:disabled{
	opacity: 0.6;
}

.setting_text_time_cal{
	float:left;
	border: 0px solid  #aaa;
	width:95px;
	background:  rgb(73 73 73);
	margin-bottom : 1px;
	color: rgb(255, 255, 255);
	height:24px;
	margin-left:8px;
	padding:0px;
	padding-left:5px;
	position: relative;
}.setting_text_time_cal:disabled{
	opacity: 0.6;
}
.setting_text_time_cal::-webkit-calendar-picker-indicator {
    position: absolute;
    width: 100%;
    height: 100%;
	opacity: 0;
}

.setting_text_readonly{
	border: 0px solid  #000000;
	color: rgb(255 255 255);
	padding:0;
}
.setting_text_readonly:disabled{
	opacity: 0;
}
.setting_text_readonly:focus{
	background :rgb(0 0 0);
	outline: 0px;
}

.setting_text_chcalc{
	float:left;
	margin-left: 5px;
	border: 0px solid  #aaa;
	padding-left:5px;
}

.setting_text_data{
	float:left;
	width:95px;
	height: 24px;
	padding:0;
	border: 0px solid  rgb(73 73 73);
    background:  rgb(73 73 73);
   	color: rgb(255, 255, 255);
	margin-left:8px;
	margin-bottom:3px;
	padding-left:5px;
}.setting_text_data:disabled{
	opacity: 0.6;
}.setting_text_data:focus{
	background :#31ce31;
	outline: 0px;
	color:#000000;
}

.setting_text_backup{
	float:left;
	width: 203px;
	height: 24px;
	padding:0;
	border: 0px solid  rgb(73 73 73);
    background:  rgb(73 73 73);
   	color: rgb(255, 255, 255);
	margin-left:8px;
	margin-bottom:3px;
	padding-left:5px;
}.setting_text_backup:disabled{
	opacity: 0.6;
}.setting_text_backup:focus{
	background :#31ce31;
	outline: 0px;
	color:#000000;
}

.setting_text_filepath{
	width: 311px;
	background:  rgb(5, 5, 5);
}.setting_text_filepath:disabled{
	opacity: 1;
}
.filetrans_text{
	float:left;
	width: 406px;
	height: 22px;
	padding:0;
	border: 1px solid  rgb(177 177 177);
	background :rgb(10, 10, 10);
   	color: rgb(255, 255, 255);
	padding-left:5px;
}

.filetrans_text_path{
	margin-left: 8px;
}

.fileselect_text{
	width: 685px;
	background-color:#fafafa;
	border:1px solid #adaaad;
   	color: rgb(68 68 68);
}

.fileserver_text{
	width: 723px;
	background-color:#fafafa;
	border:1px solid #adaaad;
   	color: rgb(68 68 68);
}
.download_log{
	width: 100%;
	color: rgb(255, 0, 0);
	box-sizing: border-box;
	height: 30px;
}
.text_filerep_cond{
	width: 91px;
	height: 20px;
	padding:0;
	margin-right:8px;
	padding-left:5px;
}

.text_filerep_cond_long{
	width: 170px;
}

.fileselect_filename{
	width: 216px;
	background-color:#ebebeb;
	border:1px solid #adaaad;
   	color: rgb(68 68 68);
}

.filelist_check{
	width:14px;
}
.setting_check{
	float:left;
	margin-right:8px;
	margin-top: 5px;
  	top: 5px;
	width: 40px;
}.setting_check:disabled{
}

.setting_check_password{
	width: 20px;
	margin-top: -2px;
	margin-left:8px;
}
.cm_check_chsetting{
	float:left;
	width: 40px;
}
.trigweek_check{
	float:left;
	margin-top: 3px;
	width: 40px;
	margin-left: 2px;
}.trigweek_check:disabled{
}

.uni_disp_logger_check{
	margin-left:12px;
	margin-right:3px;
	margin-top: 2px;
	float: left;
}

.heatarea_chcheck{
	margin-top: 0px;
	margin-right: 0px;
}
.scroll_button{
	cursor: pointer;
	padding:5px;
	border: 1px solid #ffffff;
	color: #000000;
	background-color: rgb(255, 255, 255);
	width: 50px;
	height: 22px;
}
.scroll_stop_button {
	background-color: orange;
}

.label_amenu_other{
	color: rgb(255 255 255);
	font-size: 30px;
	cursor: pointer;
}
.label_amenu_other_small{
	font-size: 20px;
	cursor: default;
}
.label_amenu_ac{
	color: rgb(255 255 255);
	font-size: 15px;
	cursor: pointer;
}

.label_amenu_language{
	color: rgb(255 255 255);
	font-size: 18px;
	height: 23px;
}

.label_amenu_ver{
	color: rgb(255 255 255);
	font-size: 15px;
}
.label_amenu_acc{
	color: rgb(255 255 255);
	font-size: 30px;
}

.label_amenu_home{
	color: rgb(255 255 255);
	font-size: 15px;
	padding-left: 3px;
}
.label_amenu_link{
	height: 100%;
	width: 100%;
	text-decoration: none;
	color: rgb(62 242 127);
	height:17px;
}

.label_amenu_button{
	height: 100%;
	width: 100%;
	color: rgb(62 242 127);
	background-color:#fff0;
	border: 0px;
	font-size:16px;
	cursor:pointer;
}
.label_amenu_button:hover{
	text-decoration: underline;
}


.label_amenu_link:hover{
	text-decoration: underline;
}

.label_loading{
	color: rgb(255 255 255);
}
.setting_label {
	float:left;
	width:82px;
	border: 0px solid  rgb(0 0 0);
	background :rgb(0 0 0);
	color: rgb(255 255 255);
	text-align:right;
}

.setting_label_timing {
	float:left;
	color: rgb(255 255 255);
	margin-right:8px;
	text-align:left;
}
.setting_label_ch_title {
	float:left;
	width:74px;
	height: 28px;
	border: 0px solid  rgb(0 0 0);
	background :rgb(0 0 0);
	color: rgb(255 255 255);
	text-align:right;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-right: 8px;
}

.setting_annot_title{
	float:left;
	width: 208px;
	height: 28px;
    background:  rgb(var(--theme-bgcolor-rgb));
   	color: rgb(255, 255, 255);
	display: flex;
	align-items: center;
	margin-right: 8px;
}

.setting_comboLabel_title{
	float:left;
	width:100px;
	height: 28px;
	margin-right: 8px;
	background: rgb(var(--theme-bgcolor-rgb));
	color: rgb(255, 255, 255);
	display: flex;
	align-items: center;
}

.setting_comboLabel_titleinputlong{
	float:left;
	width:208px;
	height: 28px;
	margin-right: 8px;
	background: rgb(var(--theme-bgcolor-rgb));
	color: rgb(255, 255, 255);
	display: flex;
	align-items: center;
}
.setting_label_unit_title {
	float:left;
	width: 100px;
	height: 28px;
	border: 0px solid  rgb(0 0 0);
	background :rgb(var(--theme-bgcolor-rgb));
	color: rgb(255 255 255);
	margin-right: 8px;
	display: flex;
	align-items: center;
}

.setting_label_eu_title{
    background:  rgb(var(--theme-bgcolor-rgb));
	float:left;
	width:156px;
	height: 28px;
	border: 0px solid  rgb(66, 66, 66);
	color: rgb(255, 255, 255);
	margin-right: 8px;
	display: flex;
	align-items: center;
}

.data_setting_label_param {
	float:left;
	width:208px;
	height: 24px;
	color: rgb(255 255 255);
	display: flex;
	align-items: center;
	margin-left:8px;
	margin-bottom:3px;
}

.label_param_long {
	width:324px;
}
.data_setting_label_param_password {
	margin-left:35px;
}

.setting_euparam_title{
	float:left;
	width: 200px;
	height: 28px;
    background:  rgb(var(--theme-bgcolor-rgb));
   	color: rgb(255, 255, 255);
	margin-right: 8px;
	display: flex;
	align-items: center;
}

.setting_text_rpm_title{
	float:left;
	margin-right:8px;
	width: 100px;
	height: 28px;
	border: 0px solid  #aaa;
	display: flex;
	align-items: center;
	color: rgb(255, 255, 255);
}

.setting_text_rpm_titlerpmlong{
	float:left;
	margin-right:8px;
	width: 200px;
	height: 28px;
	border: 0px solid  #aaa;
	display: flex;
	align-items: center;
	color: rgb(255, 255, 255);
}
.triglevel_label_ch_title {
	float:left;
	width:74px;
	height: 28px;
	color: rgb(0 0 0);
	text-align:right;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-right: 8px;
}

.triglevel_label_title{
	float:left;
	width:100px;
	height: 28px;
	margin-right: 8px;
	color: rgb(0 0 0);
	display: flex;
	align-items: center;
}

.triglevel_title_long{
	width:208px;
}
.setting_label_ch {
	float:left;
	width:74px;
	height: 24px;
	border: 0px solid  rgb(0 0 0);
	background :#000000;
	color: rgb(255 255 255);
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-right: 8px;
}

.setting_label_unit {
	float:left;
	width:95px;
	height: 24px;
	border: 0px solid  rgb(0 0 0);
	background :rgb(var(--theme-bgcolor-rgb));
	color: rgb(255 255 255);
	margin-right:8px;
	display: flex;
	align-items: center;
	padding-left:5px;
}.setting_label_unit:disabled {
	opacity: 0;
}

.setting_label_calc_formula {
	float:left;
	color: rgb(255 255 255);
	display: flex;
	align-items: center;
	width: 540px;
	height: 24px;
	margin-right: 8px;
}.setting_label_calc_formula:disabled {
	opacity: 0;
}

.alarm_setting_label_param {
	float:left;
	width:250px;
	height: 24px;
	color: rgb(255 255 255);
	display: flex;
	align-items: center;
	margin-left:8px;
}

.triglevel_label_ch {
	float:left;
	width:74px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-right: 8px;
}

.triglevel_label_unit {
	float:left;
	width:100px;
	height: 24px;
	margin-right:8px;
	display: flex;
	align-items: center;
}

.dialog_label_title{
	height: 24px;
	display: block;
	padding:10px;
}

.dialog_label {
	float:left;
	height: 24px;
	color: rgb(0 0 0);
	display: flex;
	align-items: center;
	padding-right: 8px;
	margin-left: 20px;
}

.dialog_label_nonemargin {
	padding-right: 0px;
	margin-left: 0px;
}

.dialog_label_formula {
	float:left;
	height: 24px;
	color: rgb(0 0 0);
	display: flex;
	align-items: center;
	font-size: 16px;
	margin-right:8px;
}

.dialog_label_autodownload{
	color: rgb(0 0 0);
}

.dialog_label_autodwnload_info {
	color: rgb(0 0 0);
	display: flex;
	align-items: center;
}

.dialog_label_heatarea_info {
	float:left;
	color: rgb(0 0 0);
	display: flex;
	align-items: center;
}

.dialog_label_heatarea_circle {
	width: 10px;
	justify-content:center;
}

.dialog_label_heatarea_disp{
	width: 40px;
}

.dialog_label_heatarea_disp_long{
	width: 70px;
}
.dialog_label_heatarea_annot {
	width: 150px;
}

.dialog_label_heatarea_val {
	width: 100px;
}

.dialog_label_heatarea_col {
	width: 64px;
}
.dialog_label_heatarea_col_long{
	width: 100px;
}

.dialog_label_timer_info {
	color: rgb(0 0 0);
	display: flex;
	align-items: center;
}

.dialog_div_ti_help {
	text-align: left;
	padding-left:10px;
	padding-right:10px;
}
.dialog_label_ti_help {
	color: rgb(0 0 0);
	width: 100%;
}
.dialog_label_alart {
	color: rgb(255, 0, 0);
}
.uni_disp_logger_label {
	color: rgb(255 255 255);
	float: left;
}

.label_filerep_cond {
	color: #000;
}

.label_filerep_selectpc {
	cursor: pointer;
	vertical-align:middle;
	display:table-cell;
	text-align:center;
}

.filerep_drop_title {
	color: rgb(255 255 255);
	font-size: 20px;
}

.filerep_file_title {
	color: rgb(255 255 255);
	background-color:#aaa;
}

.button_logger_disp {
	background-color:#d9d9d9;
	border:1px solid #000000;
	border-radius:30px;
	cursor:pointer;
	font-family:Arial;
	font-size: 16px;
	text-align: center;
	width:110px;
	height: 30px;
	margin-right : 8px;
}

.button_logger_disp_c {
	background-color:rgb(132, 255, 249);
}

.all_disp_div {
	height: 100%;
}

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

.all_disp_single {
	border:0px solid #000000;
	background-color: rgb(17, 25, 37);
	border-radius:4px;
	cursor:pointer;
	width:40px;
	height: 100%;
	margin-right : 8px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(single.png);
}
.all_disp_single:hover {
	cursor: pointer;
	background-color: rgb(51, 75, 111);
}.all_disp_single:active {
	background-color: rgb(10, 18, 30);
}

.all_disp_two {
	background-image: url(two.png);
}

.remote_button_start {
	background: linear-gradient(180deg, rgb(29,29,29) 0%, rgb(29,29,29) 50%, rgb(20,20,20) 50%, rgb(20,20,20) 100%);
	border:2px solid rgb(2, 91, 254);
	cursor:pointer;
	color:rgb(255, 255, 255);
	font-family:Arial;
	font-size: 24px;
	text-align: center;
	width:100%;
	height: 40px;
	border-radius : 2px;
	
}
.remote_button_start:hover {
	background: linear-gradient(180deg, rgb(56,56,56) 0%, rgb(56,56,56) 50%, rgb(50,50,50) 50%, rgb(50,50,50) 100%);
	cursor: pointer;
}
.remote_button_start:active {
	position:relative;
	background: linear-gradient(180deg, rgb(6,6,6) 0%, rgb(6,6,6) 50%, rgb(0,0,0) 50%, rgb(0,0,0) 100%);
	border:2px solid rgb(0 62 177);
	top:1px;
}

.remote_button_stop {
	border:2px solid rgb(255, 0, 106);
}

.remote_button_stop:hover {
	cursor: pointer;
	background: linear-gradient(180deg, rgb(56,56,56) 0%, rgb(56,56,56) 50%, rgb(50,50,50) 50%, rgb(50,50,50) 100%);
}
.remote_button_stop:active {
	position:relative;
	background: linear-gradient(180deg, rgb(6,6,6) 0%, rgb(6,6,6) 50%, rgb(0,0,0) 50%, rgb(0,0,0) 100%);
	border:2px solid rgb(189, 0, 79);
	top:1px;
}


.button_menu {
	float:left;
	background-color:#d9d9d9;
	border:1px solid #adaaad;
	cursor:pointer;
	color:#525252;
	font-family:Arial;
	font-size:12px;
    width:100px;
	text-align: center;
	height:24px;
}
.button_menu:hover {
	background-color:#e3e3e3;
}
.button_menu:active {
	background-color:#c2c0c2;
}
.button_menu:disabled{
	cursor: default;
	background-color: #d9d9d9;
	opacity: 0.6;
}
.button_menu_long {
	width: 200px;
}
.button_title {
	box-shadow: 6px 10px 14px -17px #5e5e5e;
	background:linear-gradient(to bottom, #ffffff 5%, #ffffff 100%);
	background-color:#ffffff;
	border-radius:42px;
	border:3px solid #adaaad;
	display:inline-block;
	/*cursor:pointer;*/
	color:#706e70;
	font-family:Arial;
	font-size:14px;
	padding:10px 20px;
    text-decoration:none;
    width:100px;
	text-align: center;
	margin-bottom: 8px;
}

/*
.button_title:hover {
	background:linear-gradient(to bottom, #ffffff 5%, #ffffff 100%);
	background-color:#ffffff;
}
.button_title:active {
	position:relative;
	top:1px;
}
*/
.setting_chbutton{
	float:left;
	margin-left: 5px;
	margin-top: 5px;
}

.dialog_okbutton{
	float:left;
	width: 100px;
	height: 24px;
	background-color: rgb(16, 89, 189);
	padding:0px;
	border:0px;
	color: #fff;
	font-family:Arial;
	font-size: 14px;
}.dialog_okbutton:hover {
	background-color:rgb(47, 120, 220);
	cursor:pointer;
}.dialog_okbutton:active {
	background-color:rgb(0, 69, 169);
}.dialog_okbutton:disabled {
	background: rgb(16, 89, 189);
	opacity: 0.6;
	cursor:default;
}

.dialog_cancelbutton{
	float:left;
	width: 100px;
	height: 24px;
	background-color: rgb(222, 81, 132);
	padding:0px;
	border:0px;
	color: #fff;
	font-family:Arial;
	font-size: 14px;
}.dialog_cancelbutton:hover {
	background-color:rgb(253, 102, 163);
	cursor:pointer;
}.dialog_cancelbutton:active {
	background-color:rgb(202, 61, 112);
}

.dialog_authdeletebutton{
	width: 100px;
	height: 24px;
	background-color: rgb(140, 140, 140);
	padding:0px;
	border:0px;
	color: #fff;
	font-family:Arial;
	font-size: 14px;
	cursor: pointer;
}.dialog_authdeletebutton:hover {
	background-color: rgb(220, 220, 220);
	color:rgb(222, 81, 132);
}.dialog_authdeletebutton:active {
	background-color: rgb(170, 170, 170);
	color:rgb(222, 81, 132);
}
.setting_button_eu{
	float: left;
	border: none;
	display: inline-block;
	background-color: #424242;
	color: #fff;
	width:100px;
	height: 24px;
	cursor: pointer;
	margin-left: 8px;
}
.setting_button_eu:hover {
	background-color: #616161;
}.setting_button_eu:active {
	box-shadow: 0 0px #2e2e2e;
}.setting_button_eu:disabled {
    background: rgb(169, 169, 169);
	color: rgb(0, 0, 0);
	opacity: 0;
	cursor: default;
}

.setting_button_group{

	border: none;
	display: inline-block;
	background-color: #424242;
	color: #fff;
	width:208px;
	height: 24px;
	cursor: pointer;
	margin-left:82px;
}
.setting_button_group:hover {
	background-color: #616161;
}.setting_button_group:active {
	box-shadow: 0 0px #2e2e2e;
}.setting_button_group:disabled {
    background: rgb(169, 169, 169);
	color: rgb(0, 0, 0);
	opacity: 0;
	cursor: default;
}
.ope_item,.stat_item {
	padding: 10px;
	margin: 2px;
	border-bottom: 1px solid #ddd;
}


.digi_interval {
	display: flex;
	/*align-items: center;*/
	margin-top: 10px;
}

.button_square {
	border-radius:3px;
	border:1px solid #aaa;
	display:inline-block;
	cursor:pointer;
	color:#666;
	font-family:Arial;
	font-size: 14px;
	padding:3px;
	text-align: center;
	width:200px;

}
.button_square:hover {
	/*background-color:#ddd;*/
	cursor: pointer;
	opacity:0.7;
}
.button_square:active {
	position:relative;
	top:1px;
}

.button_square:disabled {
    background: rgb(169, 169, 169);
	color: rgb(66, 66, 66);
	opacity: 1;
}
.button_square:disabled:hover {
    cursor: default;
}
.button_square_toggle{
	background-color:rgb(27, 255, 187);

}

.dlg_button_square{
	height: 24px;
	padding:0px;
}
.button_abort {
	float:left;
	background-color:#d9d9d9;
	border:1px solid #adaaad;
	cursor:pointer;
	color:#525252;
	font-family:Arial;
	font-size:12px;
    width:100px;
	text-align: center;
	margin-left: 8px;
	height:24px;
	margin-top: 10px;
}
.button_abort:hover {
	background-color:#e3e3e3;
}
.button_abort:active {
	background-color:#c2c0c2;
}
.button_abort:disabled {
	opacity: 0.6;
	cursor:default;
	background-color:#d9d9d9;
	background-image: none;
}
.button_eutemp {
	font-family:Arial;
	font-size:12px;
	margin-left: 0;
	margin-top: 0px;
}
.setting_buttons {
	margin-left: 82px;
	margin-bottom:8px;
}
.filetrans_title {
	margin-left: 82px;
	height:24px;
	border:0px solid rgb(36, 184, 36);
	padding:0px;
	margin-bottom:24px;
}

.setting_button {
	width: 100px;
	height: 30px;
	text-align: center;
	background-color: #424242;
	border:0px;
	color: #fff;
	font-family:Arial;
	font-size: 14px;
	margin-right: 8px;
}

.setting_button:hover {
	background-color:#616161;
	cursor:pointer;
}

.setting_button:active {
	background-color:rgb(36, 184, 36);
	border:0px solid rgb(36, 184, 36);
	color: #000;
	cursor:pointer;
}
.setting_button_c {
	width: 100px;
	height: 30px;
	background-color:rgb(49,206,49);
	border:0px solid rgb(49,206,49);
	cursor:pointer;
	color: #000;
	font-family:Arial;
	font-size: 14px;
	margin-right: 8px;

}
.setting_button_c:hover {
	background-color:rgb(81 213 81);
	cursor: pointer;
}

.button_if_settings {
	width: 100px;
	height: 24px;
	text-align: center;
	background-color: #424242;
	border:0px;
	color: #fff;
	font-family:Arial;
	font-size: 14px;
	margin-left: 8px;
	margin-bottom: 3px;
}

.button_if_settings:hover {
	background-color:#616161;
	cursor:pointer;
}

.button_if_settings:active {
	background-color:#2e2e2e;
}.button_if_settings:disabled {
	opacity: 0.6;
	background: #535353;
	cursor:default;
}

.button_if_settings_long {
	width: 208px;
	height: 24px;
	text-align: center;
	background-color: #424242;
	border:0px;
	color: #fff;
	font-family:Arial;
	font-size: 14px;
	margin-left: 8px;
	margin-bottom: 3px;
}

.button_if_settings_long:hover {
	background-color:#616161;
	cursor:pointer;
}

.button_if_settings_long:active {
	background-color:#2e2e2e;
}.button_if_settings_long:disabled {
	opacity: 0.6;
	background: #535353;
	cursor:default;
}

.conmenu_button{
	width:100%;
	border:0px;
	text-align: left;
	height:30px;
}
.conmenu_button:hover {
	background-color : #1e90ff;
	color: #fff;
}

.filetrans_button{
	float:left;
	border: none;
	background-color: #424242;
	color: #fff;
	width:30px;
	height: 24px;
	cursor: pointer;
}.filetrans_button:hover {
	background-color: #616161;
}.filetrans_button:active {
	background-color: #2e2e2e;
}.filetrans_button:disabled {
    background: #1f1f1f;
	color: rgb(94 94 94);
	opacity: 1;
	cursor: default;
}
.filetrans_button_menu{
	width:216px;
	margin-left:8px;
}

.fileselect_pc{
	width:216px;
	margin-left:8px;
	display: table;
	float:none;
}

.fileselect_demo{
	width: 216px;
	margin-left: 8px;
	float: none;
}

.fileselect_demo_long{
	width: 250px;
	margin-left: 8px;
	float: none;
}
.fileselect_button{
	background-color:#d9d9d9;
	border:1px solid #adaaad;
	color: #424242;
}.fileselect_button:hover {
	background-color:#e3e3e3;
}
.fileselect_button:active {
	background-color:#c2c0c2;
}
.fileselect_button:disabled {
    background: rgb(147 147 147);
	color: rgb(94 94 94);
	opacity: 1;
	cursor: default;
}

.filesearch_button{
	background-color:#d9d9d9;
	border:1px solid  #000000;
	border-radius:5px;
	cursor:pointer;
	font-family:Arial;
	font-size: 16px;
	text-align: center;
	height: 24px;
	margin-right : 8px;
}
.filesearch_button:hover {
	background-color:#e3e3e3;
}
.filesearch_button:active {
	background-color:#c2c0c2;
}

.button_wavedigimenu_dispdiv{
	background-color: rgb(55, 55, 55);
	cursor:pointer;
	height: 50px;
	width: 100%;
	border: 0px;
	display:flex;
	border-radius: 10px;
}.button_wavedigimenu_dispdiv:hover {
	background-color: rgb(51, 75, 111);

}.button_wavedigimenu_dispdiv:active {
	background-color: rgb(10, 18, 30);
}

.button_wavedigimenu_disponly{
	background-color: rgb(55, 55, 55);
	cursor:default;
	height: 50px;
	width: 100%;
	border: 0px;
	display:flex;
	border-radius: 10px;
}
.button_wavedigimenu_dispdivul{
	background-color: rgb(17, 25, 37);
	height: 50px;
	width: 0px;
	border: 0px;
	display:flex;
	border-radius: 10px;
	position: absolute;
	z-index: 2;
	transition: width 0.6s, top 0s; 
	left : 250px;
}
.button_wavedigimenu_dispdiv_hide{
	width: 0;
	transition-delay : 0.1s;
}

.button_wavedigimenu_dispdiv_disp{
	width: 250px;
}

.button_wavedigimenu_dispdiv_start{
	background-color:rgb(0, 73, 255);
}.button_wavedigimenu_dispdiv_start:hover {
	background-color:rgb(0,110,255);

}.button_wavedigimenu_dispdiv_start:active {
	background-color:rgb(2, 49, 167);
}

.button_wavedigimenu_dispdiv_stop{
	background-color:rgb(255, 0, 106);
}.button_wavedigimenu_dispdiv_stop:hover {
	background-color:rgb(255, 50, 106);

}.button_wavedigimenu_dispdiv_stop:active {
	background-color:rgb(192, 2, 81);
}
.button_wavedigimenu_disp{

	height: 50px;
	width: 50px;
	border: 0px;
	background-image: url(wavedigi_disp.png);
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 10px;
}

.button_digimenu_disp{
	background-color: rgb(17, 25, 37);
	cursor:pointer;
	height: 50px;
	width: 50px;
	border: 0px;
	background-image: url(wavedigi_disp.png);
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 10px;
}.button_digimenu_disp:hover {
	background-color: rgb(51, 75, 111);

}.button_digimenu_disp:active {
	background-color: rgb(10, 18, 30);
}

.button_wave_submenu_disp{
	cursor:pointer;
	height: 50px;
	width: 50px;
	border: 0px;
	background-image: url("");
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 10px;
	transition: 1s;
  	opacity: 1;
  	visibility: visible;
}


.button_wave_submenu_disp_hide{
	opacity: 0;
	visibility: hidden;
	transition: 0.3s;
	white-space: nowrap;
}

.button_wavedigimenu_str{
	height: 50px;
	width: 200px;
	border: 0px;
	transition: all 0.6s;
	display: grid;
  place-items: center;
	
}.button_wavedigimenu_str_hidden{
	width: 0px;
	
}

.button_wavedigimenu_label {
	transition: 1s;
  	opacity: 1;
  	visibility: visible;
	color:white;
	cursor: pointer;
	user-select: none;
	white-space: nowrap;
}
.button_wavedigimenu_label_hide{
	opacity: 0;
	visibility: hidden;
	transition: 0.3s;
	white-space: nowrap;
	transition-delay: 0.1s;
}
.button_wavedigimenu_label_dispOnly {
	cursor: default;
}
.button_wavemenu_dispchange{
	background-image: url(display.png);
}
.button_wavemenu_changetime{
	background-image: url(update.png);
}
.button_wavemenu_chdispchange{
	background-image: url(select.png);
}
.button_wavemenu_statchange{
	background-image: url(stat.png);
}
.button_wavemenu_changepoints{
	background-image: url(point.png);
}
.button_menu_scroll_stop{
	background-image: url(wave_stop.png);
	background-repeat: no-repeat;
}
.button_menu_scroll_start{
	background-image: url(wave_start.png);
	background-repeat: no-repeat;
}
.button_menu_chlist_change{
	background-image: url(listChange.png);
}
.button_menu_loggerinfo{
	background-image: url(infomation.png);
}

.button_menu_search{
	background-image: url(search.png);
}
.button_menu_filedisp{
	background-image: url(filedisp.png);
}

.button_menu_pic{
	background-image: url(picture.png);
}
.button_menu_fileclose{
	background-image: url(close.png);
}

.button_menu_initcheck{
	background-image: url(check.png);
}
.button_menu_ch_setting{
	background-image: url(setting.png);
	background-repeat: no-repeat;
}
.button_menu_c{
	background-color: #375179;
}
.button_logger_select{
	background-color: rgb(17, 25, 37);
	cursor:pointer;
	height: 40px;
	width : 250px;
	border: 0px;
	color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 4px;
	display : grid;
	grid-template-columns: 50px 1fr 30px;
	align-items: center;
}.button_logger_select:hover {
	background-color: rgb(51, 75, 111);
}.button_logger_select:active {
	background-color: rgb(10, 18, 30);
}

.button_logger_select_c{
	background-color: rgb(44, 69, 105);
}
.button_loggericon{
	background-repeat: no-repeat;
	background-position: center;
	width : 100%;
	height: 100%;
}
.button_loggericon_GL260{
	background-image: url(icon_GL260.png);
}
.button_loggericon_GL860{
	background-image: url(icon_GL860.png);
}
.button_icon_unification{
	background-image: url(unification.png);
}
.button_icon_alldisp{
	background-image: url(alldisp.png);
}
.button_icon_replay{
	background-image: url(replay.png);
}

.button_icon_heatarea{
	background-image: url(heatarea.png);
}
.button_icon_dropdown{
	background-image: url(dropdown.png);
}
.button_loggerImg_GL260{
	background-image: url(img_GL260.png);
	min-width:110px;
	min-height:100px;
}

.button_loggerImg_GL860{
	background-image: url(img_GL860.png);
}

.button_waveinfo_info{
	cursor: pointer;
	background-image: url(info.png);
	border-radius : 50%;
	width : 32px;
	height: 32px;
	background-color: transparent;
	border:0px solid  #7cffbb;
	position:absolute;
	bottom:0;
}

.button_waveinfo_info:hover{
	border:0px solid  #7cffbb;
}
.button_waveinfo_info:active{
	border:0px solid  #01c05d;
}
.dropdown__body {
	width: 250px;
	background: #000000;
	overflow: hidden;
	position: absolute; /* メニュー部分は絶対配置させます */
	top: 0px;
	left: 50px;
	transition: opacity 1s ;
	opacity: 0;
	width : 0px;
}
.is-open {
	opacity: 1;
	z-index: 7;
	width :  250px;
}

.dropdown__list { /* デフォルトスタイル リセット */
	margin: 0;
	padding: 0;
}
.dropdown__item {
	display: block;
}
.dropdown__ul {
	width : 100%;
	padding:0;
}

.dropdown__ul_columns {
	column-gap: 0px;
	column-fill: auto;
}

.dropdown__item-link {
	display: block;
	color: #fff;
	width : 100%;
	background: #111925;
	border-radius: 4px;
	cursor:pointer;
	display : grid;
	grid-template-columns: 50px 1fr;
	align-items: center;
}

.dropdown__item-link_logger {
	height: 40px;
}
.dropdown__item-link:hover {
	background: #283a54;
}.dropdown__item-link:active {
	background-color: rgb(10, 18, 30);
}

.dropdown__item-link_c {
	background: #375179;
}
.dropdown__item-link_c:hover {
	background: rgb(60, 88, 128);
}.dropdown__item-link_c:active {
	background-color: rgb(10, 18, 30);
}
.dropdown__item-link_hide
{
	width : 0;

}
.dropdown__str {
	color: #fff;
	cursor:pointer;
}

.setting_help_div {
	margin-left: 25px;
	display: table;
    text-align: center;
    height: 35px;
}
.setting_help {
	display: table-cell;
    vertical-align: middle;
}
.setting_help_logger {
	max-width:170px;
	overflow: hidden;
}

.infoDisp{
	margin-top:38px;
}

.data_recinfo{
	height: 25px;
	font-size: 23px;
	font-weight : bold;
	background-color: #2E2E2E;
	display : none;
	vertical-align: middle;
	text-align: center;
	width:100%;
	border: 0px solid  black;
}

.data_recinfo_disp{
	height: 30px;
	display:inline-block;
	font-size:20px;
	padding:0px;
}

.setting_title_help {
	color: rgb(115, 158, 16);
}

/*--------------------------------------------
// File Reader
//--------------------------------------------*/
#progress_bar {
    margin: 10px 0;
    padding: 3px;
    border: 1px solid #000;
    font-size: 14px;
    clear: both;
    opacity: 0;
    -moz-transition: opacity 1s linear;
    -o-transition: opacity 1s linear;
    -webkit-transition: opacity 1s linear;
}

#progress_bar.loading {
	opacity: 1.0;
}

#progress_bar .percent {
    background-color: #99ccff;
    height: auto;
    width: 0;
}
#dialog {
    display:none;
}


.dialogBackground {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: 0.5;
	z-index: 3;
}

.dialogBackground_p {
	z-index: 6;
}
.dialogcontent_style {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 400px;
    height: 200px;
    margin-left: -200px;
    margin-top: -100px;
    background-color: #f7f7f7;
    text-align: center;
    border: solid 1px;
	z-index: 5;
}

.dialogcontent_style_pass {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 400px;
    margin-left: -200px;
    margin-top: -100px;
    background-color: #f7f7f7;
    text-align: center;
    border: solid 1px;
	z-index: 7;
}

.dialogcontent_style_eudialog {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 470px;
    margin-left: -235px;
    margin-top: -78px;
    background-color: #f7f7f7;
    text-align: center;
    border: solid 1px;
	z-index: 5;
}

.dialogcontent_style_group {
    position: absolute;
    left: 45%;
    top: 50%;
    width: 470px;
    height: 500px;
    margin-left: -150px;
    margin-top: -100px;
    background-color: #f7f7f7;
    text-align: center;
    border: solid 1px;
	z-index: 5;
}
.style_eudialog_long{
    width: 660px;
	margin-left: -330px;
}

.dialogcontent_style_calcdetailsdialog {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 750px;
    margin-left: -375px;
    margin-top: -160px;
    background-color: #f7f7f7;
    text-align: center;
    border: solid 1px;
	z-index: 5;
}

.dialogcontent_heatarea {
	width:auto;
	margin-left: -435px;
    margin-top: -195px;
}

.dialogcontent_heatarea_long {
	width:auto;
	margin-left: -450px;
	margin-top: -195px;
}

.dialogcontent_fileselect {
    width: 750px;
	margin-top: -222px;
}

.dialogcontent_fileselectserver {
	margin-top: -242px;
}
.dialogcontent_triglevel_style {
    position: absolute;
    left: 50%;
    top: 50%;
	width:550px;
	margin-left: -225px;
    margin-top: -195px;
    background-color: #f7f7f7;
    text-align: center;
    border: solid 1px;
	z-index: 5;
}

.dialog_custommonitor_chsetting {
	width:650px;
	margin-left: -325px;
    margin-top: -195px;
}
.dialog_downloadtimerinfo{
	width:650px;
	margin-left: -325px;
    margin-top: -215px;
}
.dialog_downloadtimerset{
}
.dialog_triglevel_long {
	width:850px;
	left: 50%;
	margin-left: -425px;
	z-index: 5;
}
.dialog_eu {
	display:grid;
	grid-gap: 5px 0px;
	grid-template-columns: 128px 108px 108px 108px;
	border: 0px solid #aaa;
	padding: 0px;
	margin-bottom:5px;
}

.dialog_ampother {
	border: 0px solid rgb(0, 255, 179);
	display:grid;
	grid-gap: 5px 0px;
	grid-template-columns: 180px 108px;
	padding: 0px;
	margin-bottom:5px;
}

.dialog_ampother_long {
	grid-template-columns: 324px 108px;
}
.dialog_okcancel_wrap {
	border: 0px solid #aaa;
	padding: 0px;
	gap:8px;
	margin:10px;
	display: flex;
}

.dialog_okcancel {
	border: 0px solid #aaa;
	padding: 0px;
	gap:8px;
	margin:10px;
	display: flex;
	justify-content: flex-end;
}
.dialog_okcancel_deletedialog {
	margin:0px;
	margin-left: auto;
}

.dialog_okcancel_long {
}

.dialog_eulong {
	grid-template-columns: 216px 108px 216px 108px;
}

.dialog_group {
	display:grid;
	grid-gap: 5px 0px;
	border: 0px solid #aaa;
	padding: 0px;
	margin-bottom:5px;
}

.dialog_verhist_dialog {
	width:650px;
	height: 390px;
	margin-left: -325px;
    margin-top: -195px;
}

.dialog_verhist {
	display:grid;
	border: 0px solid #aaa;
}

.dialog_verhistgrid {
	display:grid;
	grid-gap: 5px 0px;
	grid-template-columns: 1fr 3fr;
	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	margin: 0 0 -1px;
	padding: 0px;
	padding-top:5px;
	padding-bottom:5px;
}
.verhiststring_title{
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.verhiststring{
	text-align: left;
	align-items: normal;
}
.dialog_groupbind {
	display:grid;
	grid-template-columns: 1fr 1fr 1fr 1fr ;
	align-items: center;
	border: 1px solid #000;
	padding: 0px;
	margin-bottom:5px;
}
.dialog_groups {
	border: 1px solid #000;
	padding: 0px;
	margin-bottom:5px;
	width: 100px;
	height: 200px;
	margin: 0 auto;
}

.dialog_group_ch {
	border: 1px solid rgb(251, 255, 0);
	padding: 0px;
	margin: 0 auto;
}
.dialog_calc_settings {
	border: 0px solid rgb(127, 15, 255);
	padding: 0px;
}

.dialog_calc {
	border: 0px solid #aaa;
	padding: 0px;
}

.dialog_calc_title {
	border: 1px solid rgb(0, 255, 0);
	padding: 0px;
}

.dialog_calc_title_formula {
	border: 0px solid rgb(0, 198, 212);
	padding: 0px;
	height: 24px;
}

.dialog_calc_formula_titleLabel {
	border: 0px solid rgb(255, 230, 0);
	padding: 0px;
	height: 24px;
	grid-template-columns: 180px 108px;
}

.dialog_calc_formula {
	border: 0px solid rgb(27 0 229);
	padding: 0px;
}

.dialog_calc_formula_scaling {
	border: 0px solid rgb(183 0 255);
	display:grid;
	grid-template-columns: 180px 108px;
	padding: 0px;
	margin-bottom:5px;
}

.dialog_calc_formula_settings {
	border: 0px solid rgb(255, 0, 0);
	padding: 0px;
	height: 24px;
	margin-left:35px;
	margin-bottom:5px;
}

.dialog_calc_fourpoints {
	border: 0px solid rgb(255, 0, 221);
	padding: 0px;
	height: 110px;
}

.dialog_calc_span {
	border: 0px solid rgb(0, 255, 179);
	display:grid;
	grid-gap: 5px 0px;
	grid-template-columns: 180px 108px 108px 1fr;
	padding: 0px;
	margin-bottom:5px;
}

.dialog_calc_span_long {
	grid-template-columns: 180px 216px 216px 1fr;
}

.dialog_close {
	display:grid;
	grid-template-columns: 1fr;
}
.dialog_triglevel {
	border: 0px solid rgb(0, 255, 157);
	padding: 0px;
}

.dialog_fileselect_title {
	border: 0px solid rgb(195 0 255);
	padding: 10px;
	height: 24px;
	gap: 8px;
	display: flex;
}
.dialog_fileselect_filelist {
	border: 0px solid rgb(0 0 0);
	padding-right: 10px;
	padding-left: 10px;
	height:320px;
	overflow-y: auto;
}

.dialog_timeset {
	display:flex;
	gap:10px;
	justify-content: center;
}
.dialog_filedownload_timelist {
	border: 1px solid rgb(0 0 0);
	height: 240px;
	column-count: 5;
	list-style: none;
}
.dialog_filedownload_timeinfo {
	border: 1px solid rgb(167 167 167);
	height: 190px;
	padding: 0px;
	column-count: 5;
}

.dialog_filedownload_timeinfoSrc {
	padding: 10px;
}
.dialog_search_cond {
	border: 0px solid rgb(195 0 255);
	padding: 0px;
	display: flex;
}
.dialog_searchres {
	border: 0px solid rgb(195 0 255);
	padding: 0px;
}
.dialog_fileselect_ui {
	border: 0px solid rgb(251, 255, 0);
	padding: 10px;
	overflow-y: auto;
	display:flex;
	gap:8px;
}

.dialog_fileserver_ui {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.dialog_pagenation {
	border: 0px solid rgb(251, 255, 0);
	padding: 0px;
	overflow-y: auto;
	margin-top: 5px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.filetree {
	border: 0px solid  #aaa;
	display:grid;
	height : calc(100vh - 200px);
	overflow-y:auto;
	overflow-x:hidden;
	margin-left:82px;
}

.filetray_drive {
	border: 0px solid  #aaa;
	display:flex;
	gap: 10px;
}

.div_downloadcheck_css {
	margin-right:8px;
}
.div_file_css {
    width: 100%;
	grid-template-columns: 14px 30px 65% 15% 15%;
	gap: 5px;
    display:grid;
    height: 30px;
    line-height: 30px;
	background-color: #060606;
	border:1px solid #1c1c1c;
	color: #fff;
	font-family:Arial;
	text-align: left;
	padding-left:5px;
	white-space: nowrap;
}

.div_root_drive {
	min-width:160px;
    height: 160px;
	background-color: #424242;
	padding :0px;
	color: #fff;
	font-family:Arial;
	white-space: nowrap;
	display:flex;
	flex-direction: column;
	align-items: center;
	cursor: pointer;
}.div_root_drive:hover {
	background-color: #616161;
}.div_root_drive:active {
	background-color: #2e2e2e;
}
.div_fileselect_css {
	grid-template-columns: 18px 50% 20% 25%;
    display:grid;
    height: 20px;
    line-height: 20px;
	background-color: #f7f7f7;
	border:1px solid #c4c4c4;
	color: #000;
	font-family:Arial;
	text-align: left;
	padding-left:5px;
}

.div_autodownload_css {
    line-height: 20px;
	background-color: #f7f7f7;
	border:1px solid #c4c4c4;
	color: #000;
	font-family:Arial;
	text-align: center;
}

.div_searchresult_css {
	width: 100%;
	grid-template-columns: 1fr 1fr 1fr;
    display:grid;
    height: 20px;
    line-height: 20px;
	background-color: #f7f7f7;
	border:1px solid #c4c4c4;
	color: #000;
	font-family:Arial;
	text-align: left;
	padding-left:5px;
}
.div_file_css_c {
	background-color:rgb(49,206,49);
	border:1px solid rgb(49,206,49);
	color: #000;
}

.div_file_label_css {
	color: #fff;
	font-family:Arial;
	font-size: 22px;
	user-select: none;
}

.div_rootDrive_label_css {
	color: #fff;
	font-family:Arial;
	font-size: 20px;
	cursor: pointer;
	user-select: none;
}
.div_fileselect_labeldiv {
	pointer-events: none;
}
.div_fileselect_label_css {
	color: #000;
	font-family:Arial;
	user-select: none;
	font-size: 14px;
}
.div_file_label_info_css {
	color: #fff;
	font-family:Arial;
	user-select: none;
	font-size: 14px;
}
.div_file_label_css_c {
	color: #000;
}

.div_fileselect_label_info_css {
	color: #000;
	font-family:Arial;
	text-align: right;
	font-size: 14px;
	user-select: none;
}

.div_searchresult_label_info_css {
	color: #000;
	font-family:Arial;
	text-align: left;
	font-size: 14px;
}
.div_file_img_css {
	background-image: url(File_White.png);
    background-repeat: no-repeat;
	height:30px;
	width:30px;
	padding:0px;
}

.div_file_img_css_c {
	background-image: url(File_Black.png);
    background-repeat: no-repeat;

}

.div_folder_img_css {
	background-image: url(Folder_White.png);
    background-repeat: no-repeat;  
	height:30px;
	width:30px;
	padding:0px;
}

.div_drive_img_css {
	background-image: url(drive_white.png);
    background-repeat: no-repeat;  
    margin-top: 3px;
	width: 130px;
	height: 130px;
}

.div_drive_img_css_c {
	background-image: url(drive_black.png);
}

.div_sd_img_css {
	background-image: url(sd_white.png);
    background-repeat: no-repeat;  
    margin-top: 3px;
	width: 130px;
	height: 130px;
}

.div_folder_img_css_c {
	background-image: url(Folder_Black.png);
    background-repeat: no-repeat;
}

.div_folder_small_css_c {
	background-image: url(Folder_Black_small.png);
    background-repeat: no-repeat;
}

.div_fileselect_img_css {
	background-image: url(File_Black.png);
    background-repeat: no-repeat;
    margin-top: 2px;
    margin-left: 2px;
}

.div_fileselect_small_css {
	background-image: url(File_Black_small.png);
    background-repeat: no-repeat;
}

.div_fileselect_small_c {
}

.div_fileselect_pcrep {
	background-image: url(rep_pc.png);
}

.div_fileselect_drive {
	background-image: url(rep_drive.png);
}

.div_fileselect_demo {
	background-image: url(rep_demo.png);
}


.div_folderselect_img_css {
	background-image: url(Folder_Black.png);
    background-repeat: no-repeat;  
    margin-top: 3px;
}

.div_wave_digital {
	overflow-y: auto;
	display: block;
}

.div_digi_logger_info {
	width : 100%;
	display:flex;
	flex-flow: column;
}
.conmenu{
	width:130px;
	background-color:#f0f0f0;
	border:1px solid #999999;
	display:none;
	position:fixed;
}
  
.conmenu_on{
	display:block;
}
  
.conmenu_ul{
	list-style:none;
	margin:0px;
	padding:5px;
}
#area{
	width:400px;
	height:200px;
	background-color:#ddddff;
}

.rangeslider-mask-min, .rangeslider-mask-max {
	fill: rgb(0, 0, 0) !important;
	fill-opacity: 0.6 !important;
  }

  .toolTip {
    display: none;
    position: absolute;
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    background: #4ecca8;
    padding: 4px 12px;
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.8;
    animation: fadeIn 0.6s;
    color: #FFF;
    border-radius: 3px;
    filter: drop-shadow(0px 1px 4px #aaa);
	opacity:0.8;
}

.toolTip_info {
    position: absolute;

	z-index: 1;
    background-color: rgba(78, 204, 168, 0.9);
    font-size: 0.9rem;
    font-weight: 600;
    line-height: 1.8;
    border-radius: 3px;
	opacity:0;
	padding-left:10px;
	padding-right:10px;
	transition: all 0.6s;
	pointer-events: none;
}
.toolTip_info_donut {
	width: 100px;
}

.toolTip_info_fadein {
    opacity:1;

}

.toolTip_info_label {
    color: #FFFFFF;
}

.toolTip_info_Scal {
	display:grid;
	grid-template-columns: 1fr 1fr 1fr;
}
.button_square_tip {
	box-shadow: 0px 1px 2px 1px #aaa;
	/*background: url("GLT400_app_botton_01_std_200205.png") no-repeat;*/
	background-color:#ccc;
	border-radius:3px;
	border:1px solid #aaa;
	display:inline-block;
	cursor:pointer;
	color:#666;
	font-family:Arial;
	font-size: 14px;
	width:100%;
	height: 20px;
}

.dialogContent_winfo {
	transition: all 0.6s;
	background-color: #00fc4c;
}

.inputlong{
	width:208px;
}

.button_select_auth{
	width:450px;
	height: 120px;
	background-color: rgb(235,235,235);
	cursor: pointer;
	border-radius:10px;
	border-width:0px;
	display: flex;
    align-items: center;
	overflow: hidden;
}


.button_select_auth .button_select_auth_icon_main {
    flex: 0 0 120px;
    width: 120px;
    height: 120px;
    background-image: url('icon_main.webp');  
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.button_select_auth_icon_main_used {
	flex: 0 0 120px;
    width: 120px;
    height: 120px;
    background-image: url('icon_main_used.webp');  
	background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.button_select_auth_icon_sub_used {
	flex: 0 0 120px;
    width: 120px;
    height: 120px;
    background-image: url('icon_sub_used.webp'); 
	background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.button_select_auth .button_select_auth_icon_sub {
    flex: 0 0 120px;
    width: 120px;
    height: 120px;
    background-image: url('icon_sub.webp'); 
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

  .button_select_auth .button_select_auth_label {
    flex: 1;
    align-items: center;
    justify-content: center;
    color: rgb(105,136,170);;
  }

  .button_select_auth:hover {
    background-color: rgb(55,90,129);
  } .button_select_auth:active {
	position: relative;
	top: 2px;
  }


  .button_select_auth:hover .button_select_auth_label {
    color: #ffffff;
  }


  .button_select_auth:hover .button_select_auth_icon_main {
    background-image: url('icon_main_focus.webp');   /* ホバーアイコン */
  }
  .button_select_auth:hover .button_select_auth_icon_sub {
    background-image: url('icon_sub_focus.webp');   /* ホバーアイコン */
  }

.button_select_auth_label_title{
	font-size: 20px;
	font-family: 'Amatic SC', cursive;
	font-weight: bold;
}  
.button_select_auth_label_subtitle{
	font-size: 10px;
}  
.button_select_auth_disabled{
	width:450px;
	height: 120px;
	background-color: rgba(238,238,238,0.8);
	border-radius:10px;
	border-width:0px;
	display: flex;
    align-items: center;
	overflow: hidden;

}.button_select_auth_disabled .button_select_auth_label {
    flex: 1;
    align-items: center;
    justify-content: center;
	color:rgba(192 192 192,0.8);
}

.div_select_auth_title{
	/*color : red;*/
	display:flex;
	justify-content: center;
}

.div_select_auth_inputs{
	display:flex;
	justify-content: center;
	height:50px;
}
.div_select_auth_buttons{
	gap: 10px;
	display:flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
}

.div_inputpass_icon{
	display: flex;
	align-items: center;
	position: relative;
	width: fit-content;
}

.input_password{
	padding-right: 2em;
}

.icon_input_password{
	position: absolute;
	right: 0.2em;
	cursor: pointer;
	user-select: none;
	font-size: 1.0em;
	color: #888;
}

.div_select_using_labels{
	display:flex;
	justify-content: center;
	width: 180px;
	color: red;
}
.label_select_using{
	color: red;
}

.dialogbackground_selectauth {
	background-image: url(select_bg.webp);
    background-repeat: no-repeat;
	background-position: center;
	opacity: 1.0;
	background-size:cover;
}

.dialog_selectauth_dialog {
	width:650px;
	height: 390px;
	margin-left: -325px;
    margin-top: -195px;
	background-color: #00000000;
	border:0px;
}