/*********レイアウト作成用(後で消す)***************/
.back-red{background-color:red!important}
.back-pink{background-color:pink!important}
.back-blue{background-color:skyblue!important}
.back-yellow{background-color:yellow!important}

/**************共通*********************/
html {
    min-height: 100%;
}

body {
  background-color: #f0f0f0;
  min-height: 100%;
  padding:0px;
  margin: 0px;
}

/* 検証系用 */
.staging{
  border-top: 5px solid #fcbcbc!important;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: auto!important;
  pointer-events: auto!important;
  color:#dddddd;
}

.form-control[disabled],
fieldset[disabled] .form-control,
fieldset[disabled] input[type=checkbox],
input[type=checkbox][disabled],
input[type=radio].disabled,
input[type=radio][disabled] {
  cursor: auto!important;
}

fieldset[disabled],input{
  cursor: auto!important;
}

#maincontainer {
    margin: 0px;
    width: 100%;
    min-width: 100%;
    height: 100%;
    min-height: 100%;
}

body > #maincontainer {
  min-height: 100%;
}

#left-panel {
  padding-top:4px;
  padding-right:0;
  position:fixed;
}

.left-panel-padding-PhotoMovie {
  padding-bottom: 73px;
}

.left-panel-padding-LgOutput {
  padding-bottom: 35px;
}

#center-panel {
  padding-top: 0px;
  padding-bottom:0px;
  padding-right:0;
  height: 100%;
  position:fixed;
}

#right-panel {
  padding-top:0px;
  padding-bottom:33px;
  padding-left:0;
  padding-right:0;
  height: 100%;
  position:fixed;
}

.imagedb-btn {
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 3px;
  padding-right: 3px;
  width: 94px;
}

.imagedb-btn-backScreen {
  color: #dc00dc;
  font-size: xx-large;
  width: 40px;
}

.imagedb-btn-backScreen-setting {
  width: 2%;
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px;
}

#frmDispCondition .imagedb-btn {
  width:80px;
}

.topCenterBtn {
  width:110px!important;
}

.nonpreview{
	color:#ffffff;
}

.imagedb-btn-glyphicon {
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
}

.imagedb-font-size-16 {
  font-size: 16px!important;
}


.imagedb-font-size-14 {
  font-size: 14px!important;
}

.imagedb-font-size-12 {
  font-size: 12px!important;
}

.imagedb-font-size-10 {
  font-size: 10px!important;
}

.imagedb-width-50 {
  width: 50px!important;
}

.imagedb-width-60 {
  width: 60px!important;
}

.imagedb-width-70 {
  width: 70px!important;
}

.imagedb-width-80 {
  width: 80px!important;
}

.imagedb-width-85 {
  width: 85px!important;
}

.imagedb-width-90 {
  width: 90px!important;
}

.imagedb-width-100 {
  width: 100px!important;
}

.imagedb-width-120 {
  width: 120px!important;
}

.imagedb-width-150 {
  width: 150px!important;
}

.imagedb-width-520 {
  width: 520px!important;
}

.imagedb-maxwidth-300 {
  max-width: 300px;
  width: 100%;
}

.imagedb-margin-top-5{
	margin-top: 5px!important;
}

.imagedb-padding-bottom-5{
	padding-bottom: 5px!important;
}

.imagedb-padding-right-20 {
 	padding-right:20px!important;
}

.imagedb-text-align-center {
	text-align:center;
}

.control-label {
  font-weight:normal!important;
  font-size: 12px;
  padding-top: 9px;
  padding-right: 0;
  text-align: left!important;
}

.edit-control-label {
  font-weight:normal!important;
  font-size: 12px;
  padding-right: 0;
  text-align: left!important;
  position: relative;
  top: 6px;
}

.form-control {
  font-size: 12px;
  padding: 6px;
  height: 30px;
}

.imagedb-calendar-icon {
  padding-left:6px!important;
  padding-right:6px!important;
}

.imagedb-search-icon {
  height: 30px!important;
}

.imagedb-icon-bar {
  margin-top: 4px;
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
  background-color: #888;
}

.imagedb-panel-icon-bar-btn {
  padding-left: 6px;
  padding-right: 6px;
}

.imagedb-center-inner-page-label {
  font-size:12px;
  padding-left:10px;
  padding-right:10px;
  line-height:16px;
  vertical-align:middle;
  font-weight:70;
}

.imagedb-table {
  border: 0;
  margin: 0;
  font-size:14px;
}

.imagedb-table-thum{
  width:100%!important;
}

/*tableの偶数行と奇数行で色違いになるように指定する*/
.imagedb-table-striped tr:nth-child(even) {
background: #cae3f2;
}
.imagedb-table-striped tr:nth-child(odd) {
background: #ffffff;
}

.imagedb-key-td {
  border: 0!important;
  border-right: 1px solid #ddd!important;
  border-bottom: 1px solid #ddd!important;
}

#right-accordion .imagedb-key-td {
  width: 80px;
}

.imagedb-value-td {
  border: 0!important;
  border-bottom: 1px solid #ddd!important;
}

.imagedb-key-td-last {
  border: 0!important;
  border-right: 1px solid #ddd!important;
}

.imagedb-value-td-last {
  border: 0!important;
}

.imagedb-wintitle{
	height:20px;
	display: flex;
	-webkit-align-items: center; /* Safari */
	align-items:         center;
}

.imagedb-wincontainer{
	padding:0 0 0 0;
	width:100%!important;
  	height:100%;
    background-color:#f0f0f0;
	margin: auto;
}

.imagedb-winheader{
	margin:0 0 0 0!important;
	padding:10px 10px 10px 10px;
    position: fixed;
	width:100%;
  	height:50px;
    background-color:#ffffff;
    z-index:110;
}

.imagedb-winfooter{
	margin:0 0 0 0!important;
	padding:10px 10px 10px 10px;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 70px;
    background-color:#ffffff;
    z-index:100;
}

