html,
body#logi {
  height: 100%;
  color: #585f69;
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  font-smooth: always;
  counter-reset: inc;
}
#logi .navbar-default {
  background-color: #8192ba;
}
#logi .navbar-default .navbar-brand {
  color: #fff;
}
#logi .navbar-default .navbar-nav > li > a {
  color: #fff;
}

.table {
  font-size: 14px;
}

.container-fluid.top {
  height: 100%;
  padding-top: 50px;
  background-color: #f7f9fb;
  padding-right: 0;
  padding-left: 0;
}
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.menu {
  position: fixed;
  top: 50px;
  width: 200px;
  height: 100%;
  color: #585f69;
  background-color: #fff;
  border-right: 1px solid #e7e9ee;
  padding: 0 0 150px 0;
  overflow-y: auto;
}
.menu label {
  display: block;
  padding: 12px 15px;
  color: #8394a9;
  font-weight: normal;
  border-top: 1px solid #d9d9d9;
  margin: 0;
}
.menu a {
  position: relative;
  display: block;
  color: #46515f;
  padding: 12px 15px;
}
.menu a:hover {
  background-color: #f1f2f3;
  text-decoration: none;
}
.menu a.switch:after {
  content: '\f054';
  position: absolute;
  top: 18px;
  right: 11px;
  font-size: 11px !important;
}
.menu a i {
  margin-right: 5px;
  width: 14px;
  text-align: center;
}
.menu a.active {
  background-color: #f1f2f3;
}

.content {
  position: relative;
  margin-left: 200px;
  padding: 20px 20px 80px;
  height: 100%;
  overflow-y: auto;
}
.content h1 {
  margin: 0 0 20px;
  padding: 0;
  font-size: 23px;
  font-weight: normal;
}

#logi .table {
  background-color: #fff;
  border: 1px solid #e7e9ee;
  border-radius: 5px;
  border-collapse: separate;
  overflow: hidden;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
#logi .table-striped > tbody > tr:nth-child(odd) > td,
#logi .table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #fafbfc;
}
#logi .table td.table-color,
#logi .table-striped > tbody > tr:nth-child(odd) > td.table-color {
  background-color: lightblue;
}

#logi .table th,
#logi .table td {
  position: relative;
  border-right: 1px solid #eeeeee;
}
#logi .table th {
  text-align: center;
}
#logi .table .counter:before {
  counter-increment: inc;
  content: counter(inc);
}

#logi .panel-body.zeroPadding {
  padding: 0;
}
#logi .panel-body .table {
  border: 0;
  box-shadow: none;
  margin-bottom: 0;
}

.menu [data-switch] {
  display: none;
  background-color: #e6ecec;
}
.menu [data-switch] a {
  padding-left: 36px;
}

.menu a.switch:after,
.registerError:before,
.commonError:before,
.registerWarning:before,
.paging a.start::before,
.paging a.end::after,
.paging a.prev::before,
.paging a.next::after,
.stocktake [data-checkResult='success']:before,
.stocktake [data-checkResult='alert']:before,
.stocktake [data-checkPeriod='error']:before,
.stocktake [data-checkPeriod='alert']:before,
.stocktake [data-checkPeriod='success']:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.content .form-horizontal.achievementAllShops {
  padding: 20px 0;
  border-top: 1px solid #eee;
  margin: 0;
}
.content .form-horizontal.achievementAllShops:nth-child(1) {
  border-top: 0;
  padding-top: 0;
  padding-bottom: 60px;
}
.content .form-group {
  padding: 20px 0;
  border-top: 1px dashed #eee;
  margin: 0;
}
.content .form-group:nth-child(1) {
  border-top: 0;
  padding-top: 0;
}

