/* CSS Document W cc6699 cc6699 ff9900 ee0000 172e01*/
a:link {
    /* color: #6B6B6B; 原来，改成深色*/
    color: #383434;
    text-decoration: none
}

a:visited {
    color: #6B6B6B;
    text-decoration: none
}

a:hover {
    color: #FF9900;
    text-decoration: none;
    cursor: hand
}

a:active {
    color: #FF9900;
    text-decoration: none
}

img {
    border: none;
}

table {
    font-size: 12px;
    /* color: #6B6B6B; */
    color: #383434;
    font-family: Tahoma, Verdana
}

td {
    padding-top: 2px;
    padding-bottom: 2px;
    text-align: center;
}

label {
    color: red;
}

body {
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

.txt-align td {
    text-align: left;
}

.f_blue {
    color: #0033FF;
}

.f_red {
    color: #FF0000;
}

.f_green {
    color: #009900
}

.f_yellow {
    color: #E2A746;
}

.f_gray {
    color: #999999;
}

.txt-align .strong_r {
    text-align: right;
    font-weight: bold;
}

.strong_c {
    text-align: center;
    font-weight: bold;
}

.strong_l {
    text-align: left;
    font-weight: bold;
    line-height: 20px;
}

.font_big {
    color: #009AFF;
    font-weight: bold;
}

/*全局省略显示文本样式*/
.showless {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    min-width: 0;
}

/* el-checkbox 内部文本省略 */
.showless .el-checkbox__label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    padding-right: 20px;
}

/*全局边距样式*/
.mb-0 {
    margin-bottom: 0;
}

.mt-0 {
    margin-top: 0;
}

.mt-5 {
    margin-top: 5px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-50 {
    margin-top: 50px;
}

.mb-10 {
    margin-bottom: 10px;
}

.pl-0 {
    padding-left: 0;
}

.pr-0 {
    padding-right: 0;
}

.pl-10 {
    padding-left: 10px;
    text-align: left;
}

.pt-15 {
    padding-top: 15px;
}

.pb-15 {
    padding-bottom: 15px;
}

.pr-10 {
    padding-right: 10px;
}

.pl-70 {
    padding-left: 70px;
}

.pl-40 {
    padding-left: 40px;
}

.pr-30 {
    padding-right: 30px;
}

.pt-5 {
    padding-top: 5px;
}

.pb-5 {
    padding-bottom: 5px;
}

.pb-30 {
    padding-bottom: 30px;
}

.w230 {
    display: inline-block;
    width: 230px;
    text-align: right;
}

.item_box {
    width: 320px;
    height: 30px;
}

/*全局操作图标样式*/
.action-icon {
    width: 26px;
    height: 26px;
    cursor: pointer;
}

/*Booking create,detail页面使用*/

/*对bootstrap里的.row,.nav(bootstrap第4050行).,navbar-default样式进行重写*/
/*.row{margin:15px 0 15px 0;}暂时不用了*/
.nav li a {
    padding: 4px;
    display: inline;
}

.navbar-default {
    background-color: #fff;
    border: 0;
}

/*底部菜单居中*/
.menu-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

/*主导航栏菜单*/
#mainNav {
    margin-top: 10px;
    padding: 0px 0px 0px 40px;
    width: 100%;
    font-size: 13px;
    color: #fff;
}

#mainNav a {
    display: block;
    height: 26px;
    float: left;
    line-height: 26px;
    text-align: center;
    padding: 0 12px;
    background: url(/static/pics/NavBg.gif) no-repeat 0 -29px;
    position: relative;
    margin-right: 3px;
    color: #026acb;
    text-decoration: none;
}

#mainNav a span {
    width: 3px;
    height: 26px;
    background: url(/static/pics/NavBg.gif) no-repeat 0 -88px;
    position: absolute;
    top: 0px;
    right: 0px;
}

#mainNav a:hover {
    display: block;
    height: 26px;
    float: left;
    line-height: 26px;
    text-align: center;
    padding: 0 12px;
    background: url(/static/pics/NavBg.gif) no-repeat 0 0;
    position: relative;
    margin-right: 3px;
    color: #fff;
    text-decoration: none;
}

