﻿/* ====================================================================== */
/* ガントチャート一覧履歴画面                                             */
/* ====================================================================== */


.tr.oddeven:nth-child(odd) td
{
	/* --- Background --- */
	background-color: #333333;
}
.tr.oddeven:nth-child(even) td
{
	/* --- Background --- */
	background-color: #222222;
}

.td
{
	background-color: #222222;
	height:40px;
}
.selected
{
	background-color: #bbc8e6;
}

/* ---------------------------------------------------------------------- */
/* 操作ボタン共通 */
/* ---------------------------------------------------------------------- */
.buttonDiv
{
}
.buttonDiv:hover
{
    cursor: pointer;
    /* --- Others --- */
    filter: alpha(opacity=80);
    -ms-filter: "alpha(opacity=80)";
    opacity: 0.8;
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;            
}

/* ---------------------------------------------------------------------- */
/* 操作パネル表示領域                                                     */
/* ---------------------------------------------------------------------- */
#divControlPanelArea
{
	position: relative;
	height: 35px; 
	/*width: 520px;*/  
	width: 770px;  
	padding: 0 0px 0px 2px; 
	margin: 5px 5px 5px 5px; 
	line-height: 35px; 
	border-radius:10px;
	background-color:#add3ff;
}
#divControlPanelArea a.disabled div
{
	/* --- Others --- */
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	opacity: 0.5;
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	cursor:default;
}
/* 前日ボタン */
#divControlPanelArea .buttonDiv.prevTime
{
	position: relative;
    width: 32px;
    height: 32px;
    margin: 1px 0 0 1px;
    
    float: left;
    
    background-color: transparent;
    background-image: url('./images/button_prev_arrow.png');
    background-repeat: no-repeat;
}
/* 前日ボタン(範囲) */
#divControlPanelArea .buttonDiv.prevTimeRange
{
	position: relative;
    width: 48px;
    height: 32px;
    margin: 1px 0 0 1px;
    
    float: left;
    
    background-color: transparent;
    background-image: url('./images/button_prev_arrow2.png');
    background-repeat: no-repeat;
}
/* 翌日ボタン */
#divControlPanelArea .buttonDiv.nextTime
{
	position: relative;
    width: 32px;
    height: 32px;
	margin: 1px 0 0 1px;
        
    float: left;
    
    background-color: transparent;
    background-image: url('./images/button_next_arrow.png');
    background-repeat: no-repeat;
}
/* 翌日ボタン(範囲) */
#divControlPanelArea .buttonDiv.nextTimeRange
{
	position: relative;
    width: 48px;
    height: 32px;
	margin: 1px 0 0 1px;
        
    float: left;
    
    background-color: transparent;
    background-image: url('./images/button_next_arrow2.png');
    background-repeat: no-repeat;
}
/* 本日ボタン */
#divControlPanelArea .buttonDiv.currentTime
{
	position: relative;
    width: 60px;
    height: 30px;
    
	float: left; 
	margin: 2px 0 0 5px;
    
    background-color: transparent;
    background-image: url('./images/button_current_day.png');
    background-repeat: no-repeat;
}
/* 更新ボタン */
#divControlPanelArea .buttonDiv.refresh
{
	position: relative;
    width: 60px;
    height: 30px;
    
	float: left; 
	margin: 2px 0 0 3px;
	
	font-size: 13px;
}
/* 対象日 */
#divControlPanelArea .targetTime
{
    width: 170px;
    height: 32px;
    padding-top:3px;
    color: #000000;
        
    float: left;
    
    font-size: 16px;
    
    text-align: center;
    text-decoration: underline;
    
    line-height: 35px;
}

/* 日付指定 */
#divControlPanelArea .targetTimeSelect
{
	margin:0 8px 0 5px;
    float: left;    
    font-size: 16px;    
    text-align: center;    
    line-height: 35px;
}

/* ---------------------------------------------------------------------- */
/* データ表示エリア                                                       */
/* ---------------------------------------------------------------------- */
#divContentsArea
{
	position: relative; 
	width: 100%;  
	
	border-top: #808080 solid 0px; 
	padding: 0 0px 5px 0; 
	margin: 0 0 10px 0; 
} 

