/*
<!---------------------------------------------------------------------------->
<!--                                                                        -->
<!--  (C) Copyright PIXEL software CO.,LTD. 2018 All Rights Reserved.       -->
<!--                                                                        -->
<!--  System Name  : TMPV Simple Moniter                                    -->
<!--                                                                        -->
<!--  File Name    : ProjectCommon.css                                      -->
<!--                                                                        -->
<!--  Revision     : 01.00  [ 2018/05/10 ]              By Developer.Pixel  -->
<!--                 New                                                    -->
<!--                 -----------------------------------------------------  -->
<!--                                                                        -->
<!---------------------------------------------------------------------------->
*/
@charset 'UTF-8';

.uc{
	color:firebrick;
	margin-left: 10px;
}

/*-----------------------------------------------------------------------------
  fonts
-----------------------------------------------------------------------------*/
@font-face {
  font-family: 'Prompt';
  font-style: normal;
  font-weight: 400;
  src: local('Prompt'), local('Prompt-Regular'), url(../Proc00_common/fonts/Prompt.woff) format('woff');
}
@font-face {
  font-family: 'Anton';
  font-style: normal;
  font-weight: 400;
  src: local('Anton Regular'), local('Anton-Regular'), url(../Proc00_common/fonts/Anton.woff) format('woff');
}
@font-face {
	font-family: 'Roboto';
	font-weight: normal; 

	src: url(../Proc00_common/fonts/Roboto-Regular.woff) format('woff');
}
@font-face {
	font-family: 'Roboto';
	font-weight: bold; 

	src: url(../Proc00_common/fonts/Roboto-Bold.woff) format('woff');
}
@font-face {
	font-family: 'Terminator';
	font-weight: normal; 

	src: url(../Proc00_common/fonts/TERMINAT.ttf) format('truetype');
}