.imagedb-widthheight-max{
	width:100%;
	height:100%;
}

.imagedb-winmaincont{
	padding:55px 10px 80px 10px;
}

.imagedb-padding-10{
	padding-top:8px;
}

.imagedb-padding-20{
	margin-top:20px;
}

.imagedb-padding-30{
	padding-top:30px;
}

.imagedb-padding-40{
	padding-top:41px;
}

.imagedb-padding-25 {
  padding: 25px;
}

.imagedb-padding-left-0 {
  padding-left: 0px!important;
}

.imagedb-padding-left-5 {
  padding-left: 5px;
}

.imagedb-padding-left-13 {
  padding-left: 13px!important;
}

.imagedb-padding-left-15 {
  padding-left: 15px!important;
}

.imagedb-padding-top-0 {
  padding-top: 0px;
}

.imagedb-padding-top-25 {
  padding-top: 25px;
}

.imagedb-padding-bottom-10 {
  padding-bottom: 10px;
}

.imagedb-padding-10 {
  padding: 10px;
}

.imagedb-width-half {
  width:50%;
}

.imagedb-padding-left-10 {
 	padding-left:10px;
}
.imagedb-margin-15 {
  margin: 15px;
}

.imagedb-width-max {
  width: 100%;
}

.imagedb-padding-0 {
  padding: 0!important;
}

.imagedb-padding-top-5 {
  padding-top: 5px!important;
}

.imagedb-padding-left-3 {
  padding-left: 3px!important;
}

.imagedb-padding-5 {
  padding: 5px!important;
}

.imagedb-padding-top-50 {
  padding-top: 50px;
}

.imagedb-padding-top-80 {
  padding-top: 80px;
}

.imagedb-close-icon {
  margin: 20px 20px 20px 20px;
}

.imagedb-width-100 {
  width: 100px!important;
}

.imagedb-padding-top-70 {
  padding-top: 70px;
}

.imagedb-padding-left-20 {
  padding-left:20px;
}

 .imagedb-min-width-100{
  min-width:100px;
}

.imagedb-width-40 {
  width: 40px;
}

.imagedb-padding-top-2 {
  padding-top: 2px;
}


.imagedb-coverageAssigned-panel{
  padding-top: 50px;
  padding-bottom: 70px;
  position: fixed;
  width: 100%;
  height: 100%;
}

.imagedb-width-200 {
  width: 200px;
}

.imagedb-width-300 {
  width: 300px;
}

.imagedb-width-350 {
  width: 350px;
}

.imagedb-vertical-bottom {
	vertical-align: bottom;
}

.imagedb-padding-top-10 {
	padding-top: 10px;
}

.imagedb-margin-left-auto {
  margin-left: auto;
}

.imagedb-margin-right-10 {
  margin-right: 10px;
}

 .imagedb-biblio-key-long{
 	width:200px;
 }

.imagedb-coverageAssigned-panel-body {
  margin:0 0 0 0!important;
  width: 100%;
  height: 100%;
  background-color: #a0a0a0!important;
  overflow-y:auto;
}

.imagedb-padding-bottom-25 {
  padding-bottom: 25px;
}

.imagedb-flex {
  display: -webkit-flex; /* Safari */
  display: flex;
}

.imagedb-vertical-align-middle {
    vertical-align: middle!important;
}

.imagedb-button-position {
  position: relative;
  top: 3px;
}

.imagedb-txtHeading-position {
  position: relative;
  bottom: 8px;
}

.imagedb-left-position-15 {
  position: relative;
  left: 15px;
}

.imagedb-margin-left-minus15 {
  margin-left: -15px!important;
}

.imagedb-height-design {
  height: calc(100% - 112px);
  height: -webkit-calc(100% - 112px);
}

.imagedb-centering {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  height: 100%;
}

.imagedb-centering-leftright {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    height: 100%;
}

.imagedb-centering-grow {
  -webkit-flex-grow: 1;
  flex-grow: 1;
}

.goRelativeEnv{
  color:#000000;
}

.borderStlNone {
    border-style: none!important;
    background-color: transparent;
}

.imagedb-btnCancel-position {
	position: relative;
	top: 2px;
	left: 10px;
}

/**************共通*********************/

/*********ナビゲーションバー************/
.navbar {
  margin-bottom: 0!important;
  min-height: 33px;
  z-index:1000;
  border-radius: 0px!important;
}

.imagedb-navbar {
  height:14px;
}

.imagedb-navbar-link {
  padding-top: 8px!important;
  padding-bottom: 4px!important;
}

.imagedb-navbar-glyphicon {
  font-size: 16px;
}

.imagedb-navbar-glyphicon-selected {
  color: #fff;
  font-size: 16px;
}

.imagedb-navbar-dropdown-menu {
  font-size: 12px!important;
}

.imagedb-navbar-static {
  font-size:12px!important;
  color:#fff!important;
  cursor:default!important;
  padding-top:6px!important;
  padding-bottom:8px!important;
}

.show-left-navbar {
  border-right: 1px solid #fff;
}

.show-right-navbar {
  border-left: 1px solid #fff;
}

/*********ナビゲーションバー************/

/*********ペイン表示非表示切替**************/
.imagedb-left-button,
.imagedb-right-button {
  padding-top:6px!important;
  padding-bottom:8px!important;
}

.imagedb-left-button {
  padding-left:0!important;
}

.imagedb-right-button {
  padding-right:0!important;
}

.imagedb-left-button-inner {
  padding-left: 15px!important;
}

.imagedb-right-button-inner {
  padding-right: 15px!important;
}

/*********ペイン表示非表示切替**************/


/*********撮影日検索************/
.imagedb-date-tree {
  padding-left:1px;
}

.imagedb-date-search {
  padding-right:0!important;
  padding-left:0!important;
  text-align:center!important;
}

