html,
body {
  height: 100%;
}

.container.content {
  height: auto;
  min-height: 100%;
  width: 90%;
}

.container.content.admin {
  padding: 80px 0 30px;
}

.container.list {
  width: 90%;
}

.container.content.login {
  padding: 100px 0 30px;
  width: 400px;
}

.container.footer {
  background-color: #edebeb;
  height: 30px;
  padding: 10px;
  width: 100%;
}

.container.header {
  background-color: #edebeb;
  height: 55px;
  padding: 10px 20px 10px 20px;
  width: 100%;
}

.right {
  text-align: right;
}
.inline {
  display: inline-block;
}

.container.content.error {
  padding: 80px 20px 30px 20px;
  font-size: large;
}

.row.title {
  border-bottom: 1px solid black;
  margin-bottom: 20px;
}

.row.licence {
  vertical-align: middle;
}

.col-form-label{
  padding-top: calc(0.26rem + 4px);
  padding-bottom: calc(0.26rem + 4px);
}

hr {
  margin-top: 10px;
  margin-bottom: 10px;
}

span.license-icon {
  background: url(../img/license_icon.png) no-repeat;
  float: left;
  width: 14px;
  height: 18px;
  margin-top: 2px;
}
span.mail-icon {
  background: url(../img/mail.png) no-repeat;
  float: left;
  width: 14px;
  height: 18px;
  margin-top: 2px;
}

table.fixed-table {
  table-layout:fixed;
}
td {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 0;
}
td.bulk-update-label {
  padding-top: calc(0.26rem + 9px)!important;
  padding-bottom: calc(0.26rem + 9px)!important;
}
img.warning {
  height: 25px;
  margin-top:5px;
}

/** タイトルの■ポチ */
label.title:before {
  content: "";
  float: left;
  width: 12px;
  height: 12px;
  margin-top: 2px;
  margin-right: 5px;
  background: rgb(65, 65, 65);
}

/* これが無いとモーダルウィンドウ表示の際に余白が出る */
* {
  margin: 0;
  padding: 0;
}

/* モーダル全体(背景＋本体) */
.modal {
  display: none;
  position: fixed;
  top: 0;
  height: 100vh;
  width: 100%;
}

/* モーダル背景 */
.modal-bg {
  position: absolute;
  height: 100vh;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
}

/* モーダル本体 */
.modal-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow-y: auto;
  /* はみ出た部分はスクロールさせる */
  max-height: 80%;
  width: 900px;
  max-width: 100%;
  /* これが無いと「overflow:scroll」が利かない */
  background: white;
  padding: 20px 20px 0px 20px;
}

/* モーダルウィンドウ表示中に記事本体を固定 */
body.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
}

/** 必須マーク */
label.required {
  padding-left: 0px;
}
label.required:before {
  content: "*\00a0";
  color:red;
}
label.notrequired {
  padding-left: 0px;
}
label.notrequired:before {
  content: "\00a0\00a0";
}

.error-message {
  color: red;
}

/* 確認ダイアログのcss上書 */
.ui-widget-header {
  border: none!important;
  background: none!important;
}

/** 共通 */
.pt-0 {
  padding-top: 0px!important;
}
.pl-0 {
  padding-left: 0px!important;
}
.pr-half {
  padding-right: 0.5em!important;
}
.mt-2 {
  margin-top: 2em;
}
.ml-1 {
  margin-left: 1em;
}
.mr-1 {
  margin-right: 1em;
}
.col-auto {
  width: auto;
}
.col-100 {
  width: 100px;
}
.col-120 {
  width: 120px;
}
.font-weight-light {
  font-weight:300;
}
.font-color-red {
  color:red;
}

@media (max-width: 992px) {
.container.list {
  width: 100%;
}
.container.footer {
  height: auto;
}
.container.header {
  height: auto;
}
.container.content.login {
  width: 90%;
}
}



.tabbable {

   margin:15px;
}

.tab-group {
   position: relative;
   display: inline-block;
   vertical-align: middle;
   margin:15px;
   zoom: 1; /* Fix for IE7 */
   *display: inline; /* Fix for IE7 */
}

.tab-group > li {
    border: 1px solid #2F4F4F;
    border-radius: 2px;
    position: relative;
    float: left;
}
.tab-group > li > a {
    color : #2F4F4F;
}

.tab-group > li.active > a,
.tab-group > li.active > a:hover,
.tab-group > li.active > a:focus {
    background-color: #2F4F4F;
    color: #fff;
}
.tab-group > li > a {
    border-radius: 0;
}
.tab-group > li > a:hover {
    border-radius: 2px;
}

.tab-group li + li {
    margin-left: -1px;
}

.tab-group > li:not(:first-child):not(:last-child),
.tab-group > li:not(:first-child):not(:last-child) > a:hover {
  border-radius: 0;
}
.tab-group > li:first-child,
.tab-group > li:first-child > a:hover {
    margin-left: 0;
}
.tab-group > li:first-child:not(:last-child),
.tab-group > li:first-child:not(:last-child) > a:hover {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tab-group > li:last-child:not(:first-child),
.tab-group > li:last-child:not(:first-child) > a:hover {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}