.btn-primary {
  color: #fff !important;
  background-color: #43a8eb;
  border-color: #3ea6eb;
}
.btn-info {
  color: #fff !important;
  background-color: #8293b9;
  border-color: #7f90b7;
}
.btn-success {
  color: #fff !important;
  background-color: #88bf57;
  border-color: #85be53;
}
.btn-warning {
  color: #fff !important;
  background-color: #fdaf40;
  border-color: #fdad3b;
}
.btn-danger {
  color: #fff !important;
  background-color: #eb615f;
  border-color: #ea5d5a;
}
.alert {
  padding: 8px;
  margin-bottom: 19px;
  border: 1px solid transparent;
  border-radius: 2px;
}
.alert-success {
  background-color: #88bf57;
  border-color: rgba(0, 0, 0, 0.1);
  color: #fff;
}
.alert-info {
  background-color: #8293b9;
  border-color: rgba(0, 0, 0, 0.1);
  color: #fff;
}
.alert-danger {
  background-color: #eb615f;
  border-color: rgba(0, 0, 0, 0.1);
  color: #fff;
}
.alert-warning {
  background-color: #fdaf40;
  border-color: rgba(0, 0, 0, 0.1);
  color: #fff;
}
.panel-body {
  overflow-x: auto;
}
.panel-default > .panel-heading {
  color: #444;
  background-color: #fff;
  border-color: #e6e9ee;
}
.panel-info {
  border-color: #e6e9ee;
}
.panel-info > .panel-heading {
  color: #fff;
  background-color: #8293b9;
  border-color: #e6e9ee;
}
.panel-success {
  border-color: #e6e9ee;
}
.panel-success > .panel-heading {
  color: #fff;
  background-color: #88bf57;
  border-color: #e6e9ee;
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  margin: 0;
  position: relative;
}
.panel-heading i.fa {
  position: absolute;
  top: 5px;
  right: 10px;
  font-size: 30px;
  cursor: pointer;
}
.toggleNumber {
  position: absolute;
  top: 5px;
  right: 7px;
  font-size: 26px;
  cursor: pointer;
}
.btn-toolbar {
  margin-bottom: 10px;
}
.mb-md {
  margin-bottom: 20px;
}
.mt-sm {
  margin-top: 10px;
}
.mt-md {
  margin-top: 20px;
}
.ml-md {
  margin-left: 20px;
}
.mr-sm {
  margin-right: 10px;
}
.mr-md {
  margin-right: 20px;
}
.toggleHide {
  display: none;
}

#logi table.achievement {
  margin-bottom: 10px !important;
}
#logi table.achievement td,
#logi table.achievement th {
  text-align: center;
}
table.achievement .achievementTitle {
  text-align: left;
  width: 110px;
}

#logi table.achievement thead th {
  background-color: #d2d5de;
  font-weight: normal;
}

.registerError,
.commonError {
  color: #ee6c6a;
  margin-top: 3px;
}
.registerError:before,
.commonError:before {
  content: '\f06a';
  display: inline-block;
  margin-right: 5px;
}
.commonError {
  position: relative;
}
.commonError ul {
  position: relative;
  margin-top: -20px;
}
.registerWarning {
  color: #bf8528;
  margin-top: 3px;
}
.registerWarning:before {
  content: '\f071';
  display: inline-block;
  margin-right: 5px;
}

[data-form='register'] input.form-control {
  width: 170px;
}

.registerCount {
  text-align: right;
}

.ieSubmitBtn {
  width: 1px;
  height: 1px;
  background-color: #fff;
  overflow: hidden;
  border: 0;
  background-color: #f7f9fb;
}

