/* datatable加载中动画样式修复 */
table.dataTable.auto_render + div.dataTables_processing,
div.dataTables_wrapper div.dataTables_processing{
    position: absolute;
    top:-1em;
    left:1em;
    right:1em;
    bottom:0em;
    margin-left:0;
    width:auto;
}
.ui.table[data-fixed-columns="1"]{
    border-radius: 0px;
}
/* bootstrap样式冲突 */
textarea,.uneditable-input,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"], input[type="month"],
input[type="time"], input[type="week"],
input[type="number"], input[type="email"],
input[type="url"],input[type="search"],
input[type="tel"], input[type="color"]{
    height: auto;
}
i.close.icon{
    float: inherit;
}
.ui.grid>.row{
    margin-left: 0;
}
.radio, .checkbox{
    padding-left: 0;
}
.modal{
    top: initial;
    left: initial;
}
.dropdownOrgSwitch .icon.check{
    float: right !important;
    color: red;
}
/* 表格模板的样式 */
.dataTables_wrapper{
    margin-top: 1em !important;
}
.tableTopBox{
    padding: 0 2%;
    text-align: right;
}
.tableTopBox .ui.buttons{
    margin-top: 10px;
}
.tableBox{
    width: 96%;
    margin: 0em auto;
    padding: 1em;
    background-color: white;
    border-radius: 3px;
}
.tableContentTop .ui.icon.input{
    margin-right: 1em;
}
.tableContentTop .ui.button.table_searchBtn{
    margin-left: 1em;
}
.tableContentTop .ui.button.table_searchMore{
    float: right;
    margin-right: 0em;
    padding-right: 1em;
}
.tableContentTop .ui.button.table_viewMore{
    float: right;
    margin-right: 0.5em;
}
.tableContentTop .ui.button.table_searchMore i.icon {
    margin-left: 0.428571em;
    margin-right: 0em;
}
.tableContentTop .ui.button.table_searchMore.active i.icon {
    transform: rotate(180deg);
}

.buttons{
    background-color: white;
}
/* 表格复选框样式修改  向sui的checkbox样式靠近 */
table.dataTable.auto_render tbody td.select-checkbox:before,
table.dataTable.auto_render tbody th.select-checkbox:before{
    width: 19px;
    height: 19px;
    background: #fff;
    border-radius: .21428571rem;
    border: 1px solid #d4d4d5;
    margin-top: -9px;
    margin-left: -9px;
}
table.dataTable.auto_render tr.selected td.select-checkbox:after,
table.dataTable.auto_render tr.selected th.select-checkbox:after{
    content: '\e800';
    font-family: Checkbox;
    margin-top: -9px;
    margin-left: -5px;
    text-shadow: none;
}

table.dataTable tbody>tr.selected, table.dataTable tbody>tr>.selected {
    background-color:#fff7f7;
}
div.dt-button-info {
    border: 1px solid #eee;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
    color:#333;
}
div.dt-button-info h2 {
    display:none;
}
/* 隐藏表格打印复制按钮组 */
.fdx_button_row  {
    display:none;
}
table[id][data-fixed-columns].ui.table.dataTable thead tr th:after{
    content: "";
}

/* 表格最后一列icon的定位 */
table.auto_render td.table_extra.table_last_col div{
    display: flex;
    justify-content: space-around;
}
table.auto_render th.table_extra.table_last_col{
    text-align: center;
}
/* 表格中label样式修改 */
table.auto_render .ui.button,
table.auto_render .ui.buttons,
table.auto_render .ui.label,
table.auto_render.ui.labels,
table.auto_render .ui.input{
    margin-bottom: 0;
}


/*  待修改*/
.full-width{
    overflow: hidden;
    word-break: keep-all;
    white-space:nowrap;
    text-overflow:ellipsis;

}
/* 当dropdown没有search类名时，mini不起作用 */
.ui.selection.dropdown.mini{
    font-size: .78571429em;
}
.operationButtons .table_cols.ui.dropdown .menu>.item{
    display: flex;
    justify-content: space-between;
}
.operationButtons .table_cols .menu .item .check.icon{
    color: red;
    margin-left: 10px;
}

    /*表单*/
