.condition-file-list {
    padding: 20px 15px 0px;
}

.result-label {
    padding:5px 3px 0px;
    color: #6c757d;
}

.table-file-list {
    padding-right: 15px;
    padding-left: 15px;
}

.breadcrumb-file {
    margin-bottom: 0px !important;
}

.breadcrumb {
    margin-top: 10px;
    margin-bottom: 0px !important;
    background-color: #fff !important;
    flex-grow: 1; /* ブレッドクラムが利用可能なスペースを埋めるようにする */
}

.breadcrumb > li + li:before {
    content: ">" !important;
}

.label-margin-bottom-5 {
    margin-bottom: 5px !important;
}

.project-folder {
    display: inline-block;
    padding-left: 25px;
    margin-top: 2px !important;
    vertical-align: bottom !important;
    background: url(../../images/FileView-ProjectFolder.svg) no-repeat left center;
}

.other-project-folder {
    display: inline-block;
    padding-left: 25px;
    margin-top: 2px !important;
    vertical-align: bottom !important;
    background: url(../../images/FileView-ProjectFolder2.svg) no-repeat left center;
}

.bukken-folder {
    display: inline-block;
    padding-left: 25px;
    margin-top: 2px !important;
    vertical-align: bottom !important;
    background: url(../../images/FileView-BukkenFolder.svg) no-repeat left center;
}

.other-bukken-folder {
    display: inline-block;
    padding-left: 25px;
    margin-top: 2px !important;
    vertical-align: bottom !important;
    background: url(../../images/FileView-BukkenFolder2.svg) no-repeat left center;
}

.normal-folder {
    display: inline-block;
    padding-left: 25px;
    margin-top: 2px !important;
    vertical-align: bottom !important;
    background: url(../../images/FileView-NormalFolder.svg) no-repeat left center;
}

.key-folder {
    display: inline-block;
    padding-left: 25px;
    margin-top: 2px !important;
    vertical-align: bottom !important;
    background: url(../../images/FileView-KeyFolder.svg) no-repeat left center;
}

.pdf-file {
    display: inline-block;
    padding-left: 25px;
    margin-top: 2px !important;
    vertical-align: bottom !important;
    background: url(../../images/FileView-PdfFile.svg) no-repeat left center;
}

.word-file {
    display: inline-block;
    padding-left: 25px;
    margin-top: 2px !important;
    vertical-align: bottom !important;
    background: url(../../images/FileView-WordFile.svg) no-repeat left center;
}

.excel-file {
    display: inline-block;
    padding-left: 25px;
    margin-top: 2px !important;
    vertical-align: bottom !important;
    background: url(../../images/FileView-ExcelFile.svg) no-repeat left center;
}

.ppt-file {
    display: inline-block;
    padding-left: 25px;
    margin-top: 2px !important;
    vertical-align: bottom !important;
    background: url(../../images/FileView-PptFile.svg) no-repeat left center;
}

.txt-file {
    display: inline-block;
    padding-left: 25px;
    margin-top: 2px !important;
    vertical-align: bottom !important;
    background: url(../../images/FileView-TxtFile.svg) no-repeat left center;
}

.csv-file {
    display: inline-block;
    padding-left: 25px;
    margin-top: 2px !important;
    vertical-align: bottom !important;
    background: url(../../images/FileView-CsvFile.svg) no-repeat left center;
}

.img-file {
    display: inline-block;
    padding-left: 25px;
    margin-top: 2px !important;
    vertical-align: bottom !important;
    background: url(../../images/FileView-ImgFile.svg) no-repeat left center;
}

.mov-file {
    display: inline-block;
    padding-left: 25px;
    margin-top: 2px !important;
    vertical-align: bottom !important;
    background: url(../../images/FileView-MovFile.svg) no-repeat left center;
}

.adobe-file {
    display: inline-block;
    padding-left: 25px;
    margin-top: 2px !important;
    vertical-align: bottom !important;
    background: url(../../images/FileView-AdobeFile.svg) no-repeat left center;
}

.cad-file {
    display: inline-block;
    padding-left: 25px;
    margin-top: 2px !important;
    vertical-align: bottom !important;
    background: url(../../images/FileView-CadFile.svg) no-repeat left center;
}

