/* SMSページのみ紺色のヘッダー実装 */
.header-line-color {
  background-color: #383870;
  height: 30px;
  width: 100%;
}

/* ロゴ画像の位置調整(SMSページとのレイアウト合わせ) */
.logo-container {
  margin-top:-20px;
  margin-bottom:20px
}

/* 全システム正常稼働中ですを黄緑色化 */
.layout-content.status.status-index .page-status.status-none {
    background-color: #14D433;
}

/* 事後報のタイトル背景色を薄灰色に変更 */
.layout-content.status.status-index .unresolved-incidents .unresolved-incident.impact-none .incident-title {
    background-color: #9B8D8D;
}

/* 障害/メンテエリアの枠にスクロール追加 */
.updates.font-regular {
    width: 100%;
    height: 115px;
    overflow-y: scroll;
}

/* メンテ予定枠をスクロールする */
.scheduled-maintenances-container {
    width: 100%;
    height: 200px;
    overflow-y: scroll;
    padding: 10px;
    margin-bottom: 70px;
}

/* メンテ予定日時に日本語に書き換え */
.layout-content.status.status-index .scheduled-maintenances-container .scheduled-maintenance .incident-title small:before {
    content: '予定日時： ';
}

/* メンテ予定日時の文字色を濃灰色化 */
small.pull-right {
  color: #595959;
}

/* スマホなど横幅狭い場合での文字切れを防止 */
@media (max-width: 480px) {
    .name span {
        white-space: normal;
    }
}

/* headerにmetaタグ追記するとサブスクライブボタン
display:noneになるためCSSを上書き */
.layout-content.status .custom-header-container .updates-dropdown-container {
    display: flex;
    margin-left: auto;
    width: 30%;
}

/* headerにmetaタグ追記するとサブスクライブボタン
のスタイルシート向こうになるため改めて定義*/
#show-updates-dropdown {
    border-radius: 4px;
    line-height: 18.6px;
    font-size: 0.75rem;
    text-align: center;
    color: #fff;
    background-color: #004293;
    text-shadow: 0 1px 0 rgba(0,0,0,0.1);
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 10px 15px 9px;
}