/* ---------------------------------------------------------------------- */
/* 稼働チャート                                                           */
/* ---------------------------------------------------------------------- */
/* 稼働チャート表示エリア */
#divContentsArea #divOperationChartArea
{
    display: inline-block;
	position: relative; 
	width: 100%;  
	margin: 0px 0 0 0;
	padding: 5px 0 0 0;
	border: solid 0px #696969;
}

/* 稼働チャート 信号灯名表示領域 */
.divSignalName
{
	max-width:270px;
	white-space: nowrap;
	overflow: hidden;
}
/* 稼働チャート 表示td */
.tdChart
{
	padding:0 19px 0 12px;
}
/* 稼働チャート 表示領域 */
.divChartArea
{
	position: relative; 
	height: 100%;
}
/* 稼働チャート 本体 */
.divChartArea .divChart
{
	position: absolute; 
	left: 0px; 
	top: 9px; 
	height: 25px; 
	width: 100%;
}

/* 稼働チャート 背景色 */
.divChartArea .divChart.background
{
	background-color: #dcdcdc;
}

/* 稼働チャート メッセージ */
.divChartArea .divChart .chartMsg
{
	position: absolute;
	top: 5px; 
	left: 10px; 
}

/* 稼働チャート 目盛縦線表示領域 */
.divMajorGridArea
{
	position: relative; 
	height: 20px; 
	width: 100%;
}
.divMajorGridArea .time
{
	margin:-19px 0 0 -14px;
	font-size:9px;
	position:absolute;
	width:30px;
}
.divMajorGridArea .date
{
	margin:-30px 0 0 -14px;
	font-size:9px;
	position:absolute;
	width:30px;
}
.divMajorGridArea .timebottom
{
	margin:995px 0 0 -14px;
	font-size:9px;
	position:absolute;
	width:30px;
}
.divMajorGridArea .datebottom
{
	margin:980px 0 0 -14px;
	font-size:9px;
	position:absolute;
	width:30px;
}
/* 稼働チャート 目盛縦線 */
.divMajorGridArea .majorGridVertical
{
	position:absolute; 
	float:left; 
	width: 1px;
	background-color: #808080; 
}
/* 稼働チャート 目盛縦線 長い */
.divMajorGridArea .majorGridVertical.long
{
	top:23px;
	height: 980px;
	left:0px;
}
/* 稼働チャート 目盛縦線 短い */
.divMajorGridArea .majorGridVertical.short
{
	top: 11px; 
	height: 952px; 
}

/* 稼働チャート モニター項目 */
.monitorItem
{
	font-size: 18px;
	text-align: right;	
	padding-right: 5px;
}
 
/* 稼働チャート モニター項目 ステータス */
.monitorItem.status
{ 	
	width: 100%;
	height: 100%;
	line-height: 98%;
	
	font-size: 12px; 
	padding-top: 5px;
	overflow:hidden;
	text-align: center;
	padding-right: 0px;
}

/* 稼働チャート モニター項目 ステータス システム停止 */
.monitorItem.status.sysStop
{ 
	background-color: #dcdcdc;
}
/* 稼働チャート モニター項目 ステータス 消灯 */
.monitorItem.status.off
{ 
	background-color: #a9a9a9;
}

/* 稼働チャート モニター項目 ステータス 点灯赤 */
.monitorItem.status.onRed
{ 
	background-color: #ff0000;
}
/* 稼働チャート モニター項目 ステータス 点灯赤+点灯緑色 */
.monitorItem.status.onRedonGreen
{ 
	background-color: #da2a00;
}
/* 稼働チャート モニター項目 ステータス 点灯赤+点灯黄色 */
.monitorItem.status.onRedonYellow
{ 
	background-color: #ff7c80;
}
/* 稼働チャート モニター項目 ステータス 点灯赤+点灯青色 */
.monitorItem.status.onRedonBlue
{ 
	background-color: #990099;
}
/* 稼働チャート モニター項目 ステータス 点灯赤+点滅緑色 */
.monitorItem.status.onRedblinkGreen
{ 
	background-color: #ff6600;
}
/* 稼働チャート モニター項目 ステータス 点灯赤+点滅黄色 */
.monitorItem.status.onRedblinkYellow
{ 
	background-color: #ff9999;
}
/* 稼働チャート モニター項目 ステータス 点灯赤+点滅青色 */
.monitorItem.status.onRedblinkBlue
{ 
	background-color: #d60093;
}

