@CHARSET "UTF-8";
/*
# ********************************************************************************
# タイトル：カラー共通スタイル
#
# Copyright (C) 2014 YASKAWA INFORMATION SYSTEMS Corporation All Rights Reserved.
#
# 変更日付     変更者     Rev.      変更内容
# --------------------------------------------------------------------------------
# 2015/04/24   US)楢崎    3.01.00   <30003-011> 変更仕様No.2
# 2015/11/27   US)楢崎    4.00.00   <40000-024> Ver.4.00.00 変更仕様No.24
# 2015/12/04   US)清水    4.00.00   <40000-017> 変更仕様No.17
# 2015/12/24   US)清水    4.00.00   <40000-013> 変更仕様No.13
# 2016/01/11   US)甲斐    4.00.00   <40000-016> Ver.4.00.00 変更仕様No.16
# 2016/01/25   US)甲斐    4.00.00   <40000-003> Ver.4.00.00 変更仕様No.3(故障苦情No.30100-003)
# 2016/02/12   US)甲斐    4.00.00   <40000-021> Ver.4.00.00 変更仕様No.21
# 2016/07/02   US)甲斐    4.01.00   <40000-050> 故障苦情No.40000-020
# ********************************************************************************
*/

/******************/
/* 各種ステータス */
/******************/
.bg_warning_level1,
.bg_warning_level2,
.bg_warning_level3,
.bg_warning_level4,
.bg_warning_level5 {
    color:#fff;
}

/******************************/
/* ヘッダー                   */
/******************************/
HEADER H1 A {
    color:#fff;
}

NAV#subMenu UL LI A{
    color:#fff;  /* color */
}
NAV#subMenu UL LI A:hover,
NAV#subMenu UL LI A:focus {
    color:#fff;  /* color */
}

/***************************************/
/*  ヘッダ トラブル情報                */
/***************************************/
#troubleCountArea,
#newTroubleInfoListArea {
    background-color:#ff0000;
    color:#fff;
}
/************/
/* 一覧表   */
/************/
.searchResultCountOverMax {
    color: #ff0000;
}

/**************/
/* 検索エリア */
/**************/
DIV.searchAreaBox .extendedArea LABEL {
    background-color:transparent;
}

DIV.searchAreaBox .extendedArea TABLE TABLE TH {
    background-color:transparent;
}

/********************************************/
/* システム設定　　　　　　　　　　　　     */
/********************************************/
DIV.settingAreaBox LABEL {
    background-color:transparent;
}

/********************************************/
/* 一覧画面　　　　　　　　　　　　　　     */
/********************************************/
.tabMenuSubArea TABLE.pager TD {
    background-color:transparent;
}

TABLE.pager TD {
    background-color:transparent;
}

/********************************************/
/* モーダル画面　　　　　　　　　　　　     */
/********************************************/
DIV#maskLayer {
    background-color:#000000;
}

[class^="gridDevDesc_B"],
[class*=" gridDevDesc_B"] {
    background-color:#FFFFFF;
}

DIV.searchAreaBox  DIV.closed_cond {
    background:#fff;
}

#lean_overlay {
    background: #000;
}

/********************************************/
/* プルダウン　　　　　　　　　　　　　     */
/********************************************/
TABLE.tbl2 TD DIV.tdRectLine {
    border-color:#D8D8D8;
}

TABLE.tbl2Lines TD DIV.tdRectLine {
    border-color:#D8D8D8;
}

TABLE.tbl2LinesS TD DIV.tdRectLine {
    border-color:#D8D8D8;
}

TABLE.tbl4 .innerPld {
    background-color: #FFFFFF;
    border-color: #D8D8D8;
}
/******************************/
/* 国旗                       */
/******************************/
.nationalFlag {
    border-color:#e8e8e8;
}

/********************/
/*    プルダウン    */
/********************/
.pldTd {
    border: 1px solid #D0D0D0;
}

/************************/
/* トレンドビューエリア */
/************************/
#trendviewPldArea {
    border: currentColor;
}

/********************/
/* ログイン画面     */
/********************/
DIV.loginBox TABLE TH,
DIV.loginBox TABLE TD {
    border-top-color: transparent;
}

/********************/
/* 情報画面         */
/********************/
TABLE.tbl2Lines TH,
TABLE.tbl2Lines TD {
    border-top-color: transparent;
}