.imagedb-date-search-select {
  padding-left:1px!important;
  padding-right:0!important;
}

#date-shot-tree {
  margin-top: -15px;
  margin-right: -15px;
  margin-bottom: -15px;
  border-left: 1px solid #ddd;
  max-height: 340px;
  overflow-y: auto;
  font-size:12px;
}

/*********撮影日検索************/

/*********中央ペイン************/
.imagedb-center-panel-main {
  padding-left:0!important;
  padding-right:0!important;
  height: 100%;
  background-color:#a0a0a0;
}

.imagedb-center-panel-home {
  background-color:#f0f0f0!important;
}

.imagedb-center-panel {
  padding-left:0!important;
  padding-right:0!important;
  height: 100%;
}

.imagedb-center-inner-panel {
  position:relative;
  padding-top:10px;
  padding-bottom:5px;
  padding-left:5px;
  padding-right:5px;
  margin-top:-5px;
  left:0;
  width:100%;
  z-index:100;
  background-color:#f0f0f0;
  border-bottom:1px solid #ddd;
}

.imagedb-inner-header{
  padding-bottom:5px;
  z-index:100;
}

.imagedb-inner-header-inline{
  width: 98%;
  display: table-cell;
}

.imagedb-center-inner-panel-body {
  top:0;
  left:0;
  padding-left:5px;
  padding-right:5px;
  padding-bottom:5px;
  padding-top:5px;
  text-align:center;
  background-color:#f0f0f0;
  height:100%;
  width:100%;
}

.imagedb-center-inner-first-row {
  margin-bottom:5px!important;
}

.imagedb-center-inner-first-row-label {
  font-size:12px;
  padding-left:5px;
  padding-right:50px;
  line-height:16px;
  vertical-align:middle;
  font-weight:700;
}

.imagedb-center-inner-first-row-select {
  font-size:12px!important;
  padding-left:1px!important;
  padding-right:0!important;
  padding-top:1px!important;
  padding-bottom:1px!important;
  width:110px!important;
}

.imagedb-center-inner-pseudo-select {
  font-size:12px!important;
  padding-left:1px!important;
  width:110px!important;
}

 #center-inner-panel{
  height:100%;
 }

.imagedb-center-pannel-main-body{
	position:relative;
	margin:0 0 0 0;
	padding:0 0 0 0;
    height:100%;
	overflow-y: auto;   /* スクロール表示 */
}

.imagedb-center-pannel-main{
	position:relative;
	margin:0 0 0 0;
	padding:0 0 0 0;
    height:100%;
}

/*********中央ペイン************/

/*********左ペイン************/

.imagedb-left-panel {
  height: 100%;
  z-index:100;
}

.imagedb-left-panel-body {
  padding-bottom: 0px;
  background-color:#f0f0f0;
}

.imagedb-left-tab-content {
  padding-top: 5px;
  background-color: #fff;
  height:100%;
  border-right:1px #ddd solid;
  overflow-y:scroll!important;
}

.imagedb-top-panel-body {
  padding-top: 0px!important;
}

#searchCondition [class^="col-md-"] {
  padding-left: 5px!important;
}

/*********右ペイン************/

.imagedb-right-panel-main-body {
	margin:0 0 0 0;
	padding:0 0 0 0;
    height:100%;
	overflow-y: auto;   /* スクロール表示 */
}

.imagedb-right-panel-body {
  padding: 0;
}

#right-accordion{
  margin-top:5px;
}

/*********右ペイン************/

/********モーダル*************/
.modal-winstyle-body{
  	position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
	padding:0 0 0 0;
}

.modal-winstyle-content{
  	position: absolute;
	top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
	padding:0 0 0 0;
	border-style:none;
  	border-radius: 7px!important;
	z-index:10;
}
.modal-msg-dialog{
	width:100%;
	height:100%;
}

.modal-msg-dialog-body{
  	position: absolute;
	top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
	padding:0 0 0 0;
	border-style:none;
	width:90%;
	height:130px;
}

.imagedb-modal-backdrop{
	filter: alpha(opacity=50);
    opacity: .5;
	z-index:0;
}

.modal-msg-position {
	content: "\A" ;
	white-space: pre ;
}

.modal-msgBtn-position {
	padding-top: 10px;
}

.modal-centering {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}　

/********モーダル*************/
.imagedb-panel {
  margin: 0!important;
  border-radius: 0!important;
  border-bottom: 0!important;
}

.imagedb-panel-last {
  margin: 0!important;
  border-radius: 0!important;
}

.imagedb-panel-heading {
  height:30px;
  padding-top:5px;
  padding-bottom:5px;
  cursor: pointer;
  color: #ffffff!important;
  background-color: #333333!important;
}

.imagedb-cursor-pointer {
  cursor: pointer;
}

#imagedbThumList input[type="text"] {
  cursor: pointer;
}

.imagedb-panel-title {
  font-size: 12px;
  text-decoration: none!important;
}
.panel-group .panel+.panel{
	margin-top:0px!important;
}

.imagedb-panel-title-button {
  line-height: 20px;
}

.imagedb-scrollable-menu {
  height: 128px;
  overflow-x: hidden;
  font-size: 12px;
}

.imagedb-padding-left-12 {
  padding-left:12px;
}
#sltAttachedDivisionId {
  font-size: 12px;
}

.imagedb-scr {
  overflow-y: scroll;
  height: 100%;
  background-color: #ffffff;
}

/***********ログイン画面*********************/
#login-container {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto;

  width: 400px;
  height: 200px;
}

.imagedb-login-panel{
  padding-top: 30px;
  height: 100%;
}

/***********中央ペイン*********************/

.imagedb-envelope-content {
  overflow:hidden;
  width:100%;
  height:100%;
  padding:10px 5px 5px 5px;
}

.imagedb-envelope-thumbnail  {
  padding:10px 10px 10px 10px;
  width:100%;
  height:100%;
}

