.tdNowrap{
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis; /* Safari */
	-o-text-overflow: ellipsis; /* Opera */
	white-space: nowrap;
	overflow: hidden;
}

.dangernum_class {
	/*background-color: #e0ffff*/
	color: #6633ff;
}

.label-dangernum {
	color: #ffd2ff;
	background-color: #4b0082;
	border-style: double;
	border-width: 5px;
}

.label-stockEx {
  color: #ffff00;
  background-color: #ff69b4;
}

.label-alert {
	color: #ffff00;
	background-color: #ff0000;
	border-style: dotted;
	border-width: 2px;
}

.label-guidance {
	color: #0000a0;
	background-color: #ffff68;
	border-style: double;
	border-width: 4px;
}

.label-proj {
	color: #00ff7f;
	background-color: #2f4f4f;
	border-style: double;
	border-width: 4px;
}

.label-ope1 {
	color: #33ffff;
	background-color: #003366;
	border-style: double;
	border-width: 4px;
}

.label-chemName {
	color: #ffff6f;
	background-color: #45008a;
	border-style: double;
	border-width: 4px;
}

.label-towear {
  background-color: #8b0000;
}

.label-showRoom {
  color: #006400;
  background-color: #98fb98;
}

.label-showRoomEtha1 {
  color: #006400;
  background-color: #98fb98;
  padding-right: 0px;
}

.label-showRoomEtha2 {
  color: #c71585;
  background-color: #98fb98;
  padding-left: 0px;
}

.label-historyEtha2 {
  color: #ff1493;
  background-color: #008000;
  padding-left: 0px;
}

.label-showWare {
  color: #4b0082;
  background-color: #fa8072;
}

.label-actDispoTransfer {
   background: #ba55d3;
   color: #defd02;
}

.label-history {
  color: #ffff00;
  background-color: #008000;
}

.label-historyWareZ {
  color: #ffff00;
  background-color: #8000ff;
}

.label-makeReport {
  color: #e0ffff;
  background-color: #4169e1;
}

.label-confirmAlert {
  color: #2f4f4f;
  background-color: #c6ffff;
}

.label-confirmAlertEtha {
  color: #2f4f4f;
  background-color: #ffc6e2;
}

.label-selPT {
  color: #4d4398;
  background-color: #89ffff;
}

/*# IMS navbar */
body{
    margin: 0;
    padding: 70px 0 50px 0;
}
* html body{
    overflow: hidden;
}
* html div#contentsArea{
    height: 100%;
    overflow: auto;
}

select:disabled {
    background-color: #e8e8e8;
}

textarea {
	resize: none;
}

.deco_none { text-decoration:none; }
.deco_under { text-decoration:underline; }
.deco_over { text-decoration:overline; }
.deco_through { text-decoration:line-through; }
.deco_blink { text-decoration:blink; font-weight:bold; }

#headerBarShowRoom {
    width: 100%;
    height: 80px;
    position: fixed;
    top: 28px;
    left: 0;
    background: #98fb98;
    color: #ffffff;
    z-index: 2; /*ヘッダーバー部分の重なり順*/
    }
#headerBarShowWare {
    width: 100%;
    height: 80px;
    position: fixed;
    top: 28px;
    left: 0;
    background: #fa8072;
    color: #ffffff;
    z-index: 2; /*ヘッダーバー部分の重なり順*/
    }
#headerBarActDispoTransfer {
    width: 100%;
    height: 80px;
    position: fixed;
    top: 28px;
    left: 0;
    background: #ba55d3;
    color: #ffffff;
    z-index: 2; /*ヘッダーバー部分の重なり順*/
    }
#headerBarHistoryWareZ {
    width: 100%;
    height: 85px;
    position: fixed;
    top: 28px;
    left: 0;
    background: #8000ff;
    color: #cacaff;
    z-index: 2; /*ヘッダーバー部分の重なり順*/
    }
