/* 處理側邊欄 子選單icon 太小  */
.vertical-layout.vertical-menu-modern
  .main-menu
  .navigation
  .menu-content
  > li
  > a
  svg,
.vertical-layout.vertical-menu-modern
  .main-menu
  .navigation
  .menu-content
  > li
  > a
  i {
  height: 15px !important;

  width: 15px !important;
}

figure .image {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

.a-dropdown {
  width: 180px !important;
}

.right-btn-col {
  margin-right: 8px;
}

/* 上傳照片 Loading大小 */
.swal2-loader {
  width: 100px !important;
  height: 100px !important;
}

/* .col select {
  height: 45px;
} */

[dir] .demo-inline-spacing > * {
  margin-top: 0.9rem !important;
  /* height: 1.5rem; */
  margin-bottom: 0.6rem !important;
}

.preview-image img {
  margin: 8px;
  width: 100%;
}

/* hover 提示訊息  */
.hover-info {
  position: relative;
}

.hover-info:hover::before {
  z-index: 2;
  position: absolute;
  background-color: white;
  color: #5e5873;
  font-family: inherit;
  font-weight: 200;
  line-height: 0.8;
  padding: 8px;
  top: -30px;
  left: 0;
  width: 80px;
  border-radius: 8px;
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.3),
    0px 1px 2px 3px rgba(0, 0, 0, 0.1) inset;
}

.hover-info.up-button:hover::before {
  content: "排序上移";
}

.hover-info.down-button:hover::before {
  content: "排序下移";
}

.hover-info.edit-button:hover::before {
  content: "編輯";
}

.hover-info.delete-button:hover::before {
  content: "刪除";
}

.hover-info.detail-button:hover::before {
  content: "細項";
}

/*  處理連續使用兩層 card-body時會造成過多的左右Pdadding*/
.card-body > :not(.card-body) > .card-body {
  padding-left: 0;
  padding-right: 0;
}

/* 用以將 r-read-only 底下class 的input 都改成唯讀*/
.r-read-only .btn-primary {
  display: none;
}

.r-read-only input,
.r-read-only .btn-outline-danger,
.r-read-only .btn-outline-info,
.r-read-only input[type="checkbox"],
.r-read-only .custom-control-label,
.r-read-only select,
.r-read-only textarea,
.r-read-only .form-control .r-read-only .custom-select {
  background-color: rgba(222, 222, 222, 0.539) !important;
  /* pointer-events: none !important; */
}

.r-read-only input[type="checkbox"] {
  accent-color: rgba(177, 177, 177, 0.539);
}

.r-read-only .btn-outline-danger,
.r-read-only .btn-outline-info,
.r-read-only input[type="checkbox"],
.r-read-only .custom-control-label,
.r-read-only select,
.r-read-only .form-control .r-read-only .custom-select {
  accent-color: rgba(177, 177, 177, 0.539);
  pointer-events: none !important;
}

.r-read-only .dropdown-toggle {
  /* pointer-events: none !important; */
}

select[disabled] {
  /* 禁用样式 */
  color: black !important;
  opacity: 1 !important;
}

.RadioCheckboxCSS {
  display: flex;
  justify-content: start;
  padding: 0 !important;
}

.EscrowCSS .mt5 {
  margin-top: 5px !important;
}

.EscrowCSS .mr5 {
  margin-right: 5px !important;
}

.EscrowCSS .mb5 {
  margin-bottom: 5px !important;
}

.EscrowCSS .ml5 {
  margin-left: 5px !important;
}

.EscrowCSS label {
  padding: 0 !important;
  margin-top: 0.5rem !important;
  font-size: 16px !important;
}

.EscrowCSS .custom-radio,
.EscrowCSS .custom-checkbox {
  margin-top: 0.5rem;
}

.EscrowCSS .titles {
  display: flex;
  justify-content: end;
  align-items: center;
}

.EscrowCSS .CardPadding > .card-body {
  padding-top: 0.5rem !important;
  padding-bottom: 0 !important;
}

.EscrowCSS .list-group-item {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.base-datebutton .dropdown-toggle-no-caret {
  width: 5rem !important;
  padding: 0 !important;
}

.btnGroupDisabled .btn-group .disabled {
  border: 1px solid #82868b !important;
  color: #82868b !important;
  /* background-color: red !important; */
}
/* .btn-outline-primary.disabled, .btn-outline-primary:disabled{
  border-color: white !important;
} */