TABLE.tbl2LinesS TH,
TABLE.tbl2LinesS TD {
    border-top-color: transparent;
}

/********************/
/* アラーム状況分析 */
/********************/
DIV#flotTip {
    border: 1px solid #006600;
    background-color: rgba(150,255,100,0.9);
    color: rgba(0,0,0,1);
}

/******************/
/* 稼働状態       */
/******************/
/* 稼動中 緑色*/
#operationTimeListArea .bg_statusRun {
    background-color:#35A16B;
    border-color:#CCC
}
/* 停止中 グレー*/
#operationTimeListArea .bg_statusStop {
    background-color:#C0C0C0;
    border-color:#CCC
}
/* 不明 */
.bg_statusUnknow {
    background-color:#FFFFFF;
    border-color:#CCC
}

/* アラーム発生 */
#operationTimeListArea .bg_statusWarning {
    background-color: #FF0000;
    border-color: #CCC;
}

/* アラーム復帰 */
#operationTimeListArea .bg_statusRecovery {
    background-color: #B8D200;
    border-color: #CCC;
}

/**********************************/
/* ラジオボタン／チェックボックス */
/**********************************/
INPUT[type="radio"]:focus,
INPUT[type="checkbox"]:focus {
    outline: 5px auto -webkit-focus-ring-color;
}



/******************/
/* ボタン類       */
/******************/
/* 角ボタン（文字無し） */
.btn_sqr A,
.btnM_sqr A,
.btnM2_sqr A {
    border-color:#ccc;
    background-color:#fff;
}
.btn_regular A,
.btn_irregular A {
    color:#fff;
    border-color:#ddd;
}
.btn_regular A SPAN,
.btn_irregular A SPAN {
    border-color:#fff;
}
.btn_sub A {
    color:#fff;
    outline:#ddd 1px solid;
}
/* 無効 jqueryと組み合わせが必要 */
.disable A,
.disable A SPAN,
.disable A:hover,
.disable A:hover SPAN,
.btnS  A.disable SPAN,
.btnM  A.disable SPAN,
.btnM2 A.disable SPAN,
.btn_sqr A.disable SPAN,
.btnM_sqr A.disable SPAN,
.btnM2_sqr A.disable SPAN,
.btn_sqr A.disable:hover SPAN,
.btn_sqr A.disable:focus SPAN,
.btnM_sqr A.disable:hover SPAN,
.btnM_sqr A.disable:focus SPAN,
.btnM2_sqr A.disable:hover SPAN,
.btnM2_sqr A.disable:focus SPAN {
    color:#fff!important;
    background-color:#ccc!important;
}

INPUT[type="text"].disable {
    color:rgb(84, 84, 84);
    cursor: default;
    background-color: rgba(239, 239, 239, 0.3);
}

/******************/
/* 各種ステータス */
/******************/
.bg_warning_level1,
.bg_warning_level2,
.bg_warning_level3,
.bg_warning_level4,
.bg_warning_level5 {
    color:#fff;
}

/************/
/* 死活状況 */
/************/
.warnMsg {
    color:#EC0000;
}

/**********************/
/* タブメニューボタン */
/**********************/
NAV.tabMenuButton  LI:nth-child(1).current A {
    background: #089DFF;
}
NAV.tabMenuButton  LI:nth-child(2).current A {
    background: #FFCC33;
}
NAV.tabMenuButton  LI:nth-child(3).current A {
    background: #05B225;
}
NAV.tabMenuButton  LI:nth-child(4).current A {
    background: #B20090;
}
NAV.tabMenuButton  LI:nth-child(5).current A {
    background: #FF6600;
}
NAV.tabMenuButton  LI:nth-child(6).current A {
    background: #FFCC66;
}
NAV.tabMenuButton  LI:nth-child(7).current A {
    background: #0033FF;
}

/******************************/
/* ヘッダー                   */
/******************************/
HEADER LI A,
HEADER LI A:link,
HEADER LI A:visited {
    color:#fff;
}
HEADER DIV.wrapUpper {
    border-bottom-color:#fff;
}

/********/
/* 時計 */
/********/
DIV.clockD DIV.timeBox {
    background-color:#fff;
    border-color:#CCCCCC;
}
.clockD DIV.timeBox .time {
    color:#000000;
}
.clockD DIV.timeBox .timeDiff {
    color:#fff;
}

