/* ------------------------------
 X-MON 3 table.css
------------------------------ */
@charset 'utf-8';

/* ------------------------------
 テーブル
------------------------------ */
table.tv {
    border              : 1px #111 solid;
    border-collapse     : collapse;
    border-spacing      : 0;
    height              : 100%;
}

table.tv th {
    color               : #fff;
    padding             : 5px;
    border              : #111 solid;
    border-width        : 0 0 1px 1px;
    font-weight         : normal;
    line-height         : 120%;
    text-align          : center;
    background-color    : #7395BB;
    white-space         : nowrap;
}

table.tv td {
    border              : 1px #111 solid;
    border-width        : 0 0 1px 1px;
    text-align          : left;
    padding             : 3px 8px;
}

table.tv tr{
    background-color    : #F6F6F6;
}

table.tv tr.odd{
    background-color    : #FCFCFC;
}

table.tv tr.even{
    background-color    : #F0F0F0;
}

table.tv tr:hover{
/*
    background-color    : #fc6;
*/
    background-color    : #c7e9f9;
}

table.tv label {
    display             : block;
    padding             : 5px;
    width               : 100%;
}

table.tv button {
    margin              : 5px;
}

table.tv input[type='checkbox'] {
    margin-right        : 8px;
}

table.tv td.escalation {
    padding: 0 !important;
    height: 55px;
    color: #737373;
}
table.tv td.escalation > span {
    text-align: center;
    float: left;
    width: 50%;
    height: 88%;
    position: relative;
    padding: 3px 0px;
}
table.tv td.escalation > span > dl {
    position: absolute;
    transform: translateY(-50%) translateX(-50%);
    top: 50%;
    left: 50%;
}
table.tv td.escalation > span > dl > dt {
    font-size: 11px;
}
table.tv td.escalation > span > dl > dd {
    font-size: 16px;
    margin-left: 0px !important;
}

/* ------------------------------
 テーブル2
------------------------------ */
table.tv2 {
    border              : 1px #fff solid;
    border-collapse     : collapse;
    border-spacing      : 0;
    word-break          : break-all;
}

table.tv2 th {
    color               : #fff;
    padding             : 5px;
    background-color    : #7395BB;
    border              : #fff solid;
    border-width        : 0 0 1px 1px;
    font-weight         : normal;
    line-height         : 120%;
    text-align          : center;
/*    text-shadow         : #333 1px 2px 1px; */
    white-space         : nowrap;
}

table.tv2 td {
    border              : 1px #fff solid;
    border-width        : 0 0 1px 1px;
    text-align          : left;
    padding             : 3px 3px;
}

table.tv2 tr{
    background-color    : #F6F6F6;
}

table.tv2 tr.odd{
    background-color    : #FCFCFC;
}

table.tv2 tr.even{
    background-color    : #F0F0F0;
}

table.tv2 tr:hover{
/*
    background-color    : #FACAA0;
*/
    background-color    : #c7e9f9;

}

table.tv2 label {
    display             : block;
    height              : 100%;
    padding             : 5px;
    width               : 100%;
}

table.tv2 button {
    margin              : 5px;
}

table.tv2 input[type='checkbox'] {
    margin-right        : 8px;
}

table.tv2 td.noneData {
    border              : 1px #fff solid;
    border-width        : 0 0 0px 0px;
    background-color    : #FFF;
    text-align          : left;
}

table.tv2 td.topLine,table.tv2 th.topLine {
    border-top          : 1px #fff solid;
}

table.base8pt {
    font-size           : 8pt;
}

table.base8pt td a {
    text-decoration     : none;
}

/* ------------------------------
 テーブル3　現在構成管理でのみ使用
------------------------------ */
table.tv3 tr:hover{
/*
    background-color    : #FACAA0;
*/
    background-color    : #c7e9f9;

}

/* ------------------------------
 テーブル4        3.6.0で追加
------------------------------ */
table.tv4 {
  border: 1px solid #CCCCCC;
  word-break: break-all;
  width: 100%;
  margin-bottom: 10px;
}

table.tv4 th {
  font-size: 13px;
  color: #FFFFFF;
  padding: 5px;
  background-color: #7395BB;
  font-weight: bold;
  text-align: center;
  word-break: break-all;
  border-right: 2px solid #FFF;
  border-bottom: 2px solid #FFF;
}

table.tv4 .th2 {
  font-weight: bold;
  color: #7395BB;
  text-align: center;
}

table.tv4 td {
  text-align: left;
  padding: 5px;
  word-break: break-all;
  font-size: 12px;
}

table.tv4 tr {
  background-color: #FCFCFC;
  word-break: break-all;
}

/* tbody単位で行の色を交互に変更 */
table.tv4 tbody:nth-child(odd) tr {
  background-color: #F0F0F0;
}

table.tv4 tr:hover, table.tv4 tbody:nth-child(odd) tr:hover{
  background-color    : #C7E9F9;
}

table.tv4 th:last-child {
  border-right: none;
}

table.tv4 label {
  display: block;
  height: 100%;
  padding: 5px;
  width: 100%;
}

table.tv4 .tv4_button {
  width: 45px;
}

table.tv4 td.topLine,table.tv4 th.topLine {
  border-top: 1px #fff solid;
}

table.tv4 input[type='text'], table.tv4 input[type='password'] {
  width: 100%;
}

table.tv4 input, table.tv4 select {
  height: 29px;
}

table.full_width {
    width: 100%;
}