@charset "UTF-8";

/**
 * common
 */
.w-auto {
	width: auto !important;	
}
.w-100 {
	width: 100%;	
}
.d-block {
	display: block;	
}
.pv-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}
.mt-0 {
	margin-top: 0 !important;	
}
.mt-1 {
	margin-top: .25em !important;	
}
.mt-3 {
	margin-top: 1.5em !important;	
}
.mt-5 {
	margin-top: 3em !important;	
}
.mb-0 {
	margin-bottom: 0 !important;	
}
.mb-1 {
	margin-bottom: .25em !important;	
}
.mb-3 {
	margin-bottom: 1.5em !important;	
}
.mb-5 {
	margin-bottom: 3em !important;	
}
.ms-0 {
	margin-left: 0 !important;	
}
.ms-1 {
	margin-left: .25em !important;	
}
.ms-3 {
	margin-left: 1.5em !important;	
}
.ms-5 {
	margin-left: 3em !important;	
}
.fs-sm {
	font-size: 80%;	
}

.line-margin li {
	padding-bottom: .5em;
}

section.container,
section.container-fluid {
  margin: 1em auto;
}

.table-striped tr:nth-of-type(odd) {
	background-color: #f9f9f9 !important;
}

table.table > thead > tr > th {
  text-align: center;
  white-space: nowrap;
}

table.table.va-middle th,
table.table.va-middle td {
	vertical-align: middle !important;	
}

.table-hover > tbody > tr:hover {
	background-color: #9ec5fe;	
}

.ac-toggle,
.ac-toggle > div {
  min-height: 4rem;
  cursor: pointer;
}

.nav > li > a {
  padding: 10px;
  font-size: 0.95em;
}

.dropdown-menu > li > form > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.5;
    color: #333;
    white-space: nowrap;
}

.dropdown-menu > li > form > a:focus,
.dropdown-menu > li > form > a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}

.well,
details.panel {
	margin-top: 1em;	
}

.breadcrumb {
	margin-bottom: 1em;
}

.breadcrumb > li + li::before {
	content: ">";
}

.breadcrumb > .active {
  color: #000;
	font-weight: 800;
}

.row.no-space {
    padding: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

details summary {
	cursor: pointer;	
	display: list-item;
}
details.fs-small {
	font-size: 0.9em;	
}

svg.bi {
	height: 1.1em;
	width: 1.1em;
	vertical-align: middle;
	margin-bottom: 0.2rem;
}

/**
 * top
 */
.top-menu > div {
  margin: 0.5em 0;
}

/**
 * registeritem
 */
.registeritem label {
  text-align: right;
}

.registeritem .row {
  padding: 0.5em 0;
}

/**
 * itemlist
 */
#detail .modal-dialog {
  max-width: 95vw;
}

#detail .modal-dialog .detail-inner {
  display: flex;
  flex-wrap: wrap;
  border-left: 1px solid #888;
  border-right: 1px solid #888;
}

#detail .modal-dialog .detail-inner:first-child {
  border-top: 1px solid #888;
}

#detail .modal-dialog .detail-inner:last-child {
  border-bottom: 1px solid #888;
}

#detail .modal-dialog .detail-inner > div {
  border: 1px solid #888;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

#detail .modal-dialog .detail-inner > div > dl {
  margin: 0 !important;
  padding: 5px;
}

#detail .modal-dialog .detail-inner > div pre {
  padding: 0;
  margin: 0;
  border: none;
  background: inherit;
  font: inherit;
  line-height: inherit;
  color: inherit;
  white-space: pre-wrap;
}

#detail .modal-dialog .detail-inner > div img.thumb {
  max-width: 12.5%;
  height: auto;
  margin: 1px;
}

#common-menu .badge {
	background-color: #ce4844;
}

/* navbar collapse for iPad (bootstrap) */
@media (max-width: 991px) {
  .navbar-header {
    float: none;
  }
  .navbar-toggle {
    display: block;
  }
  .navbar-collapse {
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    padding: 0;
  }
  .navbar-collapse.collapse {
    display: none!important;
  }
  .navbar-nav {
    float: none!important;
/*    margin: 7.5px 0;*/
    margin: 0;
  }
  .navbar-nav>li {
    float: none;
  }
  .navbar-nav>li>a {
    padding-top: 5px;
    padding-bottom: 5px;
/*    margin-top: 10px;*/
    margin-bottom: 10px;
  }
  .navbar-text {
    float: none;
    margin: 15px 0;
  }
  .navbar-collapse.collapse.in {
    display: block!important;
  }
  .collapsing {
    overflow: hidden!important;
  }
  .navbar-form.navbar-right, 
  .navbar-right .dropdown-menu {
    float: none !important;
    right: auto !important;
  }
}

/**
 * Smartphone
 */
@media screen and (max-width: 767px) {
  #detail .modal-dialog .detail-inner {
    border: none;
  }
  #detail .modal-dialog .detail-inner:not(.ac-toggle) > div {
    display: block;
  }
  .registeritem label {
    text-align: left;
  }
  #update-form .text-right {
    text-align: left !important;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > form > a {
    color: #fff;
    line-height: 24px;
    padding: 5px 15px 5px 25px;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > form > a:focus,
  .navbar-default .navbar-nav .open .dropdown-menu > li > form > a:hover {
    color: #18bc9c;
    background-color: transparent;
  }
  .dropdown-menu > li > form > a {
    padding: 3px 25px;
    color: #fff;
  }
  .dropdown-menu > li > form > a:focus,
  .dropdown-menu > li > form > a:hover {
    background-color: transparent;
  }
}

/**
 * for print
 */
@page {
  size: A4;
  margin: 32px 16px;
}

@media print {
  .modal-dialog {
    width: 100% !important;
  }

  .modal#detail {
    background: #fff !important;
  }

  html, body {
    width: 992px;
  }
  
  body {
    margin: 0 auto;
  }
  
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12,
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  
  .col-lg-12, .col-sm-12 {
    width: 100%;
  }
  .col-lg-11, .col-sm-11 {
    width: 91.66666666666666%;
  }
  .col-lg-10, .col-sm-10 {
    width: 83.33333333333334%;
  }
  .col-lg-9, .col-sm-9 {
    width: 75%;
  }
  .col-lg-8, .col-sm-8 {
    width: 66.66666666666666%;
  }
  .col-lg-7, .col-sm-7 {
    width: 58.333333333333336%;
  }
  .col-lg-6, .col-sm-6 {
    width: 50%;
  }
  .col-lg-5, .col-sm-5 {
    width: 41.66666666666667%;
  }
  .col-lg-4, .col-sm-4 {
    width: 33.33333333333333%;
  }
  .col-lg-3, .col-sm-3 {
    width: 25%;
  }
  .col-lg-2, .col-sm-2 {
    width: 16.666666666666664%;
  }
  .col-lg-1, .col-sm-1 {
    width: 8.333333333333332%;
  }
  table.sheet {
    page-break-after: always;
  }
}