/* サブナビ*/
NAV#subMenu UL LI.btn_logout {
    border-color:#EAEAEA;
}

/* グローバルメニュー */
NAV#gMenu LI {
    border-right-color:#fff;
}
NAV#gMenu LI A,
NAV#gMenu LI A:link,
NAV#gMenu LI A:visited {
    color:#fff;
}
/* ヘッダメニューのドロップダウンリストの罫線 */
NAV#gMenu li:hover ul li {
    border-color:#fff;
    border-bottom-width:0px;
}

/******************************/
/* コンテンツ                 */
/******************************/
DIV#wrapContents H2:before {
    border-left-color:#666666;
}
.ttlArea DIV.sub DIV TABLE TH {
    color:#fff;
    background-color:#B3B3B3;
}
.ttlArea DIV.sub DIV TABLE TD {
    background-color:#fff;
}
DIV.inline TABLE TH,
DIV.inline TABLE TD {
    border-color:#B3B3B3;
}
DIV.inline TABLE TH,
DIV.inline TABLE TH LABEL {
    color:#fff;
    background-color:#B3B3B3;
}

/**************/
/* 検索エリア */
/**************/
DIV.searchPrimaryBox FIELDSET.inline {
    border-right-color:#E0E0E0;
}
DIV.searchAreaBox .extendedArea FIELDSET.upperArea {
    border-bottom-color:#ccc;
}
DIV.searchAreaBox .extendedArea TH {
    background-color:#FFF;
    color:#484848;
}
DIV.searchAreaBox .extendedArea TD SELECT,
DIV.searchAreaBox .extendedArea TD INPUT[type="text"],
DIV.searchAreaBox .extendedArea TD INPUT[type="number"] {
    border-color:#CCCCCC;
}
/* グラフサムネール */
.graphThumbArea {
    background-color:#FFF;
}
/* 検索条件 */
#searchCriteriaBox H4 {
    color:#fff;
}
/* 逐次検索条件 */
.incrimentalSearchCriteriaBoxColor H4{
    color:#fff;
}

/********************************************/
/* トレンドマップ　　　　　　　　　　　     */
/********************************************/
DIV.trendUpperArea H3 {
    color:#fff;
}
DIV.trendUpperArea H3 A {
    color:#fff;
}
DIV.divDrawCondHeader {
    background-color:#f3f3f3;
}

/********************/
/* グラフ・地図     */
/********************/
/* 共通 */
DIV.graphArea,
DIV.mapArea {
    border-color:#E0E0E0;
}

/************/
/* 一覧表   */
/************/
/* 一覧表ページング領域   */
.tableUpperArea1 TABLE TH,
.tableUpperArea2 TABLE TH {
    background-color:#B3B3B3;
    color:#fff;
}

#tableArea {
    background-color:#999999;
}
.tbl thead TH SPAN,
#tableGrid thead TH SPAN,
#tableSubGrid thead TH SPAN,/* 確認用 */
.g_HR SPAN,
.g_HR table {
    color:#fff;
}

/************/
/* 一覧表   */
/************/
DIV.inline TABLE TH,
DIV.inline TABLE TD {
    border-color:#B3B3B3;
}
DIV.inline TABLE TH {
    color:#fff;
    background-color:#B3B3B3;
}
DIV.inline TABLE TH LABEL {
    background-color:#B3B3B3;
    color:#fff;
}
.tabMenuSubArea TABLE TH {
    color:#fff;
}
/* 一覧表（地図） */
DIV.mapArea2 .menuArea {
    background-color:#FAFAFA;
}
DIV.menuArea H3 {
    color:#fff;
}
DIV.menuArea TABLE TH {
    color:#fff;
}
/* 検索結果件数 */
#numSearchResult {
    color:#C30;
}

/********************************************/
/* システム設定　　　　　　　　　　　　     */
/********************************************/
DIV.settingAreaBox FIELDSET.upperArea {
    border-bottom-color:#ccc;
}

/********************/
/* ログイン画面     */
/********************/
DIV.loginBox A,
DIV.loginBox A:link,
DIV.loginBox A:visited {
    color:#fff;
}
/* 新着 */
.newsArea H2 {
    border-bottom-color:#dedede;
}
.newsBox DL {
    border-bottom-color:#dedede;
}
.newsBox DL DT,
.newsBox DL DD {
    border-top-color:#dedede;
}