.zip-file {
    display: inline-block;
    padding-left: 25px;
    margin-top: 2px !important;
    vertical-align: bottom !important;
    background: url(../../images/FileView-ZipFile.svg) no-repeat left center;
}

.other-file {
    display: inline-block;
    padding-left: 25px;
    margin-top: 2px !important;
    vertical-align: bottom !important;
    background: url(../../images/FileView-OtherFile.svg) no-repeat left center;
}

.scroll-table-head {
    display: block;
}

.scroll-table-body {
    display: block;
    overflow-y: scroll;
    height: 250px;
}

.file-list-column-width-check {
    width: 1%;
    max-width: 1%;
}

.file-list-column-width-name {
    width: 29%;
    max-width: 29%;
}

.file-list-column-width-date {
    width: 10%;
    max-width: 10%;
}

.file-list-column-width-person {
    width: 25%;
    max-width: 25%;
}

.file-list-column-width-file-count {
    width: 9%;
    max-width: 9%;
}

.file-list-column-width-size {
    width: 9%;
    max-width: 9%;
}

.file-list-column-width-using {
    width: 9%;
    max-width: 9%;
}

.file-list-column-width-button {
    width: 17%;
    max-width: 17%;
}

.file-list-detail-column-width-date {
    width: 15%;
    max-width: 15%;
}

.file-list-detail-column-width-company {
    width: 35%;
    max-width: 35%;
}

.file-list-detail-column-width-name {
    width: 35%;
    max-width: 35%;
}

.file-list-detail-column-width-operation {
    width: 15%;
    max-width: 15%;
}

.file-list-column-width-custom {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.file-list-overflow {
    max-width: 0px !important;
    text-align: left !important;
}

.file-consumption-size { /* 利用容量用 */
    float: right;
    position: relative;
    text-align: right;
}

.file-consumption-size-disable-area { /* 利用容量用 ボタン非表示時定義*/
    text-align: right;
}

.search-file-name {
    width: 250px !important;
}

.image-area {
    display: table-cell;
    width: 200px;
    height: 120px;
    text-align: center;
    vertical-align: middle;
    padding: 10px 0px;
}

.modal-image-table {
    display: inline-block;
    text-align: center;
}

.modal-image-table td {
    vertical-align: top;
}

.modal-image-area {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.image-body {
    max-width: 600px;
    max-height: 300px;
}

.image-zoom {
    width: 25px;
    height: 25px;
    font-size: 18px;
    padding: 0px, 10px;
    vertical-align: top;
}

.image-panorama {
    width: 25px;
    height: 25px;
    font-size: 18px;
    padding: 0px, 10px;
    vertical-align: top;
}

.label-checkbox-file {
    font-weight:400;
    padding-right: 15px;
    font-size: 14px;
    display: block;
    padding-left: 15px;
    text-indent: -15px;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
}

.checkbox-file {
    vertical-align: middle;
    position: relative;
    bottom: 2px;
}

.header-mouser-over {
    cursor: pointer;
}

.unselectable {
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
}

.img-file-preview {
    max-width: 240px;
    max-height: 240px;
    z-index: 5;
    position: absolute;
    padding-left: 10px;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: #fff;
}

#p-file-name-area {
    margin: 0 !important;
}

#search-second-area {
    position: relative;
	z-index:10;
}

.file-list-count-area {
    position: relative;
    top: 20px;
	z-index:1;
}

.move-file-modal-table-border-right-none {
    border-right: 0px !important;
}

.move-file-modal-table-border-left-none {
    border-left: 0px !important;
}

.staff-label {
    font-size:10.5px !important;
}

.contractor-label {
    font-size:10.5px !important;
}

.select-file-name {
    font-size:17px;
    padding-top:15px;
    padding-bottom:16px !important;
}

.has-authority {
    padding-top:10px;
    padding-bottom:2px;
    font-size:12px;
}

.has-authority {
    padding-top:6px !important;
}

.file-authority-member-staff-selector {
    font-size:10px;
}

.file-authority-member-contractor-selector {
    font-size:10px;

}

.file-authority-corporatestaffs-selector {
    font-size: 10px;
}

.staff-authority-element {
    width:100%;
    /*padding-top:5px;*/
    padding-bottom:11px;
}

