body {
  background-color: rgb(253, 253, 253);
}

p {
  word-break:break-all
}

/* 中央揃え */
.row {
  display: flex;
  align-items: center;
}

/* ナビ */
.navbar {
  margin-bottom: 0;
}

/* ブランドロゴ */
.navbar-brand {
  padding: 8px 15px;
}

/* タブ */
.nav-tabs {
  margin-top: 10px;
  margin-bottom: 10px;
}

/* 外枠 */
.outer {
  width: 100%;
  margin: 0 auto;
  /*padding: 0 20px 20px 20px;*/
  background-color: white;
}

/* ヘッダー */
.header-box {
  display: block;
  width: 100%;
  color: #31475D;
  font-weight: bold;
  background-color: white;
  border-bottom: 1px solid #e7e7e7;
  padding: 70px 20px 20px 20px;
  margin-bottom: 20px;
  box-shadow: 0 0 6px rgba(177, 177, 177, 0.2);
}

/* フッター */
.footer-box {
}

/* パンくずリスト */
.breadcrumb {
  background-color: #eee;
}

/* ボタン */
.bottom-margin-box {
  margin: 0 0 10px 0;
}

/* 数値表示 */
.disp-num {
  font-size: 14px;
  font-weight: bold;
  vertical-align: middle;
}

/* 表 */
td,th {
  /*white-space: nowrap;*/
}

th{
  text-align: center;
}
.table {
    border: 1px solid #dddddd;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
  vertical-align: middle;
}

/* チャート */
.chart {
  padding: 5px;
  background-color: white;
}

/* グラフの期間選択 */
.form_graph{
    margin-right: 10px;
}

.form_graph_span {
    width: auto;
    display: inline-block;
    vertical-align: middle;
}

.form_graph_span_area{
    display: inline-block;
}

.form_graph_span_area li input, .form_graph_span_area li select{
    margin: 0 5px;
}

/* パネル */
.panel {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.panel-heading {
    border-radius: 0;
    padding: 5px 15px;
}

/* メインコンテンツ */
.main-contents {
    border-radius: 5px;
    margin: 0 -15px 30px -15px;
    padding: 5px 30px;
    border: 1px solid #ddd;
    background-color: white;
}

/* 設定画面の固定表 */
.table-fixed {
  width: 100%;
  border: 1px solid #ccc;
}
.table-fixed tbody {
  height: 300px;
  overflow-y: auto;
  width: 100%;
}
.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
  display: block;
}
.table-fixed tbody td {
  float: left;
}
.table-fixed thead tr th {
  float: left;
}
.table-fixed tr:after {
  content: ' ';
  display: block;
  visibility: hidden;
  clear: both;
}

.form-group label {
  font-size: 16px;
  /*font-weight: bold;*/
}


.row-eq-height {
  display: flex;
  flex-wrap: wrap;
}

/*
 * レポートのサムネイル
 */
.report-thumb .col-md-1 {
  padding: 4px;
}

/*
 * アウトラインボタン
 */

/*Bootstrap button outline override*/
.btn-outline {
  background-color: transparent;
  color: inherit;
  transition: all .5s;
}

.btn-primary.btn-outline {
  color: #428bca;
}

.btn-success.btn-outline {
  color: #5cb85c;
}

.btn-info.btn-outline {
  color: #5bc0de;
}

.btn-warning.btn-outline {
  color: #f0ad4e;
}

.btn-danger.btn-outline {
  color: #d9534f;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
  color: #fff;
}


/* フッターを下部へ固定
-------------------------------------------------- */

html,
body {
  height: 100%;
  /* html と body 要素はパディングやマージンを持てません。*/
}

/* フッターを下部へ押しやるための、コンテンツのラッパー */
#wrap {
  min-height: 100%;
  height: auto;
  /* フッターの高さ分だけ、ネガティブインデントを指定 */
  margin: 0 auto -100px;
  /* フッターの高さ分だけ、パディングを指定 */
  padding: 0 0 100px;
}

/* ここでフッターの高さを指定 */
#footer {
  width: 100%;
  height: 100px;
  background-color: #31475D;
  padding: 20px;
  color: white;
}

/* クライアントの詳細テーブル */
.shopdetail_tbl tr th {
  width: 25%;
  height: 90px;
}

.shopdetail_tbl tr td {
  text-align: left;
}

.client_delete_btn{
  display: inline-block;
}

.client_command_list{
  display: table-cell;
}

.client_command_list li{
    padding-left: 1px;
    padding-right: 1px;
}