.right{
    float:right;
}
.helpP{
    margin:5px;
}
.helpLink{

}

.bg-green{
    background:#059ecaa8 !important;
}

.portlet{
    margin-bottom:10px !important;
}

p.red{
    color:red !important;
}
.helpImage{
    border:1px dashed green;
    margin-top:15px;
    margin-bottom:15px;
}

.orgchart{
    background-image:none !important;
    padding:0px !important;
}
.orgchart .node .title .symbol{
    display:none !important;
}

.orgchart .node .relation {
    box-sizing: border-box;
    width: 25%;
    float:left;
    height: 20px;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    border-left: 1px solid rgba(217, 83, 79, 0.8);
    border-right: 1px solid rgba(217, 83, 79, 0.8);
    border-bottom: 1px solid rgba(217, 83, 79, 0.8);
    border-radius: 0 0 4px 4px;
    text-align: center;
    background-color: #fff;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.orgDescTable{
    float:left;
    margin:15px;
}
.orgDescTable th{
    border:1px solid black;
    text-align: center;
    background: #c0c0c0;
}
.orgDescTable td{
    border:1px solid black;
    padding:4px;
}


.searchFormInput{
    width:100px !important;
    border: 0;
    border-bottom: 1px solid #c2cad8;
    /*background: 0 0;*/
}
.searchFormInput1{
    border: 0;
    border-bottom: 1px solid #c2cad8;
    /*background: 0 0;*/
}
.searchFormLabel{
    /*color:#1C005A;*/
    margin-left:5px;
}

.paging_bootstrap_number{
    padding-right:18px !important;
}
.dataTable tfoot tr{
    background-color:white !important;
}
table.dataTable tbody th, table.dataTable tbody td{
    padding: 8px 1px !important;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
    min-height: 1px;
    padding-left: 8px !important;
    padding-right: 0px !important;;
}
/*
search bar width
 */
.popover {
    width:384px !important;
}
.unTax{
    margin-left:20px;
    font-style:italic;
}
.handsontable th{
    background-color:#32c5d2!important;
}
.page-content-wrapper .page-content{
    padding: 0px 0 0 20px !important;
}
.mt-step-col{
    cursor:pointer !important;
}
.mt-step-col:hover{
    background-color: #3598dc !important;
}
/*
.mt-step-col:after{
    content: '';
    display: block;
    border-top: 32px solid transparent;
    border-bottom: 32px solid transparent;
    border-left: 20px solid #50abe4;
    position: absolute;
    right: -20px;
    top: 0;
    z-index: 10;
}

.mt-step-col:before{
    content: '';
    display: block;
    border-top: 32px solid red;
    border-bottom: 32px solid red;
    border-left: 20px solid blue;
    position: absolute;
    left: 0px;
    top: 0;
}
*/
.mt-element-step .step-thin .mt-step-title{
    font-size:16px !important;
    margin-top: 10px !important
}
.handsontable td{
    /*padding:6px 4px 4px 0px !important;*/
}
.handsontableInput{
    /*padding-top:6px !important;*/
}
.tip{display:none;position:absolute;background-color:#f6f7f7;color:#333333;line-height:18px;border:1px solid #e1e3e2;padding:5px;}

.handsontable .readonly{
    background: #ffffe0;
}

.quoteItemColl{

}
.quoteItemCollapse{
    background-image: url(../assets/global/img/portlet-collapse-icon.png);
    background-repeat: no-repeat;
    width: 14px;
    visibility: visible;
    cursor:pointer;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
}

.timeline .timeline-body{
    margin-top:5px !important;
    padding:10px !important;
}
.quoteItemExpand{
    background-image: url(../assets/global/img/portlet-expand-icon.png);
    background-repeat: no-repeat;
    width: 14px;
    visibility: visible;
    cursor:pointer;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Chrome/Safari/Opera */
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/*
    可编辑表格单元格样式
     */
.editableTD{
    background: #8fe6ad;
}

/*
报表内容字段
 */
.reportCellSpan{
    /*margin-right:20px;*/
    display:inline-block;
    min-width: 120px;
    max-width: 200px;
}

.reportCellLabel{
    font-weight:normal;
}

.reportCellvalue{
    color: #000099;
}

.reportCellSpan.customer{
    min-width: 250px !important;
}

.reportCellSpan.endDate{
    min-width: 150px !important;
}
.changeRow{
    background-color: red;
}
.searchOptions{
    list-style-type: none;
}

.searchOptions li{
    padding: 8px 0px 0px 0px;
    margin-left: -40px !important;
    cursor:pointer;
}
.searchOptions li a{
    padding-left: 20px;
    cursor:pointer;
}

.searchOptions li:hover{
    background: #ebebeb;
}

.quoteitem .ht_master .wtHolder {
    max-height: 408px;
}

.quoteitem .handsontableInputHolder .ht_master .wtHolder {
    max-height: 108px;
}

.dataTables_filter{
    margin-right:30px;
}

#loading-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  display: none;
}

#loading-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  border: 5px solid #fff;
  border-top-color: #888;
  border-radius: 50%;
  animation: spin 1s infinite linear;
}

@keyframes spin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}