#mainNav .cur {
    display: block;
    height: 26px;
    float: left;
    line-height: 26px;
    text-align: center;
    padding: 0 12px;
    background: url(/static/pics/NavBg.gif) no-repeat 0 0;
    position: relative;
    margin-right: 3px;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}

#mainNav a:hover span,
#mainNav .cur span {
    width: 3px;
    height: 26px;
    background: url(/static/pics/NavBg.gif) no-repeat 0 -59px;
    position: absolute;
    top: 0px;
    right: 0px;
}

/*客户选择按钮*/
.line-h {
    height: 30px;
    line-height: 30px;
}

input[type='checkbox'],
input[type='radio'] {
    margin: 9px 5px 0 0;
    line-height: 30px;
}

/*搜索栏样式*/

#search {
    margin-top: 0px;
    border: 1px solid #6278B6;
    background: url(/static/pics/searchBg.gif) repeat-x left top;
    width: 100%;
    padding: 0px 20px;
    height: 36px;
    line-height: 36px;
}

/*List页面的标题*/
.title {
    height: 18px;
    line-height: 18px;
    padding: 4px 0 4px 40px;
}

/*全局列表样式*/
.tb_title td {
    font-weight: bold;
    font-size: 12px;
    background-image: url(/static/pics/title.gif);
    text-align: center;
    color: #fff;
    font-family: Tahoma, Verdana;
    height: 25px;
}

.line {
    border-bottom: 1px solid #1E3A70;
}

.cline td {
    border-left: none;
    border-top: none;
    border-right: none;
    border-bottom: 1px solid #1E3A70;
    text-align: center;
}

.lline td {
    border-left: none;
    border-top: none;
    border-right: none;
    border-bottom: 1px solid #1E3A70;
    text-align: left;
}

/*schedule表格样式确认使用中2026-08-15*/
.tr td {
    height: 100%;
    border-top: none;
    border-right: 1px solid #1E3A70;
    border-bottom: 1px solid #1E3A70;
}

.trr td {
    height: 100%;
    border-bottom: none;
    border-right: 1px solid #1E3A70;
}

/* project_create,project_detail页面底部信息样式 */
.info {
    text-align: left;
    margin: 6px 0px 10px 10px;
}

.info li {
    list-style: none;
    margin: 15px 0px 0px 10px;
}

/*Create Booking,Create Report页面的扩展编辑区域*/
.edit-area {
    min-width: 300px;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9999;
    background: #fff;
    border: 1px solid #ccc;
    padding: 5px;
    padding-top: 8px;
    margin-top: -3px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.edit-area .el-input {
    width: 100% !important;
}

.edit-area .el-textarea__inner {
    resize: vertical;
    min-height: 100px;
}

/*输booking页面的型号列表 外层容器 */
#list_model {
    width: 100%;
}

/* 清除 ul 默认样式 */
#list_model ul,
#list_model li {
    margin: 0;
    padding: 0;
    list-style: none;
    box-sizing: border-box;
}

/* 行布局：flex 横向排列 */
#list_model .table-header,
#list_model .table-row {
    display: flex;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 8px;
}

/* 所有列通用样式 */
#list_model li {
    flex-shrink: 0;
    /* 禁止被挤压 */
    display: block;
    /* 让文字正常换行 */
    padding: 4px 2px;
    text-align: center;
    word-wrap: break-word;
    white-space: normal;
    overflow: visible;
}

/* 固定每一列宽度 */
#list_model .col-product {
    width: 150px;
}

#list_model .col-model {
    width: 300px;
}

#list_model .col-po {
    width: 75px;
}

#list_model .col-qty {
    width: 60px;
}

#list_model .col-sample {
    width: 65px;
}

#list_model .col-serial {
    width: 236px;
}

#list_model .col-spec {
    width: 60px;
}

#list_model .col-pcs {
    width: 60px;
}