.ui.form .inline.full.field>.inputSurface,
.ui.form .inline.full.field>.fdx_ztree_dropdown,
.ui.form .inline.full.field>input,
.ui.form .inline.full.field>select,
.ui.form .inline.full.field>textarea,
.ui.form .inline.full.fields .field>input,
.ui.form .inline.full.fields .field>textarea,
.ui.form .inline.full.fields .field>select,
.ui.form .inline.full.field>.box {
    width:calc( 100% - 9em - 0.857143em);
    display: inline-block;
}
.ui.form .inline.full.field.divBox{
    display: flex;
    align-items: flex-start;
}
.ui.form .inline.full.field.divBox>.box{
    border: 1px solid rgba(34,36,38,.15);
    margin-left: 3px;
    border-radius: 3px;
    padding: 10px;
    min-height: 50px;
}
.ui.form .inline.full.field.divBox .grouped.fields{
    margin-left: 20px;
}
.ui.form .inline.full.field>input.minInput{
    width: 4em;
    padding-left: .5em;
    padding-right: .5em;
    text-align: center;
}
.ui.form .inline.full.field>.calendar,
.ui.form .inline.full.fields .field>.calendar{
    width:calc( 100% - 9em - 0.857143em);
    display: inline-block;
}

.ui.form .inline.full.field>.calendar .input,
.ui.form .inline.full.fields .field>.calendar .input{
    width:100%;
}

.ui.form .inline.full.field>:first-child,
.ui.form .inline.full.fields .field>:first-child {
    width:7em;
    text-align: right;
}
.ui.form .inline.field>.selection.dropdown,
.ui.form .inline.fields .field>.selection.dropdown {
    width:calc( 100% - 9em - 0.857143em);
}
.ui.mini.search.inline.searchInput{
    display: inline-block;
    width: calc( 100% - 9em - 0.857143em);
}
.ui.mini.search.inline.searchInput input.prompt{
    margin: 0;
}

/*修复表单inline提示样式*/
.ui.form .inline.field.full .prompt,
.ui.form .inline.fields .field.full .prompt {
    margin-left: 8em;
    margin-top: 0.75em;
}
.ui.form .inline.field.full .prompt:before,
.ui.form .inline.fields .field.full .prompt:before {
    border-width: 1px 0 0 1px;
    bottom: auto;
    right: auto;
    top: 0;
    left: 50%;
}

.ui.modal .ui.header .sub.header {
    display: inline-block;
    margin-left: 1em;
}
/* 弹窗中的确定按钮因为有特定的类名  会覆盖 red 的样式  所以重新定义 */
.ui.positive.button.red,
.ui.positive.buttons .button.red{
    background-color: red;
    color: white;
}

/* modal的×位置修改 */
.ui.modal>.close{
    top: 0.5rem;
    right: 0.5rem;
    color: black;
}
/* modal膜层透明度修改 */
.ui.dimmer{
    background-color: rgba(0,0,0,.35);
}
/* toast样式修改 */
#toast-container>div{
    opacity: 1;
    padding: 15px;
}
#toast-container>div.toast-error{
    background-color: #ffe8e6;
    color: #db2828;
    -webkit-box-shadow: 0 0 0 1px #db2828 inset, 0 0 0 0 transparent;
    box-shadow: 0 0 0 1px #db2828 inset, 0 0 0 0 transparent;
    background-image: none !important;
}
#toast-container>div.toast-success{
    background-color: #e5f9e7;
    color: #1ebc30;
    -webkit-box-shadow: 0 0 0 1px #1ebc30 inset, 0 0 0 0 transparent;
    box-shadow: 0 0 0 1px #1ebc30 inset, 0 0 0 0 transparent;
    background-image: none !important;
}
.toast-center-center{
    top: 44vh;
    width: 100%;
    display: flex;
    justify-content: center;
}
#toast-container>.toast-info.noBg{
    background-image: none !important;
}