.imagedb-envelope-thumbnail-inline  {
  display: inline-flex;
}

.imagedb-envelope-thumbnail-inline-block  {
  display: inline-block;
}

.imagedb-envelope-thumbnail-list  {
  display: -webkit-flex; /* Safari */
  display: flex;
  -webkit-flex-direction: row; /* Safari */
  flex-direction:         row;
  -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap:         wrap;

  position:relative;
  padding:10px 10px 10px 10px;
  width:100%;
  height:100%;

}

.imagedb-envelope-thumbnail-position {
    position: absolute;
    top: 83px;
    left: 0;
    right: 0;
    bottom: 0;
	overflow-x:hidden;
    overflow-y: auto;
}

.imagedb-envelope-thumbnailpanel {
  border: 1px solid #ddd;
  background-color:#fff;
  margin:5px 5px 5px 5px;
  display:table;
  }

.imagedb-envelope-thumbnailpanel-folder {

}

.imagedb-envelope-thumbnail-padding{
	padding:0px 5px 0px 5px;
}

.imagedb-envelope-thumbnail-body{
  display: -webkit-flex; /* Safari */
  display: flex;
  -webkit-flex-direction: row; /* Safari */
  flex-direction:         row;
  -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
  -webkit-align-items: flex-start; /* Safari */
  align-items:         flex-start;
  padding:0px 5px 0px 5px;
  background-color:#f0f0f0;
}

.imagedb-envelope-thumbnail-body-order{
  display: -webkit-flex; /* Safari */
  display: flex;
  padding:0px 5px 0px 5px;
  background-color:#f0f0f0;
  position: relative;
}

.imagedb-thumList-button{
	width:100px;
}

.imagedb-envelope-thumbnail-info{
 background-color:#f0f0f0!important;
}

/*表紙画像*/
.imagedb-envelope-thumbnail-info-cover{
 background-color:#fff39c!important;
}

/*個別書誌有*/
.imagedb-envelope-thumbnail-info-idvbiblio{
 background-color:#add8e6!important;
}

/*セレクト済*/
.imagedb-envelope-thumbnail-info-selected{
 background-color:#e6add4!important;
}

/*圧縮済み*/
.imagedb-envelope-thumbnail-info-compressed{
 font-weight: normal!important;
 text-align:right;
}

/*選択済*/
.imagedb-selected {
  border:2px solid #2d7eb5!important;
}

.imagedb-selected-centerTop {
  border:3px solid #C80000!important;
}

.imagedb-selected-centerTop.imagedb-downloaded-centerTop {
  border:3px solid!important;
  border-color: #e6add4 #C80000 #C80000!important
}

.imagedb-downloaded-centerTop{
  border-top:3px solid #e6add4!important;
}

.imagedb-downloaded-centerLeft{
  border-left:3px solid #e6add4!important;
}

.imagedb-downloaded-centerBottom{
  border-bottom:3px solid #e6add4!important;
}

.imagedb-downloaded-centerRright{
  border-right:3px solid #e6add4!important;
}

.imagedb-table-align{
  -webkit-justify-content: center!important; /* Safari */
  justify-content:         center!important;
  }

.imagedb-thumnail-image{
	background-color:#f0f0f0;
	text-align: center;
}

.imagedb-thumbnail-key {
  border: 0!important;
  width: 60px;
  padding-right: 10px;
}

.imagedb-thumbnail-label-key {
  width: 100%;
  min-width: 20px;
  max-width: 50px;
}

.imagedb-thumbnail-label-value {
  width: 100%;
  min-width: 45px;
}

.imagedb-thumbnail-label-info {
  border-style: none!important;
  display: block!important;
  width: 100%;
  min-width: 23px;
}

.imagedb-thumbnail-value {
  border: 0!important;
}

.imagedb-envelope-checkbox{
  margin:0 0 0 0;
  z-index:50;
}

.caution{
  color:red;
}

.imagedb-info{
  background-color:#ffffcc;
  margin:20px -20px -20px -20px;
  word-wrap: break-word;
}

.imagedb-envelope-list {
  padding: 15px 15px 5px 15px;
  width: 100%;
  height: 100%;
}

.imagedb-envelope-listpanel {
  display: -webkit-flex; /* Safari */
  display: flex;
  border: 1px solid #ddd;
  background-color:#fff;
  margin: 0px 0px 10px 0px;
  padding:0px 0px 0px 0px;
  width:100%;
  -webkit-align-content: flex-start; /* Safari */
  align-content:         flex-start;
}

.imagedb-envelope-list-body{
  display: -webkit-flex; /* Safari */
  display: flex;
  -webkit-flex-direction: row; /* Safari */
  flex-direction:         row;
  -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
  -webkit-align-items: flex-start; /* Safari */
  align-items:         flex-start;
  padding:0px 0px 0px 0px;
  width:100%;
}

.imagedb-envelope-list-body-header-left{
  -webkit-justify-content: flex-start!important ; /* Safari */
  justify-content:         flex-start!important ;
}

.imagedb-list-image {
	background-color:#f0f0f0;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	padding:20px 20px 20px 20px;
 }

.imagedb-label{
	display:block;
	width:70px;
	height:18px;
	padding:3px 3px 3px 3px;
}

.imagedb-label-thumbnail{
	display:block;
	max-width:70px;
	height:18px;
	padding:3px 3px 3px 3px;
}

.imagedb-label-tp{
	background-color:Transparent!important;
}

 .imagedb-list-info{
   border-left: 1px solid #ddd;
   width:100%;
 }

 .imagedb-list-header{
	z-index:100;
}

.imagedb-list-key {
  border: 0!important;
  width: 80px;
}

.imagedb-list-key-50 {
  border: 0!important;
  width: 50px;
}

.imagedb-list-key-100 {
  border: 0!important;
  width: 100px;
}

.imagedb-list-value {
  border: 0!important;
}

