html {
  height: 100%;
}

@media (min-width: 1px) {
  .session_name {
    display: block !important;
  }
}

body {
  height: 100%;
  padding-top: 50px;
}
.starter-template {
  padding: 40px 15px;
  text-align: center;
}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by its height */
  margin: 0 auto -40px;
  /* Pad bottom by footer height */
  padding: 0 0 40px;
}


/* Set the fixed height of the footer here */
#footer {
  height: 40px;
  background-color: #f5f5f5;
}


.container .credit {
  margin: 10px 0;
}

a {
	cursor: pointer;
}

/* glyphicon color ======================================== */
.glyphicon-color-yellow {
  color: #EDAE00;
}


/* ログイン ======================================== */
.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  font-size: 16px;
  height: auto;
  padding: 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="text"] {
  margin-bottom: -1px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

/* 一覧 ======================================== */
/* 検索エリア */
.panel-group > .panel > .panel-heading {
  padding: 0;
}
.panel-group > .panel > .panel-heading a:active,
.panel-group > .panel > .panel-heading a:hover,
.panel-group > .panel > .panel-heading a:focus {
  text-decoration: none;
}
a.accordion-toggle {
  display: block;
  padding: 8px 15px;
}

/* ページャー */
.page {
  margin: 5px 0px;
}

/* テーブル */
.base_table {
  overflow: auto;
}

@media (min-width: 1px) {
  .table-responsive > .table {
    margin-bottom: 0px;
  }
}

/* 項目名 */
.table > thead > tr > th{
  text-align: center;
  white-space: nowrap;
}

/* ソートアイコン */
.sort_icon {
  color:#6495ED;
}

/* 値 */
.table > tbody > tr > td,
.table > tfoot > tr > td{
  text-align: center;
}

/* 選択 */
td.td_chk{
  width:47px;
}

/* アイコン 編集 */
td.td_update{
  width:47px;
}

/* アイコン 削除 */
td.td_delete{
  width:47px;
}

/* 一覧上部ボタン */
.list-button-upper {
  text-align: right;
  margin: 0 0 5px 0;
}

/* 一覧下部ボタン */
.list-button-lower{
  text-align: right;
  margin: 5px 0 5px 0;
}

/* 必須マーク */
.attention
{
color: #FF0000;
padding-right: 3px;
font-weight: normal;
}
/* Menu用 ======================================== */
.menu_container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .menu_container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .menu_container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .menu_container {
    width: 1170px;
  }
}

/* Top用 ======================================== */
/* 文字の縁取り（白） */
.fuchidori_white {
  text-shadow: white 1px 1px 0px, white -1px 1px 0px,white 1px -1px 0px, white -1px -1px 0px;
}
/* DR発動状態 */
.drstatus {
  font-size:100%;
  padding: 5px 10px 4px 10px;
  float:right;
}

.drcircle {
  /* サイズ指定 */        
  width:60px;
  height:60px;
  /* 角を丸くする */
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  /* 位置 */
  position: absolute;
  box-shadow: rgba(113,135,164,.65098) 1px 1px 2px 1px;
  -webkit-box-shadow: rgba(113,135,164,.65098) 1px 1px 2px 1px;
  -moz-box-shadow: rgba(113,135,164,.65098) 1px 1px 2px 1px;
  /* ゆっくりと変化(1.0秒間) */
  transition:1.0s;
  -moz-transition:1.0s;
  -webkit-transition:1.0s;
}

.drcircle:hover {
 opacity:1;
 /* 回転させる */
 -moz-transform: rotate(-360deg);
 -webkit-transform: rotate(-360deg);
 transform: rotate(-360deg);
}

.drcircle-info {
 padding-top:20px; /* 真ん中にまで文字を下ろす */
 text-align: center; /* 中央寄せ */
 color: #fff; /* 文字を白色に */
 margin: 0; /* h1とpの余白をリセット */
}

.drcircle-on {
  /* 色 */
  background: #D9534F;
  opacity:0.8;
}

.drcircle-off {
  /* 色 */
  background: #34ac98;
  opacity:0.6;
}