﻿.ssm4-xml-to-send {
    display:none;
}

.ssm4-placeholder {
    margin-top:10px;
    margin-bottom:10px;
}

/**
 * メッセージ
 */
.ssm4-result-message {
    font-weight:bold;
    margin-top:10px;
    white-space:pre-wrap;
}

/**
 * 確認メッセージ
 */
.ssm4-dialog {
    display:none;
}
.ssm4-confirm-message {
    font-weight:bold;
    font-size:10pt;
}
.ssm4-confirm-message.ssm4-clear-memory:before {
    white-space:pre-wrap;
}
.ssm4-confirm-message.ssm4-get-readiness:before {
    white-space:pre-wrap;
}

/**
 * ボタン
 */

input.ssm4-button {
    color:transparent;
    border:none;
    width:120px;
    height:30px;
}
input.ssm4-button:not([disabled]):hover {
    cursor:pointer;
}

input.ssm4-button.ssm4-get-dtc {
    background:transparent url(../image/dtc.png) no-repeat;
}
/*
input.ssm4-button.ssm4-get-dtc:not([disabled]):hover {
    background:transparent url(../image/dtc_over.png) no-repeat;
}
*/

input.ssm4-button.ssm4-clear-memory {
    background:transparent url(../image/clear.png) no-repeat;
}
/*
input.ssm4-button.ssm4-clear-memory:not([disabled]):hover {
    background:transparent url(../image/clear_over.png) no-repeat;
}
*/

input.ssm4-button.ssm4-monitor-data {
    background:transparent url(../image/monitor.png) no-repeat;
}
/*
input.ssm4-button.ssm4-monitor-data:not([disabled]):hover {
    background:transparent url(../image/monitor_over.png) no-repeat;
}
*/
input.ssm4-button.ssm4-get-readiness {
    background:transparent url(../image/readiness.png) no-repeat;
}
input.ssm4-button.ssm4-refresh-readiness {
    background:transparent url(../image/refresh.png) no-repeat;
}

input.ssm4-button.ssm4-get-ffd {
    background:transparent url(../image/ffd.png) no-repeat;
}

button.ssm4-cancel-button {
    margin-top:10px;
}
button.ssm4-cancel-button:hover {
    cursor:pointer;
}

button.ssm4-clear-button {
    margin-top:10px;
}
button.ssm4-clear-button:hover {
    cursor:pointer;
}

.ssm4-dialog.ssm4-clear-memory ~ .ui-dialog-buttonpane button {
    font-size:10pt;
}
.ssm4-dialog.ssm4-get-readiness ~ .ui-dialog-buttonpane button {
    font-size:10pt;
}

/**
 * 処理中表示
 */
.ssm4-processing {
    margin-top:10px;
}


/**
 * エラー
 */
.ssm4-error {
	border-style:inset;
	background-color:white;
}


/**
 * DTC表のスタイル
 */
.ssm4-result-wrapper {
    overflow-x: auto;
    overflow-y: visible;
}
.ssm4-result-content {
    width: auto;
}
.ssm4-result-content.loading {
    width: 10000px;
}
table.ssm4-result-table {
    border-collapse: separate;
    border-spacing: 1.5px;
    text-align: center;
    line-height: 1.5;
}
table.ssm4-result-table th {
    width:auto;
    padding: 5px;
    font-weight: bold;
    vertical-align: middle;
    color: #ffffff;
    background: #003366;
}
table.ssm4-result-table td {
    width:auto;
    padding: 5px;
    vertical-align: top;
    border-bottom: 1.5px solid #cccccc;
    background: #cccccc;
}

/**
  * DTC取得表のスタイル
  */
table.ssm4-result-table.ssm4-get-dtc > tbody > tr > td:nth-child(1) {
    text-align: left;
}

table.ssm4-result-table.ssm4-get-dtc > tbody > tr > td:nth-child(4) {
    text-align: left;
}

/**
  * レディネスコード表のスタイル
  */
table.ssm4-result-table.ssm4-get-readiness th {
    text-align: center;
}
table.ssm4-result-table.ssm4-get-readiness > tbody > tr > td:nth-child(1) {
    text-align: center;
}
table.ssm4-result-table.ssm4-get-readiness > tbody > tr > td:nth-child(2) {
    text-align: left;
}

/**
 * FFDスタイル
 */
.ssm4-ffd-title {
    background-color:#FFFF99;
    font-weight:bold;
}
.ssm4-dtc-result-message.ssm4-get-ffd {
    font-weight:bold;
    margin-top:0;
    white-space:pre-wrap;
    background: #cccccc;
}
table.ssm4-result-table.ssm4-get-ffd td:first-child {
    text-align: left;
}