#alertMessage{
    z-index:9999999;
    position: absolute;
    top: 20%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
     background: #FFD700;
     width:400px;
    height:50px;
    text-align: center;
    font-size:20px;
    display: none;
}

#logout:hover{
    background-color: #000080;
}
#logout:active {
    background-color: #FFFF00;
}


/* 导入文件 */
#file-import{
    background-color:#B0C4DE;
    height: 45px;
    position: relative;
}

#file-payment{
    position: absolute;
    left: 100px;
    top: 6px;
    height: 30px;
}
#file-hyy-contract {
    position: absolute;
    right: 100px;
    top: 6px;
    height: 30px;
    width:73px
}

/* 筛选框 */
#select-case{
     position: relative;
}
#select-case2{
     position: relative;
}

.font-update{
    font-weight: bold;
    font-size: 14px;
    color:black
}

/* 按钮的样式 */
.btn{
    height: 30px;
    width: 73px;
    border: 0;
    background-color:#000188;
    box-shadow:0 0 1px #272727,
    0 0 10px 2px #3C3C3C,
    0 0 10px  4px #4F4F4F;
    border-radius: 4px;
    font-family: Calibri;
    font-weight: 800;
    font-size: 12px;
    color: aqua;
    cursor: pointer;
}
.btn:hover{
    animation: buttonEffect 0.4s linear;
    transition-timing-function: linear;
}

.btn:active{
    transform: scale(1.2);
    bottom: -3px;
    transition-timing-function: ease-in-out;
}
@keyframes buttonEffect {
    0%{background: radial-gradient(ellipse 20px 8px,white,blue,black);}
    20%{background: radial-gradient(ellipse 30px 12px,white,blue,black);}
    40%{background: radial-gradient(ellipse 40px 16px,white,blue,black);}
    60%{background: radial-gradient(ellipse 50px 20px,white,blue,black);}
    80%{background: radial-gradient(ellipse 60px 24px,red,red,black);}
    100%{background: radial-gradient(ellipse 70px 280px,red,red,black);}
}

/* 列表页展示 */
table, th, td, tr {
   border: 1px solid black;

}

#table1{
    position: relative;
}

#table-thead{
    font-weight: bold;
    font-size: 18px;
}

#table-tbody{
    font-weight: bold !import;
    font-size: 14px;
    color:black
}

/* 列表页容器 */
.container1 {
  width: 99%; /* 容器宽度 */
  overflow-x: auto; /* 水平滚动 */
}


/* 每个单元格的样式 */
.ellipsis {
  max-width: 136px; /* 调整合适的宽度 */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.edits{
    width:50px
}

/* 分页 */
#page{
    position: absolute;
    right: 60px;
    height: 30px;
}

/* 列表页的最后编辑不滑动 */
.edit {
    background-color: #fff;
   z-index:999;
  position: sticky;
  right: 0;
}

.modal-max-height{
    max-height:90%
}

.ml-80px {
  margin-left: 5%;
}

#year_month_day {
    position: absolute;
    right: 190px;
    top: 6px;
    height: 30px;
    width:120px
}