.paging {
  display: block;
}
.paging:after {
  content: '';
  display: table;
  clear: both;
  margin-bottom: 8px;
}
.paging a {
  float: left;
  display: inline-block;
  color: #fff;
  background-color: #4db1ee;
  padding: 4px 0;
  border: 1px solid #b6c4e4;
  margin-left: -1px;
  width: 60px;
  text-align: center;
  cursor: pointer;
}
.paging a:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.paging a:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.paging a.info {
  color: #333;
  background-color: #fff;
  width: auto;
  padding: 4px 10px;
  text-decoration: none;
  cursor: default;
}
.paging a.start::before {
  content: '\f100';
  display: inline-block;
  margin-right: 5px;
}
.paging a.end::after {
  content: '\f101';
  display: inline-block;
  margin-left: 5px;
}
.paging a.prev::before {
  content: '\f104';
  display: inline-block;
  margin-right: 5px;
}
.paging a.next::after {
  content: '\f105';
  display: inline-block;
  margin-left: 5px;
}
.clear::after {
  content: '';
  display: table;
  clear: both;
}
.pagingPrint {
  margin-bottom: 5px;
}
.pagingPrint .paging {
  margin-top: 10px;
}

.stocktake [data-checkResult] {
  text-align: center;
  padding: 0 8px;
}

.stocktake [data-checkPeriod] {
  text-align: center;
  padding: 0 8px;
}
.stocktake [data-checkResult='success']:before {
  content: '\f058';
  color: #469408;
  font-size: 22px;
  line-height: 36px;
}

.stocktake [data-checkResult='alert']:before {
  content: '\f071';
  color: #f0ad4e;
  font-size: 22px;
  line-height: 36px;
}

.stocktake [data-checkPeriod='success']:before {
  content: '\f058';
  color: #469408;
  font-size: 22px;
  line-height: 36px;
}

.stocktake [data-checkPeriod='error']:before {
  content: '\f057';
  color: red;
  font-size: 22px;
  line-height: 36px;
}

.stocktake [data-checkPeriod='alert']:before {
  content: '\f071';
  color: #f0ad4e;
  font-size: 22px;
  line-height: 36px;
}

.stocktakeExcess {
  display: none;
}
.batchNumbers {
  max-height: 300px;
  overflow-y: auto;
}

/* 店舗複数選択UI */
ul.suggestList {
  z-index: 101;
  position: relative;
  width: 360px;
  overflow: visible;
}
ul.suggestList li {
  padding: 2px auto;
  cursor: pointer;
  white-space: nowrap;
}
ul.suggestList li:hover {
  background: #f1f2f3;
}
.item-label-template span.label {
  font-size: 13px;
  font-weight: normal;
  display: inline-block;
  margin: 5px 5px 0 0;
  padding: 5px 8px;
}

.item-label-template span.button {
  cursor: pointer;
  font-weight: bold;
}

.item-label-list {
  font-size: 13px;
  font-weight: normal;
  display: inline-block;
  margin: 5px 5px 0 0;
  padding: 5px 8px;
}

.mgt10 {
  margin-top: 10px;
}
.mgt20 {
  margin-top: 20px;
}
.mgb10 {
  margin-bottom: 10px;
}
.mgb20 {
  margin-bottom: 20px;
}

select[multiple] > option {
  padding: 10px 0;
}

select[multiple] > option:first-child {
  margin-bottom: 20px;
}

#blk_screen {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 101;
  background: url('../img/ajax-loader.gif') no-repeat center center
    rgba(0, 0, 0, 0.5);
}
#blk_screen p {
  position: fixed;
  bottom: 0;
  width: 100%;
  height: 50%;
  line-height: 60px;
  color: #ccc;
  font-size: 12px;
  text-align: center;
}

::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}

::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

.red {
  color: red;
}
.blue {
  color: #1e90ff;
}
.green {
  color: #32cd32;
}

.test {
  position: relative;
  margin: 2em 0;
  padding: 0.5em 1em;
  border: dashed 1px black;
  border-radius: 8px;
  padding-top: 30px;
}
.test .box-title {
  position: absolute;
  display: inline-block;
  top: -13px;
  left: 10px;
  padding: 0 9px;
  line-height: 1;
  font-size: 19px;
  background: #fff;
  color: black;
}

.panel .panel-red {
  background: #ea5d5a;
  border-color: #ea5d5a;
  color: white;
}

.sim_expire {
  color: #ea5d5a;
  font-size: 14px;
  text-align: right;
  font-weight: bold;
  margin-right: 50px;
}