.body-header,
.body-header a {
    display: block;
    padding: 5px 15px;
    font-weight: 700;
    font-size: 32px;
    color: #fff;
    text-align: center;
    background-color: #0275d8;
    text-decoration: none;
}
.page-header {
    margin: 15px 0px;
    font-size: 24px;
}

table.table>thead>tr>th {
    background-color: lightgray;
    background-color: #76aede;
    text-align: center;
    vertical-align: middle;
    border-bottom-width: 1px;
}
table.table>tbody>tr>td {
    vertical-align: middle;
    margin: auto;
    /*background-color:pink;*/
}
table.table>tbody>tr>td.r1 {
    /*background-color:skyblue;*/
    background-color:gainsboro;
    border:1px solid white;
}
table.table>tbody>tr>.tgt,
table.table>tbody>tr>td.tgt {
    /*background-color:skyblue;*/
    /*background-color:red;*/
    border: 2px solid red;
    text-align: center;
}
table.table>tbody>tr>td>pre {
    background-color: inherit;
    border: none;
}

.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.pagination {
 margin: 0;
 display: -webkit-inline-box;
}
.paginum {
    margin-top: 15px;
}

.flatpickr-input[readonly] {
    background-color: white;
}

.input-group-addon:last-child {
    text-decoration: none;
}
.fa-close {
    font-size: 20px;
    text-decoration: none;
}
.input-group-addon:hover {
    cursor: pointer;
}

pre.tekiyou {
    max-width:200px;
    overflow: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 30px;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}

input[type=checkbox] {
    width: 20px;
    height: 20px;
    vertical-align: bottom;
}

.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio] {
    margin-left: -30px;
    padding-left: 30px;
    height: 20px;
    width: 20px;
}

.custom-combobox .form-control {
    width: 280px;
}
.custom-combobox .input-group-addon {
    display: inline-block;
    width: 40px;
    height: 34px;
    vertical-align: middle;
}
.custom-combobox1 .form-control {
//    width: 188px;
    width: 86px;
    padding-left: 0.15rem;
    padding-right: 0.15rem;
	font-size: 1.0rem;
}
.custom-combobox1 .input-group-addon {
    display: inline-block;
//    width: 40px;
    width: 20px;
    height: 34px;
    vertical-align: middle;
}
.custom-combobox2 .form-control {
    padding-left: 0.15rem;
    padding-right: 0.15rem;
	font-size: 1.0rem;
    width: 7rem;
}
.custom-combobox2 .input-group-addon {
    display: inline-block;
    width: 20px;
    height: 34px;
    vertical-align: middle;
}
.custom-combobox3 .form-control {
    padding-left: 0.15rem;
    padding-right: 0.15rem;
	font-size: 1.0rem;
    width: 12.4rem;
}
.custom-combobox3 .input-group-addon {
    display: inline-block;
    width: 20px;
    height: 34px;
    vertical-align: middle;
}
.input-group-addon {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #3c763d;
  padding: 6px 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 4px;
}


.table-fixed thead {
    width: 100%;
    display: block;
}
.table-fixed tbody {
    width: 100%;
    height: 450px;
    display: block;
    overflow-y: auto;
}

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, .15);
}
.well-lg {
  padding: 24px;
  border-radius: 6px;
}
.well-sm {
  padding: 9px;
  border-radius: 3px;
}
.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}
.label-default {
  background-color: #777;
}

.font90 {
  font-size: 90%;
}
.pl-md-4-1,
.px-md-4-1 {
   padding-left: 2rem !important;
}
.pl-md-4-2,
.px-md-4-2 {
   padding-left: 2.5rem !important;
}
.pl-md-6,
.px-md-6 {
   padding-left: 3.5rem !important;
}
.pl-md-7,
.px-md-7 {
   padding-left: 4rem !important;
}
.pl-md-8,
.px-md-8 {
   padding-left: 4.5rem !important;
}
.pl-md-9,
.px-md-9 {
   padding-left: 5rem !important;
}
.pl-md-10,
.px-md-10 {
   padding-left: 5.5rem !important;
}
.pl-md-11,
.px-md-11 {
   padding-left: 6rem !important;
}
.pl-md-12,
.px-md-12 {
   padding-left: 6.5rem !important;
}
.pl-md-13,
.px-md-13 {
   padding-left: 7rem !important;
}
.pl-md-14,
.px-md-14 {
   padding-left: 7.5rem !important;
}
.pl-md-15,
.px-md-15 {
   padding-left: 8rem !important;
}
.pr-md-4-1,
.px-md-4-1 {
   padding-right: 2rem !important;
}
.pr-md-4-2,
.px-md-4-2 {
   padding-right: 2.5rem !important;
}
.pr-md-6,
.px-md-6 {
   padding-right: 3.5rem !important;
}
.pr-md-7,
.px-md-7 {
   padding-right: 4rem !important;
}
.ml-md-4-1,
.mx-md-4-1 {
  margin-left: 2rem !important;
}
.ml-md-4-2,
.mx-md-4-2 {
  margin-left: 2.5rem !important;
}
.ml-md-6,
.mx-md-6{
  margin-left: 3.5rem !important;
}
.ml-md-7,
.mx-md-7 {
  margin-left: 4rem !important;
}
.ml-md-8,
.mx-md-8{
  margin-left: 4.5rem !important;
}
.ml-md-9,
.mx-md-9 {
  margin-left: 5rem !important;
}
.ml-md-10,
.mx-md-10{
  margin-left: 5.5rem !important;
}

