@charset "UTF-8";

.table > :not(caption) > * > *{
  padding:0.75rem 0.5rem;
  line-height:1.8;
}

footer{
  background:#eeeeee;
}

.badge-decision{
  color:#fff;
  background:#bea100;
}

.badge-change{
  color:#fff;
  background:#53c14d;
}

.badge-unsettled{
  color:#fff;
  background:#767778;
}

.badge-request{
  color:#fff;
  background:#ff6600;
}

.badge-work{
  color:#fff;
  background:#ff6666;
}

.badge-stop{
  color:#fff;
  background:#003399;
}

.footer .nav-item .nav-link{
  padding-left:15px;
  position:relative;
}

.footer .nav-item .nav-link::before {
  display: block;
  content: "";
  width: 8px;
  height: 8px;
  border-top: 2px solid #F5AB00;
  border-right: 2px solid #F5AB00;
  transform: rotate(45deg) translate(-50%,-50%);
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: 2px;
}

.pagetop{
  width: 50px;
  height: 50px;
  position: fixed;
  right: -100px;
  bottom: 90px;
}

.pagetop a{
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  background: rgba(255,153,153,1);
}

.pagetop a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f106';
  font-size: 25px;
  color: #fff;
  position: absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
}


/* listing */

.table .listing-thead{
  width:100px;
  line-height:62px;
  padding:0 1rem 0 0;
  border-right:1px solid rgba(0, 0, 0, 0.1);
}


@media (min-width: 768px) {
  /* header */
  .navbar-header{
    padding-top:0.75em;
    padding-bottom:0.75em;
  }

  .navbar-hd-brand{ margin-right: 2em;}
  
  .navbar-expand-md .navbar-nav .nav-hd-link{
    padding:0.25em 1.5em;
    border-left:1px solid #aaaaaa;
  }

  .nav-hd-item:last-child{
    border-right:1px solid #aaaaaa;
    margin-right: auto;
  }

  /* footer */
  .nav-ft-link{ margin-right:0.5em;}

  .pagetop{
    width: 70px;
    height: 70px;
    bottom: 70px;
  }
}


/*追加*/
#calendar .fc-toolbar{ padding:0;}
#calendar .fc-toolbar-chunk{
  display: inline-flex;
  align-items: center;
}
#calendar .fc-toolbar-title{ margin-right:.25em;}
#calendar .fc-button-primary{
  background-color:#fff;
  border-color:#fff;
  color: var(--fc-button-border-color);
}
#calendar .fc-button-primary:hover{
  background-color:var(--fc-button-border-color);
  border-color:var(--fc-button-border-color);
  color: #fff;
}

.table thead th{
  border-top: none;
  border-bottom: 1px solid #dee2e6!important;
}
.table-striped tbody tr:nth-of-type(2n+1){ background-color: inherit;}

.text-white{ color:#fff!important;}

.table-link{
  display: flex;
  align-items: center;
  justify-content: center;
  width:24px;
  height: 24px;
  margin: auto;
  font-weight: bold;
  color:#333;
  transform: rotate(90deg);
  border-radius: 50%;
}

.table-link:hover{
  color:#333;
  background-color: rgba(0, 0, 0, 0.05);
}

.max-w-600px{ max-width: 600px;}

/* MEDIA QUERY */
@media (max-width: 767px) {
  #calendar .fc .fc-toolbar{
    display:block;
    margin-bottom:1.2em;
  }
  #calendar .fc-toolbar-chunk:nth-child(1){
    width: 100%;
    display: flex;
    justify-content: center;
  }  
  .text-sm{
    font-size: .75rem !important;
  }
  .navbar-expand .navbar-nav .nav-link{
    padding-left: .25em;
  }
}

@media (max-width: 480px) {
  .fc .fc-daygrid-body-balanced .fc-daygrid-day-events{
    top:45%;
  }
  .fc .fc-daygrid-more-link{
    display:block;
    line-height: 1;
    font-size: .7rem;
  }
}

@media (min-width: 576px) {
  .max-w-sm-150px{ max-width: 150px;}

}