.reference-container{
  padding-top:15px;
  padding-bottom:100px; 
}
.reference-container .reference-title{
	height: 16px;
  line-height:16px;
	font-size: 16px;
  color: #333333;
  margin-bottom: 21px;
  font-weight:bold;
}
.reference-container .reference-title span{
  font-size: 14px;
  color: #666;
  font-weight: normal;
  margin-left:20px;
}
.reference-container .search-row{
  display:flex;
  align-items: center;
  margin-bottom: 12px;
}
.reference-container .search-row input:not(.search-btn){    
  width: 296px;
	height: 32px;
	border-radius: 4px;
	border: solid 1px #d9d9d9;
  box-sizing: border-box;
  padding-left:12px;
  padding-right: 56px;
}
.reference-container .search-row .search-btn{
  width: 44px;
  margin-left: -44px;
  height:32px;
  color: #FFF;
  font-size: 16px;
  cursor: pointer;
  border: none;
  /*background: #ff6d00;*/
  background: #ff6d00 url(../../images/temp/searchBar-icon.png) 13px 8px no-repeat;
  border-top-right-radius: 5px;
  border-bottom-right-radius:5px;
  text-align: right;

}
.reference-container .search-row input.focus{
  border-color: #ff6d00;
}
.reference-container .search-row button{
  width: 70px;
  height:32px;
  border-radius: 4px;
  margin-left:10px;
  z-index:1;
}
.reference-container .search-row .total{    
  margin-left:20px;
	height: 13px;
	line-height: 13px;
	font-size: 14px;
	color: #666666;
}
.reference-container .search-row .total span{
  color: #ff6d00;
}
.reference-container .table-container{
  border: 1px solid #eee;
  box-sizing: border-box;
  max-width:1200px;
}
.reference-container .table-container::-webkit-scrollbar{
  width: 8px;
  height: 8px;
  background:#eee;
}
.reference-container .table-container::-webkit-scrollbar-thumb {
  border-radius:5px;
  background:#ccc   ;
}
.reference-container .table-container::-webkit-scrollbar-corner{
  background:#eee;
}

.reference-container .table-container .thead{
  position: sticky;
  z-index:10;
  top:0;
  left:0;
}
.reference-container .table-container .thead td{
  background:#fff;
  font-weight:bold;
  color:#333;
}
.reference-container .table-container table tr{
  display:flex;
}
.reference-container .table-container table td{
  padding: 4px 9px;
  text-overflow: ellipsis;
  white-space:nowrap;
  overflow:hidden;
  color: #666666;
  font-size: 14px;
  width:120px;
  border: 1px solid #eeeeee;
  border-top: none;
  border-left: none;
  box-sizing: border-box;
}
.reference-container .table-container table td:first-child{
  border-left:1px solid #eeeeee;
}
.reference-container .table-container .thead td{
  border-top:1px solid #eeeeee;
}


/* .reference-container .table-container table td:first-child,
.reference-container .table-container table td:nth-child(3){
  width:160px;
} */
.reference-container .table-container .tbody td:nth-child(2),
.reference-container .table-container .tbody td:nth-child(4){
  background:#fafafa;
}
.reference-container .table-container .tbody td:nth-child(3),
.reference-container .table-container .tbody td:nth-child(5){
  color: #175199;
  cursor: pointer;
}
/* .reference-container .table-container table td:nth-child(2),
.reference-container .table-container table td:nth-child(4){
  width:180px;
} */
.reference-container .table-container table td.tips-content{
  width:100%;
  border-left: none;
  border-right: none;
  color:#666;
  font-size:14px;
  text-align:center;
  align-self: stretch;
}   
.reference-container .table-container .tbody tr:not(:last-child):hover td{
  background: #fff0e5 !important;
  color:#ff6d00;
}
.reference-container .table-container .tbody{
  width:100%;
}
.reference-container .table-container .empty-box{
  display:flex;
  align-items:center;
  justify-content: center;
  width:100%;
  height:600px;
  background:#fff;
}
.reference-container .table-container .tbody .tips-content{
  position:sticky;
  left:0px;
}
.reference-container .fixed-table{
  position:fixed;
  /* left:50%; */
  /* transform:translate(-50%,0); */
  background:#fff;
  z-index:10000;
  top: 240px;
}
.reference-container .fixed-table::-webkit-scrollbar{
  display:none;
}
.reference-container .fixed-table.over-big,
.reference-container .custom-scroll.over-big{
  left:0;
  transform: translate(0,0);
}

.reference-container .custom-scroll{
  position: fixed;
  width:1200px;
  overflow-x:auto;
  overflow-y:hidden;
  /* left: 50%; */
  bottom:0px;
  /* transform:translate(-50%,0); */
}
.reference-container .custom-scroll .custom-scroll-content{
  width:1500px;
  height:0.1px;
}

.reference-container .custom-scroll::-webkit-scrollbar{
  width: 8px;
  height: 8px;
  background:#eee;
}
.reference-container .custom-scroll::-webkit-scrollbar-thumb {
  border-radius:5px;
  background:#ccc   ;
}
.reference-container .custom-scroll::-webkit-scrollbar-corner{
  background:#eee;
}
.reference-container .sticky-row{
  position:sticky;
  top:71px;
  background:#fff;
  z-index:10000;
  margin-top:-27px;
  padding-top:27px;
}
.reference-container .sticky-row:after{
  display:table;
  content:'';
  clear:both;
}

.reference-container table tr td:first-child{
  position:sticky;
  left:0;
  background:#fff;
}

.reference-container table tr td:first-child:not(.tips-content).shadow{
  box-shadow: 5px 0 4px 0 #eee;
}

.reference-container .table-container.fixed-table{
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.footer{
  position:absolute !important;
  bottom: 0;
  left: 0;
  right: 0;
}

body.body-scroll{
  position:relative;
  min-height: 100vh;
}

.reference-container .table-container .tbody .cd-checklist {
  width: 16px;
  height: 16px;
  margin-top: 4px;
  background: url(../../images/checklist_add_icon.png?v=20230619)  no-repeat;
  -webkit-border-radius: 0;
  border-radius: 0;
  float: right;
  background-size: contain;
}

.reference-container .table-container .tbody tr:hover .cd-checklist{
  background: url(../../images/checklist_add_orange_icon.png?v=20230619) no-repeat;
  background-size: contain;
}