#headerBarHistory {
    width: 100%;
    height: 80px;
    position: fixed;
    top: 28px;
    left: 0;
    background: #008000;
    color: #ffffff;
    z-index: 2; /*ヘッダーバー部分の重なり順*/
    }
#headerBarMakeReport {
    width: 100%;
    height: 80px;
    position: fixed;
    top: 28px;
    left: 0;
    background: #4169e1;
    color: #ffffff;
    z-index: 2; /*ヘッダーバー部分の重なり順*/
    }
#headerBarDispoTransfer {
    width: 100%;
    height: 75px;
    position: fixed;
    top: 28px;
    left: 0;
    background: #4169e1;
    color: #ffffff;
    z-index: 2; /*ヘッダーバー部分の重なり順*/
    }
#headerBarConfirmAlert {
    width: 100%;
    height: 75px;
    position: fixed;
    top: 28px;
    left: 0;
    background: #c6ffff;
    color: #ffffff;
    z-index: 2; /*ヘッダーバー部分の重なり順*/
    }
#headerBarConfirmAlertEtha {
    width: 100%;
    height: 75px;
    position: fixed;
    top: 28px;
    left: 0;
    background: #ffc6e2;
    color: #ffffff;
    z-index: 2; /*ヘッダーバー部分の重なり順*/
    }
#headerBarSubWindow {
    width: 100%;
    height: 36px;
    position: fixed;
    top: 0px;
    left: 0;
    background: #4b0082;
    color: #ffff00;
    z-index: 2; /*ヘッダーバー部分の重なり順*/
    }
#headerBarConfirmMailWindow {
    width: 100%;
    height: 40px;
    position: fixed;
    top: 0px;
    left: 0;
    background: #4169e1;
    color: #ffff00;
    z-index: 2; /*ヘッダーバー部分の重なり順*/
    }
#headerBarSelPT {
    width: 100%;
    height: 85px;
    position: fixed;
    top: 28px;
    left: 0;
    background: #89ffff;
    color: #ffffff;
    z-index: 2; /*ヘッダーバー部分の重なり順*/
    }

#content {
    margin-top: 70px; /*上部に70pxのスペースを指定*/
    z-index: 1; /*コンテンツ部分の重なり順*/
    }

.panel {
  margin-bottom: 20px;
  background-color: #e8ffff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-default > .panel-heading {
  color: #333;
  background-color: #c1ffff;
  border-color: #ddd;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: #000073;
}
/* 通常のボタン色 */
.btn-violet,
.btn-violet.disabled, .btn-violet:disabled {
  color: #fff;
  background-color: #5956be;
  border-color: #5956be;
}

/* focusされた時の枠線の色 */
.btn-violet:focus, .btn-violet.focus,
.btn-violet:not(:disabled):not(.disabled):active:focus, .btn-violet:not(:disabled):not(.disabled).active:focus,
.show > .btn-violet.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(200, 123, 255, 0.5);
}

/* hover時（マウスカーソルを重ねた時）の色（通常より濃いor暗めの色を指定） */
.btn-violet:hover {
  color: #fff;
  background-color: #594498;
  border-color: #593d8b;
}

/* active時の色（hover時と同等かさらに濃いor暗めの色を指定） */
.btn-violet:not(:disabled):not(.disabled):active, .btn-violet:not(:disabled):not(.disabled).active,
.show > .btn-violet.dropdown-toggle {
  color: #fff;
  background-color: #483d8b;
  border-color: #48397e;
}

/* 通常のボタン色 */
.btn-orange,
.btn-orange.disabled, .btn-orange:disabled {
  color: #fff;
  background-color: #ff8f20;
  border-color: #ff8f20;
}

/* focusされた時の枠線の色 */
.btn-orange:focus, .btn-orange.focus,
.btn-orange:not(:disabled):not(.disabled):active:focus, .btn-orange:not(:disabled):not(.disabled).active:focus,
.show > .btn-orange.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(200, 123, 255, 0.5);
}