/* 自定义sweetalert相关样式 */
.swal2-containe {
    background-color: rgba(0,0,0,0.3);
}
.swal2-modal {
    box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
    padding:1.25em 0em 0em 0em!important;
}
.swal2-confirm,
.swal2-cancel {
    padding: 0.9em 1.5em 0.9em!important;
    display: block;
    float: right;
    margin-right:1em!important;
}
.swal2-spacer {
    clear:both;
    height: 0.5em!important;
    border-top:1px solid #efefef!important;
}
.swal2-cancel {
    margin-right:1em!important;
}
.swal2-close {
    font-size:1.6em!important;
    line-height:1.6em!important;
}
.fdx_alert .swal2-icon {
    border:0px;
    width:auto;
    height:auto;
    float: left;
    font-family: outline-icons;
    font-size:2em;
    line-height:2em;
    margin:0em 1em 1em 1em;
    text-align: center;
}
.fdx_alert .swal2-icon>* {
    display: none!important;
}

.fdx_alert .swal2-title {
    font-size:16px!important;
    text-align: left!important;
    padding:1.1em 1.1em 0em 0em!important;
    margin:0!important;
}
.fdx_alert .swal2-title span.swal2-subTit{
    font-size: 12px;
    color: #aaa;
    margin-left: 1em;
    font-weight: 100;
}
.fdx_alert #modalContentId {
    font-size: 13px!important;
    margin:2em;
    margin-left: 5.5em;
    text-align:left;
    color:rgba(0,0,0,0.6);
    word-break: break-all;
    word-wrap: break-word;
}
.fdx_alert #modalContentId .ui.form{

}
.fdx_alert .swal2-icon.swal2-success{
    margin-right:19px;
}
.fdx_alert .swal2-icon.swal2-success::before {
    content: '\f058';
    border-radius:unset;
    position:inherit;
    width: auto;
    height: auto;
    top:auto;
    left:auto;
    background:transparent;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    color: #a5dc86;
}
.fdx_alert .swal2-icon.swal2-success::after {
    display: none;
}
.fdx_alert .animate-error-icon {
    animation:none!important;
}
.fdx_alert .animate-x-mark {
    animation:none!important;
}
.fdx_alert .swal2-icon.swal2-warning,
.fdx_alert .swal2-icon.swal2-info  {
    font-size:2em;
    color:transparent;
    margin-right:10px;
    margin-bottom: 0em;
    font-family: Icons;
}
.fdx_alert .swal2-icon.swal2-warning:before,
.fdx_alert .swal2-icon.swal2-info:before {
    color:#f8bb86;
    content: "\f06a";
}
.fdx_alert .swal2-icon.swal2-info:before {
    color:#3fc3ee;
}

