@import "./css-less-variables/common-import.less"; #citation-report-display { max-width: 1300px; display: block; width: 100%; background-color: #FFF; box-sizing: border-box; padding: 15px 20px; } table.citation-report-header { background-color: #fff; width: 100%; overflow: hidden; table-layout: fixed; border: none; a { &:hover { text-decoration: underline; } display: block; .commafy { color: @link-color; font-weight: 600; } } .box { border-radius: 3px; display: block; margin: 20px 20px 20px 0px; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); padding: 17px 22px 22px 22px; &:first-child { margin-left: 20px; } min-height: 165px; } .link-box { padding-bottom: 10px; } td.quarter-width { width: 25%; } span { font-weight: 400; display: block; margin-bottom: 0; font-size: 14px; } .link-count-line { display: flex; align-items: flex-end; } .lowerspan { margin: 37px 0px 10px; display: flex; } .lowerspan2 { margin: 35px 0px 9px; display: flex; } .small-link-adjuster { line-height: 13px; } em { font-style: normal; font-size: 36px; line-height: 32px; text-transform: capitalize; font-weight: 600; color: @wos-gray-4; } em.minor { font-size: 25px; line-height: 24px; } .cr-tooltip-box { background-color: #FAFAFC; color: #000; position: absolute; pointer-events: none; border-radius: 3px; //font-family: @font-family; font-size: 13px; padding: 22px; max-width: 350px; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); p { margin-bottom: 15px; &:last-of-type { margin-bottom: 0px; } } } span.minorlabel { margin-top: 33px; } em.last { margin-bottom: 0px; } .half { font-weight: 500; font-size: 0.85em; display: inline-block; padding-top: 8px; width: 48%; } .hoverYear { font-weight: 500; font-size: 0.85em; pointer-events: none; } .half.left-half { text-align: left; padding-left: 5px; } .half.right-half { text-align: right; float: right; margin-right: -5px; } i.wos-icon { font-size: 1.2em; &:hover { color: #4B749B; } } i.fa-info-circle { cursor: text; } i.wos-icon.fa-expand { margin-top: 0px; cursor: default; } i.wos-icon.fa-compress { margin-top: 0px; cursor: default; } a.wos-icon-link { float: right; margin: -5px 0 50px 0; position: relative; left: 5px; &:lang(ar) { float: left; right: 5px; } } a.ra-icon-link { float: right; margin: -5px 0 50px 0; position: relative; } .box[expander-collapsed] { display: none; } } [expander-collapsed] { display: none; } [loader-for] { background-image: url('../images/loading.gif'); background-position: center center; background-size: auto; background-repeat: no-repeat; display: block; width: 100%; clear: both; } [loader-size="large"] { min-height: 300px; } [loader-size="small"] { min-height: 70px; } .focusable-link { &:link { outline: 2px solid white; border: 1px solid white; } &:visited { outline: 2px solid white; border: 1px solid white; } } #export-chart-container { display: block; overflow: hidden; width: 1px; height: 1px; } .export-chart-box { width: 320px; height: 250px; margin-bottom: 10px; } #PI_LARGE_CHART { overflow: scroll; } .hide-cr-graph{ visibility: hidden !important; position: absolute !important; top: 0 !important; } .count-link { margin-right: 20px; } #PI_SMALL_CHART { padding-top: 1px; } .flex-box-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; } .margin-bottom-0 { margin-bottom: 0; } .flex-div { display: flex; align-items: center; } .hitCount-top { font-weight: bold !important; padding: 0 4px 0 5px; color: #4B749B; font-size: 19px !important; } .cr-tooltip-box { background-color: #FAFAFC; color: #000; position: absolute; pointer-events: none; border-radius: 3px; //font-family: @font-family; font-size: 13px; padding: 22px; max-width: 350px; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); p { margin-bottom: 15px; &:last-of-type { margin-bottom: 0px; } } }