/* 提示信息居中 */
.swal2-toast .swal2-title {
  margin-left: 1em !important;
  margin-top: 0.5em !important;
}

/*Swal2小弹窗设置阴影*/
.swal2-popup {
    box-shadow: 0 4px 9px 3px rgb(0 0 0 / 30%), 0 1px 3px 3px rgb(0 0 0 / 30%) !important;
}

/* 新增样式 modal中的输入框和表格单元格一样大小 */
.table-bordered td.inside-input {
  height: 40px; /* 设置td的高度 */
  padding: 0; /* 去除td的内边距 */
  vertical-align: middle;
}

.table-bordered td.inside-input input {
  /*width: calc(100%); /* 调整input的宽度 */*/
  box-sizing: border-box; /* 保证宽度包含padding和border */
  margin: 0; /* 清除input的margin */
  padding: 5px 10px; /* 添加input的内边距 */
  border: none; /* 移除边框线 */
}
.auto-resize-textarea{
  min-height: 80px; /* 设置最小高度 */
  resize: none; /* 禁止用户调整大小 */
  overflow: hidden; /* 隐藏溢出内容 */
}

/*鼠标变成手状态，可点击*/
.custom-cursor-pointer, .fc-daygrid-day {
  cursor: pointer;
}

.info-box .info-box-text {
  color: black;
}

/*页头设置选择项目的选择框的宽度*/
/* 对于大屏幕 */
@media (min-width: 992px) {
    .navbar-nav .select2.select2-container {
        width: 350px !important; /* 设置在大屏幕上的宽度 */
    }
}
/* 对于中等屏幕 */
@media (min-width: 784px) and (max-width: 991.98px) {
    .navbar-nav .select2.select2-container {
        width: 320px !important; /* 设置在中等屏幕上的宽度 */
    }
}
/* 对于中等屏幕 */
@media (min-width: 576px) and (max-width: 783.98px) {
    .navbar-nav .select2.select2-container {
        width: 180px !important; /* 设置在中等屏幕上的宽度 */
    }
}
/* 对于小屏幕 */
@media (max-width: 575.98px) {
    .navbar-nav .select2.select2-container {
        width: 120px !important; /* 设置在小屏幕上的宽度 */
    }
}


/*select2 placeholder文字居中*/
/*.select2-container--bootstrap4 .select2-selection, .select2-container--bootstrap4.select2-container--focus .select2-selection {
  align-items: center;
  display: inline-flex;
}*/

/*select2 对应的HTML5验证提示位置根据原始的select位置来定位，这里把他设置和select2()初始化后一样大*/
select.select2-hidden-accessible {
  padding: .46875rem .75rem !important;
  height: auto !important;
  width: auto !important;
}

/*设置widget smallbox的下方可点击区域高度*/
.small-box-footer {
  padding: 10px 0 !important;
}

/*jQuery UI 的输入框自动补全显示在modal背后，这里更正*/
.ui-autocomplete {
  z-index: 9999; /* 设置一个较高的 z-index 值 */
}

/*把表格左上角的按钮的左右间距调小一点，这样可以多放几个*/
.dataTables_wrapper .dt-buttons .btn {
  padding: .375rem .4rem;
}

.fc-event-title-container {
  text-align: center;
}
.fc-scroller.fc-scroller-liquid-absolute {
  overflow: visible!important;
}

/*datatable 表头不换行*/
.dataTable thead th {
  white-space: nowrap; /* 防止表头换行 */
}
.dataTable tbody .selected {
  color: #fff !important;
  background-color: #28a745 !important;
}

/* modal 模态框左右摇头的效果 */
@keyframes shake {
  0% {
    transform: translateX(-5px);
  }
  25% {
    transform: translateX(5px);
  }
  50% {
    transform: translateX(-5px);
  }
  75% {
    transform: translateX(5px);
  }
  100% {
    transform: translateX(-5px);
  }
}
.shake-modal {
  animation: shake 0.5s ease-in-out;
}