#version {
	position: absolute;
	bottom: 5px;
	right: 5px;
	text-align: right;
	color: #555;
}

#docset-item-templete {
	display: none;

}

#document-item-templete {
	display: none;
}

#reading-unit-item-templete {
	display: none;
}

.hidden {
	visibility: hidden;
}

.reading-unit-name {
	color: #231f20!important;
	font-size: 1.4rem!important;
}

.pane-padding {
	padding: 7rem 0 0 0;
}

.scrollable-list-pane {
	height: calc(100vh - 7rem - 5rem);
	overflow-y: scroll;
	overflow-x: hidden;
	z-index: -1;
}

.scrollable-docset-list-padding {
	height: 140px;
}

.scrollable-document-list-padding {
	height: 180px;
}

.list-title-in-pane {
	margin-left: 10px !important;
	height: 5rem;
	z-index: 1;
}

.fade-enter-active, .fade-leave-active {
	transition: opacity .7s
}

.fade-enter, .fade-leave-to {
	opacity: 0
}

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../../lib/fonts/glyphicons-halflings-regular.eot');
  src: url('../../lib/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
       url('../../lib/fonts/glyphicons-halflings-regular.woff2') format('woff2'),
       url('../../lib/fonts/glyphicons-halflings-regular.woff') format('woff'),
       url('../../lib/fonts/glyphicons-halflings-regular.ttf') format('truetype'),
       url('../../lib/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.glyphicon-sort:before{
  content: "\e150"
}
.docset-setting-dialog-title {
  font-size: 2.4rem;
  text-align: center;
  padding-bottom: 0rem;
}

.docset-detail-tab {
	margin: 0;
}

.docset-detail-tab .tab-item a {
	color: #231f20!important;
	top: 0px!important;
	line-height: 20px;
	padding: 1rem 1.2rem;
}

.docset-detail-tab .active a {
	color: #2196f3!important;
}

.docset-tab-hidden{
	display:none;
}

.docset-group-list {
	border : solid 1px #2196f3!important;
	border-radius : 10px;
	box-shadow : 0 1px 2px rgba(100, 100, 100, 0.3)inset;
}

thead.scrollHead,tbody.scrollBody{
  display:block;
}
tbody.scrollBody{
  overflow-y:scroll;
  height:calc(100vh - 6rem - 248px);
}

.scrollHead th, .scrollBody td {
  table-layout:fixed;
}
.no{
  width:100px;
}
.name{
  width:430px;
}
.oldNo{
  width:100px;
}
.scrollable-doc-list-pane {
	height: 320px;
	overflow-y: scroll;
	overflow-x: hidden;
}

.sk-cube-grid {
	width: 16px;
	height: 16px;
}
.sk-cube-grid .sk-cube {
	width: 33%;
	height: 33%;
	background-color: #A2A0A0;
	float: left;
	-webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
	animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}
.sk-cube-grid .sk-cube1 {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s; }
.sk-cube-grid .sk-cube2 {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s; }
.sk-cube-grid .sk-cube3 {
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s; }
.sk-cube-grid .sk-cube4 {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s; }
.sk-cube-grid .sk-cube5 {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s; }
.sk-cube-grid .sk-cube6 {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s; }
.sk-cube-grid .sk-cube7 {
	-webkit-animation-delay: 0s;
	animation-delay: 0s; }
.sk-cube-grid .sk-cube8 {
	-webkit-animation-delay: 0.1s;
	animation-delay: 0.1s; }
.sk-cube-grid .sk-cube9 {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s; }

@-webkit-keyframes sk-cubeGridScaleDelay {
	0%, 70%, 100% {
		-webkit-transform: scale3D(1, 1, 1);
		transform: scale3D(1, 1, 1);
	} 35% {
		  -webkit-transform: scale3D(0, 0, 1);
		  transform: scale3D(0, 0, 1);
	  }
}

@keyframes sk-cubeGridScaleDelay {
	0%, 70%, 100% {
		-webkit-transform: scale3D(1, 1, 1);
		transform: scale3D(1, 1, 1);
	} 35% {
		  -webkit-transform: scale3D(0, 0, 1);
		  transform: scale3D(0, 0, 1);
	  }
}

/*各一覧ヘッダ欄レイアウト*/
.list-header-icon-centering{
	display: flex;
	justify-content: center;
}

/* フォルダ一覧レイアウト  */
.docset-item{
  margin:0px!important;
  border-left: 2px solid #e9e8e8;
}
.docset-item div{
  line-height: 22px!important;
  padding: 5px 5px 5px 5px!important;
  margin: 0px!important;
}
.docset-item div a {
  display: block;
  word-break : break-all;
  margin-top: 2%;
  margin-bottom: 2%;
  padding-right: 0 !important;
}
.docset-item-left{
	display: flex;
	align-items: center;
	right: 0;
	padding-right: 10px !important;
}
#docset-list .dropdown-right{
	position: relative !important;
	padding:  0 !important;
	right: initial;
}
#docset-list .menu{
	margin-right: -2rem!important;
}

/*ドキュメント一覧レイアウト*/
#document-menu{
	display: flex;
	align-items: center;
	right: 0;
	padding-left: 5px;
	padding-bottom: 0;
}
.doc_list.columns.document-item .doc-title,
.doc_list.columns.document-item .document-item-date {
	word-break: break-all;
}

/*削除画面レイアウト*/
.delete-name-font{
	display: block;
	font-size: 1em;
	word-break: break-all;
	word-wrap: break-word;
}
#docset-sortable .name,
#document-sortable .name{
	word-break: break-all;
}

#docset-sort-dialog .modal-body,
#document-sort-dialog .modal-body {
	overflow: hidden;
}

@media all and (-ms-high-contrast:none) {
	*::-ms-backdrop, .tab.tab-block .tab-item {
		flex: 1 0 0%; /* IE11対応 */
	}
}

img.img-gray {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	filter: grayscale(100%);
}

#dx-notification-list td,
#dx-notification-list th{
	word-break: break-all;
	text-align: left;
}
#dx-notification-list .table-header-date{
	width: 16%;
}

#docset-setting-dialog .vh-filled {
	height: calc(100vh - 6rem - 251px);
}

/* コンテンツ部 */
#reading-unit-list .menu .btnReadingUnitPartsDownloadDisable {
	pointer-events: none;
	color: #C0C0C0;
}
#main .reading-unit-loading {
	margin-top:9px;
}
.reading-unit-list-loading {
  position: absolute;
  top: calc(50%);
  height: 80px;
  width: 80px;
}

.tooltip_message {
	background-color: #FFFFFF;
	color: #000000 !important;
	font-size: 16px !important;
	width: 600px;
	height: 50px;
	padding: 15px;
	box-shadow: 0 14px 28px rgba(0, 0, 0, 0.12), 0 10px 10px rgba(0, 0, 0, 0.12);
	z-index: 1000;
}

.d_none { display: none; }
.d_block { display: block; }
.p_absolute { position: absolute; }
.t_center { text-align: center; }

#document-copy-tooltip { color: #797979}