.contractor-authority-element {
    width:100%;
    /*padding-top:5px;*/
    padding-bottom:11px;
}

.corporatestaffs-authority-element {
    width: 100%;
    /*padding-top:5px;*/
    padding-bottom: 11px;
}

.has-show-only-owner {
    padding-top: 6px;
    padding-bottom: 2px;
    font-size: 12px;
}

.has-show-only-owner-label {
    padding-top: 6px;
}

has-show-only-owner-checkBox{
     font-size:20px;
}

.has-authority {
    display: inline-block;
}

.has-authority-label {
    padding-top:6px;
}

.has-authority-checkBox {
    font-size:20px;
}
.sel-authority-corporatestaffs {
    padding-top: 10px;
    padding-bottom: 2px;
    font-size: 12px;
}

.sel-authority-corporatestaffs {
    display: inline-block;
}
.sel-authority-corporatestaffs-label {
    padding-top: 6px;
    padding-bottom: 2px;
    font-size: 12px;
}
.sel-authority-corporatestaffs-checkBox {
    font-size: 20px;
}


/* ファイル削除一覧 */
.file-delete-list-column-width-bukken-code {
    width: 15%;
    max-width: 15%;
}
.file-delete-list-column-width-bukken-name {
    width: 25%;
    max-width: 25%;
}
.file-delete-list-column-width-file-name {
    width: 25%;
    max-width: 25%;
}
.file-delete-list-column-width-date {
    width: 10%;
    max-width: 10%;
}
.file-delete-list-column-width-delete-user-name {
    width: 15%;
    max-width: 15%;
}
.file-delete-list-column-width-button {
    width: 10%;
    max-width: 10%;
}

.message-jhs-linkaged {
    border:solid;
    border-color:red;
    border-width:1px;
    padding:3px;
    color:red;
    margin-bottom:0px !important;
}

#modal-file-detail .modal-dialog {
	width: 95%;
}

@media (min-width: 768px) {
    #modal-file-detail .modal-dialog {
    	width: 700px;
    }
}

.download-menu a
{
    color: #212529 !important;
}

/*通常のDisabledが効かない、Multiple Select制御用*/
.disable {
    pointer-events: none;
    cursor: default;
}

.enable-access-authority-corporatestaffs:disabled {
    cursor: default;
}

/*文字色をグレーアウトし、疑似的無効に見せる*/
.grayout {

    color: gray;
}
.corporate-staffs-selected {
    padding: 6px 8px !important;
    font-weight: 200 !important;
    color: #fff;
    background-color: #6c757d;
    font-size: 10px;
}

.selected-corporate-staffs-area {
    border: 1px solid #ddd;
    border-left: none;
    width: 80%;
    height: 122px;
    background-color: gainsboro;
    margin-bottom: 16px;
}

/*「協力会社社員を選択」チェックボックスエリアの疑似的Diasabled表示スタイル*/
.dummy-coporatestaffs-select {
    vertical-align: top;
}
.dummy-coporatestaffs-select-label {
    font-size: 12px;
}
/*疑似グレーアウトチェックボックス図形*/
input[type=checkbox].disabled-check-style + label::before {
    background-color: lightgray;
    cursor: default !important;
}

.set-white-space-normal {
    white-space: normal
}

/*図書容量のポップオーバー*/
#file-size .popover {
    background-color: #6c757d !important;
    color: white !important;
    max-width: 500px !important;
}
    #file-size .popover.bottom > .arrow:after {
        border-bottom-color: #6c757d !important;
    }

#btn-consumption-size + .tooltip > .tooltip-inner {
    background-color: white;
    color: black;
    border: 1px solid #808080;
    padding: 5px;
    font-size: 14px;
    padding: 10px 10px 10px 10px;
    min-width: 150px;
}

#breadcrumb-line-area {
    display: flex; /* フレックスボックスのレイアウトを適用 */
    align-items: center; /* 子要素を垂直方向の中央に配置 */
}

#btn-consumption-size {
    width: 30px;
    height: 30px;
    font-size: 12px;
    border-radius: 15px;
    line-height: 1.6;
    padding: 6px 0;
}

#consumption-size-area {
    text-align:center;
    padding-top:3px;
}