body {
    color: #666666;
    background: #f0f2f7;
}

#header {
    background: #ffffff;
}
#header .container {
    padding-right: 0;
}
#header .navbar-brand {
    color:  #666666;
    padding-top: 10px;
}
#header .navbar-brand img {
    padding-right: 4px;
}

#header .dropdown-item {
    color: #666666;
    font-size: 14px;
    line-height:44px;
}

#dashboard .dashboard-item {
    background: #ffffff;
    width: 200px;
    padding: 8px;
    margin: 10px
}
#dashboard table {
    width: 100%;
}
#dashboard table th {
    padding: 4px 8px 0 8px;
}
#dashboard table td {
    text-align: right;
    font-weight: bold;
    font-size: 18px;
    padding: 4px 8px 0 8px;
}
#dashboard-1 {
    height: 24px;
}
#dashboard-2 {
    height: 18px;
}
#dashboard-3 {
    height: 20px;
}
#dashboard-4 {
    height: 20px;
}
#dashboard-5 {
    height: 16px;
}
#dashboard-6 {
    height: 24px;
}
#dashboard-7 {
    height: 24px;
}
#dashboard-8 {
    height: 24px;
}
#dashboard-9 {
    height: 24px;
}
#dashboard-10 {
    height: 28px;
}

#js-form-search {
    font-size: .9rem;
    padding-top: 8px;
}
.btn {
    box-shadow: none;
    border-radius: 0;
}
.btn:hover {
    box-shadow: none;
}
.pagination .page-item.active .page-link {
    box-shadow: none;
    border-radius: 0;
}
.pagination .page-item .page-link {
    color: #666666;
}
input, select, textarea {
    color: #666666;
}

.number-style {
    text-align:right;
}
.unit {
    font-size:12px;
}

#js-form-search table {
    width: 100%;
}
#js-form-search th {
    padding: 8px;
}
#js-form-search td {
    padding: 8px;
}

#js-form-search .between {
    width: 100px;
}
#js-form-search .full {
    width: 100%;
}
#js-form-search .btn {
    padding: 10px;
    margin: 0;
}
#js-form-search .title {
    color: gray;
    font-weight: bold;
    padding-right: 0;
}
#js-form-search .datepicker {
    border-radius: 0;
    padding: 2px;
    border: solid 1px #e4e4e4;
    text-align: center;
}
#js-form-search input{
    border-radius: 0;
    border: solid 1px #e4e4e4;
    padding: 6px 12px;
    height: 42px;
}
#js-form-search input::placeholder {
    color: #999999;
}

#js-form-search .website-items {
    background: #ffffff;
    padding: 12px;
    margin-bottom: 16px;
}
#js-form-search .website-items .pretty {
    display: block;
    margin-bottom: 12px;
}
#js-form-search .website-items .pretty:last-child{
    margin-bottom: 0;
}
#js-form-search .website-items .pretty input{
    top: -2px;
}
#js-form-search .website-items .pretty .state label {
    margin: 1px 0 0 0;
}
#js-form-search select{
    border-radius: 0;
    border: solid 1px #e4e4e4;
    padding: 6px 12px;
    height: 42px;
}
#js-form-search input:focus {
  color: #495057;
  background-color: #fff;
  border: solid 1px #e4e4e4;
  outline: 0;
  box-shadow: none;
}
#js-form-search select:focus {
  color: #495057;
  background-color: #fff;
  border-color: #e4e4e4;
  outline: 0;
  box-shadow: none;
}

.js-favorite {
    color: red;
    cursor: pointer;
}
.muted {
    color: #ffe4e1
}
.project-info dl {
    float: left;
    width: 110px;
    margin-bottom: 0;
    margin-right: 16px;
}
.project-info dt {
    font-weight: normal;
    color: gray;
    font-size: 11px;
}
.project-info dd {
    padding-left: 1em;
    margin-bottom: 0;
}
.project-info dl.date {
    width: 130px;
}
.project-info dl.narrow {
    width: 60px;
}

#search-results {
    width: 100%;
}
#search-results th{
    padding: 12px 4px;
}
#search-results td{
    padding: 12px 0 12px 12px;
}

#search-results .project-info a {
    display: block;
    margin-bottom: 6px;
}

#search-results tr {
    background: #ffffff;
    border-bottom: solid 16px #f3f3f3;
}

#search-results .image-fit {
    width: 120px;
    height: 80px;
    object-fit: cover;
}
.image-block {
    display: block;
    position: relative
}
.hover-image {
  display: none;
  position: absolute;
  bottom: 90px;
  left: 125px;
  height: 240px;
  border: solid 1px #e4e4e4;
  background: #ffffff;
  padding: 6px;
  z-index: 10;
}
.hover-image-active {
  display: block;
}


#content {
  padding-top: 10px;
  padding-bottom: 32px;
}

.section {
  margin-bottom: 16px;
}

.footer {
    padding: 16px;
}


#site-footer {
    background: #000000;
    color: #ffffff;
    text-align: center;
    line-height: 2em;
}


.longurl {
    word-break: break-all;
}

.easy-autocomplete{
  width:90% !important
}

.easy-autocomplete input{
  width: 100%;
}

.excel {
  width: 100%;
  border-collapse: collapse;
  border: solid 1px black;
  font-size: 12px;
}
.excel th {
  text-align:center;
  border: solid 1px black;
  padding: 4px;
  background: #C5D9F1;
}
.excel td {
  text-align:right;
  border: solid 1px black;
  padding: 4px;
}
.excel input {
  width: 100%;
  text-align: right;
  border: none;
  background: none;
}
.excel input:focus {
  outline: none;
}
.excel .readonly {
  background-color: #FFF0F5;
}

.icon_note {
  padding:2px 4px;
  font-weright: normal;
  background: #FFFFFF;
  border-radius: 6px;
}

/* ローディングオーバーレイ */
#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 200%;
  top: 0px;
  left: 0px;
  background-color: #fff;
  opacity: 0.8;
  z-index: 1;
}

.spinner {
  position: fixed;
  left: 50%;
  top: 50%;
  width: 70px;
  margin-left: -35px;
  margin-top: -12px;
  text-align: center;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #333;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}