.formlabel {
    min-width: 160px !important;
}

.addBtn, .delBtn {
    border: none;
    background: none;
    color: red;
    margin-left: 20px;
}

/*纵向时间轴*/
.container {
    margin: 20px;
}

    .container ul {
        margin-bottom: 0 !important;
    }

.time-vertical {
    list-style-type: none;
    border-left: 1px solid #707070;
    padding: 0px;
}

    .time-vertical li {
        height: 40px;
        position: relative;
    }

        .time-vertical li a {
            display: inline-block;
            margin-left: 20px;
            margin-top: 10px;
            margin-bottom: 10px;
            text-decoration: none;
            color: #000;
        }

        .time-vertical li b:before {
            content: '';
            position: absolute;
            top: 11.6px;
            left: -10.8px;
            width: 18px;
            height: 18px;
            border: 2px solid #98FB98;
            border-radius: 10px;
            background: #98FB98;
        }

        .time-vertical li span {
            position: absolute;
            color: #fff;
            top: 10px;
            left: -6px;
        }

.border {
    margin: 5px;
    padding: 5px;
}

/*多选 chosen 的 search-choice 已去掉原固定 130px 宽（改由 chosen 默认自适应）：
  固定宽会让短标签（买入/收益互换等）右侧大片留白，并把隐藏的搜索输入框挤到下一行、撑出一截空白高度。
  下方 span:first-child 120px 是单选 chosen 选中项的旧规则，与多选无关*/

.form-layout .chosen-choices > li > span:first-child, .searchdiv .chosen-choices .search-choice > span:first-child {
    width: 120px;
}

.form-layout > div, .form-layout .form-group {
    margin-bottom: 10px;
}

p {
    margin-bottom: 10px;
}

.form-buttons {
    margin-top: unset;
    padding-left: unset;
    text-align: center;
}

.form-layout {
    padding-top: 5px;
    padding-bottom: unset;
}

/*区间追保结构区块：单元格里多个数字输入与文字并列，全局 input[type=text] 152px 会把单元格内容挤成两行；
  64px 保证 100.00% 这类两位小数百分比完整显示且不换行*/
.spanBlk table input[type=text] {
    width: 64px;
    padding-left: 2px;
    padding-right: 2px;
}

/*同区块表格单元格边距：bootstrap .table 默认 0.75rem，压缩使表格更紧凑；垂直居中使公式文字与输入框对齐*/
.spanBlk table th, .spanBlk table td {
    padding: 2px 4px;
    vertical-align: middle;
}

/*左栏基础信息列（tpl-base 标记在三个编辑页共用的左侧 col 上）：
  控件统一 240px 宽、右缘对齐；多选 chosen 初始化取 select 宽度（SetAceDropDown），随之统一。
  说明类 textarea 跟随列宽（减去 160px 标签 + 8px 间距 + 4px 余量）*/
.tpl-base {
    /*左右两栏约 1:2：左栏基础信息收窄，右侧追保区间表格更宽。
      不用 col-md-5/7：form-layout 自带 1rem 外边距，两栏 basis 相加已满 100% 会折行；
      左栏定宽（不缩不放）+ 右栏 .col(flex:1) 吸收剩余宽度，无折行风险*/
    flex: 0 0 34%;
    max-width: 34%;
}

.tpl-base input.text-box,
.tpl-base select {
    width: 240px;
}

.tpl-base textarea.text-box {
    width: calc(100% - 172px);
}

/*只读说明（规则描述/分类说明）：禁用输入框的灰底边框观感突兀，弱化为说明文字块；
  保留滚动（规则描述较长），滚动条细化*/
.tpl-base textarea.text-box:disabled {
    background: #f8f8f8;
    border: none;
    border-radius: 3px;
    color: #777;
    resize: none;
}

    .tpl-base textarea.text-box:disabled::-webkit-scrollbar {
        width: 4px;
    }

/*多选 chosen：有选中项后由页面 JS 隐藏搜索框（见 marginTemplateV2*Edit.js 的 refreshChosenSearchField），
  空态时搜索框独占控件全宽，负责展示"请选择…"占位*/

/*期限档位表操作列：delBtn 的 20px 左边距在 fixed 布局的窄列里会把"- 删除区块"挤成竖排*/
.border.detail td .delBtn {
    margin-left: 0;
    white-space: nowrap;
}

/*区块标题（新模板信息/选择模板规则/参数组N）：左色条 + 加粗，与表单正文分层*/
.border > p:first-child {
    font-weight: bold;
    border-left: 3px solid #e33333;
    padding-left: 6px;
}

/*参数组区块外边界加深：区块内表格线是浅灰，外框同步太浅导致分组不明显*/
.spanBlk.border {
    border-color: #9e9e9e !important;
}

/*期限档位区块表：固定布局让"标的资产类型"列吃剩余宽度，期限档位/操作按内容定宽，
  避免两列均分 100% 时操作列被撑得过宽、与内容不成比例*/
.border.detail table {
    table-layout: fixed;
}

/*标的资产类型多选（期限档位表单元格内）：chosen 初始化取原生 select 的固有宽度（约 150px），
  窄容器放不下第二个已选标签，导致标签逐行竖排；单元格空间充足，容器撑满即可横向排列*/
.border.detail .chosen-container-multi {
    width: 100% !important;
}