@charset "utf-8";
.form-group-title{height: 25px; font-size: 18px; font-weight: bold; color: #000000; line-height: 25px}
.form-inline{margin-bottom: 0.625rem; flex-wrap: nowrap}
.form-inline .area-tel-div{margin-right: 0.5rem}
.form-label-span{display: flex; margin-right: 0.75rem; width: 7rem; text-align: right; font-size: 0.875rem}
.form-label-span .form-required{color: #E34D59; margin-right: 5px}
.base-form .form-control{vertical-align: middle; font-size: 14px !important; box-sizing: border-box;}
.form-label-span{margin-bottom: 0;}
.form-label-span .form-label-name{width: 7rem; font-size: .875rem; font-weight: 400; color: rgba(0, 0, 0, 0.9); line-height: 1;}
.form-control-input{padding: 0px 0.25rem; line-height: 2rem; height: 2rem; vertical-align: middle; font-size: .875rem !important; box-sizing: border-box}
.float-right.search.btn-group .form-control{padding: 0px 0.25rem; line-height: 2rem; height: 2rem; vertical-align: middle; font-size: .875rem !important; box-sizing: border-box}
.form-control-input.form-control-area{width: 4rem; padding: 0 0.5rem; margin-right: 0.5rem}
.form-control-input.form-control-area.border-radius-none{border-radius: 0; margin-right: 0}
.form-control-input.form-control-tel{width: 26.875rem; padding: 0.5rem}
.form-control-input.form-control-tel.border-radius-none{border-radius: 0; margin-right: 0}
.form-control-select .select2-container--default .select2-selection--single{border-radius: 0}
.form-input-add{width: 32px; height: 32px; background: #FFFFFF; border: 1px dotted #DCDCDC; justify-content: center; display: flex; align-items: center; font-size: 16px; color: #ccc; cursor: pointer; margin: 0 8px}
.input-tip{height: 20px; font-size: 12px; font-weight: 400; line-height: 20px; margin: 5px 0; display: block}
.input-tip.input-error-tip{color: #E34D59}
.input-tip.input-warning-tip{color: #ffc107}
.input-after-tips{width: 24px; height: 24px; cursor: pointer; margin-left: 8px}
.form-input-group{margin: 0.625rem 0; position: relative; flex: 1;}
.form-input-group .form-control-close{position: absolute; top: 0.5625rem; right: 0.5625rem; width: 1rem; height: 1rem; cursor: pointer; z-index: 100}
.form-input-group .form-control-user{position: absolute; top: 0.5625rem; left: 0.5625rem; width: 1rem; height: 1rem; z-index: 1000; cursor: pointer}
.form-input-group .form-pass-check{position: absolute; top: 0.5625rem; right: 0.5625rem; width: 1rem; height: 1rem; z-index: 10000; cursor: pointer}
.form-input-group .form-control.form-close{padding-right: 1.875rem}
.form-input-group .form-control.form-user-pass{padding-left: 1.875rem}
.form-input-group .form-control.form-check-pass{padding: 0 1.875rem}
.form-input-group .input-group-text{padding: 0.125rem 0.75rem}
.form-input-group .input-clear-a{color: white}
.form-input-group .input-content:hover + .input-clear-a{color: #d4d4d4}
.nav-pills{width: 100%; border-bottom: 0.0625rem solid #E7E7E7}
.nav-pills .nav-link{background: none; padding-bottom: 0.75rem}
.nav-pills .nav-link a{color: #99000000; font-weight: bold}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link{color: #0052D9; border-radius: 0; border-bottom: 0.0625rem solid #0052D9; background: none;}
.nav-pills .nav-link.active a, .nav-pills .show > .nav-link a{height: 1.375rem; font-size: 0.875rem; font-weight: 500; line-height: 1.375rem; font-weight: bold}
.input-button-dropdown .btn-default{background: none; padding: 0 0.75rem; font-size: 12px}
/* cancle confirm button */
.cancle-button{cursor: pointer; padding: .5rem 1rem; height: 2.5rem; display: flex; align-items: center; justify-content: center; background: #E7E7E7; color: #000; border-radius: 3px;}
.add-activity{display: flex; flex-direction: column;}
/* 水平一排 */
.horizontal-content{display: flex; flex-direction: row; flex-wrap: wrap}
.horizontal-content.task-space-between{justify-content: space-between;}
/* 横向单行表单排列 */
.form-control-input.activity-input{width: 30rem; font-size: .875rem;}
.horizontal-content .form-group{margin-bottom: 0 !important}
.base-form{width: 100%;}
.check-list-inline{display: flex; flex-direction: row; align-items: center;}
.check-list-inline .custom-radio.ml12{margin-left: .75rem;}
.base-form .form-control.activity-input-select{width: 10.25rem;}
.base-form .form-control.money-input-select{width: 30rem;}
.form-site-select-add{display: flex; flex-direction: row; align-items: center;}
.form-site-add{display: flex; flex-direction: row; align-items: center; height: 2rem;}
.form-site-add p{height: 2rem; background: #FFFFFF; padding: 0 1rem; border: 1px dotted #DCDCDC; font-size: .875rem; cursor: pointer;}
.form-site-add p img{width: 1rem; height: 1rem; margin: .5rem 0;}
.form-site-add-area{flex-wrap: wrap; min-height: 2.5rem; background: #F8F8F8; border-radius: 2px; padding: .25rem 1rem;}
.form-site-add-area p{height: 1.5rem; background: #E7E7E7; border-radius: .1875rem; padding: .125rem .5rem; margin-right: .9375rem; margin: 0.25rem;}
.form-pay-way .sCheckbox{margin-top: 0;}
.form-pay-way .sCheckbox-wrap{flex-wrap: wrap; display: flex; flex-direction: row; align-items: center;}
.form-pay-way .sCheckbox .custom-checkbox-wrap{height: 2rem; background: #FFFFFF; border-radius: 2px; border: 1px solid #E0E0E0; padding: .3125rem .5rem; margin-right: .75rem; margin-bottom: .75rem;}
.form-gift-table{margin-left: 9rem}
.form-gift-table table{width: 100%}
.form-gift-table table thead{height: 3rem; background: #F3F3F3; border: 1px solid #F3F3F3; color: #3A3A3A;}
.form-gift-table table thead th, .form-gift-table table tbody td{text-align: center; font-weight: inherit;}
.form-gift-table table tbody td{padding: .875rem 0;}
.form-gift-table table tbody tr{position: relative;}
.form-gift-table table tbody tr .td{position: absolute; right: 0; bottom: 0; height: 2rem; width: 2rem; border: 1px dotted #DCDCDC; display: flex; flex-direction: column; justify-content: center; color: #b6b4b4;}
.form-button-group{margin-left: 9rem; margin-top: 1.25rem;}
.form-button-group p{margin-bottom: 0; background: #0052D9; padding: 0 0.5rem; margin-left: 2.3125rem; cursor: pointer; border-radius: 3px;}
.form-button-group p span{color: #FFFFFF; background: #0052D9; height: 2.5rem; display: flex; align-items: center; justify-content: center; margin-right: .375rem;}
/*task*/
.form-inline .form-control{width: 12.5rem; /*color:#959BA5;*/ padding: 0 5px}
.form-control{width: 12.5rem; /*color:#959BA5;*/ padding: 0 5px}
.float-right.search.btn-group .form-control{width: 100%}
.form-inline .form-control.form-input-task-select{width: 12.5rem; color: #000; padding: 0 2px}
.form-control.form-input-task-select{width: 12.5rem; color: #959BA5; padding: 0 2px}
.form-inline .form-control.form-control-input-edit{width: 25rem}
.form-control.form-control-input-edit{width: 25rem}
.form-inline .form-control.form-control-select2{width: 12.5rem}
.form-inline .form-control.form-control-input-time{width: 12.5rem;}
.btn.upBtn.form-button-search{height: 2rem; margin-left: 1.25rem; min-width: 4.375rem; background-color: rgb(17, 70, 116); color: white; font-size: 14px; line-height: 2rem; align-items: center; justify-content: center}
.noteSpan{display: none; margin-left: 10px}
.waringSpan{color: red; vertical-align: middle;}
.valid-DIV{height: 65px;}
/*分页重置*/
.page-item{margin: 0 5px;}
.page-item .page-link{line-height: 1; color: rgba(0, 0, 0, 0.6);}
.page-item.active .page-link{z-index: 3; color: #fff; outline: none; background: linear-gradient(270deg, #009A53 0%, #B8CB37 100%); border-radius: 3px; border-color: #fff;}
.page-item:hover .page-link{transition: all 0.5s ease-in-out; background: linear-gradient(270deg, #009A53 0%, #B8CB37 100%); color: #fff;}
.page-item.first, .page-item.last{display: none;}
.searchbox{padding: 0;}


/*task detail*/
.company_table tr td, .coordinate_table tr td{font-size: 0.875rem;}
.coordinate_table tr td{padding: 0.25rem 0}
.company_table tr td.form-inline{margin-bottom: 0}
.company_table tr td .form-control.form-control-input{height: 2rem; font-size: 0.875rem; padding: 0 0.5rem}
.company_table .form-radio-right, .coordinate_table tr td .form-radio-right{margin-right: 2rem}
.plusRemove{display: flex}
.task-detail{width: 100%; margin-top: 1rem}
.task-detail .task-detail-inline{width: 100%}
.task-detail .task-detail-inline ul{display: flex; flex-direction: row; flex-wrap: nowrap; width: 100%; justify-content: space-between}
.task-detail .task-detail-inline ul li{flex: 1; display: flex; flex-direction: row; align-items: center;}
.task-detail .task-detail-inline ul li.buyPackge{justify-content: initial}
.task-detail .task-detail-inline ul li.buyPackge label{margin-right: 1rem}
.task-detail .task-detail-inline ul li > label{width: 10rem; display: flex; justify-content: flex-end; margin-right: 0.5rem; margin-bottom: 0;}
.task-detail .task-detail-inline ul li > .form-control-input{width: calc(100% - 10rem);}
.task-detail .task-detail-inline ul li .checkList{display: flex; flex-direction: row}
.task-detail .task-detail-inline ul li .checkList .form-radio-right{margin-right: 1rem}
.form-time-line{display: flex; flex-direction: row; align-items: center; width: calc(100% - 10rem)}
.task-detail .task-detail-inline ul li .form-control-input-line{width: 0.75rem; justify-content: center; text-align: center}
.task-detail .task-detail-inline ul li .form-control-input.form-time-input{width: calc(100% - 10rem);}
/*.task-detail .form-table-input{width:100%}*/
/*需求添加*/
.checkList{display: flex; flex-direction: row}
.checkList .form-radio-right{margin-right: 1rem; display: flex;}
.searchbox{flex-wrap: wrap; width: 100%; text-align: center;}
.searchbox .btn{margin-right: 1rem}
.searchbox.edit-form-button{justify-content: center; display: flex; /*margin: 1.5rem 0*/}
.checkList .form-radio-right .custom-control-label{width: max-content}
.form-plan-add{display: flex; justify-content: center}
.form-plan-add .form-label-span{width: 7rem}
.form-plan-add .form-inline .form-control.form-control-input-time{width: 22.8rem}
.searchbox .btn{/*line-height: 28px;*/ /*margin-bottom: 0.5rem;*/}
.sCheckbox.clientChecbox{display: flex; flex-direction: row; flex-wrap: wrap}
.sCheckbox.clientChecbox .custom-checkbox{width: 20%; display: flex; flex-direction: row; justify-content: flex-start; margin-bottom: 0.5rem}
/*tips*/
.toasts-top-right{z-index: 10000000; width: 400px}
.plusRemove{border: none}
/*modal-body 超出*/
.modal-body.modal-body-overflow{max-height: 400px !important; overflow-y: auto !important}
/*编辑表格 样式重置*/
.form-edit-input .form-group{display: flex}
.form-edit-input .control-label{vertical-align: middle; line-height: 1; margin-bottom: 0; display: flex; align-items: center; justify-content: flex-end;}
/*平衡卡vue 样式*/
.form-inline .score-card-input{width: 20rem}
.form-inline .score-card-input-text{width: 8rem; margin-right: 1rem}
.form-inline .score-card-label{width: 10rem}
.form-inline .score-card-label .form-label-name{width: 10rem}
.button-link{display: block; width: 100%; margin: 5px; cursor: pointer}
.otherButton{font-size: 14px; letter-spacing: 2px; height: 20px; margin-left: 10px; cursor: pointer}
/*oa流程公共样式*/
.wrap-left-right{display: flex; flex-direction: row;}
.main-header{display: none}
.hr-time{width: 11.5rem;}
.hr-time-mr-add{margin-right: 2rem}
.hr-time-mr-check{margin-right: 5rem}
.hr-time-ml-add{margin-left: 2rem; line-height: 2rem;}
/*.hr-pic-input .input-group{*/
/* width: 25rem*/
/*}*/
textarea.form-control{width: 100%}
/*离职申请*/
.form-dimission-groups{display: flex; flex-direction: row; align-items: center;}
.form-dimission-group{flex: 1; display: flex; flex-direction: row; align-items: center;}
.form-dimission-group .control-label{width: 10rem}
.form-dimission-group .form-control-input-edit{width: calc(100% - 10rem)}
.form-control-check .form-dimission-group .form-control-input-edit{width: calc(100% - 10rem)}
.form-dimission-group .form-control-input-edit.form-control-edit-half{width: calc(50% - 10rem)}
.form-required{color: #E34D59;}
.help-block-ml{margin-left: 2rem}
.no-data-label{width: max-content; margin-right: 2rem}
.wrap-left-right .content_show{background: linear-gradient(270deg, #FAFDFF 0%, #F3F9FF 100%);}
.wrap-left-right .content_show > span{font-size: 14px; font-family: PingFangSC-Regular, PingFang SC; font-weight: 400; color: #828283; line-height: 21px;}
.wrap-left-right .content_show > span.title{font-weight: bold; color: #282828;}
.file-input > span{display: flex; flex-direction: row; align-items: center; justify-content: space-between}
/*销售漏斗*/
.form-salse-edit{margin: 1.5rem 0}
.form-salse-edit .form-dimission-group .form-control-input-edit{width: 20rem}
.form-salse-edit .form-dimission-group .form-control-input-edit.form-control-area{width: calc((100% - 11.5rem))}
.form-salse-edit .form-dimission-group .form-control-input-edit.form-salse-textarea{width: calc(100% - 19.8em)}
.form-salse-edit .form-dimission-group .multiselect-native-select{width: calc(100% - 23.5em)}
.form-salse-edit .form-dimission-group .form-control-input-edit.form-sales-time{width: 9rem}
.form-salse-edit .form-dimission-group .form-control-input-edit.form-sales-time.mr2rem{margin-right: 2rem}
.form-salse-edit .form-dimission-group > label{margin-bottom: 0; width: 10rem; vertical-align: middle; line-height: 1; margin-bottom: 0; display: flex; align-items: center; justify-content: flex-end; font-size: 14px; margin-right: 1rem}
.form-salse-edit .form-dimission-group .form-controls{width:calc(100% - 11.5rem);display: flex;flex-direction: column;position: relative}
.form-salse-edit .form-dimission-group .form-controls .form-control-input-edit{width:100%}
.form-salse-edit .form-dimission-group .form-controls .form-control-input-edit.form-control-edit-half{width:calc(50% - 5.5rem)}
.form-salse-edit .form-dimission-group .form-controls .noteSpan{display: none}
.form-salse-edit .form-dimission-group .form-controls .input-after{position: absolute;right: -1rem;top:0.5rem}
.form-salse-edit .searchbox{margin: 0}
.nav-tabs .nav-link{border: none}
/*更多查询条件 超过三行的*/
.moreSearchArrow{cursor: pointer; border: 0 none; background: #fff; color: #0b5ed7; position: relative;}
.moreSearchArrow:after{width: 8px; height: 8px; right: 0; top: 8px; content: ""; position: absolute; border-bottom: 1px solid #0b5ed7; border-right: 1px solid #0b5ed7; transform: rotate(45deg); transition: transform 0.2s ease;}
.upArrow.moreSearchArrow:after{top: 12px; transform: rotate(225deg);}
.horizontal-content{clear: both; position: relative;}
.group-search{display: flex}
.form-search-table-divider ~ .card-body{padding-top: 1rem; padding-bottom: 0.25rem;}
.form-search-table-divider ~ .card-body .dataTables_wrapper .row:last-child{display: flex; flex-direction: row; align-items: center; margin-top: 1rem}
.control-label i{color: red;}
/*单独按钮*/
.singleButton.btn{display: inline-block; width: auto; padding: 0 15px; line-height: 28px; vertical-align: middle; margin-left: 15px; margin-top: 0; font-size: 12px;}
.singleButton.btn-primary{background-color: transparent; border-color: #fff; background-image: linear-gradient(270deg, #009A53 0%, #B8CB37 100%); border-color: #fff; background-size: 200% 100%; border-radius: 3px; transition: all 1s ease-in-out;}
.singleButton.btn-default{background: #e8ecf0; border-color: #1c4970; color: #1c4970;}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li:first-child.select2-search.select2-search--inline{margin-left: 0;}
/*select 下拉箭头重置*/
select{/*去除外边框*/ border: none; /*适应safari浏览器内容不跑偏*/ line-height: 1; width: 100%; /*将默认的select选择框样式清除*/ appearance: none; -moz-appearance: none; -webkit-appearance: none; /*在选择框的最右侧中间显示小箭头图片*/ background: url(/upgradeStyle/images/collapse-dd0956d324d20815d1528670ca1a5b90.png) no-repeat scroll calc(100% - 10px) center transparent; background-size: 13px 10px; /*为下拉小箭头留出一点位置，避免被文字覆盖*/ font-size: 1.4rem; color: #fff; /*去除选中时样式*/ outline: none; /*去除点击一闪而过的灰色背景*/ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.table-head-vue{margin-top: 0.25rem}
.form-edit-input .control-label{vertical-align: middle; line-height: 1; margin-bottom: 0; display: flex; align-items: center; justify-content: flex-end; width: 8rem}
/*多行文本和 input label 顶部对齐*/
.control-label.label-top-just{align-items: baseline;}
/*select2 不可选的样式*/
.select2-container--default.select2-container--disabled .select2-selection--single{background: #e9ecef !important; border: none !important; border: 1px solid #ced4da !important}
/*合同申请新增*/
.form-contact-edit .form-group{display: flex; align-items: center; flex-direction: row}
.form-contact-edit .control-label{width: 10rem; vertical-align: middle; line-height: 1; margin-bottom: 0; display: flex; align-items: center; justify-content: flex-end; font-size: 14px;}
.form-contact-edit .form-group .form-control-input{width: 31.25rem}
.form-contact-edit .form-group .label-area-title{margin: 0 1rem; justify-content: center}
.form-contact-edit .form-group .form-control-input-area{width: calc(25.25rem / 3)}
.form-help-tip{margin-left: 1rem}
.form-contact-edit table tr td .form-control{height: 2rem !important}
.form-contact-edit .table{width: 36.25rem}
.form-contact-edit .form-controls{width: calc(100% - 10rem)}
.form-contact-add .form-group.form-group-mb1rem{margin-bottom: 1rem}
.form-contact-add .table.table-head-bg th{text-align: left;}
.form-contact-add .table.table-head-bg td{text-align: left;}
.form-contact-add .table tbody{height: 280px; overflow-y: auto;}
.form-contact-add .table thead, .form-contact-add .table tbody tr{display: table; width: 100%; table-layout: fixed;}
.form-contact-add .table thead{/*width:calc( 100% - 1em)*/}
.form-contact-add .table tbody tr td{border-right: 0;}
.form-contact-add .table tbody tr td .form-control{width: 100%}
.contact-add-table{text-align: left; margin-bottom: 10px; padding-bottom: 0}
.form-contact-label .form-group{display: flex; flex-direction: row; align-items: center}
.form-contact-label .control-label{width: 10rem; vertical-align: middle; line-height: 1; margin-bottom: 0; display: flex; align-items: center; justify-content: flex-end; font-size: 14px;}
.searchbox.formArea{position: fixed; bottom: 0px; left: 0px; box-shadow: 0px 2px 10px 0px rgb(28 71 112 / 15%); width: 100%; height: 60px; display: flex; flex-direction: row; align-items: center; justify-content: center; background: #fff;}
.form-horizontal{padding-bottom: 60px}
/*}*/
/*分配人员*/
.form-control.form-control-input.form-control-number{width: 5rem; margin: 0 0.5rem 0 1rem}
/*需求查询按钮表单 */
.input-button-search.need-input-form .horizontal-content{display: flex; flex-wrap: wrap}
.input-button-search.need-input-form .form-inline{margin-bottom: 0.75rem; flex-wrap: nowrap}
.input-button-search.need-input-form .form-inline .form-label-span{display: flex; margin-right: 0.75rem; width: 6rem; text-align: right; font-size: 0.875rem}
.input-button-search.need-input-form .form-inline .form-label-span .form-label-name{width: 6rem}
.input-button-search.need-input-form .form-inline .form-control{width: 11.25rem; border-radius: 2px;}
/*select2 选中样式重写*/
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[aria-selected]:hover{color: #fff; background-image: linear-gradient(270deg, #B8CB37 0%, #009A53 100%);}
.form-control:focus, input[type=text]:focus, .select2-container--default.select2-container--open .select2-selection--single, .select2-search--inline .select2-search__field:focus, .select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--single{border: 1px solid rgba(0, 154, 83, 1);}
.form-inline .form-control
.select2-container--default .select2-dropdown .select2-search__field:focus, .select2-container--default .select2-search--inline .select2-search__field:focus{border: 1px solid rgba(0, 154, 83, 1);}
.multiselect-container .multiselect-option.active:not(.multiselect-active-item-fallback), .multiselect-container .multiselect-group.active:not(.multiselect-active-item-fallback), .multiselect-container .multiselect-all.active:not(.multiselect-active-item-fallback), .multiselect-container .multiselect-option:not(.multiselect-active-item-fallback):active, .multiselect-container .multiselect-group:not(.multiselect-active-item-fallback):active, .multiselect-container .multiselect-all:not(.multiselect-active-item-fallback):active{background: none !important; border: none !important}
.searchbox .btn.search-right{float: right}
/*表格区域*/
div.dataTables_wrapper div.dataTables_info{padding-top: 0}
.form-input-time-mr{width: 10px; background: #84898e; height: 1px; margin: 0 0.5rem;}
.table-operation-btn{font-size: 14px; color: #4986C1; display: inline-block; padding: 0 5px 0 0px}
::-webkit-scrollbar{/*滚动条整体样式*/ width: 8px; /*高宽分别对应横竖滚动条的尺寸*/ height: 8px;}
::-webkit-scrollbar-thumb{/*滚动条里面小方块*/ border-radius: 10px; background: #ccc}
::-webkit-scrollbar-track{/*滚动条里面轨道*/ -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); background: 0 0}
.form-control::placeholder{/*font-weight: 400;*/ color: #444;}
.form-control::-webkit-input-placeholder{color: #444;}
.bootbox-body{font-size: 16px !important;}

.info-pointer{
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 10px 0;
    padding: 8px;
    background: rgba(28,71,112,0.1000);
    border-radius: 3px;
    color: rgba(0,0,0,0.9000);
    line-height: 22px;;
    font-weight: 400;
}
.icon-pointer{
    display: flex;
    flex-direction: row;
    align-items: center;

}
.icon-pointer::before{
    margin: 5px 5px 0 5px;
    content: url("/upgradeStyle/images/info-circle-fill-386c1ad24dbe56c0503fdaf4f91a3ca1.svg");

}