/*
 *  基本スタイルの上書き
 */

* {
/*
  position: relative;
*/
}

body {
/*
  overflow: hidden;
*/
  padding-bottom: 20px;
  position: relative;
}

a {
  color: rgb(33,33,33);
}

input[readonly] {
  cursor: pointer !important
}

/*
div#contents-row > div[ng-init]:not([id]) {
  display: none;
}
*/

/*
 *  省略不可のフォームコントロール背景色をクリーム色に差し替え
 */
.form-control.ng-invalid-required {
  background-color: rgb(255, 255, 212);
}

/*
 *  ページネーションのアクティブ色差し替え
 */

.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  background-color: rgb(51, 51, 51);
}

/*
 *  横並びチェックボックス、およびラジオボタン
 */
.radio-inline + .checkbox-inline,
.checkbox-inline + .radio-inline {
  margin-top: 0;
  margin-left: 10px; // space out consecutive inline controls
}

/*
 *  フィードバックアイコンのズレを調整
 */
.has-feedback .form-control-feedback {
  right: 15px;
}

/*
 *  幅5.5のカラム
 */

.col-md-5.half {
  width: 45.83333333333333%;
}

/*
 *  ポップオーバーの最大横幅
 */

.popover {
  max-width: 600px;
}

/*
 *  リスト
 */
/*
.table-striped > thead tr {
  background-color: rgb(231, 231, 231);
}

.table-striped > tbody > tr:nth-child(odd) {
  background-color: transparent;
}

.table-striped > tbody > tr:nth-child(even) {
  background-color: #f9f9f9;
}
*/

tr.is-hidden td {
  color: #ccc;
  background-color: #f9f9f9!important;
}

.table .clickable {
  cursor: pointer;
}

.table td {
  padding: 4px!important;
}

.table th {
  padding: 4px!important;
}

form table td .form-group {
  margin-bottom: 0px!important;
}

/*
 *  モーダルダイアログのボタンを左に移動
 */

.modal-footer .btn.pull-left {
  float: left;
}

.modal-preview {
  width: 80%;
}

/*
 *  タブ
 */

.tab-content {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px;
    border-radius: 0 0 4px 4px;
    margin-bottom: 15px;
}

.tab-sm .tab-content {
  min-height: 300px;
}

.tab-md .tab-content {
  min-height: 400px;
}

.tab-lg .tab-content {
  min-height: 600px;
}

.nav-tabs {
    margin-bottom: -1px;
}

/*
 *  ▼
 */

.test {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-bottom: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

/*
 *  ブランド画像の位置調整
 */

.navbar-brand {
  padding-top: 7px;
  padding-bottom: 8px;
}

/*
 *  ドロップダウンメニューのスクロール
 */
.dropdown-menu.dropdown-scroll {
  max-height: 400px;
  overflow: auto;
}

/*
 *  ラベルサイズ
 */
.label-md {
  font-size: 14px;
}

.label-lg {
  font-size: 20px;
}

.label-sm {
  font-size: 9px;
}

/*
 *  画面パーツ
 */

#app-container {
}

.settings#app-container {
  max-width: 720px;
}

.settings#app-contaienr #buttons {
  text-align: right;
}

#page-header {
}

#page-header h3 {
  margin-bottom: 0px;
  margin-top: 0px;
  line-height: 34px;
}

#list-header {
  margin-bottom: 12px;
}

#list-header > * {
  margin-bottom: 8px;
}

#list-header > :last-child {
  margin-bottom: 0px;
}

#list-header > * > * {
  margin-left: 15px;
}

#list-header > * > .pull-left:first-child {
  margin-left: 0px;
}

#list-header > * > .utilities > .btn {
  margin-left: 5px;
}

#list-header > * > .utilities > .btn:first-child {
  margin-left: 0px;
}

#list-header > * > .utilities > .btn:last-child {
  margin-left: 15px;
}

#list-header > * > .utilities > .btn.sep {
  margin-left: 15px;
}

.list-header {
}

.list-header.sep {
  margin-bottom: 12px;
}

.list-header > * {
  margin-bottom: 8px;
}

/*
.list-header > :last-child {
  margin-bottom: 0px;
}

.list-header > * > * {
  margin-left: 15px;
}
*/

.list-header > * > .well.pull-right {
  margin-left: 15px;
}

.list-header > * > .pull-left:first-child {
  margin-left: 0px;
}

.list-header > * > .utilities > .btn {
  margin-left: 5px;
}

.list-header > * > .utilities > .btn:first-child {
  margin-left: 0px;
}

.list-header > * > .utilities > .btn:last-child {
  margin-left: 15px;
}

.list-header > * > .utilities > .btn.sep {
  margin-left: 15px;
}

#list-pager {
  margin-bottom: 8px;
}

#list-pager > * > * {
  margin-left: 15px;
}

#list-pager > * > .pagination {
  margin-top: 0px;
  margin-bottom: 0px;
}

#list-pager > * > .well-sm {
  padding-top: 6px;
  padding-bottom: 6px;
  margin-bottom: 0px;
}

#list-pager > * > .utilities > .btn {
  margin-left: 15px;
}

#list-pager > * > .utilities > .btn:first-child {
  margin-left: 0px;
}

#list-condition {
  margin-bottom: 8px;
}

#list-body {
}

#list-body .container h4 {
  font-weight: bold;
  margin-top: 40px;
}

#list-body .container h5 {
  font-weight: bold;
  margin-top: 40px;
}

.panel > .table > thead > tr > th, .panel > .table > thead > tr > td {
  vertical-align: middle;
}

.panel > .table > tbody > tr > th, .panel > .table > tbody > tr > td {
  vertical-align: middle;
}

/*
 *  インフォメーションアイコン
 */

.web-icons.warning img {
  background-image: url(../images/web-icons/error.png);
}
.web-icons.info img {
  background-image: url(../images/web-icons/information.png);
}
.web-icons.seminer img {
  background-image: url(../images/web-icons/pencil.png);
}
.web-icons.empty img {
  background-image: url(../images/web-icons/picture_blank.png);
}

/*
 *  〇数字
 */
.round-number {
  display: inline-block;
  width: 1.0em;
  height: 1.0em;
  border-radius: 1.0em;
  border-style: solid;
  border-width: 1px;
  border-color: #000;
  text-align: center;
  line-height: 0.9em;

  -webkit-transform:scale(0.9);
  -moz-transform:scale(0.9);
  -ms-transform:scale(0.9);
  -o-transform:scale(0.9);
  transform:scale(0.9);
}

.round-number > span {
  display: inline-block;
  margin-left: -1px;
  -webkit-transform:scale(0.8);
  -moz-transform:scale(0.8);
  -ms-transform:scale(0.8);
  -o-transform:scale(0.8);
  transform:scale(0.8);
}

/*
 *  モーダルダイアログの印刷
 */
@media print {
/*
  body * {
    visibility: hidden;
  }
*/
  .modal-backdrop + .prod-container * {
    display: none;
  }
  .modal-content * {
    visibility: visible;
    overflow: visible;
  }
  .modal {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    min-height: 550px;
    visibility: visible;
    overflow: visible !important; /* Remove scrollbar for printing. */
    background-color: rgba(255,255,255,1) !important;
  }
  .modal-dialog {
    visibility: visible !important;
    overflow: visible !important; /* Remove scrollbar for printing. */
  }
}