.imagedb-list-length-150 {
  max-width: 150px;
  width: 100%;
}

.imagedb-list-length-80 {
  max-width: 80px;
  width: 100%;
}

/**************日付検索ツリーの選択指定**************/
.jstree-anchor i{
  width: 1px !important
}
.jstree-wholerow-hovered{
	background-color:#858585!important;
}
.jstree-wholerow-clicked{
	background-color:#858585!important;
	background-image:none!important;
}
.jstree-hovered{
	background-color:#858585!important;
	color:#ffffff!important;
}
.jstree-clicked{
	background-color:#858585!important;
	color:#ffffff!important;
}
/**************日付検索ツリーの選択指定**************/


.glyphicon-folder-close{
	font-size:200px;
	color:#f0e68c;
}

#imagedb-folder{
  padding:0px 0px 10px 0px;
}

#imagedb-folder-info{
  -webkit-align-content: center !important; /* Safari */
  align-content:         center !important;
  border-top: 1px solid #ddd;
  padding:10px 10px 10px 10px;
  text-align:center;
}

.imagedb-thumnail-scr {
  overflow-y: auto;
  height: 100%;
  height: calc(100% - 77px);
  height: -webkit-calc(100% - 77px);
}

.imagedb-folder-height {
	height: 73px;
}

.glyphicon-folder-close-center {
	text-align: center!important;
	background-color:#f0f0f0;
}

.glyphicon-folder-close-position {
	position: relative;
	top: -15px;
}

.imagedb-icon-file {
    width: 100%;
    text-align:right;
}

.imagedb-list-matchflg {
    width: 100%;
    height: 25px;
    text-align:center;
    padding:0 0 0 0;
}

.imagedb-icon-compressed {
  	min-width: 20px;
  	max-width: 65px;
    font-weight: 700;
    margin-left: auto;
}

.imagedb-chkThumbnail-width {
    margin-left: -5px;
    margin-right: -5px;
    }

.imagedb-icon-key {
	width:100%;
	position: absolute;
	text-align:center;
	vertical-align: middle;
	padding-right: 10px;
}

.imagedb-icon-cart {
	width:100%;
	position: absolute;
	text-align:center;
	vertical-align: middle;
	padding-left: 50px;
	padding-top:1px;
}

.imagedb-icon-output {
	width:100%;
	position: absolute;
	text-align:center;
	vertical-align: middle;
	padding-left: 110px;
	padding-top:1px;
}

.imagedb-icon-envelope {
	width:100%;
	position: absolute;
	padding-right: 10px;
}

.imagedb-icon-envelope-center {
  	text-align: center!important;
  	width: 100%;
}

/**************オプション画面****************/
.opt-background-color {
  background-color: white;
}

.opt-QR-positon {
  position: relative;
  bottom: 10px;
  right: 10px;
}

.opt-reset-positon {
  position: relative;
  left: 15px;
  top: 80%;
}

.opt-panel-body {
  margin:0 0 0 0!important;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  overflow-y: hidden;
  border: 1px solid #ddd!important;
}

.opt-winfooter{
	margin:0 0 0 0!important;
	padding:10px 10px 10px 10px;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 70px;
    background-color:#ffffff;
    z-index:100;
}

.opt-title-position {
	position: relative;
	top: 5px;
}

.opt-padding-25{
  padding: 25px 25px 0 25px;
}

/**************書誌編集画面****************/
.edit-form-width {
    /* フォームをページの幅を固定および中央に置く */
}

.edit-border-1px-black {
    /* 囲った項目の範囲がわかるようにする */
    padding: 0 1em;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    width:100%;
}

.imagedb-row-selected{
	background-color:#2d7eb5!important;
	color:#ffffff;
}

.edit-margin-1em{
  margin : 1em!important;
}

.edit-txt-color {
    color: red;
}

.edit-txt-right {
  text-align: right;
}

.edit-margin-top-20{
	margin-top: 20px!important;
}

.beEnv-margin-top{
	margin-top: 24px!important;
}

.edit-btnCancel-position {
	position: relative;
	top: 2px;
}

/**************基本情報、取扱情報、外販書誌入力画面****************/
.input-margin-1em{
  margin : 1em!important;
}

.input-margin-top-20{
	margin-top: 20px!important;
}

.input-scr {
  overflow-y: scroll;   /* スクロール表示 */
}

.input-width-100{
	width: 100px!important;
}

.input-width-80{
	width: 80px!important;
}

.input-width-50{
	width: 50px!important;
}

.input-txt-color {
    color: red;
}

.input-text-left {
  text-align: left!important;
}

.input-item-middle {
    vertical-align: middle;
}

.imagedb-paddingleft{
	padding-left:25px;
	padding-bottom:8px;
}

.imagedb-biblio-title{
	z-index:100;
	display:inline;
	margin:-10px 10px 10px 10px;
	padding-left:10px;
  	background-color: #f0f0f0;
	position: absolute;
}

.imagedb-biblio-contents{
	position: relative;
	padding-left:10px;
	border: 1px solid #ddd;
	width:100%;
	-webkit-border-radius:5px;
}

.imagedb-biblio-input{
  display: -webkit-flex; /* Safari */
  display: flex;
  -webkit-align-content: flex-start; /* Safari */
  align-content:         flex-start;
  width:100%;
  padding-left:15px;
  }

 .imagedb-biblio-key{
 	width:130px;
 	padding-left:5px;
 }

.imagedb-biblio-value{
	width:100%;
}

.imagedb-biblio-value-select{
	width:50%;
}


.imagedb-registinfo{
	padding-left:15px;
}

.imagedb-input-rdoSetPosition input[type=radio] {
  position: relative;
  top: 3px;
}

.imagedb-input-chkSetPosition input[type=checkbox] {
  position: relative;
  top: 3px;
}

.input-exif-chkSetPosition {
  position: relative!important;
  bottom: 2px;
}

