body { font-family: Arial, sans-serif;}

/* 标题栏样式 */
.header {height: 70px;line-height: 70px; display: flex;justify-content: space-between;align-items: center;background-color: #4F8CCB;color: white;}

/* 标题栏左侧名称 */
.header-left { margin-left: 10px;font-size: 28px;font-weight: bold;}

/* 标题栏右侧用户信息 */
.header-right {margin-right: 10px;font-size: 16px;}

/* 选项卡容器样式 */
.tab {height: 5vh;overflow: hidden;border: 1px solid #ccc;background-color: #f1f1f1;}

/* 选项卡链接按钮样式 */
.tab button {height: 5vh;background-color: inherit;float: left;border: none;outline: none;cursor: pointer;transition: 0.3s;font-size: 15px; padding: 1px 20px;}

/* 改变鼠标悬停时的背景颜色 */
.tab button:hover {background-color: #ddd;}

/* 选中选项卡时的样式 */
.tab button.active {background-color: #ccc;}

/* 选项卡内容样式 */
.tabcontent {display: none; padding: 0 12px; height: calc(85vh - 10px);}

.tab_operator{display: flex;height: 45px;margin: 10px 0}

/* 表格样式 */
.divPersonalContent { overflow-y: auto;height: calc(85vh - 70px);position: relative;width: 100%;}
.tbl-header {width: 100%;position: absolute;top: 0;left: 0;z-index: 999;}
.divPersonalContent table {width:100%; border-collapse:collapse;}
.divPersonalContent table thead tr{background-color:#cccc;color:black;height:60px;}
.divPersonalContent table tbody tr{background-color:#f1f1f1;color:black;height:30px;}

/* 新增用户按钮样式 */
.btnAddAccount {width: 160px;height:45px;padding: 0.65rem; background-color: #87B87F;color: white;border: none;border-radius: 6px;cursor: pointer;font-size: 16px;}
.btnAddAccount:hover {background-color: #82B478;font-weight: bold;}

/* 弹窗-输入框样式 */
.input-group { margin-bottom: 1rem;text-align: left;}
.input-group label {display: block; margin-bottom: 0.5rem;}
.input-group input {width: 100%; height:40px; padding: 0.5rem;border: 1px solid #ccc;border-radius: 6px; }

/* 弹窗-确认按钮样式 */
.btnConfirmAddAccount {width: 120px;height:45px;line-height: 45px;background-color: #007BFF;color: white;border: none;border-radius: 6px;cursor: pointer;font-size: 16px;}
.btnConfirmAddAccount:hover {font-weight: bold;}

/* 弹窗-修改按钮样式 */
.btnEditAccount {width: 120px;height:45px;line-height: 45px;background-color: #87B87F;color: white;border: none;border-radius: 6px;cursor: pointer;font-size: 16px;}
.btnEditAccount:hover {font-weight: bold;}

/* 弹窗-取消按钮样式 */
.btnCancelAddAccount {width: 120px;height:45px;line-height: 45px;background-color: red;color: white;border: none;border-radius: 6px;cursor: pointer;font-size: 16px;}
.btnCancelAddAccount:hover {font-weight: bold;}

.input_disable{
    border: 1px solid gray;
    color: gray;
    pointer-events: none;
}

.modal-table {
    width: 100%;
    table-layout: fixed; /* 使用固定布局 */
    border-collapse: collapse;
}
.modal-table th, td {
    height: 40px;
    text-align: center;
    border: 1px solid black;
    white-space: normal;
    word-break: break-all;
}
.modal-table th:first-child, td:first-child{
    width: 250px; /* 设置表头宽度 */
}
.modal-table th:not(:first-child), td:not(:first-child) {
    width: 50px; /* 设置单元格宽度 */
}

.modal-project-table {
    width: 100%;
    table-layout: fixed; /* 使用固定布局 */
    border-collapse: collapse;
}
.modal-project-table th, td {
    height: 40px;
    text-align: center;
    border: 1px solid black;
    white-space: normal;
    word-break: break-all;
}
.modal-project-table th:first-child, td:first-child{
    width: 100px; /* 设置表头宽度 */
}
.modal-project-table th:not(:first-child), td:not(:first-child) {
    width: 50px; /* 设置单元格宽度 */
}

.man-hour-table {
    table-layout: fixed; /* 使用固定布局 */
    border-collapse: collapse;
}
.man-hour-table th, td {
    height: 40px;
    text-align: center;
    border: 1px solid black;
    white-space: normal;
    word-break: break-all;
}

.man-hour-table th:first-child, td:first-child{
    width: 200px; /* 设置表头宽度 */
}
.man-hour-table th:not(:first-child), td:not(:first-child) {
    width: 100px; /* 设置单元格宽度 */
}

.search{
    width: 100px;
    height: 45px;
    text-align: center;
    line-height: 45px;
    background-color: #87B87F;
    margin-left: 20px;
    border-radius: 10px;
    font-size: 16px;
    font-family: ArialMT-, ArialMT;
    font-weight: normal;
    color: #FFFFFF;
}

.search:hover {
    background-color: #82B478;
    font-weight: bold;
}

.select{
    border-radius: 5px;
    background-color: #ffffff;
    border: 1px solid #5C5B5C;
    font-size: 16px;
    color: #5C5B5C;
    padding: 0px 5px;
}

.input{
    border-radius: 5px;
    background-color: #ffffff;
    border: 1px solid #5C5B5C;
    font-size: 16px;
    color: #5C5B5C;
    padding: 0px 5px;
}

.no_select{
    -webkit-user-select:none; /* Chrome/Safari/Opera */
    -moz-user-select:none; /* Firefox */
    -ms-user-select:none; /* Internet Explorer/Edge */
    user-select:none;
}