#list_model .col-remark {
    width: 75px;
}

#list_model .col-action {
    width: 90px;
}

/* 控件在li里100%占满，不溢出 */
#list_model li .el-input,
#list_model li .el-select {
    width: 100% !important;
}

/* 操作图标居中 */
#list_model .col-action {
    display: flex;
    justify-content: center;
    gap: 6px;
}

#list_model .col-action img {
    width: 26px;
    height: 26px;
    cursor: pointer;
}

/* 鼠标悬浮高亮 */
#list_model .table-row:hover {
    background-color: #E1FFDF;
}

/*report_create页面的缺陷列表*/
.lHide {
    table-layout: fixed;
    word-break: break-all;
    /* 长字符串强制在单元格内换行*/
    /*表格的列宽只由表头 / 列的宽度定义决定，不再被单元格内的长文本撑开，渲染速度也更快*/
}

#list_defects {
    width: 100%;
    margin-bottom: 20px;
}

#list_defects .defect-header {
    width: 100%;
    text-align: center;
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
}

#list_defects .defect-header li,
#list_defects .defect-item li {
    text-align: center;
    list-style: none;
    margin: 0px 0px 0px 5px;
}

#list_defects .defect-category {
    width: 120px;
}

#list_defects .defect-topical {
    width: 230px;
}

#list_defects .defect-description {
    width: 300px;
    position: relative;
    /*扩展缺陷描述定位*/
}

#list_defects .defect-serial {
    width: 230px;
    position: relative;
    /*扩展流水号定位*/
}

#list_defects .defect-critical,
#list_defects .defect-major,
#list_defects .defect-minor {
    width: 50px;
}

#list_defects .defect-actions {
    width: 80px;
    margin-left: 20px;
}

#list_defects .defect-item {
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 8px;
    list-style: none;
    padding: 0;
}

/*report_details页面顶部的导出PDF链接样式*/
.link-disabled {
    color: #999;
    cursor: not-allowed;
    pointer-events: none;
}

/*report_create,report_details页面的Check Points列表*/
#list_points {
    width: 100%;
    margin-bottom: 20px;
}

#list_points .point-header {
    width: 100%;
    text-align: center;
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
}

#list_points .point-header li,
#list_points .point-item li {
    text-align: center;
    list-style: none;
    margin: 0px 0px 0px 5px;
}

#list_points .point-sn {
    width: 30px;
}

#list_points .point-check {
    width: 300px;
    min-width: 0;
    word-break: break-all;
}

#list_points .point-qty {
    width: 50px;
}

#list_points .point-result {
    width: 80px;
}

#list_points .point-spec {
    width: 380px;
}

#list_points .point-options {
    width: 180px;
}

#list_points .point-actions {
    width: 80px;
    margin-left: 20px;
}

#list_points .point-item {
    display: flex;
    align-items: center;
    margin: 5px 0 8px 0;
    list-style: none;
    padding: 0;
}

/*report_create,report_details页面的inspection result显示样式*/
#list_result {
    padding: 0;
    /* 去掉上下 padding，避免撑开高度 */
    display: flex;
    /*现代网页布局的核心方式*/
    align-items: center;
    /* 垂直居中 */
    min-height: 35px;
    /* 和 tr height 保持一致 */
}

#list_result ul {
    display: flex;
    /* 改为 flex 水平排列 */
    align-items: center;
    /* 垂直居中 */
    margin: 0;
    width: 100%;
    padding: 0 0 0 100px;
    /* 核心：给ul加左内边距，让第一个li右移100px */
    gap: 100px;
    /* 核心：控制li之间的间距为100px,gap是Flex布局的专属属性,不会影响第一个元素的位置*/
}

#list_result ul li {
    display: flex;
    align-items: center;
    /* 垂直居中 checkbox+文字 */
    float: none;
    /* 清除 float */
    height: 20px;
}

/*report_create,report_details页面的Inspection Criteria & Method Applied显示样式*/
.doc {
    width: 20px;
    height: 20px;
    border: none;
    cursor: pointer;
}