/*************アップロード封筒化・封筒に追加-ファイル選択エリア****************/
.upload-background-silver {
  background-color: #a0a0a0;
}

.upload-background-white {
  background-color: #ffffff;
}

.upload-td {
  border: 0!important;
  border-bottom: 1px solid #ddd!important;
  border-right: 1px solid #ddd!important;
  text-align: center;
  width: 20px;
}

.upload-file-td {
  border: 0!important;
  border-right: 1px solid #ddd!important;
  border-bottom: 1px solid #ddd!important;
  width: 600px;
}

.upload-size-td {
  border: 0!important;
  border-bottom: 1px solid #ddd!important;
  border-right: 1px solid #ddd!important;
  width: 150px;
}

.upload-td-header {
  border: 0!important;
  border-bottom: 1px solid #ddd!important;
  border-right: 1px solid #ddd!important;
  width: 20px;
  height:14px;
  font-size: 10px;
  text-align: center;
}

.upload-preview-td-header {
  border: 0!important;
  border-bottom: 1px solid #ddd!important;
  border-right: 1px solid #ddd!important;
  width: 100px;
  height:14px;
  font-size: 10px;
  text-align: center;
}

.upload-cover-td-header {
  border: 0!important;
  border-bottom: 1px solid #ddd!important;
  border-right: 1px solid #ddd!important;
  width: 40px;
  height:14px;
  font-size: 10px;
  text-align: center;
}

.upload-file-td-header {
  border: 0!important;
  border-right: 1px solid #ddd!important;
  border-bottom: 1px solid #ddd!important;
  width: 600px;
  height:14px;
  font-size: 10px;
  text-align: center;

}

.upload-size-td-header {
  border: 0!important;
  border-bottom: 1px solid #ddd!important;
  border-right: 1px solid #ddd!important;
  width: 150px;
  height:14px;
  font-size: 10px;
  text-align: center;

}

.upload-padding-25 {
  padding: 25px;
}

.upload-padding-bottom-10 {
  padding-bottom: 10px;
}

.upload-padding-10 {
  padding: 10px;
}

.upload-width-half {
  width:50%;
}

.upload-padding-left-10 {
 	padding-left:10px;
}
.upload-margin-15 {
  margin: 15px;
}

.upload-padding-bottom-32 {
  padding-bottom: 32px;
}

.upload-width-max {
  width: 100%;
}

.upload-imagedb-table {
  border: 0;
  margin: 0;
  font-size:14px;
}

.upload-txt-height {
  height: 26px;
}

.upload-flex-input{
  display: -webkit-flex; /* Safari */
  display: flex;
}

/*************アップロード封筒化・封筒に追加-ファイル選択エリア****************/
.imagedb-background-silver {     /*****格納場所→【共通】*****/
  background-color: #a0a0a0;
  position: relative;
  height: 900px;
}

.imagedb-background-white {
  background-color: white;
}

.upload-td {
  border: 0!important;
  border-bottom: 1px solid #ddd!important;
  border-right: 1px solid #ddd!important;
  text-align: center;
  width: 20px;
}

.upload-file-td {
  border: 0!important;
  border-right: 1px solid #ddd!important;
  border-bottom: 1px solid #ddd!important;
  width: 600px;
}

.upload-size-td {
  border: 0!important;
  border-bottom: 1px solid #ddd!important;
  border-right: 1px solid #ddd!important;
  width: 150px;
}

.upload-td-header {
  border: 0!important;
  border-bottom: 1px solid #ddd!important;
  border-right: 1px solid #ddd!important;
  width: 20px;
  height:14px;
  font-size: 10px;
  text-align: center;
}

.upload-preview-td-header {
  border: 0!important;
  border-bottom: 1px solid #ddd!important;
  border-right: 1px solid #ddd!important;
  width: 100px;
  height:14px;
  font-size: 10px;
  text-align: center;
}

.upload-cover-td-header {
  border: 0!important;
  border-bottom: 1px solid #ddd!important;
  border-right: 1px solid #ddd!important;
  width: 40px;
  height:14px;
  font-size: 10px;
  text-align: center;
}

.upload-file-td-header {
  border: 0!important;
  border-right: 1px solid #ddd!important;
  border-bottom: 1px solid #ddd!important;
  width: 600px;
  height:14px;
  font-size: 10px;
  text-align: center;

}

.upload-size-td-header {
  border: 0!important;
  border-bottom: 1px solid #ddd!important;
  border-right: 1px solid #ddd!important;
  width: 150px;
  height:14px;
  font-size: 10px;
  text-align: center;

}

.upload-scr {
  overflow-x: hidden;
  padding-bottom:80px;
}

.upload-padding-bottom-32 {
  padding-bottom: 32px;
}

.upload-imagedb-table {
  border: 0;
  margin: 0;
  font-size:14px;
}

.upload-txt-height {
  height: 26px;
}

.fileSelect-scr {
  overflow-y: scroll;
  height: 630px;
}

.fileSelect-position {
  position: absolute;
  top: 740px;
}

#frmUploadEnvelope .inputCoverageAssigned-scr {
  overflow-y: scroll;
  height: 630px;
  background-color: #ffffff;
}

/********************取材割当画面、取材割当入力画面**********************/
.imagedb-background-gray {
    background-color: #f0f0f0!important;
}

.imagedb-padding-right-10 {
 	padding-right:10px;
}

.coverageAssign-short-td {
  border: 0!important;
  border: 1px solid #ddd!important;
  text-align: center;
  vertical-align:middle!important;
  width: 10px;
}

.coverageAssign-middle-td {
  border: 0!important;
  border: 1px solid #ddd!important;
  vertical-align:middle!important;
  width: 100px;
}

.coverageAssign-long-td {
  border: 0!important;
  border: 1px solid #ddd!important;
  vertical-align:middle!important;
  width: 200px;
}