/* 稼働チャート モニター項目 ステータス 点滅赤 */
.monitorItem.status.blinkRed
{ 
	background-color: #ff7f50;
}
/* 稼働チャート モニター項目 ステータス 点滅赤+点灯緑色 */
.monitorItem.status.blinkRedonGreen
{ 
	background-color: #ea3a06;
}
/* 稼働チャート モニター項目 ステータス 点滅赤+点灯黄色 */
.monitorItem.status.blinkRedonYellow
{ 
	background-color: #ff99cc;
}
/* 稼働チャート モニター項目 ステータス 点滅赤+点灯青色 */
.monitorItem.status.blinkRedonBlue
{ 
	background-color: #9900ff;
}
/* 稼働チャート モニター項目 ステータス 点滅赤+点滅緑色 */
.monitorItem.status.blinkRedblinkGreen
{ 
	background-color: #ff5d37;
}
/* 稼働チャート モニター項目 ステータス 点滅赤+点滅黄色 */
.monitorItem.status.blinkRedblinkYellow
{ 
	background-color: #ffbdd3;
}
/* 稼働チャート モニター項目 ステータス 点滅赤+点滅青色 */
.monitorItem.status.blinkRedblinkBlue
{ 
	background-color: #ff33cc;
}

/* 稼働チャート モニター項目 ステータス 点灯黄 */
.monitorItem.status.onYellow
{ 
	background-color: #ff8c00;
}
/* 稼働チャート モニター項目 ステータス 点灯黄+点灯赤色 */
.monitorItem.status.onYellowonRed
{ 
	background-color: #ff7c80;
}
/* 稼働チャート モニター項目 ステータス 点灯黄+点灯緑色 */
.monitorItem.status.onYellowonGreen
{ 
	background-color: #669900;
}
/* 稼働チャート モニター項目 ステータス 点灯黄+点灯青色 */
.monitorItem.status.onYellowonBlue
{ 
	background-color: #ffcc00;
}
/* 稼働チャート モニター項目 ステータス 点灯黄+点滅赤色 */
.monitorItem.status.onYellowblinkRed
{ 
	background-color: #ff99cc;
}
/* 稼働チャート モニター項目 ステータス 点灯黄+点滅緑色 */
.monitorItem.status.onYellowblinkGreen
{ 
	background-color: #cccc00;
}
/* 稼働チャート モニター項目 ステータス 点灯黄+点滅青色 */
.monitorItem.status.onYellowblinkBlue
{ 
	background-color: #ffff00;
}

/* 稼働チャート モニター項目 ステータス 点滅黄 */
.monitorItem.status.blinkYellow
{ 
	background-color: #f0e68c;
}
/* 稼働チャート モニター項目 ステータス 点滅黄+点灯赤色 */
.monitorItem.status.blinkYellowonRed
{ 
	background-color: #ff9999;
}
/* 稼働チャート モニター項目 ステータス 点滅黄+点灯緑色 */
.monitorItem.status.blinkYellowonGreen
{ 
	background-color: #99cc00;
}
/* 稼働チャート モニター項目 ステータス 点滅黄+点灯青色 */
.monitorItem.status.blinkYellowonBlue
{ 
	background-color: #ffd775;
}
/* 稼働チャート モニター項目 ステータス 点滅黄+点滅赤色 */
.monitorItem.status.blinkYellowblinkRed
{ 
	background-color: #ffbdd3;
}
/* 稼働チャート モニター項目 ステータス 点滅黄+点滅緑色 */
.monitorItem.status.blinkYellowblinkGreen
{ 
	background-color: #ccff66;
}
/* 稼働チャート モニター項目 ステータス 点滅黄+点滅青色 */
.monitorItem.status.blinkYellowblinkBlue
{ 
	background-color: #ffff66;
}