.fdx_alert  .swal2-icon.swal2-error{
    margin-right:19px;
}
.fdx_alert  .swal2-icon.swal2-error:before {
    color:#f27474;
    content: "\f057";
}
/* 预删除接口返回多条数据时 表格样式 */
.fdx_alert .deleteInfo{
    max-height: 300px;
    overflow-y: auto;
}
.fdx_alert .deleteInfo table{
    margin: 1em auto;
}
.fdx_alert .deleteInfo table th{
    font-weight: bold;
    color: #444;
}
.fdx_alert .deleteInfo table td,.fdx_alert .deleteInfo table th{
    width: 140px;
    padding: 5px;
}
/* 图片预览弹窗中image */
.ui.modal.imgPreviewModal>.content>.imgContent{
    width: 300px;
    height: 300px;
    margin: 0 auto;
    position: relative;
}
.ui.modal.imgPreviewModal>.content>.imgContent>.image{
    /*max-width: 300px;
    max-height: 300px;
    margin: 0 auto;
    object-fit: cover;*/
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.field.inline.full.check{
    padding: .8em 0;
}
/**/
.ui.modal .ui.form .ui.accordion .title{
    width: 100px;
}

/*活动列表  表格最后一列样式*/
table.auto_render td.table_extra.table_last_col .rightBtnItem{
    padding: 0 .5em;
    border-right: 1px solid #169BD5;
    cursor: pointer;
    color: #14b3d5;
}
table.auto_render td.table_extra.table_last_col .rightBtnItem:hover{
    color: #169BD5;
}

table.auto_render td.table_extra.table_last_col .rightBtnItem.notBorder{
    border-right: none;
}

.checkBoxContent{
    padding: .5em 0;
}
.checkBoxContent .checkBoxItem {
    display: flex;
}
.tableContentTop .checkBoxItem .left{
    width: 5em;
    margin-right: 1em;
    text-align: left;
}
.tableContentTop .checkBoxItem .right,
.tableContentTop .checkBoxItem .right .rightItem{
    margin-bottom: 1em;
}
.tableContentTop .checkBoxItem .right .rightItem:last-child{
    margin-bottom: 0;
}
.checkBoxContent .checkBoxItem .right .ui.checkbox{
    width: 10em;
}
.tableContentTop .timeContent{
    display: flex;
    align-items: center;
}
.tableContentTop .timeContent .left{
    margin-right: 1em;
}
.tableContentTop .timeContent .ui.icon.input{
    margin: 0;
}
.tableContentTop .timeContent .separate{
    margin: 0 1em;
}
/*财务管理中表格上方额外内容的样式*/
.excessData{
    display: flex;
}
.excessData .money{
    margin-right: 2%;
}
.excessData .money,
.excessData .point{
    width: 49%;
    padding: 2em 1em;
    border: 1px solid #eee;
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 2em;
}
.excessData .money>div:first-child,
.excessData .point>div:first-child{
    height: 1.6em;
    line-height: 1.6em;
    font-size: 1.4em;
    margin-bottom: 1em;
    font-weight: bold;
}
.excessData .money>div:last-child,
.excessData .point>div:last-child{
    display: flex;
}
.excessData .money>div:last-child>div,
.excessData .point>div:last-child>div{
    width: 33%;
    overflow: hidden;
    word-break: keep-all;
    white-space:nowrap;
    text-overflow:ellipsis;
}
/*财务管理中模板额外内容的样式*/
.tplWalletDetails{
    padding: 1.25rem 1.5rem;
    font-size: 1.2em;
    display: flex;
    justify-content: space-between;
    background-color: #efefef;
}
.tplWalletDetails>div{
    width: 49%;
}
.tplWalletDetails>div.hide{
    display: none;
}
.tplWalletDetails .refundBtn{
    color: #16add5;
    font-size: 12px;
    margin-left: 1em;
    cursor: pointer;
}
.tplWalletDetails .refundBtn:hover{
    color: #169BD5;
}


.fdxPage{
    width: 96%;
    margin: 0 auto;
    background-color: white;
    border-radius: 5px;
    overflow: hidden;
    padding: 2em;
    position: relative;
    margin-top: 2em;
}
.ui.toggle.checkbox label:before{
    background-color: #d9d9d9;
}

/* 花费返利模板样式 */
/*#template_payBackRate_organization_list .ui.form{
    margin: 0 auto;
}*/
.payBackRateTplDefaultRules>div:first-child{
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}
.payBackRateTplDefaultRules>div:first-child>div:first-child{
    width: 40%;
}
.payBackRateInputBox{
    display: flex;
    align-items: center;
}
#template_payBackRate_organization_list input.fdx_input{
    margin: 0 10px;
}
.ui.form input.fdx_input{
    width: 90px;
}
.payBackRateTplRules tr td:first-child,
.payBackRateTplRules tr th:first-child{
    width: 40%;
}
.payBackRateTplRules table{
    margin-top: 2em;
    width: 100%;
}