.coverageAssign-short-td-header {
  border: 0!important;
  border: 1px solid #ddd!important;
  width: 25px;
  height:14px;
  font-size: 10px;
  text-align: center;
}

.coverageAssign-middle-td-header {
  border: 0!important;
  border: 1px solid #ddd!important;
  width: 100px;
  height:14px;
  font-size: 10px;
  text-align: center;
}

.coverageAssign-long-td-header {
  border: 0!important;
  border: 1px solid #ddd!important;
  width: 200px;
  height:14px;
  font-size: 10px;
  text-align: center;
}

#coverageAssign-background-silver {
  background-color: #a0a0a0!important;
}

#inputCoverageAssign-scr {
}

.coverageAssign-scr {
}

#frmCoverageAssigned .inputCoverageAssigned-scr {
  overflow-y: scroll;
  height: 500px;
  background-color: #ffffff;
}

/*********操作ログ*******************/
.operation-log-table{
	width:100%!important;
}

.operation-log-date-header {
  border: 0!important;
  border: 1px solid #ddd!important;
  width: 50px;
  height:14px;
  font-size: 10px;
  text-align: center;
}

.operation-log-user-header {
  border: 0!important;
  border: 1px solid #ddd!important;
  width: 150px;
  height:14px;
  font-size: 10px;
  text-align: center;
}

.operation-log-ope-header {
  border: 0!important;
  border: 1px solid #ddd!important;
  width: 100px;
  height:14px;
  font-size: 10px;
  text-align: center;
}

.operation-log-ope-value{
	word-break: break-all;
}

.coverageAssign-middle-td-header {
  border: 0!important;
  border: 1px solid #ddd!important;
  width: 100px;
  height:14px;
  font-size: 10px;
  text-align: center;
}

.coverageAssign-long-td-header {
  border: 0!important;
  border: 1px solid #ddd!important;
  width: 200px;
  height:14px;
  font-size: 10px;
  text-align: center;
}

/*********拡大画面******************/

.imagedb-view-expansion-panel{
 padding:0px 0px 70px 0px;
 width:100%;
 height:100%;
 position:fixed;
}

.imagedb-view-expansion-panel-body{
  margin:0 0 0 0;
  padding:0px 0px 0px 0px;
  width:100%;
  height:100%;
  text-align:center;
}

.imagedb-expansion-img-center{
    font-size:0;
    text-align: center;
}
.imagedb-expansion-img-center:before{
    content:"";
    display: inline-block;
    height:100%;
    vertical-align: middle;
}
.imagedb-expansion-img-center > img{
    width:100%;
    height:auto;
    vertical-align: middle;
}

/********************操作状況******************/
.imagedb-operation-panel{
  padding-top: 50px;
  position: fixed;
  width: 100%;
  height: 100%;
}

.operation-middle-td {
  border: 0!important;
  border: 1px solid #ddd!important;
  width: 100px;
  text-align: center;
}

.operation-winheader{
	margin:0 0 0 0!important;
	padding:10px 10px 10px 10px;
    position: absolute;
	width:100%;
  	height:50px;
    background-color:#ffffff;
    z-index:110;
}

#operarion-background-color {
    background-color:#ffffff;
}

/********************登録PC******************/
.imagedb-data-from-to-opration {
  position: relative;
  top: 3px;
  left: 3px;
  padding-right: 6px;
}

/********************アップロード中・ダウンロード中画面******************/
.imagedb-loading {
	margin: -68px 0 0 -50px;
	opacity: 0.5; /* 透過させる */
	position: fixed;
	left: 50%;
	top: 50%;
}


.imagedb-loading-label {
	margin: 30px 0 0 -42px;
	position: fixed;
	left: 50%;
	top: 50%;
}

.imagedb-loading-mainpage {
	margin: -68px 0 0 -50px;
	position: fixed;
	left: 50%;
	top: 50%;
}

.imagedb-loading-back{
	margin-top:-70px;
	opacity: 0.5; /* 透過させる */
	position: fixed;
	height: -webkit-calc(100% + 70px);
	width:100%;
	background-color:#000000;
	z-index:1000;
}

/********************移動画面(ベース)******************/
.fileMove-scr {
  overflow-y: scroll;
  overflow-x: hidden;
  min-height: 200px;
  height: 100%;
  height: calc(100% - 55px);
  height: -webkit-calc(100% - 55px);
}
/********************ダウンロード形式選択画面******************/
.downloadFormSelect-label-position {
  position: relative;
  left: 5px;
}

/***************************差し替え画面**************************/
.fileReplace-txt-width {
  width: 100%;
  width: calc(100% - 75px);
  width: -webkit-calc(100% - 75px);
}

.fileReplace-changeLayout-height {
    height: 30px!important;
}

.fileReplace-changeLayout-padding {
    padding-top: 30px!important;
}

.fileReplace-changeLayout-position {
    position: relative;
    bottom: 20px;
}

/**************詳細画面****************/
.imagedb-detail-header{
	margin:0 0 0 0!important;
	padding-top:10px;
	padding-bottom:5px;
	padding-left: 5px;
	padding-right: 5px;
    /*position: absolute;*/
  	border-bottom: 1px solid #ddd!important;
	width:100%;
    z-index:110;
    background-color:#f0f0f0;
}

.imagedb-detail-header-margin{
}

.imagedb-center-inner-panel-slider {
    display: -webkit-flex; /* Safari */
    display: flex;
    -webkit-flex-direction: row; /* Safari */
    flex-direction:         row;
    -webkit-flex-wrap: wrap; /* Safari */
    flex-wrap:         wrap;
    justify-content: center;
    align-items: center;

	margin:0 0 33px 0!important;
	padding:10px 0px 10px 0px;
    position: absolute;
    bottom: 0;
    width: 100%;
    height:270px;
    background-color:#a0a0a0;
    z-index:100;
  }

