body{
  font-size: .8rem;
}

.content-header {
  padding: 15px .5rem 10px;
}

.content-header h1 {
  font-size: 1.6rem;
}

.main-header .nav-link {
  line-height: 1.5rem;
}

.btn-primary {
  color: #fff;
  background-color: #44B8F2;
  border-color: #44B8F2;
  box-shadow: none;
}

.btn-primary.disabled, 
.btn-primary:disabled, 
.btn-primary:disabled:hover, 
.btn-primary:disabled:focus {
  color: #fff;
  background-color: #999;
  border-color: #999;
}

.btn-outline-primary {
  color: #44B8F2;
  border-color: #44B8F2;
  box-shadow: none;
}


.btn-outline-primary:hover,
.btn-primary:hover {
  color: #fff;
  background-color: #3D9BE9;
  border-color: #3D9BE9;
  box-shadow: none;
}

.form-control:focus {
  border-color: #44B8F2;
}

.edit-table th{
  background: #f0f0f0;
  border-color: #fff;
}

/*.edit-table th + td{
  border-right: 1px solid #dee2e6;
}*/

.edit-table tr:first-child th{
  border-top-color: #dee2e6;
}

.inline-checkboxes .checkbox,
.inline-checkboxes .form-check{
    display: inline-block !important;
    text-align: center;
    margin-right: 6px;
    padding: 0px;
    font-size: 12px;
    margin-top: 5px;
    margin-bottom: 5px;
    position: relative;
}
.inline-checkboxes .checkbox label,
.inline-checkboxes .form-check label {
    background-color: #eee;
    border-radius: 4px;
    color: #777;
    cursor: pointer;
    padding: 5px 12px;
    margin-bottom: 0;
}
.inline-checkboxes input[type=checkbox],
.inline-checkboxes input[type=radio] {
    display: none;
}
.inline-checkboxes .checkbox.checked label,
.inline-checkboxes .form-check.checked label {
    color: #fff;
    background-color: #44B8F2;
}
.inline-checkboxes input[type=checkbox]:checked + label{
    color: #fff;
    background-color: #44B8F2;
}
.inline-checkboxes .checkbox label.readonly{
  position: relative;
  background-color: #3D9BE9;
}

.inline-checkboxes .checkbox label.readonly:before {
  font-family: "Font Awesome 5 Free"; 
  font-weight: 900;
  font-size: 10px;
  content: "\f023";
  color: #fff;
}

.nodata{
  padding: 1rem;
}

.edit_btn{
  color: #0067ff;
}

.delete_btn{
  color: #d00;
}

.content-wrapper{
  position: relative;
}

.flashMsg {
    position: fixed;
    top: 70px;
    left: 30px;/* side-bar(230px)から10px離れた位置 */
    right: 30px;
}

.pagerfanta{
  padding-left: 16px;
}

.page-link .visually-hidden{
  display: none;
}

label.error{
  font-weight: normal!important;
  color: #e00;
  margin-top: 5px;
  margin-bottom: 0;
}

.table tbody td, 
.table thead th {
  padding: .5rem;
  vertical-align: top;
  border-left: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
}

.table thead.header-txt-center  th{
  text-align: center;
  vertical-align: middle;
}

.table th label{
  margin-bottom: 0;
}
.card-body.p-0 .table tbody>tr>td:first-of-type, 
.card-body.p-0 .table tbody>tr>th:first-of-type, 
.card-body.p-0 .table tfoot>tr>td:first-of-type, 
.card-body.p-0 .table tfoot>tr>th:first-of-type, 
.card-body.p-0 .table thead>tr>td:first-of-type, 
.card-body.p-0 .table thead>tr>th:first-of-type {
  padding-left: .5rem;
}
.card-body.p-0 .table tbody>tr>td:last-of-type, 
.card-body.p-0 .table tbody>tr>th:last-of-type, 
.card-body.p-0 .table tfoot>tr>td:last-of-type, 
.card-body.p-0 .table tfoot>tr>th:last-of-type, 
.card-body.p-0 .table thead>tr>td:last-of-type, 
.card-body.p-0 .table thead>tr>th:last-of-type {
  padding-right: .5rem;
}

.sidebar-mini .nav-sidebar>.nav-item .nav-treeview .nav-icon.fa, 
.sidebar-mini .nav-sidebar>.nav-item .nav-treeview .nav-icon.fab, 
.sidebar-mini .nav-sidebar>.nav-item .nav-treeview .nav-icon.fad, 
.sidebar-mini .nav-sidebar>.nav-item .nav-treeview .nav-icon.fal, 
.sidebar-mini .nav-sidebar>.nav-item .nav-treeview .nav-icon.far, 
.sidebar-mini .nav-sidebar>.nav-item .nav-treeview .nav-icon.fas, 
.sidebar-mini .nav-sidebar>.nav-item .nav-treeview .nav-icon.ion, 
.sidebar-mini .nav-sidebar>.nav-item .nav-treeview .nav-icon.svg-inline--fa {
  font-size:0.6rem;
}

.sidebar-mini.sidebar-collapse .nav-sidebar>.nav-item .nav-treeview .nav-icon {
  margin-left:.5rem;
}

.sidebar-mini.sidebar-collapse .main-sidebar:hover .nav-sidebar>.nav-item .nav-treeview .nav-icon {
  margin-left:.05rem;
}