/* 审核晒票 模板  样式  */
#template_audit_ticket_list>.content{
    display: flex;
    justify-content: space-between;
}
#template_audit_ticket_list>.content>div{
    width: 49%;
}
#template_audit_ticket_list .formContentRight{
    height: 400px;
}
#template_audit_ticket_list .ui.form .inline.full.field>:first-child,
#template_audit_ticket_list .ui.form .inline.full.fields .field>:first-child{
    width: 6em;
    text-align: left;
    font-weight: normal;
    padding-left: 1em;
}
#template_audit_ticket_list .ui.form .inline.full.field.check>:first-child{
    width: 0;
    margin: 0;
}
#template_audit_ticket_list .ui.form .inline.full.field.check .radio{
    margin-right: 2em;
}
#template_audit_ticket_list .ui.form .ui.accordion .title{
    width: 70px;
    font-weight: bold;
    border-left: 2px solid red;
    padding: 0 5px;
}
#template_audit_ticket_list .productList{
    padding: 0 1em;
}
#template_audit_ticket_list .ui.form .inline.field>.selection.dropdown,
#template_audit_ticket_list .ui.form .inline.full.field>.calendar,
#template_audit_ticket_list .ui.form .inline.full.field>textarea,
#template_audit_ticket_list .ui.form .inline.full.field>input{
    width: calc( 100% - 7em - 0.857143em);
}
#template_audit_ticket_list .ui.form .field{
    position: relative;
}
#template_audit_ticket_list .ui.form .field .inputRight{
    position: absolute;
    top: 0;
    right: 1em;
    padding: .67857143em 1em;
}
#template_audit_ticket_list .productList .li{
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
#template_audit_ticket_list .productList .li>div:first-child{
    width: calc( 100% - 20em);
}
#template_audit_ticket_list .productList .li>div:last-child{
    width: 18em;
}
#template_audit_ticket_list .productList .li>div:last-child .fields{
    width: 100%;
    margin: 0;
}
#template_audit_ticket_list .productList .li .field,
#template_audit_ticket_list .productList .li .fields{
    margin-bottom: 0;
}
#template_audit_ticket_list .productList .li .field{
    width: auto;
    padding: 0;
}
#template_audit_ticket_list .productList .li .field.product_id{
    margin-top: 0.685em;
}
#template_audit_ticket_list .productList .li .field.product_id label{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#template_audit_ticket_list .productList .li .field .amount{
    width: 8em;
    margin-left: .6em;
}
#template_audit_ticket_list .ui.form .productList .field>label.hide{
    display: none;
}
#template_audit_ticket_list .ui.form .inline.field.full .prompt,
#template_audit_ticket_list .ui.form .inline.fields .field.full .prompt{
    margin-left: 7em;
}
#template_audit_ticket_list .ui.form .field._error .inputRight,
#template_audit_ticket_list .ui.form .field._error input[type=text]{
    border-color: #e0b4b4;
    color: #9f3a38;
}

/* 带加减功能的input */
.myCalculatedInput{
    border: 1px solid rgba(34,36,38,.15);
    border-radius: 3px;
    display: flex;
    width: 9.6em;
}
.myCalculatedInput .icon{
    display: flex;
    align-items: center;
    justify-content: center;
}
.myCalculatedInput>.icon{
    padding: 0 .65em;
    cursor: pointer;
}
.myCalculatedInput>.icon.disabled{
    opacity: .5;
}
.ui.form .myCalculatedInput .mci_inp input:not([type]){
    border-radius: 0;
    border-bottom: 0;
    border-top: 0;
    text-align: center;
    width: 4em;
    height: 98%;
}
.ui.form .myCalculatedInput .mci_inp input:not([type]):focus{
    border-color: rgba(34,36,38,.15);
}
/* 侧边菜单icon */
.sidebar .item i.titleIcon{
    font-size: 15px;
    margin-top: -2px !important;
}
/* input框右边有span 例如：密码框  验证码框 */
.rightHasSpan{
    position: relative;
}
.rightHasSpan span{
    position: absolute;
    right: 0;
    top: 0;
    padding: .6em 1em;
    cursor: pointer;
    color: #666;
}
.rightHasSpan span:hover{
    color: black;
}
.inline.full.rightHasSpan span{
    right: 2em;
}