.imagedb-detail-panel{
  /*padding-top: 90px;*/
  padding-left:0px;
  padding-right:0px;
  background-color:#606060;
  text-align:center;
  vertical-align: middle;
  width: calc(100% - 240px);
  display: flex;
  justify-content: center;
  align-items: center;
}

.imagedb-detail-panel > [class*='col-'] {
	display:inline-block;
	letter-spacing:0;
	vertical-align:middle;
	float:none !important;
}

.imagedb-bottom-slider {
  background-color:#f0f0f0;
}

.imagedb-bottom-slider img {
  text-align:center;
}

.imagedb-slider-image{
	text-align:center;
}

.imagedb-bottom-slider-thumheader{
	width:100%;
}

#bottom-slider{
 	z-index:10;
}

.bottom-slider-head-span{
	text-align: right;
	width: 100%;
	padding-right:5px;
}


.imagedb-detail-btn-area{
	/*height:100%;*/
   	display: flex;
   	justify-content: center;
   	align-items: center;
    background-color:#606060;
    width: 120px;
}

.imagedb-detail-btn-layout{
  position:absolute;
  /*margin:0 0 0 0!important;*/
  width: 100%;
  /*height: 100%;*/
  height: calc(100% - 375px);
  display: flex;
 }


.imagedb-detail-btn{
	margin:0px 5px 0px 5px;
	width:30px;
	height:80px;
}


.imagedb-center-inner-panel-slider-bottom {
    display: -webkit-flex; /* Safari */
    display: flex;
    -webkit-flex-direction: row; /* Safari */
    flex-direction:         row;
    -webkit-flex-wrap: nowrap; /* Safari */
    flex-wrap:         wrap;
    align-items: center;

	margin:0 0 0 0!important;
	padding:0px 0px 0px 0px;
    bottom: 0;
    background-color:#a0a0a0;
    overflow:hidden;
  }

.imagedb-detail-btn-area-bottom{
   	display: flex;
   	justify-content: center;
   	align-items: center;
   	height: 100%;
   	width: 120px;
}

.imagedb-detail-thumbnail-padding{
	padding: 5px;
}

/**************お知らせ画面****************/
.imagedb-info-panel-body {
  margin:0 0 0 0!important;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  overflow-y:scroll;
  border: 1px solid #ddd!important;
}

.imagedb-info-padding {
	padding: 10px 20px 10px 20px;
}

/**************ドラッグ&ドロップ時の画面****************/
.dragAndDrop-panel{
  background-color: #a0a0a0!important;
  top :0;
  left :0;
  right:0;
  bottom:0;
  padding: 20px 20px 20px 20px;
  width: 100%;
  height: 100%;
  z-index:100;
}

.dragAndDrop-layout {
  border: 10px dashed #ffffff;
  border-radius: 100px;
  width: 100%;
  height: 100%;
}

.dragAndDrop-text {
  width: 100%;
  height: 100%;
  top:330px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  font-size: 30px;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
}


.imagedb-envelope-dropArea  {
  width:100%;
  height: 100%;
  top:-20px;
  padding-top:77px;
  position:absolute;
  z-index:100;
  display: none;
}

.imagedb-detail-dropArea  {
  width:100%;
  height: 100%;
  top:0px;
  padding-top:95px;
  padding-bottom:20px;
  position:absolute;
  z-index:100;
  display: none;
}


.imagedb-upload-dropArea  {
  width:100%;
  height: 100%;
  top:-20px;
  left:0px;
  padding-top:0px;
  padding-bottom:120px;
  position:absolute;
  display: none;
}

 input[type="search"]::-webkit-search-cancel-button {
   -webkit-appearance: searchfield-cancel-button;
 }

/**************疑似セレクトボックス*********************/
div.selectbox {
    display: inline-block;
    *display: inline;
    position: relative;
}

div.selectbox a.select {
	border: 1px solid #ccc;
    display: inline-block;
    *display: inline;
    text-decoration: none;
    cursor: default;
    padding: 6px 2px 6px 6px;
    z-index: 500;
}

div.selectbox a.select span {
    padding-left: 4px;
    display: block;
    height: 22px;
    background: url(../images/selected_icon.png) no-repeat right 0;
    cursor: default;
    color: #555;
}

div.selectbox div.pulldown {
    border: solid #bbb 1px;
    width: calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    max-height: 140px;
    position: absolute;
    background: #fff;
    overflow: auto;
    top: 30px;
    z-index: 1000;
}

div.selectbox div.pulldown a {
    padding-left: 10px;
    display: block;
    font-size: 12px;
    color: #555;
}
div.selectbox div.pulldown a.last-child {
    border: none;
}
div.selectbox div.pulldown a:hover,
div.selectbox div.pulldown a.selected {
    background: #eee;
    text-decoration: none;
    color: #555;
}

.sltSetBlanks {
	height: 17px;
}

.imagedb-check{
	display:none;
}

.imagedb-check + span{
	display:none;
	}

.imagedb-check:checked +  span{
	display:block;
	height:25px;
	width:50px;
	padding-left:0px;
    background-color: rgb(200,0,0);
	}

.imagedb-check:checked +  span > span{
	color:white;
	padding-left:0px;
	color:white;
	position: absolute;
	top: 4px;
	left: 18px;
 }

.checkbox label{
    display:block;
	padding-left:0px;
	height:25px;
	width:50px;
}

.date-changed{
	color:rgb(200,0,0);
}

.coverage-table{
	  min-width:1000px;
}

.imagedb-atag-btn{
  text-decoration: underline;
  color: white;
  cursor: pointer;
}

.imagedb-sales-date-y{
  width: 50px;
  display: inline;
}

.imagedb-sales-date-md{
  width: 30px;
  display: inline;
}

#pageBack span.glyphicon.glyphicon-triangle-left {width: 60px;}
#pageForward span.glyphicon.glyphicon-triangle-right {width: 60px;}
a.btn.btn-default.imagedb-btn-glyphicon.imagedb-levelup {margin-left: 15px;}