/*******************************************************************************
  共通部品 View画面用
*******************************************************************************/
@CHARSET "UTF-8";

/* pinned-headerで文字と重なる対策 */
.thumbnail_a {
  max-width: 100% !important;
}

.thumbnail_m {
  max-height: 120px;
  max-width: 120px;
}

.thumbnail_s {
  max-height: 40px;
  max-width: 40px;
}

.thumbnail_l {
  max-height: 150px;
  max-width: 150px;
}

.thumbnail_ll {
  max-height: 600px;
  max-width: 600px;
}

.thumbnail_ll:active {
	max-height: 100%;
	max-width: 100%;
}

table.flexible-form-control {
  height: auto;
  padding: 0;
  min-height: 29px;
  box-shadow: none;
  border: none;
}

#searchPanel table.flexible-form-control {
  background-color:#f8f8f8;
}

table.flexible-form-control td {
  background-color:rgb(238, 238, 238);
  border-style:solid;
  border-width:1px;
  border-color:rgb(204, 204, 204);
  border-radius:3px;
  padding:0px;
  margin-right:5px;
  margin-bottom:5px;
}
table.flexible-form-control label {
  background-color:white;
  margin:0px!important;
  border-top-right-radius:3px;
  border-bottom-right-radius:3px;
  padding:5px;
  padding-left:7px;
  padding-right:7px;
}
table.flexible-form-control input {
  margin-left:5px;
  margin-right:5px;
}

table.checkbox-form-control td,
span.checkbox-form-control,
div.checkbox-form-control {
  border-style:none;
  padding:0px;
  margin-left:3px;
  margin-right:5px;
  margin-bottom:5px;
  display: inline-block;
}
table.checkbox-form-control label,
span.checkbox-form-control label,
div.checkbox-form-control label {
  margin:0px!important;
  padding:5px;
  padding-left:3px;
  padding-right:5px;
}
table.checkbox-form-control input,
span.checkbox-form-control input,
div.checkbox-form-control input {
  margin-left:0px;
  margin-right:0px;
}

.multi-line {
  white-space: pre-wrap;
}

rp, rt {
  font-size: 10px;
}

input[type="checkbox"]+label,
input[type="radio"]+label{
  font-weight: normal;
  margin-right: 10px;
}

.flexible-form-control td {
  display: inline-block;
}

span.help-block-black{
  color:black;
}

.experience {
  float: right;
}

@media (min-width: 768px) {
  .experience {
    margin-right: 20px;
  }
}

/*******************************************************************************
  flexible-form-control-bootstrap-style を bootstrap-style にするCSS
*******************************************************************************/
@CHARSET "UTF-8";

.panel table.flexible-form-control-bootstrap-style {
  height: auto;
  padding: 0;
  min-height: 29px;
  box-shadow: none;
  border: none;
}

.panel table.flexible-form-control-bootstrap-style td {
  background-color:rgb(238, 238, 238);
  border-style:solid;
  border-width:1px;
  border-color:rgb(204, 204, 204);
  border-radius:3px;
  padding:0px;
  margin-right:5px;
  margin-bottom:5px;
}
.panel table.flexible-form-control-bootstrap-style label {
  background-color:white;
  margin:0px!important;
  padding:5px;
  padding-left:7px;
  padding-right:7px;
  font-weight: normal;
}
.panel table.flexible-form-control-bootstrap-style input {
  margin-left:5px;
  margin-right:5px;
}
.flexible-form-control-bootstrap-style td {
  display: inline-block;
}

select.form-control {
  -webkit-appearance: menulist-button;
  appearance: menulist-button;
}
