/* ABBS列表页外壳css最新版 */
a {
	color: white;
	text-decoration: none;
  }
  @media (max-width: 767px){
	.contentBox{
	  margin-top: 25px;
	}
	.issueBox{
	  margin-top: -20px;
	}
	.issueBox .issueContent{
	  margin: 10px 0;
	}
	.issueBox .issueContent .name{
	  margin-bottom: 10px;
	  font-size: 18px;
	}
	.issueBox .issueListBox, .issueBox .issueHistoryListBox{
	  display: none;
	}
	.btnAll .borderLength1{
	  margin: 14px 5px 14px 0;
	}
	.btnAll .borderLength1 .fa{
	  display: none;
	}
	.actionsbar{
	  display: none;
	}
	.fa-pencil{
	  display: none !important;
	}
	.list1Box .list1Content .list1 .right .labelBox .imgText{
	  margin: 0 13px;
	}
	.labelBox .popover{
	  width: 130px;
	}
  .list1Box .list1Content .list1 .right .tag .faFilesO{
	display: none;
  }
	  .issueBox .issueSelect{
		height: auto !important;
		display: inline-block !important;
		padding-bottom: 15px;
	  }
	  .issueBox .issueSelect div{
		display: inline-block !important;
	  }
	  .issueBox .issueSelect .unBack{
		vertical-align: middle;
	  }
	::-webkit-scrollbar{
	  display: none;
	}
  }
  
  @media (min-width: 768px) {
	.container{
	  width: 100%;
	}
	.contentBox{
	  margin-top: 35px;
	  margin-bottom: 35px;
	}
	.issueBox{
	  margin-top: -15px;
	}
	.issueBox .issueContent{
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	  height: 85px;
	}
	.issueBox .issueContent .name{
	  width: 50%;
	  font-size: 24px;
	}
	.btnAll{
	  width: 98.1%;
	}
	.btnAll .borderLength1{
	  margin: 14px 0 14px 35px;
	}
	.btnAll .borderLength1 .fa{
	  display: inline-block;
	}
	.suspendBox{
	  /* display: flex; */
	}
	.list1Box .list1Content .list1 .right .labelBox .imgText{
	  margin: 0 20px;
	}
	.labelBox .popover{
	  width: 300px;
	/* display: none !important; */
  }
  .tag .popover{
	width: 300px;
  }
  .list1Box .list1Content .list1 .right .labelBox .faFilesO{
	display: none !important;
  }
  .specialLine{
	display: none;
  }
  }
  
  @media (min-width: 992px) {
	.container{
	  width: 970px;
	}
	.issueBox{
	  margin-top: -30px;
	}
  }
  
  @media (min-width: 1200px) {
	.container{
	  width: 1170px;
	}
	
  }
  
  @media (min-width: 1366px) {
	.container{
	  width: 1230px;
	}
	
  }
  
  #list{
	width: 100%;
	height: auto;
	color: #333333;
  }
  
  .issueBox{
	width: 100%;
	height: auto;
  }
  .issueBox .issueSelect{
	width: 100%;
	height: 55px;
	display: flex;
	align-items: center;
	border-bottom: 2px solid #AAAAAA;
  }
  .issueBox .issueSelect div{
	margin-right: 40px;
	color: #333333;
	font-size: 16px;
	display: flex;
	align-items: center;
	margin-top: 15px;
  }
  .issueBox .issueSelect .fa-book, .issueBox .issueSelect .fa-briefcase{
	margin-right: 5px;
  }
  .issueBox .issueSelect .unBack{
	margin-left: 5px;
	cursor: pointer;
	font-size: 36px;
	margin-top: -1px;
  }
  .issueBox .issueContent{
	width: 100%;
	position: relative;
	border-bottom: 1px solid #D7D7D7;
  }
  .issueBox .issueContent .name{
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: bold;
  }
  .issueBox .issueContent .currentIssue{
	color: #333333;
	font-size: 16px;
	display: flex;
	align-items: center;
	margin-right: 28px;
  }
  .issueBox .issueContent .currentIssue .fa{
	font-size: 30px;
	padding: 0 10px;
  }
  .issueBox .issueContent .currentIssue .faNoDisabled:hover{
	color: #ffffff;
	background: #008cba;
  }
	.issueBox .issueListBox, .issueBox .issueHistoryListBox{
	  display: none;
	  width: 100%;
	  height: auto;
	  background: #f5f5f5;
	  box-shadow: 3px 3px 5px rgba(127, 127, 127, 0.35);
	  z-index: 8;
	  position: absolute;
	  top: 0;
	  left: 0;
	}
	.issueBox .issueListBox .century, .issueBox .issueListBox .years, .issueBox .issueHistoryListBox .century, .issueBox .issueHistoryListBox .years{
	  width: 100%;
	  height: 46px;
	  border-bottom: 2px solid #7F7F7F;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	}
	.issueBox .issueListBox .century div, .issueBox .issueListBox .years div, .issueBox .issueHistoryListBox .century div, .issueBox .issueHistoryListBox .years div{
	  width: 81px;
	  height: 100%;
	  text-align: center;
	  line-height: 46px;
	  font-size: 16px;
	  font-weight: bold;
	  cursor: pointer;
	}
	.issueBox .issueListBox .century .active, .issueBox .issueListBox .years .active, .issueBox .issueHistoryListBox .century .active, .issueBox .issueHistoryListBox .years .active{
	  color: white;
	}
	.issueBox .issueListBox .monthsIssueBox, .issueBox .issueHistoryListBox .monthsIssueBox{
	  padding-bottom: 25px;
	}
	.issueBox .issueListBox .monthsIssueBox .itemBox .item, .issueBox .issueHistoryListBox .monthsIssueBox .itemBox .item{
	  margin: 24px 40px 0;
	  display: inline-block;
	  cursor: pointer;
	  position: relative;
	}
	.issueBox .issueListBox .monthsIssueBox .itemBox .item #monthsIssueBox_pencile, .issueBox .issueHistoryListBox .monthsIssueBox .itemBox .item #monthsIssueBox_pencile{
	  position: absolute;
	  top: 0px;
	  right: -40px;
	}
		  
	.issueBox .issueListBox .monthsIssueBox .itemBox .item .monthsIssue, .issueBox .issueHistoryListBox .monthsIssueBox .itemBox .item .monthsIssue{
	  display: flex;
	  align-items: center;
	}
	.issueBox .issueListBox .monthsIssueBox .itemBox .item .monthsIssue .month, .issueBox .issueHistoryListBox .monthsIssueBox .itemBox .item .monthsIssue .month{
	  font-size: 14px;
	  font-weight: bold;
	  padding-right: 10px;
		height: 20px;
		line-height: 20px;
	}
	.issueBox .issueListBox .monthsIssueBox .itemBox .item .monthsIssue .line, .issueBox .issueHistoryListBox .monthsIssueBox .itemBox .item .monthsIssue .line{
	  display: none;
	  width: 2px;
	  height: 20px;
	  margin: 0 10px;
	}
	.issueBox .issueListBox .monthsIssueBox .itemBox .item .monthsIssue .issue, .issueBox .issueHistoryListBox .monthsIssueBox .itemBox .item .monthsIssue .issue{
	  font-size: 14px;
	  font-weight: bold;
	  padding-left: 10px;
		height: 20px;
		line-height: 20px;
	}
	.btnAll{
	  height: auto;
	  border-bottom: 1px solid #D7D7D7;
	}
	.btnAll .borderLength1{
	  display: inline-block;
	  width: 163px;
	  padding: 3.5px 0;
	  font-size: 13px;
	  cursor: pointer;
	  text-align: center;
	  background-size: 100% 100%;
	  position: relative;
	  cursor: pointer;
	  border-radius: 7px;
	}
	.btnAll .export .popover a{
	  color: #333;
	}
	.btnAll .export .popover a:hover{
	  color: #1554B2;
	}
	.list1Box{
	  width: 98.1%;
	  height: auto;
	  margin-top: 20px;
	}
	.list1Box .list1Title{
	  display: flex;
	  align-items: center;
	  padding-bottom: 7px;
	}
	.list1Box .list1Title .color{
	  display: inline-block;
	  width: 27px;
	  height: 15px;
	}
	.list1Box .list1Title .text{
	  margin-left: 10px;
	  font-size: 18px;
	  font-weight: bold;
	}
	.list1Box .list1Content{
	  width: 100%;
	  height: auto;
	  margin-top: 20px;
	  border-bottom: 1px solid #d7d7d7;
	}
	.list1Box .list1Content:last-of-type{
	  border: none;
	}
	.list1Box .list1Content .list1{
	  display: flex;
	}
	.list1Box .list1Content .list1 .checkBox{
	  width: 27px;
	  margin-right: 10px;
	}
	.list1Box .list1Content .list1 .checkBox input{
	  width:12px;
	  height: 12px;
	  margin: 0;
	  position: relative;
	  border: none;
	  display: inline-block;
	}
	.list1Box .list1Content .list1 .checkBox input[type=checkbox]::after{
	  content: "";
	  position: absolute;
	  top: 0;
	  left: 0;
	  background: #fff;
	  width: 100%;
	  height: 100%;
	  border: 1px solid black;
	}
	.list1Box .list1Content .list1 .checkBox input[type=checkbox]:checked::after{
	  content: "✓";
	  border: 1px solid black;
	  color: #337035;
	  font-weight: bold;
	  text-align: center;
	  line-height: 12px;
	}
	.list1Box .list1Content .list1 .right{
	  width: calc(100% - 37px);
	  height: auto;
	}
	.list1Box .list1Content .list1 .right .tag{
	  color: #AAAAAA;
	  font-size: 14px;
	}
	.list1Box .list1Content .list1 .right .tag span{
	  margin: 15px;
	}
	.list1Box .list1Content .list1 .right .tag span:first-of-type{
	  margin-left: 0;
	}
	.list1Box .list1Content .list1 .right .tag .special{
	  color: #F59A23;
	}
	.list1Box .list1Content .list1 .right .tag .label-point-green{
	  margin-left: 15px;
	  width: 10px;
	  height: 10px;
	  border: 1px solid #07c160;
	  border-radius: 50%;
	  background-color: #07c160;
	  display: inline-block;
	}
	.list1Box .list1Content .list1 .right .tag .label-point-orange{
	  margin-left: 15px;
	  width: 10px;
	  height: 10px;
	  border: 1px solid orange;
	  border-radius: 50%;
	  background-color: orange;
	  display: inline-block;
	}
	.list1Box .list1Content .list1 .right .tag .label-point-gray{
	  margin-left: 15px;
	  width: 10px;
	  height: 10px;
	  border: 1px solid gray;
	  border-radius: 50%;
	  display: inline-block;
	}
	.list1Box .list1Content .list1 .right .title{
	  font-weight: bold;
	  margin: 8px 0 13px;
	  cursor: pointer;
	  font-size: 16px;
	  width: 100%;
	  line-height: 23px;
	}
	.list1Box .list1Content .list1 .right .title a{
	  color: #4b4b4b;
	}
	.list1Box .list1Content .list1 .right .title a span{
	  color: #4b4b4b;
	}
	.list1Box .list1Content .list1 .right .title:hover{
	  text-decoration: underline;
	}
	.list1Box .list1Content .list1 .right .imgTextBox{
	  display: flex;
	}
	.list1Box .list1Content .list1 .right .imgTextBox .imgBox{
	  width: 122px;
	  height: 65px;
	  margin-right: 20px;
	}
	.list1Box .list1Content .list1 .right .imgTextBox .imgBox img{
	  width: 100%;
	  height: 100%;
	  cursor: pointer;
	  object-fit: cover;
	  object-position: left top;
	}
	.list1Box .list1Content .list1 .right .imgTextBox .textBox{
	  width: calc(100% - 142px);
	  height: auto;
	  font-size: 13px;
	  position: relative;
	}
	.list1Box .list1Content .list1 .right .imgTextBox .textBox .name{
	  width: 100%;
	  height: auto;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  white-space: nowrap;
	  color: #7F7F7F;
	  cursor: pointer;
	}
	.list1Box .list1Content .list1 .right .imgTextBox .textBox .name span a{
	  color: #7F7F7F;
	}
	.list1Box .list1Content .list1 .right .imgTextBox .textBox .name .popover{
	  width: 145px;
	  color: #777;
	}
	.list1Box .list1Content .list1 .right .imgTextBox .textBox .name .popover a{
	  color: #777;
	}
	.list1Box .list1Content .list1 .right .imgTextBox .textBox .name .popover a:hover{
	  color: #1554B2;
	}
	.list1Box .list1Content .list1 .right .imgTextBox .textBox .name .popover label{
	  font-weight: normal;
	  margin-right: 5px;
	}
	.list1Box .list1Content .list1 .right .imgTextBox .textBox .desc{
	  width: 100%;
	  height: auto;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  white-space: nowrap;
	  color: #333333;
	  margin-top: 10px;
	}
	.list1Box .list1Content .list1 .right .imgTextBox .textBox .url{
	  width: 100%;
	  height: auto;
	  display: flex;
	  align-items: center;
	  margin-top: 10px
	}
	.list1Box .list1Content .list1 .right .imgTextBox .textBox .url span{
	  display: inline-block;
	  width: auto;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  white-space: nowrap;
	  color: #1A0DAB;
	  margin-right: 5px;
	}
	.list1Box .list1Content .list1 .right .imgTextBox .textBox .url a{
	  width: auto;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  white-space: nowrap;
	  margin-right: 5px;
	}
	.list1Box .list1Content .list1 .right .labelBox{
	  width: 100%;
	  height: auto;
	  color: #333333;
	  display: flex;
	  align-items: center;
	  margin: 10px 0 10px;
	}
	.list1Box .list1Content .list1 .right .labelBox .imgText{
	  display: inline-block;
	  font-size: 13px;
	  position: relative;
	  cursor: pointer;
	}
	.list1Box .list1Content .list1 .right .labelBox .imgText .downloadImg{
	  width: 16px;
	  height: 16px;
	}
	.list1Box .list1Content .list1 .right .labelBox .imgText b{
	  font-weight: normal;
	  display: none;
	}
	.list1Box .list1Content .list1 .right .labelBox .imgText:first-of-type{
	  margin-left: 0 !important;
	}
	.list1Box .list1Content .list1 .right .labelBox .faUnlock .popover{
	  width: 93.2px !important;
	  left: -40.6406px !important;
	}
	.list1Box .list1Content .list1 .right .labelBox .faUnlock .popover P{
	  cursor: pointer;
	}
	.list1Box .list1Content .list1 .right .labelBox .faUnlock .popover P a{
	  color: #333;
	}
	.list1Box .list1Content .list1 .right .labelBox .faUnlock .popover P a:hover{
	  color: #337ab7;
	}
	.articleIntroDisplay {
	  font-size: 14px;
	  cursor: pointer;
	  margin-top: 10px;
	  margin-bottom: 10px;
	}
	.articleIntroDisplay img {
	  height: 14px;
	}
	.articleIntroDisplay span {
	  font-size: 14px;
	}
	.articleIntro {
	  width: 95%;
	  height: auto;
	  /* border: 1px solid #1554B2; */
	  font-size: 13px;
	  margin-top: 5px;
	  margin-bottom: 5px;
	  display: none;
	}
	.articleIntro p {
	  line-height: 28px !important;
	  padding-left: 15px;
	  padding-right: 15px;
	}
	.synopsis {
	  /* display: none;
	  width: 95%;
	  height: auto;
	  background-color: #eff2f7;
	  margin-top: 10px; */
	  margin:20px 0;
	  background-color: #eff2f7;
	  position: relative;
	/* padding: 5px 24px; */
	padding-right: 24px;
	padding-bottom: 5px;
	padding-left: 24px;
	  border-radius: 8px;
	  margin-bottom: 16px;
	}
	.synopsis .hasSynopsisPermission {
	  display: block;
	  width: 95%;
	  height: auto;
	  /* border: 1px solid #1554B2; */
	  background-color: #eff2f7;
	}
	.synopsis .noSynopsisPermission {
	  display: none;
	  width: 95%;
	  height: auto;
	  /* border: 1px solid #1554B2; */
	  background-color: #eff2f7;
	}
	.synopsis h3 {
	  padding-bottom: 15px;
	  padding-top: 8px;
	  font-weight: bold;
	  color: #333333;
	  font-size: 16px;
	  font-family: "Montserrat Bold", "Montserrat Regular", "Montserrat", sans-serif;
	}
	#list .synopsis img{
	  max-width: 100%;
	  width: 6rem;
	  height: auto;
	  padding-bottom: 10px;
	}
	.listPc .synopsis img{
	  width: 500px !important;
	  padding-bottom: 10px;
	}
	.synopsis .area{
	  text-align: center;
	  padding-bottom: 10px;
	}
	.synopsis .area .graphHighlight{
	  text-align: left;
	  padding: 10px 30px;
	  font-size: 14px;
	}
	#list .synopsis .caption{
	  line-height: 0.56rem;
	  font-size: 14px;
	}
	.listPc .synopsis .caption{
	  line-height: 28px !important;
	  font-size: 14px !important;
	}
	.synopsis .caption{
	  text-align: left;
	  padding: 10px 0;
	  padding-bottom: 5px;
	  color: #444444;
	  overflow: hidden;
	  word-wrap: break-word;
	}
	.synopsis .fa-pencil{
	  cursor: pointer;
	  position: absolute;
	  top: 6px;
	  right: 10px;
	}
	.synopsis .area a{
	  font-size: 14px;
	  color: #444444 !important;
	}
	.articleGuideMapDisplay {
	  cursor: pointer;
	  font-size: 14px;
	  margin-bottom: 10px;
	}
	.showArticleSynopsis {
	  height: 14px;
	}
	.hideArticleSynopsis {
	  height: 14px;
	}
	.row .fix{
	  position: fixed !important;
	  /* left: 7.85vw !important; */
	  top: 150px !important;
	}
	#listImgModal .img{
	  width: 100%;
	  height: auto;
	}
	  .archiveBox, .archiveHistroyBox{
		width: 100%;
		height: 100%;
		position: fixed;
		left: 767px;
		top: 0;
		transition: all 1s linear;
		background: white;
		flex-direction: column;
		z-index:9;
	  }
	  .archiveBox .archiveHeader, .archiveHistroyBox .archiveHeader{
		height: 0.8rem;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 0.13rem;
		background: #e1e1e1;
	  }
	  .archiveBox .archiveHeader .back, .archiveHistroyBox .archiveHeader .back{
		display: flex;
		align-items: center;
	  }
	  .archiveBox .archiveHeader .back i, .archiveHistroyBox .archiveHeader .back i{
		margin-right: 15px;
	  }
	  .archiveBox .archiveHeader .text, .archiveHistroyBox .archiveHeader .text{
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		font-weight: bold;
	  }
	  .archiveBox .content, .archiveHistroyBox .content{
		flex: 1;
		overflow-y: scroll;
	  }
	  .archiveBox .content .century, .archiveHistroyBox .content .century{
		width: 100%;
		height: 1rem;
		border-bottom: 2px solid #7F7F7F;
		display: flex;
		align-items: center;
		justify-content: center;
	  }
	  .archiveBox .content .century div, .archiveHistroyBox .content .century div{
		width: 1.6rem;
		height: 100%;
		text-align: center;
		line-height: 1rem;
		font-size: 0.26rem;
		font-weight: bold;
		cursor: pointer;
	  }
	  .archiveBox .content .century .active, .archiveHistroyBox .content .century .active{
		color: white;
	  }
	  .archiveBox .content .years, .archiveHistroyBox .content .years{
		width: 7.67rem;
		height: 1rem;
		/* border-bottom: 2px solid #7F7F7F; */
	  }
	  .archiveBox .content .years div, .archiveHistroyBox .content .years div{
		font-weight: bold;
		/* font-family: "Montserrat Bold", "Montserrat Regular", "Montserrat", sans-serif; */
		cursor: pointer;
		width: 1.6rem;
		height: 100%;
		line-height: 1rem;
		text-align: center;
		font-size: 0.26rem;
	  }
	  .archiveBox .content .years .active, .archiveHistroyBox .content .years .active{
		color: white;
	  }
	  .archiveBox .content .years .swiper-button-next, .archiveHistroyBox .content .years .swiper-button-next{
		right: -0.4rem;
		top: 0;
		margin: 0;
		background-size: 0.2rem 0.4rem;
	  }
	  .archiveBox .content .years .swiper-button-prev, .archiveHistroyBox .content .years .swiper-button-prev{
		left: -0.4rem;
		top: 0;
		margin: 0;
		background-size: 0.2rem 0.4rem;
	  }
	  .archiveBox .content .years .swiper-button-prev:focus,  .archiveBox .content .years .swiper-button-next:focus,
	  .archiveHistroyBox .content .years .swiper-button-prev:focus,  .archiveHistroyBox .content .years .swiper-button-next:focus
	  {
		outline: none;
	  }
	  .archiveBox .content .monthsIssueBox, .archiveHistroyBox .content .monthsIssueBox{
		border-top: 2px solid #7F7F7F;
		padding-top: 0.64rem;
	  }
	  .archiveBox .content .monthsIssueBox .item, .archiveHistroyBox .content .monthsIssueBox .item{
		padding: 0 0.24rem 0.64rem;
	  }
	  .archiveBox .content .monthsIssueBox .item .monthsIssue, .archiveHistroyBox .content .monthsIssueBox .item .monthsIssue{
		width: 100%;
		display: flex;
		align-items: center;
	  }
	  .archiveBox .content .monthsIssueBox .item .monthsIssue .month, .archiveHistroyBox .content .monthsIssueBox .item .monthsIssue .month{
		font-size: 0.32rem;
		font-weight: bold;
	  }
	  .archiveBox .content .monthsIssueBox .item .monthsIssue .line, .archiveHistroyBox .content .monthsIssueBox .item .monthsIssue .line{
		display: inline-block;
		width: 2px;
		height: 0.2rem;
		margin: 0 0.2rem;
	  }
	  .archiveBox .content .monthsIssueBox .item .monthsIssue .issue, .archiveHistroyBox .content .monthsIssueBox .item .monthsIssue .issue{
		font-size: 0.32rem;
		font-weight: bold;
	  }
	  .archiveBox .content .monthsIssueBox .item .pages, .archiveHistroyBox .content .monthsIssueBox .item .pages{
		margin-top: 4px;
		font-size: 0.68vw;
		font-family: "Montserrat Regular", "Montserrat", sans-serif;
	  }
	  
	  .actionsbar{
		top: 130px;
		z-index: 11;
		background: transparent;
		border-bottom: 0;
		align-items: center;
		justify-content: space-between;
	  }
	  .suspendBox{
		background: #fff;
		box-shadow: 0 0 14px rgb(0 0 0 / 24%);
		border-radius: 8px;
		z-index: 1;
	  }
	  .suspendBox .suspend{
		padding: 16px 0;
		min-height: 70px;
	  }
	  .suspendBox .barBox{
		margin: 0 9px;
		position: relative;
		display: flex;
		align-items: center;
	  }
	  .suspendBox .bar{
		color: #757575;
		transition: all .2s cubic-bezier(.6,.01,.16,1.01);
	  }
	  .suspendBox .suspend .barBox .bar:hover{
		color: #333;
		font-weight: bold;
		cursor: pointer;
	  }
	  .suspendBox .suspend .barBox .line{
		width: 5px;
		height: 15px;
		visibility: hidden;
	  }
	  .suspendBox .active .bar{
		color: #333;
		font-weight: bold;
	  }
	  .suspendBox .suspend .active .line{
		visibility: visible;
	  }
	  .suspendBox .bar{
		font-size: 14px;
		padding: 4px;
		width: 100%;
		display: block;
	  }
	  #journalCoverModal .formDialog .uploadBox .imgBox {
		width: 252px;
		height: 304px;
		border: 1px solid #D7D7D7;
		margin: 20px 0 25px 14px;
		text-align: center;
	  }
	  #journalCoverModal .formDialog .uploadBox .imgBox img {
		width: 232px;
		height: 302px;
		margin-top: 1px;
	  }
	  #journalCoverModal .formDialog .uploadBox input {
		width: 85px;
		height: 30px;
		position: absolute;
		top: 15px;
		left: 14px;
		visibility: hidden;
	  }
	  #journalCoverModal .formDialog .uploadBox .uploadBtn {
		width: 135px;
		height: 30px;
		line-height: 30px;
		text-align: center;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		color: white;
		font-size: 13px;
		border-radius: 5px;
		margin: 15px 0 0 14px;
		cursor: pointer;
	}
	.graphUploadBtn {
	  width: 135px;
	  height: 30px;
	  line-height: 30px;
	  text-align: center;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  white-space: nowrap;
	  color: white;
	  font-size: 13px;
	  border-radius: 5px;
	  margin-bottom: 15px;
	  cursor: pointer;
	}
	@media (max-width: 1634px) {
	.actionsbar {
	  justify-content: space-between;
	  padding: 6px 0;
	  flex-flow: row wrap;
	}
	}
	@media (min-width: 768px) and (max-width: 1634px){
	.actionsbar {
	  position: fixed;
	  left: 0;
	  border: none;
	  top: 40%;
	}
	.suspendBox{
	  background: transparent;
	  box-shadow: none;
	}
	.suspend{
	  width: 180px;
	  display: inline-block;
	  position: static;
	  margin-left: -180px;
	  transition: margin-left .2s;
	  border-radius: 0 0 8px 0;
	  background: #fff;
	  color: #000;
	  box-shadow: 0 4px 44px rgb(0 0 0 / 10%);
	  z-index: 99;
	}
	.suspendBox .icon{
	  box-shadow: 5px 2px 10px rgb(0 0 0 / 16%);
	  border-radius: 0 8px 8px 0;
	  padding: 20px 8px;
	  vertical-align: top;
	  background: #fff;
	  display: inline-flex;
	  align-items: baseline;
	  margin-left: -4px;
	}
	}
	@media (min-width: 1635px){
	.actionsbar__has__sections{
	  height: 0;
	}
	.actionsbar{
	  position: static;
	  display: inline;
	}
	.suspendBox{
	  overflow: auto;
	  position: -webkit-sticky;
	  position: sticky;
	  float: left;
	  width: 180px;
	  max-height: calc(100vh - 130px);
	  margin-right: 0;
	  margin-left: -220px;
	  top: 150px;
	  margin-top: 72px;
	}
	.suspendBox .suspend{
	  display: block;
	  box-shadow: none;
	  position: static;
	  width: 100%;
	  border-radius: 8px;
	  margin-left: 0 !important;
	}
	.suspendBox .icon{
	  display: none;
	}
	}
	
  .faDisabled{
	opacity: 0.2;
	cursor: default !important;
  }
  
  .emptyBox{
	  color: #555555;
	  text-align: center;
	  margin: 18px 0 0 0;
	}
	.list1Box .list1Content .list1 .right .labelBox .imgText .pdfLink{
	  color: #333;
	}
	.list1Box .list1Content .list1 .right .labelBox .imgText .pdfLink:hover{
	  text-decoration: none;
	}