@media (min-width: 768px) {
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
  }
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px;
  }
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
}
.justify-content-start {
 justify-content: flex-start;
}
.justify-content-end {
 justify-content: flex-end;
}

@media (min-width: 576px) {
	.col-ss-1 {
	  -ms-flex: 0 0 11.333333%;
	  flex: 0 0 11.333333%;
	  max-width: 11.333333%;
	}
	.col-ss-2 {
	  -ms-flex: 0 0 20.333333%;
	  flex: 0 0 20.333333%;
	  max-width: 20.333333%;
	}
	.col-ss-3 {
	  -ms-flex: 0 0 29.666667%;
	  flex: 0 0 29.666667%;
	  max-width: 29.666667%;
	}
	.col-ss-4 {
	  -ms-flex: 0 0 37.333333%;
	  flex: 0 0 37.333333%;
	  max-width: 37.333333%;
	}
	.col-ss-5 {
	  -ms-flex: 0 0 54.666667%;
	  flex: 0 0 54.666667%;
	  max-width: 54.666667%;
	}
	.col-ss-6 {
	  -ms-flex: 0 0 70.333333%;
	  flex: 0 0 70.333333%;
	  max-width: 70.333333%;
	}
	.col-ss-7 {
	  -ms-flex: 0 0 95%;
	  flex: 0 0 95%;
	  max-width: 95%;
	}
}
}@media (min-width: 768px) {
	.col-ssm-1 {
	  -ms-flex: 0 0 11.333333%;
	  flex: 0 0 11.333333%;
	  max-width: 11.333333%;
	}
	.col-ssm-2 {
	  -ms-flex: 0 0 20.333333%;
	  flex: 0 0 20.333333%;
	  max-width: 20.333333%;
	}
	.col-ssm-3 {
	  -ms-flex: 0 0 29.666667%;
	  flex: 0 0 29.666667%;
	  max-width: 29.666667%;
	}
	.col-ssm-4 {
	  -ms-flex: 0 0 37.333333%;
	  flex: 0 0 37.333333%;
	  max-width: 37.333333%;
	}
	.col-ssm-5 {
	  -ms-flex: 0 0 54.666667%;
	  flex: 0 0 54.666667%;
	  max-width: 54.666667%;
	}
	.col-ssm-6 {
	  -ms-flex: 0 0 70.333333%;
	  flex: 0 0 70.333333%;
	  max-width: 70.333333%;
	}
	.col-ssm-7 {
	  -ms-flex: 0 0 95%;
	  flex: 0 0 95%;
	  max-width: 95%;
	}
}
@media (min-width: 992px) {
	.col-ssl-1 {
	  -ms-flex: 0 0 11.333333%;
	  flex: 0 0 11.333333%;
	  max-width: 11.333333%;
	}
	.col-ssl-2 {
	  -ms-flex: 0 0 20.333333%;
	  flex: 0 0 20.333333%;
	  max-width: 20.333333%;
	}
	.col-ssl-3 {
	  -ms-flex: 0 0 29.666667%;
	  flex: 0 0 29.666667%;
	  max-width: 29.666667%;
	}
	.col-ssl-4 {
	  -ms-flex: 0 0 37.333333%;
	  flex: 0 0 37.333333%;
	  max-width: 37.333333%;
	}
	.col-ssl-5 {
	  -ms-flex: 0 0 54.666667%;
	  flex: 0 0 54.666667%;
	  max-width: 54.666667%;
	}
	.col-ssl-6 {
	  -ms-flex: 0 0 70.333333%;
	  flex: 0 0 70.333333%;
	  max-width: 70.333333%;
	}
	.col-ssl-7 {
	  -ms-flex: 0 0 95%;
	  flex: 0 0 95%;
	  max-width: 95%;
	}
}
@media (min-width: 1200px) {
	.col-ssxl-1 {
	  -ms-flex: 0 0 11.333333%;
	  flex: 0 0 11.333333%;
	  max-width: 11.333333%;
	}
	.col-ssxl-2 {
	  -ms-flex: 0 0 20.333333%;
	  flex: 0 0 20.333333%;
	  max-width: 20.333333%;
	}
	.col-ssxl-3 {
	  -ms-flex: 0 0 29.666667%;
	  flex: 0 0 29.666667%;
	  max-width: 29.666667%;
	}
	.col-ssxl-4 {
	  -ms-flex: 0 0 37.333333%;
	  flex: 0 0 37.333333%;
	  max-width: 37.333333%;
	}
	.col-ssxl-5 {
	  -ms-flex: 0 0 54.666667%;
	  flex: 0 0 54.666667%;
	  max-width: 54.666667%;
	}
	.col-ssxl-6 {
	  -ms-flex: 0 0 70.333333%;
	  flex: 0 0 70.333333%;
	  max-width: 70.333333%;
	}
	.col-ssxl-7 {
	  -ms-flex: 0 0 95%;
	  flex: 0 0 95%;
	  max-width: 95%;
	}
}