@orfeas126/box-ui-elements
Version:
Box UI Elements
2 lines • 14.8 kB
CSS
@charset "UTF-8";.access-stats-item{list-style:none}.access-stats-item .access-stats-item-content,.access-stats-item .access-stats-item-content.btn-plain,.access-stats-item .access-stats-item-content.btn-plain:focus,.access-stats-item .access-stats-item-content.btn-plain:hover{align-items:center;background:#ecf4fc;border-radius:2px;color:#003c84;display:flex;line-height:10px;margin:0 0 5px;padding:9px;text-align:left;width:100%}.access-stats-item .access-stats-item-content.btn-plain:focus .access-stats-label,.access-stats-item .access-stats-item-content.btn-plain:hover .access-stats-label{text-decoration:underline}.access-stats-item .access-stats-label{flex-grow:1}.access-stats-item svg{margin-right:8px}.access-stats .access-stats-view-details{margin-top:10px}.access-stats .access-stats-view-details:hover{text-decoration:underline}.access-stats .access-stats-header{color:#a7a7a7;margin:0 0 10px}.access-stats .access-stats-list{margin:0}.bdl-Label,.label{color:#6f6f6f;display:block;font-weight:700}.bdl-Label .bdl-Label-optional,.bdl-Label .label-optional,.bdl-Label .tooltip-icon-container,.label .bdl-Label-optional,.label .label-optional,.label .tooltip-icon-container{padding-left:3px}.bdl-Label .tooltip-icon-container .tooltip-icon,.label .tooltip-icon-container .tooltip-icon{position:relative;top:3px}.bdl-SecurityBadge,.bdl-SecurityBadge:hover{align-items:center;background-color:#fef7e8;border-radius:10px;display:inline-flex;margin:0;padding:2px 8px}.bdl-SecurityBadge .icon-alert-default{height:16px;margin:0 -3px;width:16px}.bdl-SecurityBadge-name{color:#222;font-size:10px;font-weight:700;line-height:16px;margin-left:4px;text-transform:uppercase}.bdl-ClassifiedBadge-editButton,.bdl-ClassifiedBadge-editButton:hover{cursor:pointer}.bdl-SecurityControlsItem{color:#4e4e4e;font-size:12.5px;font-style:italic}.bdl-SecurityControlsItem:before{color:#bcbcbc;content:"•";display:inline-block;font-style:normal;font-weight:700;width:1em}.bdl-SecurityControlsItem .support-link{color:#0061d5;padding-left:4px}.bdl-SecurityControlsItem-tooltipContent p:last-child{margin-bottom:0}.bdl-SecurityControlsItem-tooltip{max-width:270px}.bdl-SecurityControlsItem-tooltipIcon{cursor:pointer;display:inline-block;height:15px;margin-left:3px;vertical-align:middle;width:15px}@keyframes popup_bounce_in{0%{transform:scale3d(.1,.1,1)}to{transform:scaleX(1)}}.modal{align-items:center;bottom:0;display:flex;flex:1;left:0;outline:0;overflow:auto;padding:30px;position:fixed;right:0;top:0;z-index:160}.modal .modal-dialog{animation:popup_bounce_in .3s;border:none;box-shadow:none}.modal .modal-header{margin-right:20px}.modal hr{border:none;border-top:1px solid #d3d3d3;margin:20px 0}.modal-dialog-container{flex-basis:100%;margin:auto;width:100%}.modal-dialog{background-clip:padding-box;background-color:#fff;border-radius:12px;box-shadow:0 1px 1px 1px #0000000d;display:flex;flex-direction:column;margin:auto;max-width:100%;padding:30px;position:relative;width:460px}.modal-title{display:inline-block;flex:1;font-size:16px;font-weight:700;line-height:inherit;margin:0;max-width:100%;overflow:hidden;word-wrap:break-word;overflow-wrap:break-word}.modal-content{margin-top:20px}.modal-back-button{align-items:center;background:none;border:0;cursor:pointer;display:flex;justify-content:center;padding:0;transform:rotate(180deg)}.modal-back-button+.modal-title{margin-left:12px}.modal-close-button{background:none;border:0;color:#909090;cursor:pointer;font-size:11px;font-weight:700;padding:2px;position:absolute;right:20px;top:20px}.modal-backdrop{background:#000000bf;bottom:0;left:0;position:fixed;right:0;top:0;z-index:-1}.modal-actions{align-items:center;display:flex;flex:none;justify-content:flex-end;margin-top:30px;text-align:right}.modal-actions .btn:last-of-type{margin-right:0}.modal-actions .btn{font-size:14px;line-height:38px;margin-bottom:0;margin-top:0;padding:0 16px}.modal-container{bottom:0;display:flex;left:0;position:fixed;right:0;top:0;z-index:89}@media (max-width:460px){.modal-title{display:-webkit-box;line-height:1.5;overflow:hidden;overflow-wrap:anywhere;white-space:normal;word-break:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}}@media (max-width:460px) and (-ms-high-contrast:active),(max-width:460px) and (-ms-high-contrast:none){.modal-title{text-overflow:ellipsis;white-space:nowrap}}@media (max-width:460px){.modal{flex-direction:column;padding:0}.modal-header-container{align-items:center;display:flex;height:64px;left:0;position:absolute;top:0;width:100%}.modal-header{align-items:center;display:flex;padding:0 16px}.modal-content{flex-basis:100%;margin-bottom:60px;margin-top:64px;overflow:auto;padding:24px 16px 12px}.modal-dialog{border-radius:0;height:100%;padding:0}.modal-close-button{align-items:center;display:flex;height:100%;padding:20px 0;right:10px;top:0}.modal-actions{background-color:#fff;bottom:0;height:60px;padding:10px 16px;position:fixed;right:0;width:100%}.modal-dialog-container{overflow:hidden}}.bdl-SecurityControlsModal .bdl-Label,.bdl-SecurityControlsModal .label{margin-top:19px}.bdl-SecurityControlsModal-controlsItemList,.bdl-SecurityControlsModal-definition{line-height:20px;overflow-y:auto}.bdl-SecurityControlsModal-definition{max-height:60px}.bdl-SecurityControlsModal-controlsItemList{list-style:none;margin:0;max-height:240px}.bdl-SecurityControls{list-style:none;margin:0}.bdl-Classification .bdl-Label,.bdl-Classification .label{font-weight:400;margin-top:12px}.bdl-Classification-definition{line-height:20px;margin-top:3px;max-height:100px;overflow-y:auto}.bdl-Classification-missingMessage{color:#4e4e4e}.collapsible-card{border-radius:4px}.collapsible-card .collapsible-card-header{align-items:center;border-radius:4px;display:flex;flex-direction:row;position:relative;width:100%}.collapsible-card .collapsible-card-header.has-sticky-header{position:sticky;top:0;z-index:1}.collapsible-card .collapsible-card-header .bdl-Collapsible-actionItems{display:none}.collapsible-card .collapsible-card-header:hover .btn-plain.collapsible-card-title{text-decoration:underline}.collapsible-card .collapsible-card-header:hover .bdl-Collapsible-actionItems{display:block}.collapsible-card .collapsible-card-action-items{bottom:0;position:absolute;right:34px}.collapsible-card .collapsible-card-header-caret{position:absolute;right:0;transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(0,0,.6,1)}.collapsible-card .btn-plain.collapsible-card-title{align-items:center;display:flex;padding:10px 0;position:relative;text-align:left;width:100%}.collapsible-card .btn-plain.collapsible-card-title:focus{text-decoration:underline}.collapsible-card .btn-plain.collapsible-card-title:focus+.bdl-Collapsible-actionItems{display:block}.collapsible-card .collapsible-card-content{padding:10px 0}.collapsible-card.is-open .collapsible-card-header-caret{transform:rotate(180deg)}.collapsible-card.is-open .collapsible-card-header:hover .btn-plain.collapsible-card-title{text-decoration:none}.collapsible-card.is-open .collapsible-card-header .bdl-Collapsible-actionItems{display:block}.collapsible-card.is-open .btn-plain.collapsible-card-title:focus{text-decoration:none}.collapsible-card.is-open .btn-plain.collapsible-card-title+.bdl-Collapsible-actionItems{display:block}.collapsible-card.is-bordered{border:1px solid #e8e8e8}.collapsible-card.is-bordered .collapsible-card-header{background-color:#fff}.collapsible-card.is-bordered .btn-plain.collapsible-card-title,.collapsible-card.is-bordered .collapsible-card-content{padding:10px}.collapsible-card.is-bordered.is-open .btn-plain.collapsible-card-title{border-bottom:1px solid #e8e8e8}.collapsible-card.is-bordered .collapsible-card-header-caret{right:10px}.collapsible-card:not(.is-bordered) .bdl-PlainButton.collapsible-card-title,.collapsible-card:not(.is-bordered) .btn-plain.collapsible-card-title{border-bottom:1px solid #e8e8e8}.collapsible-card:not(.is-bordered) .bdl-PlainButton.collapsible-card-title:active,.collapsible-card:not(.is-bordered) .bdl-PlainButton.collapsible-card-title:focus,.collapsible-card:not(.is-bordered) .bdl-PlainButton.collapsible-card-title:hover,.collapsible-card:not(.is-bordered) .btn-plain.collapsible-card-title:active,.collapsible-card:not(.is-bordered) .btn-plain.collapsible-card-title:focus,.collapsible-card:not(.is-bordered) .btn-plain.collapsible-card-title:hover{border-bottom-color:#0061d5;text-decoration:none}.bcs-SidebarClassification{margin:0 8px 20px 25px}.bcs-SidebarClassification:empty{margin:0}.bcs-SidebarClassification-edit{color:#0061d5;position:absolute;right:20px;top:10px}.ContentAnalyticsErrorState{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}.ContentAnalyticsErrorState-text,.ContentAnalyticsErrorState-text--permission{font-size:14px;margin-top:20px;text-align:center;width:100%}.bdl-Ghost{background-color:#f4f4f4;border-radius:4px;display:inline-block;height:16px;width:100%}.bdl-Ghost--isAnimated{animation:bdl-Ghost-keyframes 1s ease-in-out infinite}@keyframes bdl-Ghost-keyframes{0%{background-color:#f4f4f4}50%{background-color:#f9f9f9}to{background-color:#f4f4f4}}.GraphGhostState{align-items:flex-end;display:flex;justify-content:space-around}.GraphGhostState .bdl-Ghost+.bdl-Ghost{margin-left:2px}.GraphCardGhostState{display:flex;flex-direction:column}.GraphCardGhostState-header{display:flex;flex:0 0 70px;flex-direction:column;justify-content:space-around}.GraphCardGhostState-headlinePill{margin-bottom:24px;margin-top:8px}.ContentInsightsSummaryGhostState-cta{margin-top:20px}.ContentInsightsSummaryGhostState-ctaButton{margin:0}.ca-Bar-value{background-color:#0061d5;transition-duration:.15s;transition-property:height;transition-timing-function:cubic-bezier(0,0,.6,1)}.ca-Bar,.ca-Bar-value{border-radius:10px;flex:1 1 auto}.ca-Bar{align-items:flex-end;display:flex;height:100%}.ca-Bar.is-horizontal{width:100%}.ca-Bar.is-horizontal .ca-Bar-value{transition-duration:.15s;transition-property:width;transition-timing-function:cubic-bezier(0,0,.6,1)}.ca-BarChart{align-items:flex-end;display:flex;flex:1 1 auto;justify-content:space-between}.ca-BarChart .ca-Bar{flex:1 1 auto;margin:0 .5px}.ca-BarChart .ca-Bar:first-child{margin-left:0}.ca-BarChart .ca-Bar:last-child{margin-right:0}.ca-BarChart .ca-Bar-value{min-height:2px}.ca-BarChart.is-horizontal{align-items:start;flex-direction:column;margin:.5px 0;min-width:2px}.ca-BarChart.is-horizontal .ca-Bar:first-child{margin-top:0}.ca-BarChart.is-horizontal .ca-Bar:last-child{margin-bottom:0}.ca-BarChart.is-interactive .ca-Bar:hover{background-color:#f4f4f4;cursor:pointer}.ca-BarChart.is-interactive .ca-Bar:hover .ca-Bar-value{background-color:#4e4e4e}.HeaderWithCount{color:#6f6f6f;font-size:11px;font-weight:700}.HeaderWithCount-titleCount:before{content:"•";margin:0 4px}.bdl-LabelPill{color:#222;font-weight:700}.bdl-LabelPill--sizeRegular{border-radius:10px;font-size:10px;line-height:10px;padding:4px}.bdl-LabelPill--sizeLarge{border-radius:20px;font-size:13px;line-height:20px;padding:4px}.bdl-LabelPill--default,.bdl-LabelPill--highlight,.bdl-LabelPill--info{background-color:#e8e8e8}.bdl-LabelPill--warning{background-color:#fad98d}.bdl-LabelPill--error{background-color:#f69bab}.bdl-LabelPill--success{background-color:#92e0c0}.bdl-LabelPill--alert{background-color:#f69bab}.bdl-LabelPill--ftux{background-color:#ccdff7}.bdl-LabelPill-iconContent{position:relative;top:2px}.bdl-LabelPill-iconContent path{fill:currentColor}.bdl-LabelPill--sizeLarge .bdl-LabelPill-textContent{margin:0 4px}.bdl-LabelPill--sizeLarge .bdl-LabelPill-iconContent{top:1px}.bdl-LabelPill-textContent{margin:0 4px}.TrendPill{align-items:center;background-color:#f4f4f4;color:#4e4e4e;display:flex;font-weight:700}.TrendPill-trend{border:5px solid #0000;margin-left:4px;position:relative}.TrendPill--up .TrendPill-trend{border-bottom-color:#26c281;bottom:2px}.TrendPill--down .TrendPill-trend{border-top-color:#ed3757;top:3px}.TrendPill-percentage{margin-right:4px}.MetricSummary-periodCount{font-size:21px}.MetricSummary-period{display:flex;margin-top:6px}.MetricSummary-period .MetricSummary-periodCount{margin-right:8px}.GraphCardPreviewsSummary-chart.ca-BarChart{flex:0 0 80px;margin-top:22px}.GraphCardPreviewsSummary-chart.ca-BarChart .ca-Bar-value{background:linear-gradient(#2486fc,#2486fcb3)}.ContentInsightsSummary{display:flex;flex-direction:column}.ContentInsightsSummary .OpenContentInsightsButton{margin-left:0;margin-right:0;margin-top:20px}.bcs-SidebarContentInsights .ContentAnalyticsErrorState{margin-bottom:30px;margin-top:25px}.text-input-container{margin:0 0 20px;position:relative}.text-input-container .text-input-loading{display:inline-block;margin-left:-21px}.text-input-container .text-input-verified{display:inline-block;margin-bottom:-2px;margin-left:-24px}.text-input-container .bdl-Label,.text-input-container .label{word-wrap:break-word}.text-input-container .text-input-description{color:#6f6f6f;word-wrap:break-word}.text-input-container input{font-family:inherit;height:32px;margin-top:5px}.text-input-container input[type=number]{-moz-appearance:textfield;-ms-appearance:textfield}.text-input-container input[type=number]::-webkit-inner-spin-button,.text-input-container input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.text-input-container.is-required input,.text-input-container.show-error input{border-color:#ed3757}.item-properties{margin:0}.item-properties dt{color:#4e4e4e}.item-properties dd{line-height:16px;margin-bottom:20px}.item-properties textarea.description-textarea{background-color:initial;border-color:#0000;box-shadow:none;margin-left:-1px;max-height:110px;min-height:34px;padding:0;resize:none;transition:background-color .2s,border-color .2s,margin-left .2s,padding .2s;width:100%}.item-properties textarea.description-textarea:hover{box-shadow:none}.item-properties textarea.description-textarea:focus{background-color:#fbfbfb;border-color:#0061d5;margin-left:0;max-height:none;padding:6px}.item-properties .url-input input{margin:0;width:100%}.item-properties .url-input:not(.show-error) input{border:none;box-shadow:none;height:16px;padding:0;transition:border .2s,height .2s,padding .2s}.item-properties .url-input:not(.show-error) input:focus{border:1px solid #0061d5;height:32px;padding:7px}.item-properties .bdl-RetentionLink{margin-left:4px}.item-properties button{display:block}.be-date-capitalize{text-transform:capitalize}.bcs-SidebarVersions:not(:empty){margin-bottom:20px}.bcs-details .bcs-scroll-content{padding-top:15px}.bcs-details .item-properties dd{margin-left:0}.bcs-details .item-properties dd:last-child{margin-bottom:0}.bcs-DetailsSidebar-notices{margin:0 8px 20px 25px}.bcs-DetailsSidebar-notices:empty{margin:0}
/*# sourceMappingURL=details-sidebar.css.map*/