.content,
.content-header {
  padding-left: 0;
  padding-right: 0;
  margin-left: 2%;
  margin-right: 2%;
}
@media only screen and (max-width: 767px) {
  .content-header  > h1 {
    font-size: 18px;
  }
}
.sidebar-menu {
  font-size: 110%;
}
.sidebar-menu .treeview-menu > li > a {
  padding-top: 15px;
  padding-bottom: 15px;
}
.form-group.date-group .form-control {
  display: inline-block;
  width: auto;
  margin-bottom: 5px;
}
.line-legend {
  list-style: none;
}
@font-face {
  font-family: fontawesome;
  src: url("../fonts/fontawesome-webfont.eot");
  src: url("../fonts/fontawesome-webfont.svg");
  src: url("../fonts/fontawesome-webfont.ttf");
  src: url("../fonts/fontawesome-webfont.woff");
  src: url("../fonts/fontawesome-webfont.woff2");
}
.mb15 {
  margin-bottom: 15px;
}
.mb30 {
  margin-bottom: 30px;
}
.pt30 {
  padding-top: 30px;
}
.pb30 {
  padding-bottom: 30px;
}
.text-white {
  color: #fff !important;
}
.fs14 {
  font-size: 14px !important;
}
.fs18 {
  font-size: 18px !important;
}
.fs20 {
  font-size: 20px !important;
}
.fs22 {
  font-size: 22px !important;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.mincho {
  font-family: Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.icon-arr-l:before {
  font-family: "Glyphicons Halflings";
  content: "\e257";
  position: relative;
  top: 3px;
  padding-right: 10px;
}
.icon-arr-r:after {
  font-family: "Glyphicons Halflings";
  content: "\e258";
  position: relative;
  top: 3px;
  padding-left: 10px;
}
html > body > .ui-datepicker {
  z-index: 5 !important;
  display: none;
}
html,
body {
  font-family: "Meiryo UI", "メイリオ", Meiryo, Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
table {
  width: 100%;
  background: #fff;
  border-top: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
}
table thead th {
  font-weight: bold;
  text-align: center;
  padding: 10px;
}
table thead th a {
  color: #fff;
}
table thead th a:after {
  font-family: "Glyphicons Halflings";
  content: "\e150";
  padding-left: 5px;
}
table thead th a.asc:after {
  content: "\e155";
}
table thead th a.desc:after {
  content: "\e156";
}
table th,
table td {
  padding: 10px 10px;
  border-left: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
}
table .c {
  text-align: center;
}
table .r {
  text-align: right;
}
table .l {
  text-align: left;
}
form div.input {
  margin-bottom: 15px;
}
form .required label:after {
  content: "*";
  padding: 0 5px;
  color: #f00;
}
table td.holiday,
table th.holiday {
  background: #f88 !important;
  color: #fff !important;
}
.msg-container .alert {
  margin: 30px 0;
}
.error-message {
  color: #f36;
  padding: 3px 0;
}
#side-navi .header {
  color: #fff;
}
#side-navi .treeview-menu a:after {
  font-family: fontawesome;
  content: "\f105";
  position: relative;
  float: right;
  right: 10px;
}
.content-header > h1 small:before {
  font-family: fontawesome;
  content: "\f101";
  position: relative;
  top: 0px;
  padding-right: 10px;
}
.list-table .min {
  width: 1%;
  white-space: nowrap;
}
.list-table thead th {
  background: #3c8dbc;
  color: #fff;
  font-weight: normal;
}
.list-table tbody th {
  width: 1%;
  white-space: nowrap;
  background: #3c8dbc;
  color: #fff;
  font-weight: normal;
}
.list-table tbody td input[type="text"],
.list-table tbody td textarea {
  width: 100%;
  padding: 5px;
}
.list-table tbody tr:hover {
  background: #D5E3E8;
}
.list-table .btn.submit {
  background: #367FA9;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .list-table .btn.submit {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 15px 0;
    z-index: 1000;
    border-radius: 0;
  }
}
@media only screen and (max-width: 767px) {
  .list-table.mobile2div tbody th,
  .list-table.mobile2div tbody td {
    display: block;
    width: 100%;
  }
}
.pagination-container {
  text-align: center;
  padding: 25px 0;
}
.pagination-container .pagination > li > a,
.pagination-container .pagination > li > span {
  color: #3c8dbc;
}
.pagination-container .pagination > .active > a {
  color: #fff;
  background: #3c8dbc;
  border-color: #3c8dbc;
}
#login-container {
  width: 50%;
  margin: 50px auto;
}
#login-container .panel-heading {
  background: #3c8dbc;
  color: #fff;
}
#login-container .panel-body {
  text-align: center;
}
#login-container .btn.login {
  background: #3c8dbc;
  color: #fff;
  padding: 15px 30px;
}
.pagetop {
  position: fixed;
  width: 30px;
  height: 30px;
  right: 1%;
  bottom: 1%;
}
.pagetop a {
  display: block;
  width: 100%;
  height: 100%;
}