/* commom */
.color-blue {
  color:#00008B;
}
.color-linkblue {
  color:#337ab7;
}

#lang-en,
#lang-ja {
  color: #FFF;
  margin-right: 50px;
  margin-top: 0;
  padding: 4px;
  text-align: center;
  text-decoration: none;
  width: 80px;
}
#lang-en {
  background-color: #428bca;
}
#lang-ja {
  /*background-color: #5cb85c;*/
  background-color: #d9534f;
}
#lang-en:hover,
#lang-ja:hover {
  opacity: .8;
}

.flex {
  display: flex;
}

/* home.blade */
.hmsch-pb .check-l {
  transform: scale(2.0);
  margin: 5px 10px 1rem 20px;
}

/* result.blade */
.panel-body>.result_bd> table{
  border:double 1px #c0c0c0;
}

.panel-body>.result_bd>.rsttable th{
  padding: 5px;
  text-align: center;
  border:solid 1px #d3d3d3;
  border-bottom: solid 1px #c0c0c0;
}

.panel-body>.result_bd>.rsttable td{
  padding: 4px;
  vertical-align: top;
  border:solid 1px #d3d3d3;
}

/* parts/simplesearch.blade */
.spsch-pb {
  font-size:90%;
}

.spsch-pb .check-l {
  transform: scale(1.5);
  margin: 5px 10px 5px 20px;
}

.spsch-mg {
  margin-top: 0px;
  margin-bottom: 4px;
}

.spsch-mg-btn {
  margin-top: 10px;
  margin-bottom: 0px;
}
/*
.panel-default>.spsch-ph {
  background-color:#FFF;
}

.panel-default>.spsch-pb {
  background-color:#F0F8FF;
}
*/

.panel-body>.spsch-row {
  font-size:90%;
}

.area_lblset {
  margin: 15px 0px;
}

.link_lblset {
  color:#337ab7;
  font-size:95%;
  font-weight:bold;
  margin-left: 10px;
  margin-bottom:2px;
}

.link_lblset:hover {
  cursor: pointer;
  text-decoration:underline;
}

.head_lblset span {
  margin: 10px;
  padding: 10px;
  cursor: pointer;
  background: url(/img/plus.png) no-repeat right center;
}

.head_lblset.evton span {
  background: url(/img/minus.png) no-repeat right center;
}

.head_lblset-img {
  text-align: right;
  float: right;
}

/* parts/bodysearch.blade */
.bdsch-pb .check-l {
  transform: scale(1.5);
  margin: 5px 10px 5px 20px;
}

.bdsch-mg {
  margin-top: 0px;
  margin-bottom: 4px;
}

.bdsch-mg-btn {
  margin-top: 10px;
  margin-bottom: 0px;
}

.panel-default>.bdsch-ph {
  background-color:#FFF;
}

.bdsch-ph-show {
  text-align: right;
  float: right;
}

.bdsch-ph-show span {
  margin: 10px;
  padding: 10px;
  cursor: pointer;
  background: url(/img/plus.png) no-repeat right center;
}

.bdsch-ph-show:hover span,
.bdsch-ph-show:active span {
  text-decoration: underline;
}

.bdsch-ph-show.show-info span {
  background: url(/img/minus.png) no-repeat right center;
}

.panel-default>.bdsch-pb {
  background-color:#F0F8FF;
}

.panel-body>.bdsch-row {
  font-size:90%;
}

.clear-button {
  color: #337ab7;
  background-color:#d3e0e9;
  border-color: #337ab7;
}

.clear-button:hover {
  color: #337ab7;
  background-color: #CECEF6;
  border-color: #337ab7;
}

/* parts/paging.blade */
.pagebox {
  text-align: right;
  width:35px; 
  ime-mode: disabled;
}

.pageline {
  display:inline-block;
  text-align: center;
  float: left;
  width: 200px;
  margin-top: 5px;
}

.pagelineup {
  display:inline-block;
  float: left;
  width: 250px;
  margin-left:10px;
  margin-top: 8px;
  font-size: 110%;
  font-weight:bold;
}

.pageareaup {
  height: 60px;
  display:inline-block;
  float: right;
}

.pageareadown {
  margin-top:-12px;
  display:inline-block;
  float: right;
}

.downloadbtn {
  display:inline-block;
  float: left;
  margin-top: 20px;
  width: 100px;
}

@media screen and (max-width:767.98px){
  .flex {
    flex-direction: column;
    margin-bottom: 0.5rem;
  }
}

.h {
  display: flex;
  flex-direction: row;
  white-space: nowrap;
}

h1 {
  font-size:36px;
  color:#337ab7;
}

h2 {
  font-size:18px;
  font-weight: 700;
  margin: 33px 0 0 16px;
}
/*
h1 {
  font-size:20px;
  font-weight: 700;
}
*/

/* same as col-md-2 */
.col-md-2n {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;  
}
div.form-group.bottom-line{
  display:flex;
  flex-direction:row;
}

.form-control {
  margin-bottom:1rem;
}

.form-group {
  margin-bottom:0;
}

.center{
  text-align:center;
}

#n_rows select
{
  direction: rtl;
  text-align:right;
}
select#n_rows
{
  direction: rtl;
  text-align:right;
}

.data-block{
  display:flex;
  flex-direction: column;
}

.data-comment{
  color:#c0c0c0;
}
@media screen and (max-width:767.98px){
  h2 {
    margin: 0 0 16px 16px;
  }
  .lbl-db{
    margin-bottom:16px;
  }
}

@media screen and (max-width:991px){
/*
  .btn-exec{
    margin-top:16px;
  }
*/
  label.col-md-2.label-control.dummy-block,
  label.col-md-2n.label-control.dummy-block,
  div.col-md-4.dummy-block,
  label.col-md-6.label-control.dummy-block {
    display:none;
  }
  .col-md-2n {
    flex: 0 0 33%;
    max-width: 33%;
  }
  .form-group.vb-h{
    display: flex;
    flex-direction:column;
    width:100%;
  }
  .v {
    width:100%;
  }
  .col-vb-6{
    flex-direction:column;
  }
  .col-md-2, .col-vb-2.label-control.col-vb-2, .col-vb-2r,.col-vb-4,div.col-vb-4 {
    width: 104.5%;
  }
  .col-vb-2r {
    padding-left:15px;
  }
  div.col-md-2.data-line {
    display:flex;
    flex-direction:row;
  }
  div.data-comment {
    margin-left:16px;
  }
}

@media screen and (max-width: 768px){
  .row {
    display: block;
  }
}

@media screen and (min-width: 768px){
  div.panel-body{
    width:100%;
  }
  .col-md-4 , col-vb-4{
    flex: 0 0 100%;
    max-width: 100%;
  }

  .col-md-10 {
      flex: 0 0 100%;
      max-width: 100%;
  }
}

/* Adjust loading image position */
div#loading {
  margin-top: 200px;
  margin-left:0;
  width: 100%;
  text-align: center;
}

@media screen and (max-width: 768px){
  div#loading {
    margin-top: 30px;  
  }
}