/**
 * 以下は、bootstrap-3.3.7のtheme利用
 * bootstrap-theme.cssより必要箇所を抜き取り修正
 */

.navbar-inverse {
  background-image: -webkit-linear-gradient(top, #0DB3C7 0%, #0DB3C7 100%);
  background-image:      -o-linear-gradient(top, #0DB3C7 0%, #0DB3C7 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0DB3C7), to(#0DB3C7));
  background-image:         linear-gradient(to bottom, #0DB3C7 0%, #0DB3C7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-radius: 4px;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .active > a {
  background-image: -webkit-linear-gradient(top, #06565f 0%, #06565f 100%);
  background-image:      -o-linear-gradient(top, #06565f 0%, #06565f 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#06565f), to(#06565f));
  background-image:         linear-gradient(to bottom, #06565f 0%, #06565f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0);
  background-repeat: repeat-x;
  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .1);
          box-shadow: inset 0 3px 9px rgba(0, 0, 0, .1);
}
.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a {
  color: #EEEEEE;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .1);
}


/**
 * 以下は、本システム固有の定義
 */

/* 有効・無効 */
.label-invalid {
  background-color: #b2b2b2;
}
.label-valid {
  background-color: #269800;
}

/* 買い・売り */
.label-buy {
  background-color: #cb0000;
}
.label-sell {
  background-color: #002698;
}

/* 返済買い・返済売り */
.label-close-buy {
  background-color: #cb5b00;
}
.label-close-sell {
  background-color: #008e98;
}

/* 実売買・シミュ */
.label-real {
  background-color: #ff6534;
}
.label-demo {
  background-color: #999999;
}

/* 発注・取消 */
.label-order {
  background-color: #269800;
}
.label-cancel {
  background-color: #cb0000;
}

/* TOPへ */
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 80%;
}
#page-top a {
    display: block;
    z-index: 999;
    padding: 15px 0;
    border-radius: 10px;
    width: 80px;
    background: #999;
    color: #fff;
    text-decoration: none;
    text-align: center;
}
#page-top a:hover {
    text-decoration: none;
    opacity: 0.7;
}

.table-responsive th.td_cat{
    width:20% !important;
}
.table-responsive th.date{
    width:13% !important;
    text-align:center;
}

/* stripe支払ステータス */
.table-striped-status {
    width:100%;
}