/* hover時（マウスカーソルを重ねた時）の色（通常より濃いor暗めの色を指定） */
.btn-orange:hover {
  color: #fff;
  background-color: #c7874e;
  border-color: #c7874e;
}

/* active時の色（hover時と同等かさらに濃いor暗めの色を指定） */
.btn-orange:not(:disabled):not(.disabled):active, .btn-orange:not(:disabled):not(.disabled).active,
.show > .btn-orange.dropdown-toggle {
  color: #fff;
  background-color: #c7874e;
  border-color: #c7874e;
}

/* 青色黄文字ボタン */
.btn-blueyellow,
.btn-blueyellow.disabled, .btn-blueyellow:disabled {
  color: #ffff00;
  background-color: #0000ff;
  border-color: #0000ff;
}

/* focusされた時の枠線の色 */
.btn-blueyellow:focus, .btn-blueyellow.focus,
.btn-blueyellow:not(:disabled):not(.disabled):active:focus, .btn-blueyellow:not(:disabled):not(.disabled).active:focus,
.show > .btn-blueyellow.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(200, 123, 255, 0.5);
}

/* hover時（マウスカーソルを重ねた時）の色（通常より濃いor暗めの色を指定） */
.btn-blueyellow:hover {
  color: #ffff00;
  background-color: #0000cc;
  border-color: #0000cc;
}

/* active時の色（hover時と同等かさらに濃いor暗めの色を指定） */
.btn-blueyellow:not(:disabled):not(.disabled):active, .btn-blueyellow:not(:disabled):not(.disabled).active,
.show > .btn-blueyellow.dropdown-toggle {
  color: #ffff00;
  background-color: #0000cc;
  border-color: #0000cc;
}

/* レンガ色ボタン */
.btn-maroon,
.btn-maroon.disabled, .btn-maroon:disabled {
  color: #fff;
  background-color: #b22222;
  border-color: #a52a2a;
}

/* focusされた時の枠線の色 */
.btn-maroon:focus, .btn-maroon.focus,
.btn-maroon:not(:disabled):not(.disabled):active:focus, .btn-maroon:not(:disabled):not(.disabled).active:focus,
.show > .btn-maroon.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(200, 123, 255, 0.5);
}

/* hover時（マウスカーソルを重ねた時）の色（通常より濃いor暗めの色を指定） */
.btn-maroon:hover {
  color: #fff;
  background-color: #8b0000;
  border-color: #8b0000;
}

/* active時の色（hover時と同等かさらに濃いor暗めの色を指定） */
.btn-maroon:not(:disabled):not(.disabled):active, .btn-maroon:not(:disabled):not(.disabled).active,
.show > .btn-maroon.dropdown-toggle {
  color: #fff;
  background-color: #800000;
  border-color: #800000;
}

/* btn-edit */
.btn-edit {
    background: #a347ff;
    color: #ffffff;
}
.btn-edit:hover, .btn-edit:focus,
.btn-edit:active, .btn-edit:active:focus, .btn-edit:active:hover, .btn-edit:active.focus,
.btn-edit.active, .btn-edit.active:focus, .btn-edit.active:hover, .btn-edit.active.focus,
.open > .dropdown-toggle.btn-edit,
.open > .dropdown-toggle.btn-edit:hover,
.open > .dropdown-toggle.btn-edit:focus,
.open > .dropdown-toggle.btn-edit.focus,
.btn-edit.disabled:hover, .btn-edit[disabled]:hover, fieldset[disabled] .btn-edit:hover,
.btn-edit.disabled:focus, .btn-edit[disabled]:focus, fieldset[disabled] .btn-edit:focus,
.btn-edit.disabled.focus, .btn-edit[disabled].focus, fieldset[disabled] .btn-edit.focus {
    background: #7f00ff;
    color: #ffffff;
}

/* ページBODYの色（TBR用） */
body {
  background-color: #e0efff;
}