/* 稼働チャート モニター項目 ステータス 点灯緑 */
.monitorItem.status.onGreen
{ 
	background-color: #006400;
}
/* 稼働チャート モニター項目 ステータス 点灯緑+点灯赤色 */
.monitorItem.status.onGreenonRed
{ 
	background-color: #da2a00;
}
/* 稼働チャート モニター項目 ステータス 点灯緑+点灯黄色 */
.monitorItem.status.onGreenonYellow
{ 
	background-color: #669900;
}
/* 稼働チャート モニター項目 ステータス 点灯緑+点灯青色 */
.monitorItem.status.onGreenonBlue
{ 
	background-color: #006e54;
}
/* 稼働チャート モニター項目 ステータス 点灯緑+点滅赤色 */
.monitorItem.status.onGreenblinkRed
{ 
	background-color: #ea3a06;
}
/* 稼働チャート モニター項目 ステータス 点灯緑+点滅黄色 */
.monitorItem.status.onGreenblinkYellow
{ 
	background-color: #99cc00;
}
/* 稼働チャート モニター項目 ステータス 点灯緑+点滅青色 */
.monitorItem.status.onGreenblinkBlue
{ 
	background-color: #38b48b;
}

/* 稼働チャート モニター項目 ステータス 点滅緑 */
.monitorItem.status.blinkGreen
{ 
	background-color: #adff2f;
}
/* 稼働チャート モニター項目 ステータス 点滅緑+点灯赤色 */
.monitorItem.status.blinkGreenonRed
{ 
	background-color: #ff6600;
}
/* 稼働チャート モニター項目 ステータス 点滅緑+点灯黄色 */
.monitorItem.status.blinkGreenonYellow
{ 
	background-color: #cccc00;
}
/* 稼働チャート モニター項目 ステータス 点滅緑+点灯青色 */
.monitorItem.status.blinkGreenonBlue
{ 
	background-color: #478384;
}
/* 稼働チャート モニター項目 ステータス 点滅緑+点滅赤色 */
.monitorItem.status.blinkGreenblinkRed
{ 
	background-color: #ff5d37;
}
/* 稼働チャート モニター項目 ステータス 点滅緑+点滅黄色 */
.monitorItem.status.blinkGreenblinkYellow
{ 
	background-color: #ccff66;
}
/* 稼働チャート モニター項目 ステータス 点滅緑+点滅青色 */
.monitorItem.status.blinkGreenblinkBlue
{ 
	background-color: #7ebeab;
}

/* 稼働チャート モニター項目 ステータス 点灯青 */
.monitorItem.status.onBlue
{ 
	background-color: #000088;
}
/* 稼働チャート モニター項目 ステータス 点灯青+点灯赤色 */
.monitorItem.status.onBlueonRed
{ 
	background-color: #990099;
}
/* 稼働チャート モニター項目 ステータス 点灯青+点灯緑色 */
.monitorItem.status.onBlueonGreen
{ 
	background-color: #006e54;
}
/* 稼働チャート モニター項目 ステータス 点灯青+点灯黄色 */
.monitorItem.status.onBlueonYellow
{ 
	background-color: #ffcc00;
}
/* 稼働チャート モニター項目 ステータス 点灯青+点滅赤色 */
.monitorItem.status.onBlueblinkRed
{ 
	background-color: #9900ff;
}
/* 稼働チャート モニター項目 ステータス 点灯青+点滅緑色 */
.monitorItem.status.onBlueblinkGreen
{ 
	background-color: #478384;
}
/* 稼働チャート モニター項目 ステータス 点灯青+点滅黄色 */
.monitorItem.status.onBlueblinkYellow
{ 
	background-color: #ffd775;
}