table.auto_render .overflow{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.hide{
    display: none;
}
.tableHover{
    cursor: pointer;
}


.fdx_tree_drop{
    position: relative;
    z-index: 10;
    font-size: .78571429em;
    vertical-align: top;
    cursor: pointer;
    word-wrap: break-word;
    line-height: 1em;
    white-space: normal;
    outline: 0;
    -webkit-transform: rotateZ(0);
    transform: rotateZ(0);
    min-width: 14em;
    min-height: 2.71428571em;
    background: #fff;
    display: inline-block;
    padding: .78571429em 2.1em .78571429em 1em;
    color: rgba(0,0,0,.87);
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid rgba(34,36,38,.15);
    border-radius: .28571429rem;
    -webkit-transition: width .1s ease,-webkit-box-shadow .1s ease;
    transition: width .1s ease,-webkit-box-shadow .1s ease;
    transition: box-shadow .1s ease,width .1s ease;
    transition: box-shadow .1s ease,width .1s ease,-webkit-box-shadow .1s ease;
}
.fdx_tree_drop:hover{
    border-color: #aaa;
}
.fdx_tree_drop.select{
    border-bottom-left-radius: 0!important;
    border-bottom-right-radius: 0!important;
    border-color: #96c8da;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.fdx_tree_drop>.default.text{
    color: rgba(191,191,191,.87);
    display: inline-block;
}
.fdx_tree_drop>.default.text.hide,
.fdx_tree_drop>.text.hide{
    display: none;
}
.fdx_tree_drop>.dropdown.icon{
    cursor: pointer;
    position: absolute;
    width: auto;
    height: auto;
    line-height: 1.21428571em;
    top: .78571429em;
    right: 1em;
    z-index: 3;
    margin: -.78571429em;
    padding: .91666667em;
    opacity: .8;
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease;
}
.fdx_tree_drop>.treeContent{
    display: block;
    line-height: 2.7em;
    border: 1px solid #96c8da;
    -webkit-box-shadow: 0 2px 3px 0 rgba(34,36,38,.15);
    box-shadow: 0 2px 3px 0 rgba(34,36,38,.15);
    max-height: 16.02857143rem;
    /*overflow-x: hidden;*/
    overflow-y: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-overflow-scrolling: touch;
    border-top-width: 0!important;
    outline: 0;
    margin: 0 -1px;
    width: calc(100% + 2px);
    border-radius: 0 0 .28571429rem .28571429rem;
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease;
    left: 0;
    top: 100%;
    cursor: auto;
    position: absolute;
    padding: 0 0;
    background: #fff;
    font-size: 1em;
    text-shadow: none;
    text-align: left;
    z-index: 11;
    will-change: transform,opacity;
}
.fdx_tree_drop>.treeContent.hide{
    display: none;
}

.fdx_tree_drop.multiple>.treeContent.jstree-default .jstree-wholerow-clicked{
    background: white;
}
.fdx_tree_drop.multiple>.treeContent.jstree-default .jstree-wholerow-clicked.jstree-wholerow-hovered,
.fdx_tree_drop.multiple>.treeContent.jstree-default .jstree-wholerow-hovered {
    background: #eee;
}

.fdx_tree_drop>.treeContent.jstree-default .jstree-wholerow-clicked.jstree-wholerow-hovered,
.fdx_tree_drop>.treeContent.jstree-default .jstree-wholerow-clicked{
    background: #ddd;
}
.fdx_tree_drop>.treeContent.jstree-default .jstree-wholerow-hovered {
    background: #eee;
}

.fdx_tree_drop.multiple>.label{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    font-size: 1em;
    padding: .35714286em .78571429em;
    margin: .14285714rem .28571429rem .14285714rem 0;
    margin-top: 0.142857rem;
    margin-right: 0.285714rem;
    margin-bottom: 0.142857rem;
    margin-left: 0px;
    -webkit-box-shadow: 0 0 0 1px rgba(34,36,38,.15) inset;
    box-shadow: 0 0 0 1px rgba(34,36,38,.15) inset;
}
.fdx_tree_drop.multiple>.text{
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    padding: inherit;
    margin: .45238095em 0 .45238095em .64285714em;
    margin-top: 0.452381em;
    margin-right: 0px;
    margin-bottom: 0.452381em;
    margin-left: 0.642857em;
    line-height: 1.21428571em;
}
.fdx_tree_drop.multiple>.label~.text{display: none;}
.fdx_tree_drop.multiple{
    padding: .22619048em 2.1em .22619048em .35714286em;
}

.fdx_tree_drop.search>input.search{
    line-height: 1.21428571em;
    padding: .67857143em 2.1em .67857143em 1em;
    position: absolute;
    z-index: 2;
    background: none transparent!important;
    border: none!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    cursor: auto;
    top: 0;
    left: 1px;
    width: 100%;
    outline: 0;
    -webkit-tap-highlight-color: rgba(255,255,255,0);
}
.fdx_tree_drop.multiple.search>input.search{
    position: static;
    padding: 0;
    max-width: 100%;
    margin: .45238095em 0 .45238095em .64285714em;
    width: 2.2em;
    line-height: 1.21428571em;
    cursor: text;
}

.ui.circular.image.headImage{
    height: 35px;
}

/* 导入页面样式 */
.fdx_excel_top_box{
    width: 96%;
    margin: 0 auto;
    height: 80px;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}
.fdx_excel_top_box .ui.buttons {
    margin-bottom: 0;
}
.fdx_auto_render_excel .handsontable.content{
    width: 100%;
    min-height: 400px;
    overflow-x: auto;
}
.fdx_auto_render_excel{
    width: 96%;
    margin: 0 auto;
    border-radius: 5px;
    background-color: white;
    position: relative;
}
.fdx_auto_render_excel [type='file']{
    display: none;
}

.fdx_auto_render_excel .dropBox{
    width: 100%;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.fdx_auto_render_excel .dropBox>.file_label{
    text-align: center;
    cursor: pointer;
}
.fdx_auto_render_excel .file_label .icon.upload{
    display: block;
    text-align: center;
    width: 100%;
    font-size: 2em;
    color: #e60000;
}
.fdx_auto_render_excel .file_label p{
    color: #bbb;
}

.fdx_auto_render_excel .excelContentBox{
    width: 96%;
    margin: 0 auto;
    padding: 2em 0;
}
.fdx_auto_render_excel .excelContent{
    min-height: 400px;
}
.fdx_auto_render_excel .excelContentBottom .excelBtns button{
    margin-left: 10px;
}
.fdx_auto_render_excel .excelContentBottom .excelBtns button:first-child{
    margin-left: 50px;
}

.fdx_auto_render_excel .ui.segment{
    position: absolute;
    width: 100%;
}
.fdx_auto_render_excel ._hide{
    display: none !important;
}
#fdx_socket_progress{
    position: fixed;
    bottom: 80px;
    right: 20px;
    width: 250px;
    z-index: 9999;
    display: flex;
    flex-direction: column-reverse;
}
#fdx_socket_progress .progress_item{
    background-color: white;
    border-radius: 3px;
    box-shadow: 0 0 14px #d4d4d4;
    padding: 1em;
    border: 1px solid #eee;
    color: #666;
    margin-top: 10px;
}
#fdx_socket_progress .progress_item .text{
    font-weight: bold;
}
#fdx_socket_progress .progress_item .text .result{
    font-weight: bold;
}
#fdx_socket_progress .progress_item .text .result.false{
    color: red;
}
#fdx_socket_progress .progress_item .text .result.true{
    color: green;
}
#fdx_socket_progress .progress_item .ui.progress{
    margin-bottom: 0;
    margin-top: 10px;
}

.ui.basic.button a,
.ui.basic.buttons .button a{
    color: rgba(0,0,0,.6);
}
.ui.dropdown .menu>.item>.fdx_menu_item_box{
    position: relative;
}
.ui.dropdown .menu>.item>.fdx_menu_item_box>span:last-child{
    position: absolute;
    right: 0;
    color: #999;
}
.ui.multiple.dropdown .ui.label>.fdx_menu_item_box{
    display: inline-block;
}
.ui.dropdown .text>.fdx_menu_item_box>span,
.ui.multiple.dropdown .ui.label>.fdx_menu_item_box>span{
    margin-right: .5em;
}
.ui.dropdown .text>.fdx_menu_item_box>span:last-child,
.ui.multiple.dropdown .ui.label>.fdx_menu_item_box>span:last-child{
    margin-right: 0;
}

/*带百分号的input 需在input外面包一个div.percentage*/
.percentage{position: relative;}
.ui.form .percentage>input{padding-right: 2em;}
.percentage:before{
    content: '%';
    position: absolute;
    width: 1em;
    height: 1em;
    top: .67857143em;
    right: .5em;
}