.p1 {
   font-size: 60px;
   font-weight: 800;
   font-family: var(--body-font);
}
.p2 {
   font-size: 30px;
   font-weight: 600;
   font-family: var(--body-font);
}
.psmall {
    font-size: 0.8rem;
    margin: 0;
}

.main_with_80 {
    width: 90%;
}
/* 自定义模态框距离顶部的距离 */
.modal-dialog {
    margin-top: 200px; /* 调整距离顶部的距离 */
}
/* Fixed height for table header */
.sticky-header {
    position: sticky;
    top: 0;
    background-color: white; /* Match the table header background */
    z-index: 3; /* Ensure the header is above other table content */
    height: 50px; /* Set the fixed height for the header */
    line-height: 50px; /* Center text vertically */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

/* Make the last column sticky */
.sticky-column {
    position: sticky;
    right: 0;
    background-color: white; /* Match the table background */
    box-shadow: -2px 0 5px rgba(0, 0, 0, 0.1);
}

.table-responsive {
    border: 2px solid black; /* 设置表格的外部边框 */
    /*padding: 10px; !* 可选：为表格添加内边距 *!*/
}


table th {
    overflow: hidden; /* 防止内容溢出 */
    white-space: nowrap; /* 防止文本换行 */
}

/* Ensure cells wrap content if needed */
tbody td {
    word-wrap: break-word; /* Allow word wrapping for long text */
    white-space: normal; /* Allow cells to expand based on content */
}

.alert-container {
  margin: 500px 0;
}

.alert-success {
  background-color: #d4edda;
  color: #155724;
}

.alert-error {
  background-color: #f8d7da;
  color: #721c24;
}

.form-control{
    width:auto;
}

.retro-image{
    height: 200px;
    margin-bottom: 1rem;
}

.col{
    margin: 0 30px;
}