p[msg-grade="重故障"]{ background-color:#ee0000; color:#fff;}
p[msg-grade="系統異常"]{ background-color:#ff66cc; }
p[msg-grade="警告"]{ background-color:#ff8c00; }
p[msg-grade="中故障"]{ background-color:#ff8c00; }
p[msg-grade="警告(H)"]{ background-color:#ff8c00; }
p[msg-grade="警告(L)"]{ background-color:#ff8c00; }
p[msg-grade="軽故障"]{ background-color:#eeee00; }
p[msg-grade="外部異常"]{ background-color:#8b008b; color:#fff;}
p[msg-grade="外部異常(L)"]{ background-color:#8b008b; color:#fff;}
p[msg-grade="外部異常(A)"]{ background-color:#8b008b; color:#fff;}
p[msg-cond ="復帰/OFF"]  { background-color:#00dd00; color:#000;}

.ball-alarm-grade5{	color:#ee0000;	}
.ball-alarm-grade4{	color:#8b008b;	}
.ball-alarm-grade3{	color:#ff66cc;	}
.ball-alarm-grade2{	color:#ff8c00;	}
.ball-alarm-grade1{	color:#eeee00;	}
.ball-alarm-grade0{	color:#00dd00;	}

.icon-grade0{
	height:25px;
	width:35px;
	background-image: url(../Proc00_common/img/grade0.png?Ver=CS061);
	background-repeat:no-repeat;
	background-position:center;
}
.icon-grade1{
	height:25px;
	width:35px;
	background-image: url(../Proc00_common/img/grade1.png?Ver=CS061);
	background-repeat:no-repeat;
	background-position:center;
}
.icon-grade2{
	height:25px;
	width:35px;
	background-image: url(../Proc00_common/img/grade2.png?Ver=CS061);
	background-repeat:no-repeat;
	background-position:center;
}
.icon-grade3{
	height:25px;
	width:35px;
	background-image: url(../Proc00_common/img/grade3.png?Ver=CS061);
	background-repeat:no-repeat;
	background-position:center;
}
.icon-grade4{
	height:25px;
	width:35px;
	background-image: url(../Proc00_common/img/grade4.png?Ver=CS061);
	background-repeat:no-repeat;
	background-position:center;
}
.icon-grade5{
	height:25px;
	width:35px;
	background-image: url(../Proc00_common/img/grade5.png?Ver=CS061);
	background-repeat:no-repeat;
	background-position:center;
}
.icon-graden{
	height:25px;
	width:35px;
	background-image: url(../Proc00_common/img/null.png?Ver=CS061);
	background-repeat:no-repeat;
	background-position:center;
}


/*-----------------------------------------------------------------------------
  DOM Common setting
-----------------------------------------------------------------------------*/
body{
	user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -webkit-touch-callout: none;

	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-size:100.0%;
	line-height:1.45;
	background:#fff;
	overflow:hidden;

　　-webkit-text-size-adjust: 100%;
　　-moz-text-size-adjust: 100%;
　　-ms-text-size-adjust: 100%;
　　-o-text-size-adjust: 100%;
 　　text-size-adjust: 100%;

	-webkit-transform: translateZ(0);
}
body.window{
	background:#fff;
}

body, html{
	height:100%;
	margin:0px;
	padding-top:0px;
}

a{
	text-decoration:none;
	color:#249df2; 
	outline:0;
}
a:hover{
	text-decoration:none;
	opacity:0.6;
	color:#ffa500;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
}

h1, h2, p, ul, li, input, button, div{
	margin:0; 
	padding:0;
}

img{
	vertical-align:middle;
}

iframe{
	display:block;
	border:none;
}

.cframe-close{
	display:none;
}
/*-----------------------------------------------------------------------------
 tree frame setting
-----------------------------------------------------------------------------*/
.treefrmwrap{
	width: 238px;
	overflow:auto;
	padding: 5px 5px 5px 5px;
}
.treefrmwrap-bordertop{
	border-top: solid 1px #999999;
}

.treefrm{
	font-size:14px;
}
.treefrmmes{
	font-size:12px;
	text-align:center;
	color:#999;
}

/*-----------------------------------------------------------------------------
  Application setting
-----------------------------------------------------------------------------*/

/*----- Application Logo ----------------------------------------------------*/
#divAPPLOGO{
	width:48px;
	height:48px;
}

/*----- Copyright ------------------------------------------------------------*/
#COPYRIGHT{
	text-align: right;
	color:#666;
	padding-right:20px;
}

/*-----------------------------------------------------------------------------
  Buttons setting
-----------------------------------------------------------------------------*/
.button-text {
	font-weight: bold;
	line-height: 1; 
	display: block;
	padding: 10px;
	color: #fff;
	border: none;
	background:#ffa500 /*#249df2;*/
}

/*-----------------------------------------------------------------------------
 Forms setting
-----------------------------------------------------------------------------*/
input[type='text'], input[type='password'] {
	line-height: 1; 
	padding: 1px;
	color: #56616e;
	border: 1px solid #aaaaaa;
	background: #fff;
}

input[type='text']:hover, input[type='password']:hover,select:hover {
	border: 1px solid;
	border-color: #ffa500;
}

input[type='text']:focus, input[type='password']:focus {
	border-color: #ffa500;
	outline: 0;
}


/*-----------------------------------------------------------------------------
 Content Page setting
-----------------------------------------------------------------------------*/
.ContentHeaderFrame{
	position:relative;
	display: table;
	width:100%;
	height: 32px;
	color: #fff;
}

.ContentHeaderFrame .title-header {
	color:#000;
	display: flex;
	height: 32px;
	background: #f0f1f3;
    flex-flow: row nowrap;
    align-items: center;
}

.ContentHeaderFrame .title-header .page-title {
	display:flex;
	margin-left: 15px; 
}

/*===== Pxloading override ===================================================*/
#Pxloading{
    border:none;
    padding:0px;
    position: fixed;
    top:30%;
    left:calc(50% - 42px);
    background-color:transparent;
}

#Pxloading .PxloadingMsg{
    padding-top:66px;
    width:64px;
	height:64px;
}

/*-----------------------------------------------------------------------------

 Buttons

-----------------------------------------------------------------------------*/
.button-icon{
	margin-left:5px;
	line-height: 1;
	display: block;
	text-indent: -9999px; 
	border: none;
}
.button-icon-home{
	width:30px;
	height:30px;
	background: url(../Proc00_common/svg/icon_home.svg?Ver=CS061) no-repeat;
	margin-right:30px;
}
.button-icon-prev {
	width: 24px;
	height: 24px; 
	background: url(../Proc00_common/svg/icon_prev.svg?Ver=CS061) center no-repeat;
}
.button-icon-next {
	width: 24px;
	height: 24px; 
	background: url(../Proc00_common/svg/icon_next.svg?Ver=CS061) center no-repeat;
}
.button-icon-prev-g {
	width: 24px;
	height: 24px; 
	background: url(../Proc00_common/svg/icon_prev_gray.svg?Ver=CS061) center no-repeat;
}
.button-icon-next-g {
	width: 24px;
	height: 24px; 
	background: url(../Proc00_common/svg/icon_next_gray.svg?Ver=CS061) center no-repeat;
}

.button-icon-left1-g {
	width: 24px;
	height: 24px; 
	background: url(../Proc00_common/svg/icon_left1_g.svg?Ver=CS061) center no-repeat;
}
.button-icon-right1-g {
	width: 24px;
	height: 24px; 
	background: url(../Proc00_common/svg/icon_right1_g.svg?Ver=CS061) center no-repeat;
}
.button-icon-left1 {
	width: 24px;
	height: 24px; 
	background: url(../Proc00_common/svg/icon_left1.svg?Ver=CS061) center no-repeat;
}
.button-icon-right1 {
	width: 24px;
	height: 24px; 
	background: url(../Proc00_common/svg/icon_right1.svg?Ver=CS061) center no-repeat;
}

.button-icon-calendar {
	width: 22px;
	height: 22px; 
	background: url(../Proc00_common/svg/icon_calendar.svg?Ver=CS061) center no-repeat;
}
.button-icon-refresh {
	width: 22px;
	height: 22px; 
	background: url(../Proc00_common/svg/refresh.svg?Ver=CS061) center no-repeat;
}
.button-icon-search2 {
	width: 22px;
	height: 22px; 
	background: url(../Proc00_common/svg/search.svg?Ver=CS061) center no-repeat;
}
.button-icon-download {
	width: 22px;
	height: 22px; 
	background: url(../Proc00_common/svg/download.svg?Ver=CS061) center no-repeat;
}
.button-icon-file {
	width: 22px;
	height: 22px; 
	background: url(../Proc00_common/svg/icon_file.svg?Ver=CS061) center no-repeat;
}
.button-icon-setting {
	width: 22px;
	height: 22px; 
	background: url(../Proc00_common/svg/icon_setting.svg?Ver=CS061) center no-repeat;
}
.button-icon-graph {
	width: 24px;
	height: 24px; 
	background: url(../Proc00_common/svg/bargraph.svg?Ver=CS061) center no-repeat;
}
.button-icon-report {
	width: 22px;
	height: 22px; 
	background: url(../Proc00_common/svg/icon_report.svg?Ver=CS061) center no-repeat;
}
.button-icon-list {
	width: 22px;
	height: 22px; 
	background: url(../Proc00_common/svg/list.svg?Ver=CS061) center no-repeat;
}
.button-icon-list1 {
	width: 22px;
	height: 22px; 
	background: url(../Proc00_common/svg/list1.svg?Ver=CS061) center no-repeat;
}
.button-icon-detail {
	width: 22px;
	height: 22px; 
	background: url(../Proc00_common/svg/detail.svg?Ver=CS061) center no-repeat;
}
.button-icon-operation {
	width: 22px;
	height: 22px; 
	background: url(../Proc00_common/svg/icon_operation.svg?Ver=CS061) center no-repeat;
}
.button-icon-return {
	width: 22px;
	height: 22px; 
	background: url(../Proc00_common/svg/icon_return.svg?Ver=CS061) center no-repeat;
}
.button-icon-power-g {
	width: 22px;
	height: 22px; 
	background: url(../Proc00_common/svg/icon_power-g.svg?Ver=CS061) center no-repeat;
}
.button-icon-power-r {
	width: 22px;
	height: 22px; 
	background: url(../Proc00_common/svg/icon_powser-r.svg?Ver=CS061) center no-repeat;
}

.button-icon-map {
	width: 22px;
	height: 22px; 
	background: url(../Proc00_common/svg/map.svg?Ver=CS061) center no-repeat;
}
.button-icon-bell {
	width: 22px;
	height: 22px; 
	background: url(../Proc00_common/svg/bell.svg?Ver=CS061) center no-repeat;
}
.button-icon-del {
	width: 22px;
	height: 22px; 
	background: url(../Proc00_common/svg/delete.svg?Ver=CS061) center no-repeat;
}
.button-icon-save {
	width: 22px;
	height: 22px; 
	background: url(../Proc00_common/svg/save.svg?Ver=CS061) center no-repeat;
}
.button-icon-panel {
	width: 24px;
	height: 24px; 
	background: url(../Proc00_common/svg/Solarpanel.svg?Ver=CS061) center no-repeat;
}

.button-icon-power-g{
	width: 48px;
	height: 48px; 
	background: url(../Proc00_common/svg/icon_power-g.svg?Ver=CS061) center no-repeat;
}
.button-icon-power-r{
	width: 48px;
	height: 48px; 
	background: url(../Proc00_common/svg/icon_power-r.svg?Ver=CS061) center no-repeat;
}
.button-icon-power-o{
	width: 22px;
	height: 22px; 
	background: url(../Proc00_common/svg/icon_power-o.svg?Ver=CS061) center no-repeat;
}
.button-icon-power-o2{
    /*margin-left: auto;*/
	width: 32px;
	height: 32px; 
	background: url(../Proc00_common/svg/icon_power-o.svg?Ver=CS061) center no-repeat;
}

.button-icon-ups {
	width: 32px;
	height: 32px; 
	background: url(../Proc00_common/svg/ups.svg?Ver=CS061) center no-repeat;
}
.button-icon-air {
	width: 32px;
	height: 32px; 
	background: url(../Proc00_common/svg/aircon.svg?Ver=CS061) center no-repeat;
}


.button-icon24-alarmpower0{
	width: 22px;
	height: 22px; 
	background: url(../Proc00_common/svg/alarmpower_g.svg?Ver=CS061) center no-repeat;
}
.button-icon24-alarmpower1{
	width: 22px;
	height: 22px; 
	background: url(../Proc00_common/svg/alarmpower_r.svg?Ver=CS061) center no-repeat;
}

.button-icon24-ctrl0{
	width: 22px;
	height: 22px; 
	background: url(../Proc00_common/svg/control_g.svg?Ver=CS061) center no-repeat;
}
.button-icon24-ctrl1{
	width: 22px;
	height: 22px; 
	background: url(../Proc00_common/svg/control_r.svg?Ver=CS061) center no-repeat;
}


.button-icon-belln{
	width: 22px;
	height: 22px; 
	background: url(../Proc00_common/svg/alarmPCSn.svg?Ver=CS061) center no-repeat;
}
.button-icon-bell0{
	width: 22px;
	height: 22px; 
	background: url(../Proc00_common/svg/alarmPCS0.svg?Ver=CS061) center no-repeat;
}
.button-icon-bell1{
	width: 22px;
	height: 22px; 
	background: url(../Proc00_common/svg/alarmPCS1.svg?Ver=CS061) center no-repeat;
}
.button-icon-bell2{
	width: 22px;
	height: 22px; 
	background: url(../Proc00_common/svg/alarmPCS2.svg?Ver=CS061) center no-repeat;
}
.button-icon-bell3{
	width: 22px;
	height: 22px; 
	background: url(../Proc00_common/svg/alarmPCS3.svg?Ver=CS061) center no-repeat;
}
.button-icon-bell4{
	width: 22px;
	height: 22px; 
	background: url(../Proc00_common/svg/alarmPCS4.svg?Ver=CS061) center no-repeat;
}

.button-icon-alarmn{
	width: 32px;
	height: 32px; 
	background: url(../Proc00_common/svg/alarmPCShn.svg?Ver=CS061) center no-repeat;
}
.button-icon-alarm0{
	width: 32px;
	height: 32px; 
	background: url(../Proc00_common/svg/alarmPCSh0.svg?Ver=CS061) center no-repeat;
}
.button-icon-alarm1{
	width: 32px;
	height: 32px; 
	background: url(../Proc00_common/svg/alarmPCSh1.svg?Ver=CS061) center no-repeat;
}
.button-icon-alarm2{
	width: 32px;
	height: 32px; 
	background: url(../Proc00_common/svg/alarmPCSh2.svg?Ver=CS061) center no-repeat;
}
.button-icon-alarm3{
	width: 32px;
	height: 32px; 
	background: url(../Proc00_common/svg/alarmPCSh3.svg?Ver=CS061) center no-repeat;
}
.button-icon-alarm4{
	width: 32px;
	height: 32px; 
	background: url(../Proc00_common/svg/alarmPCSh4.svg?Ver=CS061) center no-repeat;
}

.button-icon-alarmpower0{
	width: 32px;
	height: 32px; 
	background: url(../Proc00_common/svg/alarmpower_g.svg?Ver=CS061) center no-repeat;
}
.button-icon-alarmpower1{
	width: 32px;
	height: 32px; 
	background: url(../Proc00_common/svg/alarmpower_r.svg?Ver=CS061) center no-repeat;
}

.button-icon-ctrl0{
	width: 32px;
	height: 32px; 
	background: url(../Proc00_common/svg/control_g.svg?Ver=CS061) center no-repeat;
}
.button-icon-ctrl1{
	width: 32px;
	height: 32px; 
	background: url(../Proc00_common/svg/control_r.svg?Ver=CS061) center no-repeat;
}

.button-icon-report32 {
	width: 32px;
	height: 32px; 
	background: url(../Proc00_common/svg/icon_report.svg?Ver=CS061) center no-repeat;
}

.button-icon-home32{
	width:32px;
	height:32px;
	background: url(../Proc00_common/svg/icon_home.svg?Ver=CS061) no-repeat;
}
.button-icon-notice{
	width:24px;
	height:24px;
	background: url(../Proc00_common/svg/icon_notice.svg?Ver=CS061) no-repeat;
}
.button-icon-notice32{
	width:32px;
	height:32px;
	background: url(../Proc00_common/svg/icon_notice.svg?Ver=CS061) no-repeat;
}
.button-icon-notice32-r{
	width:32px;
	height:32px;
	background: url(../Proc00_common/svg/icon_notice_r.svg?Ver=CS061) no-repeat;
}
.button-icon-memo32{
	width:32px;
	height:32px;
	background: url(../Proc00_common/svg/icon_memo_r.svg?Ver=CS061) no-repeat;
}
.button-icon-setting32 {
	width: 32px;
	height: 32px; 
	background: url(../Proc00_common/svg/icon_setting.svg?Ver=CS061) no-repeat;
}
.button-icon-manual32{
	width: 32px;
	height: 32px; 
	background: url(../Proc00_common/svg/icon_manual.svg?Ver=CS061) center no-repeat;
}

.button-icon-manual32-site{
	width: 32px;
	height: 32px; 
	background: url(../Proc00_common/svg/icon_manual_site.svg?Ver=CS061) center no-repeat;
	display: none;
}

.button-icon-manual32-sys{
	width: 32px;
	height: 32px; 
	background: url(../Proc00_common/svg/icon_manual_sys.svg?Ver=CS061) center no-repeat;
	display: none;
}

.button-icon-mail-r{
	width:24px;
	height:24px;
	background: url(../Proc00_common/svg/icon_mail_r.svg?Ver=CS061) no-repeat;
}

.button-icon-memo-r{
	width:24px;
	height:24px;
	background: url(../Proc00_common/svg/icon_memo_r.svg?Ver=CS061) no-repeat;
}
.button-icon-memo-s{
	width:24px;
	height:24px;
	background: url(../Proc00_common/svg/icon_memo.svg?Ver=CS061) no-repeat;
}

.button-icon-weather{
	width:24px;
	height:24px;
	background: url(../Proc00_common/svg/icon_weather.svg?Ver=CS061) no-repeat;
}

.button-icon-close{
	width:32px;
	height:32px;
	background: url(../Proc00_common/svg/icon_close.svg?Ver=CS061) no-repeat;
}
.button-icon-close22{
	width:22px;
	height:22px;
	background: url(../Proc00_common/svg/icon_close.svg?Ver=CS061) no-repeat;
}
.button-icon-show22{
	width:22px;
	height:22px;
	background: url(../Proc00_common/svg/icon_show.svg?Ver=CS061) no-repeat;
}

.button-icon-check{
	width:22px;
	height:22px;
	background: url(../Proc00_common/svg/icon_check.svg?Ver=CS061) no-repeat;
}

.button-icon-check32{
	width:32px;
	height:32px;
	background: url(../Proc00_common/svg/icon_check.svg?Ver=CS061) no-repeat;
}

.button-icon-pprev {
	width: 16px;
	height: 16px; 
	background: url(../Proc00_common/svg/page_prev.svg?Ver=CS061) center no-repeat;
}
.button-icon-pnext {
	width: 24px;
	height: 24px; 
	background: url(../Proc00_common/svg/page_next.svg?Ver=CS061) center no-repeat;
}

.button-icon-sort-az{
	width: 24px;
	height: 24px; 
	background: url(../Proc00_common/svg/icon_sort_az.svg?Ver=CS061) center no-repeat;
}

.button-icon-qanda{
	width: 24px;
	height: 24px; 
	background: url(../Proc00_common/svg/icon_QandA.svg?Ver=CS061) center no-repeat;
}

.button-icon-pdf{
	width: 24px;
	height: 24px; 
	background: url(../Proc00_common/svg/icon_pdf.svg?Ver=CS061) center no-repeat;
}
.button-icon-addnew{
	width: 24px;
	height: 24px; 
	background: url(../Proc00_common/svg/icon_addnew.svg?Ver=CS061) center no-repeat;
}

/*---------------------------------------------

 Forms

---------------------------------------------*/
.cCmd{
	width:32px;
	margin-right:3px;
}
.th-nav {
	font-size: 14px;
	display: flex;
	margin: auto 30px auto auto;
    flex-flow: row nowrap;
	justify-content: flex-end;
}
.th-nav .thn-change {
	position: relative;
	z-index: 1; 
	margin: 0 5px;
}
.th-nav .thn-change-current a {
	line-height: 1; 
	display: block;
	min-width: 240px;
	padding: 8px;
	color: #56616e;
	border: 1px solid #dcdcdc;
	background: #fff url(../Proc00_common/svg/arrow_select_down.svg?Ver=CS061) right center no-repeat;
}
.th-nav .thn-change-current a:hover {
	opacity: 1;
	color: #000; 
	border-color: #249df2;
}
.th-nav .thn-change-list {
	position: absolute;
	display: none;
	box-sizing: border-box;
	width: 100%;
	margin-top: 5px;
	list-style: none;
	border: 1px solid #249df2;
	background-color: #fff;
}
.th-nav .thn-change-list li a {
	display: block;
	padding: 8px;
	color: #56616e;
}
.th-nav .thn-change-list li a:hover {
	opacity: 1;
	color: #000;
	background-color: #f0f1f3;
}
.th-nav .thn-change-list li:not(:last-child) a {
	border-bottom: 1px solid #dcdcdc;
}
.th-nav .thn-change.show .thn-change-current a {
	color: #249df2; 
	border-color: #249df2;
}
.th-nav .thn-change.show .thn-change-list {
	display: block;
}
.th-nav .thn-text, .th-nav .list-number {
	margin: 0 5px;
}
.th-nav .list-number {
	text-align: center;
}
.th-nav .edit-button, .th-nav .settings-button {
	margin: 0 5px;
}


/*---------------------------------------------

 幅指定

---------------------------------------------*/
.w-1em {
	width: 1em;
}

.w-2em {
	width: 2em;
}

.w-3em {
	width: 3em;
}

.w-4em {
	width: 4em;
}

.w-5em {
	width: 5em;
}

.w-6em {
	width: 6em;
}

.w-7em {
	width: 7em;
}

.w-8em {
	width: 8em;
}

.w-9em {
	width: 9em;
}

.w-10em {
	width: 10em;
}

.w-11em {
	width: 11em;
}

.w-12em {
	width: 12em;
}

.w-13em {
	width: 13em;
}

.w-14em {
	width: 14em;
}

.w-15em {
	width: 15em;
}

.w-16em {
	width: 16em;
}

.w-17em {
	width: 17em;
}

.w-18em {
	width: 18em;
}

.w-19em {
	width: 19em;
}

.w-20em {
	width: 20em;
}


.cursor-pointer{
	cursor:pointer;
}
/*-----------------------------------------------------------------------------
  UploadDialog
-----------------------------------------------------------------------------*/
#UploadFrame{
	width:400px;
	height:50px;
}

/*----- PxDialog(win10).css override -----------------------------------------*/
#upload{
	margin:15px 5px 5px 5px;
	width:390px;
}

.PxDialog .PxDialog_Buttons a {
    width: 60px;
}

/*-----------------------------------------------------------------------------
 subtile frame setting
-----------------------------------------------------------------------------*/
.sub-title{
	margin-right:10px;
	height:24px;
	background-color:#ffffff;
	border: 1px solid #dcdcdc;

}
	.sub-titlebar{
		width:5px;
		height:24px;
		background-color:#484848;
		border-bottom:1px solid #dcdcdc;
		float:left;
	}
	.sub-title p{
		text-align:center;
		float:left;
		margin: 3px 0px 0px 10px;
		
	}

.subtilefrm{
	/*width: 320px;*/
	height:24px;
	border:1px solid #999;
    border-radius:2px;
	margin-bottom:5px;
	position:relative;
	
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
	-webkit-flex-flow: row nowrap;
	    -ms-flex-flow: row nowrap;
	        flex-flow: row nowrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	        align-items: center;
			
	
}

/*-----------------------------------------------------------------------------
 Alarm popup
-----------------------------------------------------------------------------*/
#LogWrap{
	/*display:none;*/
	width:800px;
	height:400px;
	background-color:#000;
}
	#alarmFrame{
		width:100%;
		height:100%;
	}

/*-----------------------------------------------------------------------------
 SiteSetting popup
-----------------------------------------------------------------------------*/
.SiteSetting1{
	width:1060px;
	height:430px;
	background-color:#000;
}
.SiteSetting2{
	width:800px;
	height:430px;
	background-color:#000;
}
	#sitePara{
		width:100%;
		height:100%;
	}

/*-----------------------------------------------------------------------------
 Mobile Header
-----------------------------------------------------------------------------*/
.m-container{
	width:100%;
	height:30px;
	margin-top:20px;
	display:block;
}
	.m-solarpanel{
		height:30px;
		float:left;
	}
	.m-title{
		margin-left:20px;
		height:30px;
		float:left;
	}

	.m-menu-l{
		float:left;
		height:30px;
	}
	.m-menu-r{
		float:right;
		height:30px;
		width:40px;
	}

/*---- アラーム点滅 -----------*/
.alarm-blink22{
	width:22px;
	height:22px;
	margin:0;
	padding:0;
	background:url(../Proc00_common/svg/bellg.svg?Ver=CS061) center no-repeat;
	display:none;
  	-webkit-animation: 1s linear infinite blink_effect;
  	-moz-animation: 1s linear infinite blink_effect;
  	animation: 1s linear infinite blink_effect;
}
.alarm-blink32{
	width:32px;
	height:32px;
	margin:0;
	padding:0;
	background:url(../Proc00_common/svg/alarmPCShb.svg?Ver=CS061) center no-repeat;
	display:none;
  	-webkit-animation: 1s linear infinite blink_effect;
  	-moz-animation: 1s linear infinite blink_effect;
  	animation: 1s linear infinite blink_effect;
}
@-webkit-keyframes blink_effect {
    0% {
        visibility: hidden;
    }
    50% {
        visibility: hidden;
    }
    100% {
        visibility: visible;
    }
}
@-moz-keyframes blink_effect {
    0% {
        visibility: hidden;
    }
    50% {
        visibility: hidden;
    }
    100% {
        visibility: visible;
    }
}
@keyframes blink_effect {
    0% {
        visibility: hidden;
    }
    50% {
        visibility: hidden;
    }
    100% {
        visibility: visible;
    }
}

.xdsoft_datetimepicker, .Zebra_DatePicker{
	z-index:30000;
}

#divloding{
	display:none;
	position: absolute;
    border: 6px dashed #ffa500;
    border-top: 6px solid transparent;
    border-radius: 50%;
	top:42%;
	left:0px;
	bottom: 0;
	margin: 0 40%;	

    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
	z-index: 30000;}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}