/*============================================================
  共通
==============================================================*/
/*-------------------------------------------------------------
  Header
--------------------------------------------------------------*/
/*-------------------------------------------------------------
  SideMenu
--------------------------------------------------------------*/
#sidemenu.navbar-vertical-fixed{
  width: 19rem;
}
.navbar-vertical-aside-closed-mode #sidemenu{
  width: 5.75rem;
}
#sidemenu .navbar-vertical-content{
  overflow-y: scroll;
}
.navbar-vertical-aside #navbarVerticalMenu.nav.nav-pills{
  padding-right: 0;
}
@media (min-width: 1200px) {
  .navbar-vertical-aside-show-xl.navbar-vertical-aside-mini-mode #sidemenu.navbar-vertical-aside{
      width: 5.75rem;
  }
  /*メインエリア*/
  .navbar-vertical-aside-show-xl main.main {
    padding-left: 19rem;
  }
}
/*Sort Table*/
.sort-mini-icon{
  margin-right: 6px;
  font-size: .8rem;
}
/*DataTable*/
.dataTables_scrollBody thead{
  visibility: collapse;
}
.dataTables_scroll table tr td:not(:first-child), .dataTables_scroll table tr th:not(:first-child) {
  padding-left: 0;
}
/*=========================================================================
  Client-list
==========================================================================*/
/*フィルター*/
.clear-button{
  cursor: pointer;
  transition: .2s;
}
div.modal-header{
  padding-bottom: 10px;
}
.modal-body{
  border-top: 0.0625rem solid rgba(231,234,243,.7);
}
/*DataTable*/
#EntriesSelectWrap .item::before {
  content: "表示件数 :";
}
/*calender style*/
.daterangepicker th {
  height: 38.5px !important;
}
.daterangepicker .month {
  transform: scale(-1, 1);
}
.daterangepicker .month>select {
  transform: scale(-1, 1);
  border: none;
  border-bottom: 2px solid #cccccc;
  font-size: 0.9rem;
  width: 45%;
  padding-left: 0.4rem;
}
/* 2024.06.18 追加 */
@media screen and (min-width: 576px) {
  .entries-select-wrap-width {
    width    : 165px;
  }
}

/* 2024.06.24 追加 */
#conditionName {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.text-clear-button i.bi-x {
  cursor: pointer;
}

/*============================================================
  Client_detail.html
==============================================================*/
.fixed-form{
  position: fixed;
  background: #fff;
  z-index: 20;
  padding-top: 2.25rem;
  padding-right: 1rem;
  width: 99%;
  transition: .2s;
}
.readonly-text-p{
  min-height: 21px;
}
#navbarSettings{
  width: 100%;
}
@media screen and (min-width: 992px) {
  .fixed-form{
  width: 75%;
  }
}
@media screen and (min-width: 1200px) {
  .fixed-form{
    width: calc((100% - 19rem)*0.75);
  }
    .navbar-vertical-aside-mini-mode .fixed-form {
      width: calc((100% - 5.75rem)*0.75);
    }
}