/**********************/
/* モーダルウィンドウ */
/**********************/
.modalSelectBoxS H2,
.modalSelectBoxL H2,
.modalDeleteConfirmL H2 {
    color:#fff;
}

.modalSelectBoxLL,
.modalSelectBoxM {
    background-color:#F9F9F9;
    border-color:#ccc;
}

.modalSelectBoxLL H2,
.modalSelectBoxM H2 {
    color:#fff;
    background-color:#8F8F8F;
}

.treeview ul{ background-color:#F9F9F9!important; }

.modalSelectBoxL DIV.listBox,
.modalDeleteConfirmL DIV.listBox { border-color:#E0E0E0; }
/* 構造変更にともなう追加 */
.modalSelectBoxL DIV.listBox DIV.data_div A,
.modalDeleteConfirmL DIV.listBox DIV.data_div A,
#modalSelectModel .modalSelectBoxL DIV.listBox DIV.data_div > SPAN,
#modalSelectModel .modalDeleteConfirmL DIV.listBox DIV.data_div > SPAN { border-bottom-color:#E0E0E0; }
.modalSelectBoxL DIV.listBox DIV:hover.data_div,
.modalDeleteConfirmL DIV.listBox DIV:hover.data_div { background-color:#D7EFFF; }
.modalSelectBoxL DIV.listBox DIV.selected,
.modalDeleteConfirmL DIV.listBox DIV.selected { background-color:#FCC!important; }
.modalSelectBoxL .column2a36 DIV.innerBox,
.modalDeleteConfirmL .column2a36 DIV.innerBox { border-right-color:#ccc; }

/* テーブルセット1 */
TABLE.tbl TH {
    color:#fff;
}
/* テーブルセット2 */
TABLE.tbl2 TH {
    background-color:#FFF;
    color:#484848;
}
/* テーブルセット2複数行 */
TABLE.tbl2Lines TH {
    color:#484848;
}
TABLE.tbl2Lines TH SPAN {
    background-color:#FFF;
}
/* テーブルセット2複数行 */
TABLE.tbl2LinesS TH {
    color:#484848;
}
TABLE.tbl2LinesS TH SPAN {
    background-color:#FFF;
}
/* テーブルセット3 */
TABLE.tbl3 LABEL.radio {
    background-color:transparent;
}
TABLE.tbl3 TH {
    color:#fff;
}
TABLE.tbl3 TH LABEL {
    color:#fff;
}

TABLE.tbl3 THEAD TH {
    border-color: #F9F9F9;
}

/* 編集時のカラー */
TR.editTargetRow > TH,
TR.editTargetRow > TD {
    background-color:#E9F866!important;
}
/* ソート完了後のカラー */
TR.currentRow > TH,
TR.currentRow > TD {
    background-color:#E9F866!important;
}

/******************************/
/* フッター                   */
/******************************/
FOOTER #copyArea {
    color:#fff;
}

/******************************/
/* 役割権限モーダル画面       */
/******************************/
.modalRoleAuthWindow {
    background-color: #FFFFFF;
}

/******************************/
/* 機器詳細                   */
/******************************/
TABLE.updateTimingTable TH {
    color:#fff;
}
TABLE.updateTimingTable TD {
    background-color:#fff;
}
#partDevPic_open_header {
    color:#fff;
}



/******************************/
/* ページングエリア用         */
/******************************/
.pager_last_back_btn_bgColor {
    backgroud-color:transparent;
}

/******************************/
/* 詳細検索画面用             */
/******************************/
.condTmplBorderArea {
    border: #F00 solid 1px;
}

/******************************/
/* 機器稼働状況一覧画面用     */
/******************************/
.divAutoUpdate010010 {
    color: red;
}

.mapBackground010010 {
    background-color:#FAFAFA;
}

/******************************/
/* 機器トレンドモニタ画面用   */
/******************************/
.divAutoUpdate010020 {
    color: red;
}

.trendMonitorGraphArea {
    background-color:#FFFFFF;
}

/******************************/
/* 機器稼働時間一覧画面用     */
/******************************/
.divAutoUpdate010090 {
    color: red;
}

/******************************/
/* 稼働状況分析画面用         */
/******************************/
.pieGraphArea020010 {
    border: 1px solid #5F5F5F;
    background-color: #FAFAFA;
    color: #000000;
}

.operationStatusNameLabel {
    color:#FFFFFF;
}

/******************************/
/* 稼働状況分析画面用         */
/******************************/
.pieGraphArea020020 {
    border: 1px solid #5F5F5F;
    background-color: #FAFAFA;
    color: #000000;
}

.occurAlarmNameLabel {
    color: #fff;
}

/******************************/
/* 機器詳細画面用             */
/******************************/
.divAutoUpdate010030 {
    color: red;
}

.operationStatus010030 {
    color:#FFFFFF;
}

/******************************/
/* コマンド実行画面用         */
/******************************/
.statusTypeDisconnect {
    color: gray;
}

.statusTypeConnect {
    color: red;
}
DIV.responseArea { border-color:#E0E0E0; }

/***************************/
/* アラーム ツールチップ　 */
/***************************/
.tooltipAlarmHistory {
    border-color: gray;
    background: rgba(255, 255, 255, 0.7);
    background-color: #F4F9EE;
}
.tooltipAlarmHistory TABLE.alarmJudgeDataTbl td {
    border-color: #D8D8D8;
}

/*********************************/
/* レスポンス履歴 ツールチップ　 */
/*********************************/
.tooltipResponseHistory {
    border-color: gray;
    background: rgba(255, 255, 255, 0.7);
    background-color: #F4F9EE;
}
.tooltipResponseHistory TABLE.responseTbl td {
    border-color: #D8D8D8;
}

/*******************************************/
/* ganttChart    　                        */
/*******************************************/
.fn-gantt-hint{
    border-color:#ddd;
    background-color: #fff;
}

/**********************************/
/* 店舗レイアウト                */
/**********************************/
DIV.shopLayoutArea TABLE.shopLayout TD,
DIV.shopLayoutArea .dispChoicesLayoutItemArea .editLayoutItem,
DIV.shopLayoutArea DIV.duplicateEditLayoutItem,
DIV.shopLayoutArea DIV.cloneEditLayoutItem {
    color: #FFF;
    border-color:#ddd;
}

DIV.shopLayoutArea .editLayoutItem,
DIV.shopLayoutArea .editLayoutItem,
DIV.shopLayoutArea .duplicateEditLayoutItem,
DIV.shopLayoutArea .cloneEditLayoutItem {
  color: #FFF;
    border-color:#ddd;
}

DIV.shopLayoutArea .blinkItem {
    animation: flash 1s linear infinite;
}
@keyframes flash {
  0%,100% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }
}


/*****************************************/
/* 稼働状況・遠隔運転画面   　 */
/*****************************************/
.searchOperationStatusArea {
  background-color:#FFFFFF;
}

.errorDevice {
    color:#FF0000;
}

#divGrid .g_Body div.selectLayout {
    background-color:#D7EFFF;
}

#operationStatusArea table.operationStatus tr.selectLayout {
    background-color:#D7EFFF;
}

/****************************************/
/* fullCalendar                         */
/****************************************/
#wrapContents DIV.calendarArea {
    background:#FFFFFF;
}

#calendar{
     background-color: #FFF;
}

.fc-h-event{
    background:#FFFFFF;
    border-color:#dad9d9;
}

.fc-h-event .fc-event-main {
    color:#000000;
}

.fc .fc-daygrid-day-number {
    color:#000000;
}

.fc .fc-col-header-cell-cushion {
    color:#FFFFFF;
}

.fc TH {
    background: #0F2B8D;
}

TH.fc-day-sun{
    background:#FF0000;
}

TH.fc-day-sat{
    background:#0000FF;
}

DIV.amount-title{
    background:#D3D3D3;
}

/******************************/
/* 機器設定変更モーダル画面            */
/******************************/
#tblDeviceDataListBorder {
    border: solid 1px #fff;
}
#deviceSettingChangeModalRegistBtnColor {
    background-color: #fd7e00;
}
#tblDeviceDataListBorderBottom:not(:first-of-type) {
    border-top: solid 2px #D8D8D8;
}

.tblDeviceData tbody,
.tblDeviceDataList tbody {
    position: static;
    border: solid 1px #D8D8D8;
}