/*报告流水号部份*/
#show_serial {
    display: flex;
    align-items: center;
    width: 100%;
}

#show_serial ul {
    display: flex;
    flex-wrap: wrap;
    /* 🔥 关键：自动换行 */
    align-items: center;
    padding: 0;
    margin: 0;
    gap: 10px;
    width: 100%;
}

#show_serial ul li {
    display: flex;
    align-items: center;
    /*垂直居中*/
    justify-content: center;
    /*水平居中*/
    width: calc(20% - 10px);
    /* 🔥 关键：一行刚好5个（20%×5=100%） */
    height: 15px;
    box-sizing: border-box;
}

/*发送邮件页面样式*/
/* .el-dialog__header { padding: 8px 5px !important; } */
.el-dialog__body {
    padding: 0 0 30px 0 !important;
}

/*文件上传区样式*/
.upload-img {
    width: 100%;
    text-align: center;
    padding: 10px 0 0 0;
    margin: 5px 0;
    border: 1px solid #ccc;
}

/*报告页上传图片预览样式*/
.preview-img {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

.preview-img ul {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 10px !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    /* 清除所有旧浮动、旧布局残留 */
    float: none !important;
    display: grid !important;
}

.preview-img li {
    list-style: none !important;
    height: 156px !important;
    border: 1px solid #ccc !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
}

.preview-img img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.preview-img .delete-img {
    position: absolute;
    bottom: 1px !important;
    left: 2px !important;
    right: 2px !important;
    background-color: #ad125b;
    height: 20px;
    color: #fff;
    cursor: pointer;
    text-align: center;
    line-height: 20px;
    z-index: 10;
}

ol,
ul {
    list-style: none;
}

/*底部链接菜单*/
.copyright {
    width: 100%;
    height: 30px;
    text-align: center;
    line-height: 30px;
    margin-bottom: 50px;
}

/* Element UI 组件样式覆盖增加优先级，确保字体大小为 12px */
body .el-form-item__label {
    font-size: 12px !important;
}

body .el-input__inner,
body .el-select__input,
body .el-textarea__inner {
    font-size: 12px !important;
}

body .el-date-picker__input {
    font-size: 12px !important;
}

body .el-date-picker__header,
body .el-date-picker__time-header,
body .el-date-picker__time-label,
body .el-date-picker__time-unit {
    font-size: 12px !important;
}

body .el-date-table th,
body .el-date-table td {
    font-size: 12px !important;
}

body .el-select-dropdown__item {
    font-size: 12px !important;
}

body .el-radio__label,
body .el-checkbox__label {
    font-size: 12px !important;
}

body .el-button {
    font-size: 12px !important;
    padding: 6 12px !important;
}

body .el-card__body {
    font-size: 12px !important;
}

body .el-row {
    margin-bottom: 8px !important;
}

body .el-col {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

/* 主表单区域控件宽度 */
body table td .el-select,
body table td .el-date-picker,
body table td .el-input {
    width: 80% !important;
}

/* 确保选择框内部的输入框宽度正确 */
body .el-select .el-input {
    width: 100% !important;
}

/* 产品列表中的控件保持原有宽度设置 */
body #list_model .b_line .el-select,
body #list_model .b_line .el-input {
    width: 100% !important;
}

/* Booking Create页面三列排列的单选框组容器 */
.radio-three-cols {
    display: flex;
    flex-wrap: wrap;
    /* 自动换行 */
    justify-content: flex-start;
    /* 整体左对齐（核心） */
    align-items: center;
    /* 垂直居中 */
    width: 100%;
    /* 占满父容器宽度 */
    gap: 0 0;
    /* 列/行间距，可按需调整，比如 gap: 8px 0 */
}

/* 每个单选框占1/3宽度，实现三列 */
.radio-three-cols .el-radio {
    width: calc(100% / 3) !important;
    /* 精准计算1/3宽度，三列均分 */
    box-sizing: border-box;
    /* 避免padding/margin撑大宽度 */
    padding: 4px 0;
    /* 可选：行间距，优化视觉 */
    margin: 0 !important;
    /* 清空Element UI默认margin，避免错位 */
    text-align: left;
    /* 单选框+文字左对齐 */
}

/* 保留原有间距，优化单选框和文字的排版 */
.radio-three-cols .el-radio .el-radio__label {
    margin-left: 8px !important;
    /* 单选框与文字的间距 */
    padding-right: 10px;
    /* 微调右侧间距，适配三列布局 */
    word-break: break-all;
    /* 可选：文字过长时自动换行，避免撑列 */
}

/*全局抽屉样式*/
.drawer .el-drawer__header {
    padding: 10px 20px !important;
    margin-bottom: 0 !important;
}

.drawer .el-drawer__body {
    padding: 10px 20px !important;
    padding-top: 5px !important;
}

.drawer .el-form-item {
    margin-bottom: 5px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    height: auto !important;
}

.drawer .el-form-item__label {
    padding: 0 !important;
    line-height: 32px !important;
    height: 32px !important;
    flex-shrink: 0 !important;
}

.drawer .el-form-item__content {
    padding: 0 !important;
    flex: 1 !important;
    margin-left: 10px !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
}

.drawer .el-input {
    height: 32px !important;
}

.drawer .el-input__inner {
    height: 32px !important;
    line-height: 32px !important;
    padding: 0 10px !important;
}

.drawer .el-form-item__content>div,
.drawer .el-form-item__content>div>div:not(.el-select-dropdown) {
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
}

.drawer .el-switch {
    margin-bottom: 0 !important;
    align-self: center !important;
}

.drawer .el-select {
    height: 32px !important;
    flex: 1 !important;
}

.drawer .el-select__caret-wrapper {
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
}

.drawer .el-input__suffix {
    display: flex !important;
    align-items: center !important;
    height: 100% !important;
}

.drawer .el-form-item__error {
    z-index: 1000 !important;
    position: static !important;
    padding-left: 4px !important;
}

/* 单独给 textarea 所在项增加底部间距 */
.drawer .el-form-item:has([type="textarea"]) {
    margin-bottom: 50px !important;
    align-items: flex-start !important;
}

.drawer .el-form-item:has(textarea) .el-form-item__content {
    display: block !important;
    height: auto !important;
}

/*日期控件图标：左侧框内+垂直居中，不跑出、不重叠*/
.drawer .el-date-editor {
    position: relative !important;
}

.drawer .el-date-editor .el-input__prefix {
    position: absolute !important;
    left: 8px !important;
    /*固定在输入框内部左侧，不会跑右边*/
    top: 50% !important;
    transform: translateY(-50%) !important;
    height: auto !important;
}

.drawer .el-date-editor .el-input__icon {
    line-height: 32px !important;
}

/*保留你原有防重叠代码不动*/
.drawer .el-date-editor .el-input__inner {
    padding-left: 32px !important;
}

/* 报告列表页抽屉头部报告信息样式 */
.reports-results {
    margin-bottom: 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    overflow: hidden;
}

.result-header,
.result-item {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 2px;
    padding: 5px 4px;
}

.result-header {
    background-color: #f5f5f5;
    font-weight: bold;
}

.result-item {
    border-top: 1px solid #eee;
}

.result-header>span,
.result-item>span {
    display: flex;
    justify-content: center;
    align-items: center;
}

.result-header > span .txt,
.result-item > span .txt {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

/* 全局日期时间控件顶部输入框隐藏时分秒文字 */
.el-date-editor--datetimerange .el-input__inner {
    padding: 0 4px !important;
}

.el-date-editor--datetimerange .el-range-separator {
    min-width: 36px !important;
    text-align: center;
}

.el-date-editor--datetimerange .el-range-input {
    width: calc(50% - 22px) !important;
}

/* 修正登入首页滑块与滑轨错位问题 */
.verify-wrap .drag-btn,
.verify-wrap .drag-progress {
    top: 0 !important;
    height: 29px !important;
}