/* 稼働チャート モニター項目 ステータス 点滅青 */
.monitorItem.status.blinkBlue
{ 
	background-color: #aaaaff;
}
/* 稼働チャート モニター項目 ステータス 点滅青+点灯赤色 */
.monitorItem.status.blinkBlueonRed
{ 
	background-color: #d60093;
}
/* 稼働チャート モニター項目 ステータス 点滅青+点灯緑色 */
.monitorItem.status.blinkBlueonGreen
{ 
	background-color: #38b48b;
}
/* 稼働チャート モニター項目 ステータス 点滅青+点灯黄色 */
.monitorItem.status.blinkBlueonYellow
{ 
	background-color: #ffff00;
}
/* 稼働チャート モニター項目 ステータス 点滅青+点滅赤色 */
.monitorItem.status.blinkBlueblinkRed
{ 
	background-color: #ff33cc;
}
/* 稼働チャート モニター項目 ステータス 点滅青+点滅緑色 */
.monitorItem.status.blinkBlueblinkGreen
{ 
	background-color: #7ebeab;
}
/* 稼働チャート モニター項目 ステータス 点滅青+点滅黄色 */
.monitorItem.status.blinkBlueblinkYellow
{ 
	background-color: #ffff66;
}
/* 稼働チャート モニター項目 ステータス 表示色1 */
.monitorItem.status.signalDispColor1
{ 
	background-color: #ff1b1b;
}
/* 稼働チャート モニター項目 ステータス 表示色2 */
.monitorItem.status.signalDispColor2
{ 
	background-color: #ff7f50;
}
/* 稼働チャート モニター項目 ステータス 表示色3 */
.monitorItem.status.signalDispColor3
{ 
	background-color: #ffa500;
}
/* 稼働チャート モニター項目 ステータス 表示色4 */
.monitorItem.status.signalDispColor4
{ 
	background-color: #ffff00;
}
/* 稼働チャート モニター項目 ステータス 表示色5 */
.monitorItem.status.signalDispColor5
{ 
	background-color: #f0e68c;
}
/* 稼働チャート モニター項目 ステータス 表示色6 */
.monitorItem.status.signalDispColor6
{ 
	background-color: #d1de4c;
}
/* 稼働チャート モニター項目 ステータス 表示色7 */
.monitorItem.status.signalDispColor7
{ 
	background-color: #abff2f;
}
/* 稼働チャート モニター項目 ステータス 表示色8 */
.monitorItem.status.signalDispColor8
{ 
	background-color: #9cbb1c;
}
/* 稼働チャート モニター項目 ステータス 表示色9 */
.monitorItem.status.signalDispColor9
{ 
	background-color: #009600;
}
/* 稼働チャート モニター項目 ステータス 表示色10 */
.monitorItem.status.signalDispColor10
{ 
	background-color: #0000fd;
}
/* 稼働チャート モニター項目 ステータス 表示色11 */
.monitorItem.status.signalDispColor11
{ 
	background-color: #3d9eff;
}
/* 稼働チャート モニター項目 ステータス 表示色12 */
.monitorItem.status.signalDispColor12
{ 
	background-color: #bbdbf3;
}
/* 稼働チャート モニター項目 ステータス 表示色13 */
.monitorItem.status.signalDispColor13
{ 
	background-color: #aaaaff;
}
/* 稼働チャート モニター項目 ステータス 表示色14 */
.monitorItem.status.signalDispColor14
{ 
	background-color: #990099;
}
/* 稼働チャート モニター項目 ステータス 表示色15 */
.monitorItem.status.signalDispColor15
{ 
	background-color: #ff33cc;
}
/* 稼働チャート モニター項目 ステータス 表示色16 */
.monitorItem.status.signalDispColor16
{ 
	background-color: #ffbdd3;
}
.divFromTo
{
	float:left;
	color:#000000;
}
/* 稼働チャート Loading文字 */
.chartMsg
{
	color:#000000;
}

/*---- 2018/04/26 Ver5.0.0 ADD Start M.nakashima ----*/
/*----- カレンダーエリア -----*/
.calender
{
	float:left;
}
.calenderBox
{
	border: solid 1px #dddddd;
	width: 120px; 
	margin:5px;
	text-align:center;
	padding-right: 5px;
	line-height: 22px;
    cursor:pointer;
}
/*----- 2018/04/26 Ver5.0.0 ADD End M.nakashima -----*/

/*----- 2021/01/15 ADD Start T.Ishida v9.0.0 -----*/
.timeTarget{
    float:left;
    color:black;
    margin-right:5px;
}

/*----- 2021/01/15 ADD End T.Ishida v9.0.0 -----*/