/* input(37,13): run-time error CSS1035: Expected colon, found '{' input(1249,1): run-time error CSS1019: Unexpected token, found '}' input(4929,1): run-time error CSS1019: Unexpected token, found '}' input(5940,12): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' */ .s-chart-container *,.s-chart-container :after,.s-chart-container :before{box-sizing:border-box}.s-chart-container *{margin:0}.s-chart-container{-webkit-font-smoothing:antialiased;line-height:1.5}.s-chart-container svg{display:block;max-width:100%}.s-chart-container button,.s-chart-container input,.s-chart-container select,.s-chart-container textarea{font:inherit}.s-chart-container h1,.s-chart-container h2,.s-chart-container h3,.s-chart-container h4,.s-chart-container h5,.s-chart-container h6,.s-chart-container p{overflow-wrap:break-word}.s-chart-container{--hovered-barchart-color:green;--axisText-color:#000;--barchart-color:#3b6de6;--marker-color:#000;--linechart-color1:#ff0;--shadow-color:286deg 36% 56%;--body-font:"Plus Jakarta Sans",Inter,Avenir,Helvetica,Arial,sans-serif;--tooltip-color:#000;--shadow-low:-2px -2px 9px rgba(94,104,121,.1),3px 3px 9px rgba(94,104,121,.2);--shadow-high:.3px .5px .7px hsl(var(--shadow-color)/.36),.8px 1.6px 2px -.8px hsl(var(--shadow-color)/.36),2.1px 4.1px 5.2px -1.7px hsl(var(--shadow-color)/.36),3px 3px 12.6px -2.5px hsl(var(--shadow-color)/.36);background-color:#fff;color:var(--tooltip-color);font-family:var( --body-font,"Plus Jakarta Sans",Inter,Avenir,Helvetica,Arial,sans-serif );font-family:var(--body-font);font-size:12px;font-weight:400;line-height:1}.s-chart-container text,.s-chart-container tspan{font-variant-numeric:tabular-nums;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.s-chart-container .axis text{text-anchor:middle;fill:#00f;font-family:inherit;font-size:10px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.s-chart-container #x-axis text{pointer-events:all}.s-chart-container #y-axis text{dominant-baseline:middle}.s-chart-container #y-axis.main text{text-anchor:end;fill:#000;pointer-events:all}.s-chart-container #y-axis.side text{text-anchor:end}.s-chart-container #main-graph text,.s-chart-container #main-graph tspan{stroke:#fff;stroke-width:3px;font-weight:700;paint-order:stroke}.s-chart-container line,.s-chart-container path{pointer-events:none}.s-chart-container .axis line{stroke:#000}.s-chart-container line.gridline{stroke:#0000001a;transition:stroke .3s ease-in-out}.s-chart-container #y-axis.main line.gridline.hovered{stroke:#00000080}.bar.svelte-1qq641n.svelte-1qq641n{rx:var(--rx,4px);fill:var(--marker-color);-webkit-clip-path:inset(0 0 var(--rx,4px) 0);clip-path:inset(0 0 var(--rx,4px) 0);pointer-events:none;transition:fill .6s ease-in-out}.active.svelte-1qq641n .bar.svelte-1qq641n{fill:var(--barchart-color);transition:fill .2s ease-in-out}.fade.svelte-1qq641n .bar.svelte-1qq641n{fill:#c5eda8}path.svelte-9arent{stroke:#ff0;stroke-width:2px;fill:none}#linechart-marker.svelte-9arent{stroke:#fff;stroke-width:2px;fill:var(--barchart-color);pointer-events:none;transition:cx .2s ease-in-out,cy .2s ease-in-out}.hovered.svelte-30d6lu{font-weight:700;transition:font-weight .2s ease-in-out}.chart-tooltip-wrapper.svelte-1bqnkxt{height:var(--height);left:var(--left,0);pointer-events:none;position:absolute;top:var(--top,0);width:var(--width)}.chart-tooltip.svelte-1bqnkxt{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:hsla(0,0%,100%,.5);border:1px solid #fff;border-radius:8px;bottom:calc(100% - var(--y, 50%));box-shadow:var(--shadow-low);display:flex;flex-direction:column;gap:4px;left:var(--x,0);min-width:14ch;padding:8px;pointer-events:none;position:absolute;transform:translate(-50%,-20px);transition:left .2s ease-in-out,bottom .2s ease-in-out;z-index:1}figure.graph-composition.svelte-4xeca3.svelte-4xeca3{height:100%;margin:0 auto;overflow:hidden;position:relative;width:100%}svg.svelte-4xeca3.svelte-4xeca3{position:relative}#canvas-controller.svelte-4xeca3.svelte-4xeca3{pointer-events:all}table.svelte-4xeca3.svelte-4xeca3{border-collapse:collapse;width:100%}table.svelte-4xeca3 td.svelte-4xeca3{padding-bottom:4px;padding-top:4px}table.svelte-4xeca3 tbody tr:last-of-type td.svelte-4xeca3{padding-bottom:0}table.svelte-4xeca3 td.svelte-4xeca3:first-of-type{padding-right:4px}table.svelte-4xeca3 td.svelte-4xeca3:last-of-type{min-width:6ch;padding-left:4px;text-align:right}.s-chart-container.svelte-1x04w7{height:100%;min-width:320px;overflow:hidden;position:relative;width:auto}main.svelte-1wtg6dj{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;margin:0 auto;max-width:920px;padding:0} .s-chart-container *,.s-chart-container :after,.s-chart-container :before{box-sizing:border-box}.s-chart-container *{margin:0}.s-chart-container{line-height:1.5;-webkit-font-smoothing:antialiased}.s-chart-container svg{display:block;max-width:100%}.s-chart-container button,.s-chart-container input,.s-chart-container select,.s-chart-container textarea{font:inherit}.s-chart-container h1,.s-chart-container h2,.s-chart-container h3,.s-chart-container h4,.s-chart-container h5,.s-chart-container h6,.s-chart-container p{overflow-wrap:break-word}.s-chart-container{--key-color:#8a2be2;--company-color:#3b6de6;--person-color:#90c668;--shadow-color:286deg 36% 56%;--body-font:"Plus Jakarta Sans",Inter,Avenir,Helvetica,Arial,sans-serif;background-color:#fff;color:#000;font-family:var( --body-font,"Plus Jakarta Sans",Inter,Avenir,Helvetica,Arial,sans-serif );font-family:var(--body-font);font-size:12px;font-weight:400;line-height:1;--shadow-low:-2px -2px 9px rgba(94,104,121,.1),3px 3px 9px rgba(94,104,121,.2);--shadow-high:.3px .5px .7px hsl(var(--shadow-color)/.36),.8px 1.6px 2px -.8px hsl(var(--shadow-color)/.36),2.1px 4.1px 5.2px -1.7px hsl(var(--shadow-color)/.36),3px 3px 12.6px -2.5px hsl(var(--shadow-color)/.36);font-family:Plus Jakarta Sans;height:400px;max-width:600px;min-width:320px;overflow:hidden;padding:0;position:relative;width:calc(100% - 2px)}.s-chart-container .tree-node{background-color:#fff;height:100%;overflow:hidden;pointer-events:all;position:absolute;width:100%}.s-chart-container .tree-node:not(.leaf){cursor:pointer}.s-chart-container .contents{background-color:var(--fill);border:1px solid #fff;border-radius:4px;box-sizing:border-box;color:#000;font-family:var(--body-font);height:100%;padding:.3rem .4rem;width:100%}.s-chart-container .contents div{display:block;display:-webkit-box;font-size:12px;line-height:1;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.s-chart-container .tree-node:not(.leaf) .contents{background-color:#676779}.pancake-chart.svelte-1gzh5rp{display:block;height:100%;position:relative;width:100%}.clip.svelte-1gzh5rp{overflow:hidden}.pancake-grid-item.svelte-1wq9bba{left:0;position:absolute;top:0}.pancake-point.svelte-11ba04d{height:0;position:absolute;width:0}.pancake-box.svelte-38xupb{position:absolute}svg.svelte-4s4ihd{height:100%;overflow:visible;position:absolute;width:100%}.clip.svelte-4s4ihd{overflow:hidden}svg.svelte-4s4ihd *{vector-effect:non-scaling-stroke}pancake-treemap.svelte-omgzip{height:100%;pointer-events:none;position:absolute;width:100%}main.svelte-nky82t{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;margin:0 auto;padding:0} .s-chart-container { --key-color: rgba(138, 43, 226, 1); --company-color: #3b6de6; --person-color: #90c668; --shadow-color: 286deg 36% 56%; font-size: 12px; line-height: 1; font-weight: 400; color: black; background-color: white; --shadow-low: -2px -2px 9px rgba(94, 104, 121, 0.1), 3px 3px 9px rgba(94, 104, 121, 0.2); --shadow-high: 0.3px 0.5px 0.7px hsl(var(--shadow-color) / 0.36), 0.8px 1.6px 2px -0.8px hsl(var(--shadow-color) / 0.36), 2.1px 4.1px 5.2px -1.7px hsl(var(--shadow-color) / 0.36), 3px 3px 12.6px -2.5px hsl(var(--shadow-color) / 0.36); height: 500px; position: unset; max-width: 800px; width: 95%; margin-top: 10px; margin-bottom: 10px; display: block; } /** increase specicifity by prepending * div.graph-container * to override scoped styles from src/styles/dendrogram.css * e.g.: div.s-chart-container .axis text {} */ div.s-chart-container { box-shadow: var(--shadow-low); .tree-node { cursor: pointer; } & .tree-node:hover .contents div.label { /* color: red; */ text-decoration: underline; } & .contents { display: flex; flex-direction: column; gap: 0.2rem; transition: color 0.2s ease-in-out; /* add white outline to text */ /* text-shadow: -1px -1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, 1px 1px 1px #fff; */ } & div.label { font-weight: 600; color: var(--textColor, black); } & div.value { font-variant-numeric: tabular-nums; color: var(--textColor, black); } pancake-treemap { position: unset; } } .w3-image{max-width:100%;height:auto}img{vertical-align:middle}a{color:inherit} .w3-table,.w3-table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table}.w3-table-all{border:1px solid #ccc} .w3-bordered tr,.w3-table-all tr{border-bottom:1px solid #ddd}.w3-striped tbody tr:nth-child(even){background-color:#f1f1f1} .w3-table-all tr:nth-child(odd){background-color:#fff}.w3-table-all tr:nth-child(even){background-color:#f1f1f1} .w3-hoverable tbody tr:hover,.w3-ul.w3-hoverable li:hover{background-color:#ccc}.w3-centered tr th,.w3-centered tr td{text-align:center} .w3-table td,.w3-table th,.w3-table-all td,.w3-table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top} .w3-table th:first-child,.w3-table td:first-child,.w3-table-all th:first-child,.w3-table-all td:first-child{padding-left:16px} .w3-btn,.w3-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap} .w3-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)} .w3-btn,.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .w3-disabled,.w3-btn:disabled,.w3-button:disabled{cursor:not-allowed;opacity:0.3}.w3-disabled *,:disabled *{pointer-events:none} .w3-btn.w3-disabled:hover,.w3-btn:disabled:hover{box-shadow:none} .w3-badge,.w3-tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}.w3-badge{border-radius:50%} .w3-ul{list-style-type:none;padding:0;margin:0}.w3-ul li{padding:8px 16px;border-bottom:1px solid #ddd}.w3-ul li:last-child{border-bottom:none} .w3-tooltip,.w3-display-container{position:relative}.w3-tooltip .w3-text{display:none}.w3-tooltip:hover .w3-text{display:inline-block} .w3-ripple:active{opacity:0.5}.w3-ripple{transition:opacity 0s} .w3-input{padding:8px;display:block;border:none;border-bottom:1px solid #ccc;width:100%} .w3-select{padding:9px 0;width:100%;border:none;border-bottom:1px solid #ccc} .w3-dropdown-click,.w3-dropdown-hover{position:relative;display:inline-block;cursor:pointer} .w3-dropdown-hover:hover .w3-dropdown-content{display:block} .w3-dropdown-hover:first-child,.w3-dropdown-click:hover{background-color:#ccc;color:#000} .w3-dropdown-hover:hover > .w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child{background-color:#ccc;color:#000} .w3-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0;z-index:1} .w3-check,.w3-radio{width:24px;height:24px;position:relative;top:6px} .w3-sidebar{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto} .w3-bar-block .w3-dropdown-hover,.w3-bar-block .w3-dropdown-click{width:100%} .w3-bar-block .w3-dropdown-hover .w3-dropdown-content,.w3-bar-block .w3-dropdown-click .w3-dropdown-content{min-width:100%} .w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button{width:100%;text-align:left;padding:8px 16px} .w3-main,#main{transition:margin-left .4s} .w3-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)} .w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px} .w3-bar{width:100%;overflow:hidden}.w3-center .w3-bar{display:inline-block;width:auto} .w3-bar .w3-bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0} .w3-bar .w3-dropdown-hover,.w3-bar .w3-dropdown-click{position:static;float:left} .w3-bar .w3-button{white-space:normal} .w3-bar-block .w3-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0} .w3-bar-block.w3-center .w3-bar-item{text-align:center}.w3-block{display:block;width:100%} .w3-responsive{display:block;overflow-x:auto} .w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before, .w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both} .w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{float:left;width:100%} .w3-col.s1{width:8.33333%}.w3-col.s2{width:16.66666%}.w3-col.s3{width:24.99999%}.w3-col.s4{width:33.33333%} .w3-col.s5{width:41.66666%}.w3-col.s6{width:49.99999%}.w3-col.s7{width:58.33333%}.w3-col.s8{width:66.66666%} .w3-col.s9{width:74.99999%}.w3-col.s10{width:83.33333%}.w3-col.s11{width:91.66666%}.w3-col.s12{width:99.99999%} @media (min-width:601px){.w3-col.m1{width:8.33333%}.w3-col.m2{width:16.66666%}.w3-col.m3,.w3-quarter{width:24.99999%}.w3-col.m4,.w3-third{width:33.33333%} .w3-col.m5{width:41.66666%}.w3-col.m6,.w3-half{width:49.99999%}.w3-col.m7{width:58.33333%}.w3-col.m8,.w3-twothird{width:66.66666%} .w3-col.m9,.w3-threequarter{width:74.99999%}.w3-col.m10{width:83.33333%}.w3-col.m11{width:91.66666%}.w3-col.m12{width:99.99999%}} @media (min-width:993px){.w3-col.l1{width:8.33333%}.w3-col.l2{width:16.66666%}.w3-col.l3{width:24.99999%}.w3-col.l4{width:33.33333%} .w3-col.l5{width:41.66666%}.w3-col.l6{width:49.99999%}.w3-col.l7{width:58.33333%}.w3-col.l8{width:66.66666%} .w3-col.l9{width:74.99999%}.w3-col.l10{width:83.33333%}.w3-col.l11{width:91.66666%}.w3-col.l12{width:99.99999%}} .w3-rest{overflow:hidden}.w3-stretch{margin-left:-16px;margin-right:-16px} .w3-content,.w3-auto{margin-left:auto;margin-right:auto}.w3-content{max-width:980px}.w3-auto{max-width:1140px} .w3-cell-row{display:table;width:100%}.w3-cell{display:table-cell} .w3-cell-top{vertical-align:top}.w3-cell-middle{vertical-align:middle}.w3-cell-bottom{vertical-align:bottom} .w3-hide{display:none!important}.w3-show-block,.w3-show{display:block!important}.w3-show-inline-block{display:inline-block!important} @media (max-width:1205px){.w3-auto{max-width:95%}} @media (max-width:600px){.w3-modal-content{margin:0 10px;width:auto!important}.w3-modal{padding-top:30px} .w3-dropdown-hover.w3-mobile .w3-dropdown-content,.w3-dropdown-click.w3-mobile .w3-dropdown-content{position:relative} .w3-hide-small{display:none!important}.w3-mobile{display:block;width:100%!important}.w3-bar-item.w3-mobile,.w3-dropdown-hover.w3-mobile,.w3-dropdown-click.w3-mobile{text-align:center} .w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button{width:100%}} @media (max-width:768px){.w3-modal-content{width:500px}.w3-modal{padding-top:50px}} @media (min-width:993px){.w3-modal-content{width:900px}.w3-hide-large{display:none!important}.w3-sidebar.w3-collapse{display:block!important}} @media (max-width:992px) and (min-width:601px){.w3-hide-medium{display:none!important}} @media (max-width:992px){.w3-sidebar.w3-collapse{display:none}.w3-main{margin-left:0!important;margin-right:0!important}.w3-auto{max-width:100%}} .w3-top,.w3-bottom{position:fixed;width:100%;z-index:1}.w3-top{top:0}.w3-bottom{bottom:0} .w3-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2} .w3-display-topleft{position:absolute;left:0;top:0}.w3-display-topright{position:absolute;right:0;top:0} .w3-display-bottomleft{position:absolute;left:0;bottom:0}.w3-display-bottomright{position:absolute;right:0;bottom:0} .w3-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)} .w3-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)} .w3-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)} .w3-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)} .w3-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)} .w3-display-container:hover .w3-display-hover{display:block}.w3-display-container:hover span.w3-display-hover{display:inline-block}.w3-display-hover{display:none} .w3-display-position{position:absolute} .w3-circle{border-radius:50%} .w3-round-small{border-radius:2px}.w3-round,.w3-round-medium{border-radius:4px}.w3-round-large{border-radius:8px}.w3-round-xlarge{border-radius:16px}.w3-round-xxlarge{border-radius:32px} .w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col{padding:0 8px} .w3-container,.w3-panel{padding:0.01em 16px}.w3-panel{margin-top:16px;margin-bottom:16px} .w3-code{width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4CAF50;word-wrap:break-word} .w3-codespan{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%} .w3-card,.w3-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)} .w3-card-4,.w3-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)} .w3-spin{animation:w3-spin 2s infinite linear}@keyframes w3-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}} .w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}} .w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}} .w3-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}} .w3-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}} .w3-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}} .w3-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}} .w3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}} .w3-animate-input{transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important} .w3-opacity,.w3-hover-opacity:hover{opacity:0.60}.w3-opacity-off,.w3-hover-opacity-off:hover{opacity:1} .w3-opacity-max{opacity:0.25}.w3-opacity-min{opacity:0.75} .w3-greyscale-max,.w3-grayscale-max,.w3-hover-greyscale:hover,.w3-hover-grayscale:hover{filter:grayscale(100%)} .w3-greyscale,.w3-grayscale{filter:grayscale(75%)}.w3-greyscale-min,.w3-grayscale-min{filter:grayscale(50%)} .w3-sepia{filter:sepia(75%)}.w3-sepia-max,.w3-hover-sepia:hover{filter:sepia(100%)}.w3-sepia-min{filter:sepia(50%)} .w3-tiny{font-size:10px!important}.w3-small{font-size:12px!important}.w3-medium{font-size:15px!important}.w3-large{font-size:18px!important} .w3-xlarge{font-size:24px!important}.w3-xxlarge{font-size:36px!important}.w3-xxxlarge{font-size:48px!important}.w3-jumbo{font-size:64px!important} .w3-left-align{text-align:left!important}.w3-right-align{text-align:right!important}.w3-justify{text-align:justify!important}.w3-center{text-align:center!important} .w3-border-0{border:0!important}.w3-border{border:1px solid #ccc!important} .w3-border-top{border-top:1px solid #ccc!important}.w3-border-bottom{border-bottom:1px solid #ccc!important} .w3-border-left{border-left:1px solid #ccc!important}.w3-border-right{border-right:1px solid #ccc!important} .w3-topbar{border-top:6px solid #ccc!important}.w3-bottombar{border-bottom:6px solid #ccc!important} .w3-leftbar{border-left:6px solid #ccc!important}.w3-rightbar{border-right:6px solid #ccc!important} .w3-section,.w3-code{margin-top:16px!important;margin-bottom:16px!important} .w3-margin{margin:16px!important}.w3-margin-top{margin-top:16px!important}.w3-margin-bottom{margin-bottom:16px!important} .w3-margin-left{margin-left:16px!important}.w3-margin-right{margin-right:16px!important} .w3-padding-small{padding:4px 8px!important}.w3-padding{padding:8px 16px!important}.w3-padding-large{padding:12px 24px!important} .w3-padding-16{padding-top:16px!important;padding-bottom:16px!important}.w3-padding-24{padding-top:24px!important;padding-bottom:24px!important} .w3-padding-32{padding-top:32px!important;padding-bottom:32px!important}.w3-padding-48{padding-top:48px!important;padding-bottom:48px!important} .w3-padding-64{padding-top:64px!important;padding-bottom:64px!important} .w3-padding-top-64{padding-top:64px!important}.w3-padding-top-48{padding-top:48px!important} .w3-padding-top-32{padding-top:32px!important}.w3-padding-top-24{padding-top:24px!important} .w3-left{float:left!important}.w3-right{float:right!important} .w3-button:hover{color:#000!important;background-color:#ccc!important} .w3-transparent,.w3-hover-none:hover{background-color:transparent!important} .w3-hover-none:hover{box-shadow:none!important} /* Colors */ .w3-amber,.w3-hover-amber:hover{color:#000!important;background-color:#ffc107!important} .w3-aqua,.w3-hover-aqua:hover{color:#000!important;background-color:#00ffff!important} .w3-blue,.w3-hover-blue:hover{color:#fff!important;background-color:#2196F3!important} .w3-light-blue,.w3-hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important} .w3-brown,.w3-hover-brown:hover{color:#fff!important;background-color:#795548!important} .w3-cyan,.w3-hover-cyan:hover{color:#000!important;background-color:#00bcd4!important} .w3-blue-grey,.w3-hover-blue-grey:hover,.w3-blue-gray,.w3-hover-blue-gray:hover{color:#fff!important;background-color:#607d8b!important} .w3-green,.w3-hover-green:hover{color:#fff;background-color:#4CAF50!important} .w3-light-green,.w3-hover-light-green:hover{color:#000!important;background-color:#8bc34a!important} .w3-indigo,.w3-hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important} .w3-khaki,.w3-hover-khaki:hover{color:#000!important;background-color:#f0e68c!important} .w3-lime,.w3-hover-lime:hover{color:#000!important;background-color:#cddc39!important} .w3-orange,.w3-hover-orange:hover{color:#000!important;background-color:#ff9800!important} .w3-deep-orange,.w3-hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important} .w3-pink,.w3-hover-pink:hover{color:#fff!important;background-color:#e91e63!important} .w3-purple,.w3-hover-purple:hover{color:#fff!important;background-color:#9c27b0!important} .w3-deep-purple,.w3-hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important} .w3-red,.w3-hover-red:hover{color:#fff!important;background-color:#f44336!important} .w3-sand,.w3-hover-sand:hover{color:#000!important;background-color:#fdf5e6!important} .w3-teal,.w3-hover-teal:hover{color:#fff!important;background-color:#009688!important} .w3-yellow,.w3-hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important} .w3-white,.w3-hover-white:hover{color:#000!important;background-color:#fff!important} .w3-black,.w3-hover-black:hover{color:#fff!important;background-color:#000!important} .w3-grey,.w3-hover-grey:hover,.w3-gray,.w3-hover-gray:hover{color:#000!important;background-color:#9e9e9e!important} .w3-light-grey,.w3-hover-light-grey:hover,.w3-light-gray,.w3-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important} .w3-dark-grey,.w3-hover-dark-grey:hover,.w3-dark-gray,.w3-hover-dark-gray:hover{color:#fff!important;background-color:#616161!important} .w3-pale-red,.w3-hover-pale-red:hover{color:#000!important;background-color:#ffdddd!important} .w3-pale-green,.w3-hover-pale-green:hover{color:#000!important;background-color:#ddffdd!important} .w3-pale-yellow,.w3-hover-pale-yellow:hover{color:#000!important;background-color:#ffffcc!important} .w3-pale-blue,.w3-hover-pale-blue:hover{color:#000!important;background-color:#ddffff!important} .w3-text-amber,.w3-hover-text-amber:hover{color:#ffc107!important} .w3-text-aqua,.w3-hover-text-aqua:hover{color:#00ffff!important} .w3-text-blue,.w3-hover-text-blue:hover{color:#2196F3!important} .w3-text-light-blue,.w3-hover-text-light-blue:hover{color:#87CEEB!important} .w3-text-brown,.w3-hover-text-brown:hover{color:#795548!important} .w3-text-cyan,.w3-hover-text-cyan:hover{color:#00bcd4!important} .w3-text-blue-grey,.w3-hover-text-blue-grey:hover,.w3-text-blue-gray,.w3-hover-text-blue-gray:hover{color:#607d8b!important} .w3-text-green,.w3-hover-text-green:hover{color:#4CAF50!important} .w3-text-light-green,.w3-hover-text-light-green:hover{color:#8bc34a!important} .w3-text-indigo,.w3-hover-text-indigo:hover{color:#3f51b5!important} .w3-text-khaki,.w3-hover-text-khaki:hover{color:#b4aa50!important} .w3-text-lime,.w3-hover-text-lime:hover{color:#cddc39!important} .w3-text-orange,.w3-hover-text-orange:hover{color:#ff9800!important} .w3-text-deep-orange,.w3-hover-text-deep-orange:hover{color:#ff5722!important} .w3-text-pink,.w3-hover-text-pink:hover{color:#e91e63!important} .w3-text-purple,.w3-hover-text-purple:hover{color:#9c27b0!important} .w3-text-deep-purple,.w3-hover-text-deep-purple:hover{color:#673ab7!important} .w3-text-red,.w3-hover-text-red:hover{color:#f44336!important} .w3-text-sand,.w3-hover-text-sand:hover{color:#fdf5e6!important} .w3-text-teal,.w3-hover-text-teal:hover{color:#009688!important} .w3-text-yellow,.w3-hover-text-yellow:hover{color:#d2be0e!important} .w3-text-white,.w3-hover-text-white:hover{color:#fff!important} .w3-text-black,.w3-hover-text-black:hover{color:#000!important} .w3-text-grey,.w3-hover-text-grey:hover,.w3-text-gray,.w3-hover-text-gray:hover{color:#757575!important} .w3-text-light-grey,.w3-hover-text-light-grey:hover,.w3-text-light-gray,.w3-hover-text-light-gray:hover{color:#f1f1f1!important} .w3-text-dark-grey,.w3-hover-text-dark-grey:hover,.w3-text-dark-gray,.w3-hover-text-dark-gray:hover{color:#3a3a3a!important} .w3-border-amber,.w3-hover-border-amber:hover{border-color:#ffc107!important} .w3-border-aqua,.w3-hover-border-aqua:hover{border-color:#00ffff!important} .w3-border-blue,.w3-hover-border-blue:hover{border-color:#2196F3!important} .w3-border-light-blue,.w3-hover-border-light-blue:hover{border-color:#87CEEB!important} .w3-border-brown,.w3-hover-border-brown:hover{border-color:#795548!important} .w3-border-cyan,.w3-hover-border-cyan:hover{border-color:#00bcd4!important} .w3-border-blue-grey,.w3-hover-border-blue-grey:hover,.w3-border-blue-gray,.w3-hover-border-blue-gray:hover{border-color:#607d8b!important} .w3-border-green,.w3-hover-border-green:hover{border-color:#4CAF50!important} .w3-border-light-green,.w3-hover-border-light-green:hover{border-color:#8bc34a!important} .w3-border-indigo,.w3-hover-border-indigo:hover{border-color:#3f51b5!important} .w3-border-khaki,.w3-hover-border-khaki:hover{border-color:#f0e68c!important} .w3-border-lime,.w3-hover-border-lime:hover{border-color:#cddc39!important} .w3-border-orange,.w3-hover-border-orange:hover{border-color:#ff9800!important} .w3-border-deep-orange,.w3-hover-border-deep-orange:hover{border-color:#ff5722!important} .w3-border-pink,.w3-hover-border-pink:hover{border-color:#e91e63!important} .w3-border-purple,.w3-hover-border-purple:hover{border-color:#9c27b0!important} .w3-border-deep-purple,.w3-hover-border-deep-purple:hover{border-color:#673ab7!important} .w3-border-red,.w3-hover-border-red:hover{border-color:#f44336!important} .w3-border-sand,.w3-hover-border-sand:hover{border-color:#fdf5e6!important} .w3-border-teal,.w3-hover-border-teal:hover{border-color:#009688!important} .w3-border-yellow,.w3-hover-border-yellow:hover{border-color:#ffeb3b!important} .w3-border-white,.w3-hover-border-white:hover{border-color:#fff!important} .w3-border-black,.w3-hover-border-black:hover{border-color:#000!important} .w3-border-grey,.w3-hover-border-grey:hover,.w3-border-gray,.w3-hover-border-gray:hover{border-color:#9e9e9e!important} .w3-border-light-grey,.w3-hover-border-light-grey:hover,.w3-border-light-gray,.w3-hover-border-light-gray:hover{border-color:#f1f1f1!important} .w3-border-dark-grey,.w3-hover-border-dark-grey:hover,.w3-border-dark-gray,.w3-hover-border-dark-gray:hover{border-color:#616161!important} .w3-border-pale-red,.w3-hover-border-pale-red:hover{border-color:#ffe7e7!important}.w3-border-pale-green,.w3-hover-border-pale-green:hover{border-color:#e7ffe7!important} .w3-border-pale-yellow,.w3-hover-border-pale-yellow:hover{border-color:#ffffcc!important}.w3-border-pale-blue,.w3-hover-border-pale-blue:hover{border-color:#e7ffff!important} html { overflow-x: hidden; overflow-y: hidden; width: 100%; height: 100%; } html, body { font: normal 12px 'Lato', Sans-serif; padding: 0; color: var(--StandardText); background:var(--LighterGrey); } input { outline:thin; } h4 { font-size: 13px; font-weight: bold; } app { position: relative; display: flex; flex-direction: column; } a { color:var(--LinkBlue); } body::-webkit-scrollbar { width: 1em; } .top-row { height: 3.5rem; display: flex; align-items: center; } .main { flex: 1; } .main .top-row { background-color: var(--BackgroundDisabled); border-bottom: 1px solid #d6d5d5; justify-content: flex-end; } .main .top-row > a, .main .top-row .btn-link { white-space: nowrap; margin-left: 1.5rem; } .main .top-row a:first-child { overflow: hidden; text-overflow: ellipsis; } .sidebar { background-image: linear-gradient(180deg, rgb(40, 63, 21) 0%, 4C7924 70%); } .sidebar .top-row { background-color: var(--DarkGreen); ; } .sidebar .navbar-brand { font-size: 1.1rem; } .sidebar .oi { width: 2rem; font-size: 1.1rem; vertical-align: text-top; top: -2px; } .sidebar .nav-item { font-size: 0.9rem; padding-bottom: 0.5rem; } .sidebar .nav-item:first-of-type { padding-top: 1rem; } .sidebar .nav-item:last-of-type { padding-bottom: 1rem; } .sidebar .nav-item a { color: var(--LightGrey); border-radius: 4px; height: 3rem; display: flex; align-items: center; line-height: 3rem; } .sidebar .nav-item a.active { background-color: rgba(255,255,255,0.25); color: var(--ButtonText); } .sidebar .nav-item a:hover { background-color: rgba(255,255,255,0.1); color: var(--ButtonText); } .content { padding-top: 1.1rem; } .navbar-toggler { background-color: var(--DarkGreen); } .validation-message { color: var(--Red); } #blazor-error-ui { bottom: 0; box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2); display: none; left: 0; padding: 0.6rem 1.25rem 0.7rem 1.25rem; position: fixed; width: 100%; z-index: 1000; } #blazor-error-ui .dismiss { cursor: pointer; position: absolute; right: 0.75rem; top: 0.5rem; } /* verify this */ /*@media { .main .top-row:not(.auth) { display: none; } .main .top-row.auth { justify-content: space-between; } .main .top-row a, .main .top-row .btn-link { margin-left: 0; } }*/ a { outline:none;} .searchFooterDiv { grid-area: footer; color: white; background-color: black; } /* the main div form thead selected table */ .mainLowerWindowDiv { display: none; grid-column: 2; grid-row: 2; flex: 1 1 auto; overflow: auto; grid-template-columns: auto 80px; grid-template-rows: auto; border: solid 1px black; z-index: 50; background-color: var(--Background); align-self: end; display: grid; position: relative; height: 0%; box-shadow: 3px 3px 5px rgba(0,0,0,0.125), -3px -3px 5px rgba(0,0,0,0.125); } .logoDiv { grid-column-start: 1; grid-column-end: 4; grid-row-start: 2; } @media (max-width:1100px) { .logoDiv { grid-column-start: 1; grid-column-end: 3; grid-row-start: 2; margin-top: 30px; margin-right: 100px; } } @media (max-width:700px) { .logoDiv { grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; margin-top: 30px; } } .setupColumnsDiv { min-width: 400px; grid-column: 2; grid-row: 3; z-index: 51; justify-self: end; } .favouritesDiv { min-width: 520px; grid-column-start: 2; grid-row-start: 3; z-index: 51; justify-self: end; } .leftPopupDiv { grid-column: 1; grid-row: 3; justify-self: left; z-index: 51; } .feedbackDiv { grid-column-start: 3; grid-row-start: 2; } .buttonExportTable { margin-left: 10px; font-size: 10px; text-align: center; width: 60px; background-color: var(--Background); } .bottomDiv { background-color: black; font-size: 10px; text-align: center; } /* POPUP CONTAINER */ .popupContainer { color: var(--DarkGreen); background-color: var(--Background); display: grid; grid-template-columns: 25px auto auto auto 25px; grid-template-rows: 60px auto auto 45px; grid-template-areas: 'header header header header header' 'sidebar content content content rightSidebar' 'sidebar listContent listContent listContent listContent' 'sidebar footerLeft footerCenter footerRight rightFootSidebar'; border-radius: 10px; position: relative; border-right: 1px solid var(--StandardBorder); border-radius: 10px; box-shadow: 0px 4px 16px var(--BoxShadow); } .popupFullWidthContent { width: 100%; } .popupFullWidthContentRow { font-size: 16px; height:20px; padding:4px 0; width: 100%; } .popupFullWidthContentRowLabel { float:left; } .popupFullWidthContentRowValue { float: right; } .popupLinkRow { color:var(--LinkBlue); cursor:pointer; } .popupMenuButtonContainer { width: 290px; margin: 5px auto 25px; padding: 0 0 2px 0; } .contentListPopupContainer { grid-area: listContent; width: 100%; padding: 5px 5px 5px 0; margin-left: 0; } .headerPopupContainer { grid-area: header; padding: 17px; border-bottom: var(--StandardBorder) solid 1px; color:var(--DarkGreen); margin: 0; } .headerPopupContainer .material-icons { margin-right:10px; font-size:28px; } .headerPopupContainer h1 { font-size: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .headerPopupContainer h2 { font-size: 24px; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .headerPopupContainer h3 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 420px; } .searchPopupContainer { grid-area: search; border: 1px solid var(--StandardBorder); border-radius: 6px; padding: 5px 8px; font-size: 14px; } .contentPopupContainer { grid-area: content; margin-left: 0; margin-top: 5px; min-width: 250px; min-height: 50px; overflow:auto; } .contentPopupContainer input { border: 1px solid var(--StandardBorder); border-radius: 6px; padding: 5px 8px; font-size: 14px; } .contentPopupContainer input:focus { border: 1px solid var(--AccentedBorder); outline: none; } .contentPopupContainer h2 { font-size:20px; margin-top: 20px; margin-bottom: 3px; } .contentPopupContainer .contentPopupLabel { font-size:14px; margin:0 0 4px 0; } .contentPopupContainer .contentPopupText { font-size: 16px; font-weight: 600; } .contentPopupContainer .contentPopupParagraph { font-size: 18px; line-height: 1.4; margin: 0; } .contentPopupContainer .contentPopupInput input { font-size: 14px; } .contentPopupSubHeading.popupSeparator { padding-top: 20px; border-top: 1px solid var(--StandardBorder); width: 100%; } .popupSubHeading { font-weight: 600; font-size: 16px; margin-bottom: 5px; margin-top: 12px; color: var(--StandardText); } .contentPopupHeading { font-size: 24px; font-weight: 600; margin: 40px 0 13px 0; display: block; width: 100%; float: left; } .contentPopupSubHeading { font-size: 18px; font-weight: 600; margin: 10px 0 8px 0; display: inline-block; float: left; } .contentPopupSeparatedSubHeading { font-size: 18px; font-weight: 600; margin: 10px 0 8px 0; display: inline-block; float: left; } .dropdownListContainer .popupSubHeading { margin-left: 5px; } .bottomLeftPopupContainer { grid-area: footerLeft; justify-self: left; margin-right: 10px; } .contentPopupMainContainer { margin:20px 0; } .contentPopupColumn { float:left; width:200px; margin-right:20px; } .contentPopupColumn .contentPopupRow { font-size: 14px; float:left; } .contentPopupRow p { font-size: 14px; } .contentPopupRow .contentParagraph { font-size: 14px; line-height: 1.4; } .contentPopupRow { margin: 3px 0; float: left; width: 100%; } .contentPopupRow.extraMargin { margin:7px 0; } .contentPopupRowSeparator { border-bottom:1px solid var(--StandardBorder); margin-bottom:15px; } .contentPopupHalfContainer { width: 50%; float: left; } .fullWidthColumn { width: 100%; } .contentPopupFloatRow { margin: 7px 0; float: left; } .contentPopupFloatRowItem { float: left; } .contentPopupFloatRowItem label { margin-right: 8px; font-size: 14px; } .bottomCenterPopupContainer { grid-area: footerCenter; margin: 0px 8px 0px 8px; } .bottomRightPopupContainer { grid-area: footerRight; justify-self: right; margin-left:10px; } .indentedPopupContainer { padding-left:25px; } .currencyPopup { margin-left: -130px; margin-right: 10px; } .contentSeparator { margin-top:15px; } .loadedFileLabel { font-size: 14px; font-style: italic; margin-bottom: 20px; } .minimizedWindowDiv { min-width: 110px; height: 24px; background-color: var(--DarkGreen); border-radius: 1px; border: solid 2px black; display: inline-block; z-index: 501; color: var(--Background); font-size: 11px; padding: 2px; margin-right: 6px; cursor: pointer; -moz-user-select: -moz-none; -o-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .minimizedWindowDiv:hover { background-color: var(--DarkGreen); } .minimizedName { display: inline-block; margin: auto; vertical-align: middle; } .minimizedCloseButtonDiv { display: inline-block; } .minimizedCloseButton { background-color: inherit; color: var(--ButtonText); border: none; padding: 0; margin: 0 4px; vertical-align: middle; } .minimizedCloseButton:hover { background-color: var(--DarkGreen); } .minimizedClosePersonButton { background-color: inherit; color: black; border: none; padding: 0; margin: 0 4px; vertical-align: middle; } .minimizedClosePersonButton:hover { background-color: inherit; } .selectedCartAmount { vertical-align: top; position: absolute; right: 18px; margin-top: -35px; font-size: 16px; } .buttonSelectedTable i[class ^= "fa"] { padding-right: 15px; } .ErrorText { font-size:16px; margin-top:10px; color: red; } .popupContainer a { color: var(--LinkBlue); background-color:transparent !important; } .popupContainer a:hover { text-decoration: underline; color: var(--DarkGreen) !important; } .popupContentContainer { padding: 10px 0; display: inline-block; } .overlayContainer { position: absolute; top: 10px; right: 20px; z-index: 1000; } .webMessageDialogContainer { } .dialogHeaderContainer { grid-area: header; height: 35px; font-size: 18px; border-bottom: var(--DarkGreen) solid 1px; margin: 5px 25px 0 0; } .contentPopupRow { margin:7px 0; } .contentPopupRow label { margin-right:8px; font-size: 14px; } .dialogContentContainer { font-size: 14px; grid-area: content; min-height: 100px; margin: 0 25px 5px 0; } .dialogBottomLeftContainer { grid-area: footerLeft; justify-self: left; margin-bottom: 5px; } .dialogBottomRightContainer { grid-area: footerRight; justify-self: right; margin-right: 25px; margin-bottom: 5px; } .infoTextSmall { max-width: 400px; line-height: 22px; color: var(--StandardText); font-size: 14px; margin: 10px 0; } .infoTextSmallBottom { padding-bottom: 8px; } .pressReleasesLink { margin: 5px 0; font-size: 14px; color:var(--LinkBlue); } .pdfPressReleases { margin: 4px 0; } .pdfPressReleasesIcon { font-weight: lighter; width: 20px; margin: 5px 10px 5px 0; font-size: 1.2em; } .material-icons { font-size: 16px; margin: 0 5px 0 5px; vertical-align: middle; } .loginPage { display: flex; justify-content: center; /* horizontal center */ align-items: center; /* vertical center */ height: 100vh; /* full viewport height */ overflow:auto; } .loginWindow { max-width: 100%; width: 440px; border-radius: 10px; border: 1px solid var(--StandardBorder); background: var(--Background); } @media only screen and (max-height: 800px) { .loginWindow { margin: 20px auto 20px auto; } } .loginLogoContainer { background: url(/img/v8logo.svg?v=ZaXoLIm7UyubsE7Ao-5otPPbeUc) center no-repeat; background-size: 250px auto; width: 100%; height:150px; } .loginContent { width: 100%; padding: 10px 30px; display: inline-block; font-size:14px; } .loginWindow input[type=text], input[type=password] { display: block; height: 40px; padding: 0 10px; font-size: 18px; width: 100%; font-weight:300; color: var(--StandardText); border-radius: 10px; border: 1px solid var(--StandardBorder); margin: 0 auto; outline-color:var(--background); } .loginWindow label { margin: 20px 0 7px 0; color: var(--HoverText); } .loginButtonContainer { width: 100%; padding: 0 30px; margin-top: 20px; margin-bottom: 25px; display: inline-block; } .forgotPasswordLink { display: inline-block; text-decoration: underline; margin: 10px 0; float: right; color: var(--LightRed); text-align: right; cursor:pointer; } .loginFormButton { display: inline-block; width: 100%; color: var(--ButtonText); text-align: center; letter-spacing: .5px; border-radius: 10px; border: 1px solid var(--ActiveGreen); cursor: pointer; padding: 10px; font-weight: 600; float: right; font-size: 18px; background-color:var(--ActiveGreen); transition: all .2s ease-in-out; } .loginFormButton:hover { border-color: var(--DarkGreen); background-color: var(--DarkGreen); } .loginFooter { width: 100%; height: 80px; text-align: center; font-size: 16px; padding: 25px; background-color: var(--ActiveGreen); color: var(--Background); border-radius: 0 0 10px 10px; display: inline-block; } .loginFooter a { color: var(--Background); text-decoration:underline; } .testWebWarningDiv { width:100%; color: var(--StrongText); padding: 0 20px 0 30px; } .testWebWarningDiv h2 { font-size:16px; font-weight:600; } .testWebWarningDiv p { font-size: 14px; } .testWebWarningDiv a { font-size: 14px; text-align:center; } .commentPopupContainer { min-width: 400px; max-width: 480px; } .commentPopup { width: 100%; } .commentRow { float:left; width: 100%; display:inline-block; margin:5px 0; } .commentListContainer { max-height:350px; overflow:auto; } .commentTextContainer { font-size: 14px; float: left; display: inline-block; margin: 4px 0; } .commentButtonContainer { float: right; display: inline-block; } .commentRow:first-child { border-top: 1px solid var(--StandardBorder); } .commentByLine { float: left; width: 100%; border-bottom: 1px solid var(--StandardBorder); padding-bottom: 5px; } .commentBy { color: var(--ActiveText); float: left; } .commentDate { color: var(--ActiveText); float: right; } .commentInputContent { float:left; width: 100%; padding:5px 0; } .headerPopupContainer .material-icons { font-size: 28px; } .genericTable { margin-top: 10px; width: 100%; } .genericTable th {} .genericTable td { padding: 10px 0; } .genericTable .rightAlignTableCell { text-align: right; padding-right: 15px; } .genericNarrowTable { margin-top: 10px; width: 100%; } .genericNarrowTable th { } .genericNarrowTable td { padding: 4px 8px 4px 0; } .genericNarrowTable .iconButton { margin: 2px } .genericNarrowTable .rightAlignTableCell { text-align: right; padding-right: 15px; } .loader { position: absolute; border: 26px solid #424A66; border-radius: 50%; border-left: 26px solid #5491E5; border-bottom: 26px solid #5491E5; width: 180px; height: 180px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } .loaderSmall { border: 6px solid #424A66; border-radius: 50%; border-left: 6px solid #5491E5; border-bottom: 6px solid #5491E5; width: 22px; height: 22px; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; margin: 8px; background-color: var(--Background); } } .loaderPercent { position: absolute; left: 51px; top: 77px; text-align: center; width: 100px; font-size: 36px; font-weight: bold; color: var(--DarkGreen); } .progressBarContainer { width: 200px; height: 200px; background-color: white; padding: 10px; border-radius: 10px; position: relative; /* background-image: url(/img/largeLogoTransparent.png?v=ZaXoLIm7UyubsE7Ao-5otPPbeUc); background-repeat: no-repeat; background-position-x: center; background-position-y: center;*/ } /*.loader2 { position: absolute; margin-left: 20px; border: 26px solid #424A66; border-radius: 50%; border-top: 26px solid #5491E5; border-right: 26px solid #5491E5; width: 60px; height: 60px; -webkit-animation: spin 2s linear infinite;*/ /* Safari */ /*animation: spin 2s linear infinite; TrackColor ="#5491E5" ProgressColor="#424A66 }*/ /* Safari */ @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .disabledElement { opacity:0.6; pointer-events:none; } .k-notification-group { position: fixed; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-height: 100%; -ms-flex-direction: column-reverse; flex-direction: column-reverse; z-index: 10000; background: var(--StandardBorder); color: var(--ButtonText); } .flagGridcontainer { height: 16px; vertical-align: sub; margin-right: 2px; -webkit-filter: drop-shadow( 1px 1px 3px rgba(0, 0, 0, .7)); filter: drop-shadow( 1px 1px 3px rgba(0, 0, 0, .7)); } .noFlagGridcontainer { margin-right: 2px; height:16px; width:24px; } .filterDisclaimerContainer { float: left; margin: 5px 0 15px 0; border: 1px solid var(--AccentedBorder); padding: 8px 5px; background-color: var(--LightButtonBackground); border-radius: 10px; } .disclaimerIcon { float: left; margin: 6px 5px 0 0; } .disclaimerIcon .material-icons { font-size:18px; } .k-notification-content { margin: 25px 5px 0 0; } .k-notification-container { border: 1px solid var(--StandardBorder); } .borderlessPopupHeaderContainer { grid-area: header; white-space: nowrap; padding: 10px 1px 10px 10px; height: 50px; border-bottom: var(--StandardBorder) solid 1px; } .popupHeaderContainer { border-radius: 10px 10px 0 0; /* float: left; */ position: absolute; display: inline-block; width: 100%; white-space: nowrap; padding: 10px 19px; height: 50px; border-bottom: var(--StandardBorder) solid 1px; } .popupHeaderContainer .popupHeaderHeading { display: inline-block; font-size: 22px; float: left; width: 100%; font-weight: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin: 0; padding: 0; height: 33px; } .popupHeaderContainer .popupHeaderHeading .favouritesHeading { font-size:18px; } .popupHeaderContainer .popupHeaderHeading .headerIcon { width: 40px; float: left; display: inline-block; } .popupHeaderContainer .popupHeaderHeading .headerIcon .material-icons { font-size: 26px; margin-top: 3px; margin-left: 0; float: left; } .popupHeaderContainer .headerHeading { margin-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; } .popupHeaderContainer .headerButtonContainer { position: absolute; right: 10px; top: 7px; } .popupHeaderContainer .headerButtonContainer .fixedRightCloseButton { cursor: pointer; float: right; text-align: center; } .borderlessPopupHeaderContainer .popupHeaderHeading { display: inline-block; font-size: 22px; float: left; width: 100%; font-weight: normal; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin: 0; padding: 0; height: 33px; } .borderlessPopupHeaderContainer .popupHeaderHeading .favouritesHeading { font-size: 18px; } .popupHeaderContainer .borderlessPopupHeaderContainer .headerIcon { width: 40px; float: left; display: inline-block; } .borderlessPopupHeaderContainer .popupHeaderHeading .headerIcon .material-icons { font-size: 26px; margin-top: 3px; margin-left: 0; float: left; } .borderlessPopupHeaderContainer .headerHeading { margin-top: 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; float: left; } .borderlessPopupHeaderContainer .headerButtonContainer { display:block; position:initial; } .borderlessPopupContainer { color: var(--DarkGreen); background-color: var(--Background); display: grid; grid-template-columns: 106px auto 106px; grid-template-rows: 55px min-content auto 45px; grid-template-areas: 'header header header' 'search search search' 'content content content' 'footerLeft footerCenter footerRight'; border-radius: 10px; border-right: 1px solid var(--StandardBorder); border-radius: 10px; box-shadow: 0px 4px 16px var(--BoxShadow); padding-left: 6px; padding-right: 6px; row-gap: 2px; width:415px; } .borderlessLeftFooter { grid-area: footerLeft; justify-self: left; align-self: center; } .borderlessRightFooter { grid-area: footerRight; justify-self: right; align-self:center; } .notificationDiv { position: absolute; bottom: 0px; right: -450px; background-color: var(--LightButtonBackground); min-height: 80px; max-height: 80px; max-width: 450px; width: 450px; border: solid 1px var(--DarkGreen); padding: 14px; z-index: 5000; } .notificationText { color: var(--StandardText); font-size:15px; display:contents; } .blazored-modal { padding: 0px !important; border: 0px !important; background-color: transparent !important; } .mud-charts-yaxis text, .mud-charts-xaxis text { fill: var(--StandardText) !important; } .mud-typography, .mud-table { font-family: 'Lato', sans-serif !important; font-weight: 600; } .size-medium { /* fixes bug in modal popup */ max-width:2600px !important; } .similarityScoringCompanyHeader { font-size: 18px; font-weight: 600; margin-bottom:10px; } .similarityScoringCompany { font-size: 16px; font-weight: 600; cursor: pointer; } .similarityScoringCompanyReason { font-size: 15px; } .bottom-info-bar { width: 100%; background: linear-gradient(90deg, #184d94, #236dce); color: var(--ButtonText); font-size:14px; border-bottom: 1px solid rgba(255,255,255,0.18); box-shadow: 0 2px 4px rgba(0,0,0,0.25); position: fixed; bottom:0; z-index: 50; } .bottom-info-bar-content { display: flex; align-items: center; gap: 14px; padding: 6px 14px 5px 16px; } .bottom-info-message { flex: 1 1 auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 300; margin-left:10px; cursor:pointer; } .bottom-info-message a { margin-left:2px; color: var(--ButtonText); font-weight:600; } .bottom-info-close { background: rgba(255,255,255,0.15); border: none; color: var(--ButtonText); width: 26px; height: 26px; display: flex; align-items: center; justify-content: center; border-radius: 4px; cursor: pointer; padding: 0; transition: background .15s; } .top-info-close:hover { background: rgba(255,255,255,0.28); } .top-info-close .material-icons { font-size: 18px; line-height: 1; } .grid-container2 { grid-template-columns: 100px auto 100px; grid-template-rows: 80px auto 80px; grid-column-gap: 10px; grid-row-gap: 5px; } .searchGridSplitScreen { display: grid; grid-row: 2; grid-column: 1; grid-template-columns: auto auto auto; } .searchGrid4 { display: grid; grid-row: 2; grid-column: 1; grid-template-columns: 10px 40px auto 152px auto 1fr min-content 10px; grid-template-rows: 15px 40px min-content min-content min-content 24px min-content 1fr min-content; grid-template-areas: 'lmargin topmargin topmargin topmargin topmargin topmargin topmargin rmargin' 'lmargin x searcharea hitsarea hitsarea buttonsarea buttonsarea rmargin' 'lmargin x searcharea2 hitsarea2 space buttonsarea buttonsarea rmargin' 'lmargin x searchfiltersarea searchfiltersarea searchfiltersarea buttonsarea buttonsarea rmargin' 'lmargin x searchfiltersarea searchfiltersarea searchfiltersarea selectedtablebuttonarea x2 rmargin' 'lmargin x alertfilterarea gmargin gmargin splitScreenSwitch dd rmargin' 'lmargin dashboardarea dashboardarea dashboardarea dashboardarea dashboardarea dashboardarea rmargin' 'lmargin tablearea tablearea tablearea tablearea tablearea splitscreen splitscreen' 'lmargin footer footer footer footer footer splitscreen splitscreen'; overflow: hidden; height: calc(100vh - 60px); } /*the grid without splitscreen */ .searchGrid { display: grid; grid-row: 2; grid-column: 1; grid-template-columns: 10px 40px auto 152px auto 1fr min-content 10px; grid-template-rows: 15px 40px min-content min-content 24px min-content 1fr min-content; grid-template-areas: 'lmargin topmargin topmargin topmargin topmargin topmargin topmargin rmargin' 'lmargin x searcharea hitsarea hitsarea buttonsarea buttonsarea rmargin' 'lmargin x searcharea2 hitsarea2 space buttonsarea buttonsarea rmargin' 'lmargin x searchfiltersarea searchfiltersarea searchfiltersarea searchfiltersarea ggg rmargin' 'lmargin x alertfilterarea gmargin gmargin trialarea dd rmargin' 'lmargin dashboardarea dashboardarea dashboardarea dashboardarea dashboardarea dashboardarea rmargin' 'lmargin tablearea tablearea tablearea tablearea tablearea splitscreen splitscreen' 'lmargin footer footer footer footer footer splitscreen splitscreen'; overflow: hidden; height: calc(100vh - 60px); } .gridSplitter { grid-column: 2; background:black; cursor: col-resize; width: 5px; } .rightSideSceen { grid-area: splitscreen; /* height: calc(100vh - 60px); */ } .searchViewsGridContainer { display: inline-block; float: right; } .searchViewsGrid { grid-area: buttonsarea; display: grid; grid-template-columns: auto auto; grid-template-rows: min-content; grid-template-areas: 'dropdownarea dropdownarea' 'leftarea rightarea' 'changesarea changesbuttonsarea' 'footerarea footerarea'; grid-gap: 0; } .searchViewsUpdatesDiv { display: inline-block; } .disabledGridRows { grid-row-start: 1; grid-row-end: 9; grid-column-start:1; grid-column-end:8; background-color: gray; opacity: 0.2; z-index: 2; } .backTosearchGrid { max-height: 70px; grid-column-start: 1; grid-row-start: 2; align-self: end; } .contentDiv { grid-row: 2; height: 100%; } .mainDiv { display: grid; grid-template-rows: 50px 1fr; grid-gap: 6px; height: 100%; align-content: stretch; height: 100vh; } .alertFilterDiv { grid-area: alertfilterarea; } .loadingDiv { grid-row: 2; align-self: center; justify-self: center; } .loadingContent { width:500px; margin: -100px auto 0 auto; } .loadingText { float: left; width:100%; font-size: 20px; color: var(--StrongText); } .loadingByLine { float: left; width: 100%; font-size: 24px; color: darkgrey; margin-top: 15px; } .centerPopupDiv { border-radius: 10px; box-shadow: 3px 3px 5px rgba(0,0,0,0.125), -3px -3px 5px rgba(0,0,0,0.125); grid-column-start: 1; grid-column-end: 7; grid-row-start: 7; justify-self: center; align-self: center; min-width: 400px; margin-top: -200px; z-index: 40; background-color: var(--Background); } .centerParentPopupDiv { position: absolute; top: 60px; height: 700px; right: 20%; z-index: 1000; } .workspacesPopupDiv { border-radius: 10px; box-shadow: 3px 3px 5px rgba(0,0,0,0.125), -3px -3px 5px rgba(0,0,0,0.125); grid-column-start: 1; grid-column-end: 10; grid-row-start: 1; justify-self: right; min-width: 400px; margin-top: 64px; margin-right: 8px; z-index: 40; background-color: var(--Background); } .grid-table td { color: var(--DarkGreen); } .grid-sort-arrow { width: 26px; height: 32px; position: absolute; right: 5px; top: 5px; } .sorted-asc:after { float: right; width: 20px; margin: 2px 3px 5px 5px; transition: .1s ease-in; right: 2px; top: 2px; font-weight: bolder; font-size: 14px; text-align: right; content: "↑"; } .sorted-asc:hover { font-size: 1.2em; } .sorted-desc:after { float: right; width: 20px; margin: 2px 3px 5px 5px; transition: .1s ease-in; right: 2px; top: 2px; font-weight: bolder; font-size: 14px; text-align: right; content: "↓"; } .sorted-desc:hover { font-size: 1.2em; } .unsorted { font-weight: bolder; font-size: 14px; float: right; color: inherit; right: 2px; top: 2px; margin: 2px 3px 5px 5px; transition: .1s ease-in; text-align: right; width: 25px; } .unsorted:after { content: "↑↓"; color: var(--ButtonText); } .unsorted:hover { display: inline; font-size: 1.2em; color: var(--DarkGreen); } table .grid-table th { position: -webkit-sticky; font-weight: normal; position: sticky; top: 0; z-index: 2; min-width: 30px; vertical-align: unset; border: 0; } tfoot th, tfoot td { position: -webkit-sticky; position: sticky; bottom: 0; background: #555; z-index: 4; } .innerTableHeader { height: 31px; } .grid-mvc:focus { outline: none; } .resizableDiv { position: absolute; cursor: col-resize; user-select: none; top: 0px; right: 0px; bottom: 0px; width: 6px; } .btn:hover { opacity: 1 } /*The animation when adding a company to the basket */ .selectedItemAnimationDiv { position: absolute; border: 1px solid var(--ActiveGreen); background-color: var(--ActiveGreen); opacity: 0.7; border-radius: 10px; height: 41px; line-height: 36px; width: 220px; z-index: 50; display: none; margin-left: 0px; top: 300px; left: -200px; } .selectedItemAnimationContainer { color:white; margin:6px 2px 6px 36px; } .outerDiv { display: flex; flex-flow: column; width: 100%; height: 100%; background-color: var(--Background); padding: 0px 10px 0px 10px; } .bottomBorder { height: 40px; width: 100% } .searchViewOption { margin-right: 0px; margin-left: auto; color: var(--ButtonText); } .searchViewsDropDown { margin-right: 0px; color: var(--ButtonText); } table.grid-table { margin: 0; table-layout: fixed; border-spacing: 0px; border-collapse: separate; background-color: var(--Background); height: 100%; } .grid-header { background-color: var(--Background); min-width: 50px; font-weight: bold; cursor: pointer; vertical-align: top !important; border-bottom: 2px solid transparent; } .grid-table thead th { top: 0; z-index: 5; position: sticky; background-color: var(--Background); border-bottom: 3px solid var(--LightGrey); -webkit-box-shadow: 0px 1px 1px var(--LighterGrey); -moz-box-shadow: 0px 1px 1px var(--LighterGrey); box-shadow: 0px 1px 4px var(--LighterGrey); } .grid-table thead th:hover .innerTableHeader { box-shadow: 0px 4px 0px 0px var(--WarmGreen); } .grid-table thead th:hover .inserNewColumnDiv { display: inline-block; transition: .1s ease-in; } th.noFilterHeader .grid-headerText { color: var(--DarkGrey); } .grid-table thead th.noFilterHeader:hover .innerTableHeader { cursor: grab; box-shadow: 0px 4px 0px 0px var(--StructureBorder); } .grid-table thead th.noFilterHeader:hover .innerTableHeader::after { content: "\ea76"; font-family: "Material Icons"; font-size: 20px; position: absolute; right: 6px; top: 10px; color: var(--DarkGrey); } .inserNewColumnDiv { display: none; position: relative; left: -13px; width: 26px; transition: .1s ease-in; } .grid-head { height:34px; } .grid-headerText { color: var(--StandardText); padding-left: 0px; white-space: nowrap; font-weight: 700; font-size: 14px; padding-top: 8px; border-bottom: 2px transparent solid; } .grid-yearHeaderText { position: absolute; right: 15px; top: 0; font-size: 12px; margin-right: 5px; font-size: 10px; color: var(--ActiveText); } /* Grid headers */ .grid-header-active { color: var(--DarkGreen); background: var(--Background); min-width: 50px; font-weight: bold; cursor: pointer; vertical-align: top !important; } .grid-header:hover .unsorted:after { color: var(--DarkGreen); } .grid-header-active .unsorted:after { color: transparent; } .grid-header-active:hover .unsorted:after { color: var(--DarkGreen); } .grid-header-active .grid-headerText { padding-left: 4px; white-space: nowrap; font-weight: 700; font-size: 14px; padding-top: 8px; } .grid-header-active .grid-headerText { padding-left: 4px; white-space: nowrap; font-weight: 700; font-size: 14px; } .grid-header-active .innerTableHeader { box-shadow: 0px 4px 0px 0px var(--DarkGreen); } /* We need to set z-index higher on first header */ .grid-table thead th.firstHeader { z-index: 12; left: 0px; } .firstHeader .grid-headerText { padding-left:52px; } .cell th a{ font-weight:normal; } .grid-row { cursor: pointer; background-color: var(--Background); } .grid-row:hover .cell { } .grid-row-selected { cursor: pointer; background-color: var(--Background); } .grid-row-selected td { background-color: var(--LightGreen); color: var(--DarkGreen); } .grid-row-selected .cellUpdated { color: yellow; } /* .grid-row a { color: var(--LinkBlue); text-decoration: underline; width: 90%; Remove this so that the the the tag does not cause search reuslts opening when clicking outside of the "Name" text display: inline-block; overflow: hidden; padding: 0 5px 0 0; }*/ .grid-row a { display: block; color: var(--LinkBlue); text-decoration: underline; cursor: pointer; overflow: hidden; text-overflow: ellipsis; } .grid-row a:hover { color: var(--StandardText); } .grid-row-selected a { display: block; color: var(--LinkBlue); text-decoration: underline; cursor: pointer; overflow: hidden; text-overflow: ellipsis; } .grid-addButtonHolder { display:none; z-index: 100; margin: 0; padding: 0; width: 30px; } .grid-addButton { height: 30px; width: 30px; padding: 1px 2px 5px 2px; left: 0px; vertical-align: central; background-color: transparent; transition: .1 ease-in; z-index: 900; color: var(--ButtonText); margin: 0 0 0 -5px; font-size: 20px; border: none; border-radius: 2px; /*background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAUCAYAAABmvqYOAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAF5SURBVEhL3ZSxLkRBFIYvjVahtt4AUSnEPoF4BN7AI1AotpBV6G0hkWhEqeINUEiEAoVsuSqt/b9777/Ozs5uVsmffK6ZOXPmzD8zW/xZzdTfSVoRSzXzdEjP4kE8lq1fiiT74k58T4DkhyKrXOU7oi1c5a24F+/ikw6JXWyJ1bJVaVd0qn9HRbJTQUU9cSawxGoKFuZrMe45cC1GROJLQQBWbIhULeEkXZEu8ioYu6Ej6lg4se1IdSSc3MSdMc9nRKGltgUdeIqXUV6IKrEqJoZzEUW848hbPMVGIraaS2oYS+Vie7P6M0fPGFHJOJvQV/3NiXP5WUks0BEUb0KOgbe1sHXIFnQh6EgPlOCYLEKSdWExzwfKOxkSV4iBNxFvQbxmhiTxjDhwx1yJrJW+68Dq8faQjEfEYp68KYizFSdikDj3/PdE3JafP0+f68rkhqBa75CxA8F7mUosktqRgj3EZW2Y5id3UayJ5bJVVfkiPgQ7+ncqij7L9IdyT3plAgAAAABJRU5ErkJggg==');*/ } .grid-addButton:hover { padding-top: 0; background-color: var(--DarkGreen); font-size: 22px; } .gridCell { overflow: hidden; max-height: 30px; line-height: 30px; background-color: var(--Background); } .grid-row-selected .grid-removeButton { color: var(--ButtonText); } .grid-row-selected .grid-removeButton:hover { color: var(--LightGrey); } .grid-removeButton { height: 30px; width: 30px; padding: 1px 2px 5px 2px; left: 0px; vertical-align: central; background-color: transparent; transition: .1s ease-in; z-index: 900; color: var(--ButtonText); margin: 0 0 0 -5px; font-size: 20px; border: none; border-radius: 2px; } .grid-removeButton:hover { color: var(--DarkGreen); font-size: 22px; } .table td, .table th { vertical-align: middle; } .cell { font-size: 14px; margin: 0px; white-space: nowrap; border-spacing: 0px; overflow: hidden; border-right: solid 1px var(--LightGrey); vertical-align:middle; } .cellContainer { padding-left: 7px; padding-right:4px; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } /*** START OF TEST FOR NEW FIRST CELL IN TEXT SEARCH **/ .firstCell { padding: 0; z-index: 5; position: sticky; color: var(--LinkBlue); background-color: inherit; } /* NEW FIRST CELL TEXT */ .firstCellContainer { /* line-height:normal; *//* padding: 0; *//* display: inline; */ } .rowFirstCellLabelContainer { display: inline; } .firstCell .rowFirstCellLabel, .firstCell-selected .rowFirstCellLabel { color: var(--LinkBlue); margin-left:2px; overflow: hidden; text-overflow: ellipsis; vertical-align:text-bottom; } .firstCell .rowFirstCellLabel:hover, .firstCell-selected .rowFirstCellLabel:hover { color: var(--StrongText); text-decoration: underline; } .firstCell-selected { padding: 0; z-index: 3; color: var(--DarkGreen); background-color: var(--LightGreen); border: none; position: sticky; } .grid-row:hover .selectCheckListDiv { color: var(--LinkBlue); opacity: 1; } .firstCell-selected .selectCheckListDiv { color: var(--LinkBlue); opacity: 1; } .selectCheckListDiv { /* float:left; */ display: inline; color: transparent; opacity: 0; margin-right:4px; } .selectCheckListDiv .material-icons { vertical-align:sub; /* float: left; padding: 10px 0; margin: 7px 6px 5px 10px;*/ } .grid-row:hover .pushPinDiv { color: var(--LinkBlue); opacity: 1; } .firstCell-selected .grid-row:hover .pushPinDiv { color: var(--LinkBlue); opacity: 1; } .pushPinDiv { display: inline; color: transparent; opacity: 0; margin-right: 4px; } .pushPinDiv .material-icons { vertical-align: sub; } .emptyIconContainer { float: left; width: 35px; height: 100%; } .checkBoxIcon { /* float: left; background: url(/img/icons/check_box_outline_blank.svg?v=ZaXoLIm7UyubsE7Ao-5otPPbeUc) no-repeat;*/ width: 1.4REM; height: 1.4REM; vertical-align:sub; /* background-color: transparent; */ vertical-align: sub; /* outline: 1px solid var(--LinkBlue); */ /* background-position-y: 16px; background-position-x: 5px; background-size: 18px 18px; padding: 25px 14px;*/ } /*.firstCell-selected .checkBoxIcon { background: url(/img/icons/check_box.svg?v=ZaXoLIm7UyubsE7Ao-5otPPbeUc) no-repeat; background-position-y: 16px; background-position-x: 5px; background-size: 18px 18px; padding: 25px 14px; }*/ .firstCell.aggregate { z-index: 13; } /* .firstCellContainer { line-height:1.1; padding: 15px 10px; } .cellContainer { padding: 0; display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .firstCell .rowFirstCellLabelContainer { display: inline-block; padding: 0 5px 0 0; } .firstCell-selected .rowFirstCellLabelContainer { display: inline-block; padding: 0 5px 0 0; } .firstCell .rowFirstCellLabel, .firstCell-selected .rowFirstCellLabel { color: var(--LinkBlue); text-decoration: underline; display: block; overflow: hidden; text-overflow:ellipsis; } .firstCell .rowFirstCellLabel:hover, .firstCell-selected .rowFirstCellLabel:hover { color: var(--StrongText); } .firstCell .aggregate { z-index: 13; } .firstCell-selected { padding: 0; z-index: 3; color: var(--DarkGreen); background-color: var(--LightGreen); border: none; position: sticky; } .selectCheckListDiv .checkBoxIcon { padding: 5px 10px; background: url(/img/icons/check_box_outline_blank.svg?v=ZaXoLIm7UyubsE7Ao-5otPPbeUc) no-repeat; background-position-y: 4px; background-size: 18px 18px; } .firstCell-selected .checkBoxIcon { padding: 5px 10px; background: url(/img/icons/check_box.svg?v=ZaXoLIm7UyubsE7Ao-5otPPbeUc) no-repeat; background-position-y: 7px; background-size: 18px 18px; } .firstCell-selected .material-icons { margin-top: 3px; } */ /* Company Details GRID */ .networkDetailsView { display: grid; grid-row: 2; grid-column: 1; z-index: 50; grid-template-columns:auto; grid-template-rows: max-content 0px; grid-template-areas: 'companyDetailsContent' 'companyDetailsFooter'; overflow: auto; background-color: var(--Background); justify-self: left; min-height: 100%; min-width: 100%; padding-left: 25px; } /* Company Details GRID */ .companyDetailsView { display: grid; grid-row: 2; grid-column: 1; z-index: 50; grid-template-columns: 95px auto; grid-template-rows: max-content; grid-template-areas: 'companyDetailsMenu companyDetailsContent'; overflow-y: auto; background-color: var(--Background); justify-self: left; min-height: 100%; min-width: 100%; padding-left: 15px; } .companyDetailsRestrictedView { display: grid; grid-row: 2; grid-column: 1; z-index: 50; grid-template-columns: 95px auto; grid-template-rows: max-content; grid-template-areas: 'companyDetailsMenu companyDetailsContent'; overflow: auto; background-color: var(--Background); justify-self: left; min-height: 100%; min-width: 100%; padding-left: 25px; margin-top: -50px; } .companyDetailsMenuLessView { display: grid; grid-row: 2; grid-column: 1; z-index: 50; overflow: auto; background-color: var(--Background); padding-left: 25px; } tr:nth-child(even) { background-color: var(--LighterGrey); } tr:nth-child(odd) { background-color: var(--Background); } tr:nth-child(even) { background-color: var(--LighterGrey); } tr:nth-child(odd) { background-color: var(--Background); } .cellLimited { max-width: 120px; white-space: normal; } .buttonCell { padding: 0; } .cellUpdated { color: green; } .newCompany { font-weight: 800; } .table .right { text-align: right; } .table .left { text-align: left; left: 0; } .table .aggregate { font-weight: bold; background-color: var(--LighterGrey); border-top: 4px solid var(--StandardBorder); } .table td, .table th{ } .aggregateValue { font-size:16px; font-weight: normal; margin-bottom: 8px; } .aggregatesLabelContainer { padding: 8px; margin-left: 60px; } .aggregateLabel { font-size: 16px; color: var(--DarkGrey); font-weight: bold; margin: 8px 0; } .grid-addButton:focus { font-size: 16px; outline: none; } /*NOTE margin-top is overridden in the GridComponent when opening the filter from the column*/ .searchFilterPopupContainer { position: absolute; z-index: 1100; margin-top:40px; min-width: 260px; min-height: 150px; padding: 0; background-color: var(--Background); border-radius: 10px; display: grid; grid-template-columns: min-content auto min-content; grid-template-rows: 46px auto 30px 10px; grid-template-areas: 'filterMenuBar filterMenuBar filterMenuBar' 'filterContent filterContent filterContent' 'filterLeftButton filterCenterButton filterRightButton' 'filterFooter filterFooter filterFooter'; box-shadow: 2px 2px 3px rgba(0,0,0,0.125), -2px -2px 3px rgba(0,0,0,0.125); } .searchFilterPopupContainer .activeFilterCustomContainer { margin-top: -34px; } .activeFilterCustomContainer { position: relative; } .filterMenuBarDiv { grid-area: filterMenuBar; border-bottom: 1px solid var(--StandardBorder); } .filterMenuBarButtonContainer { float: right; display: inline-block; } .filterContentDiv { grid-area: filterContent; background-color: var(--Background); margin: 12px; } .filterRowTopHeading { font-weight:bold; margin: 5px 0; font-size: 14px; width: 100%; } .filterRowTopLabel { margin: 5px 0; font-size: 14px; width: 100%; } .filterRowInput { margin: 5px 0; } .filterSearchText { outline: none; border-radius: 5px; font-size: 14px; padding: 4px; border: 1px solid var(--StandardBorder); } .filterLeftButtonDiv { grid-area: filterLeftButton; margin-left: 12px; } .filterRightButtonDiv { grid-area: filterRightButton; margin-right: 12px; } .filterFooterDiv { grid-area: filterFooter; color: var(--ButtonText); } .filterButton { float:right; background-color: var(--ActiveGreen); color: var(--Background); height:22px; width:22px; padding: 4px; border-radius: 15px; text-align: center; vertical-align:middle; cursor: pointer; outline: none; margin: 12px 12px 0 0; } .filterButton:hover { color: var(--Background); background-color: var(--DarkGreen); } .filterButton .material-icons { vertical-align: unset; margin:0; font-size: 14px; } .unpinnedFilterButton { transform: rotate(-45deg); } .unpinnedFilterButton:focus { outline: none; } .filterHeaderLabel { color: var(--StandardText); margin: 12px; font-size: 18px; display: inline-block; white-space: nowrap; } .filterHeaderLabel .material-icons { font-size:24px; margin-top:-2px; } .filterDescription { color: var(--StandardText); margin-bottom: 10px; font-size: 14px; display: inline-block; max-width: 400px; } .filterDescriptionNote { border: 1px solid var(--StandardBorder); background-color: var(--LighterGrey); padding: 2px 4px; max-width: 400px; } .quickFilterHeaderLabel { color: var(--StandardText); font-size: 18px; display: inline-block; white-space: nowrap; } .quickfilterMenuBarButtonContainer { float: right; display: inline-block; } .quickfilterMenuBarButtonContainer .filterButton { margin:0; } button { border: solid 1px black; } .filterOkButton { float: right; } .filterTextInput { padding: 8px; border-radius: 10px; min-width: 260px; border: 1px solid var(--StandardBorder); outline-color: var(--StandardBorder); outline: thin; } .buttonPaging { display: inline-block; margin-right: 3px; width: 20px; height: 20px; color: var(--ButtonText); background-color: var(--DarkGreen); font-size: 8px; padding: 1px; } .buttonPagingSelected { display: inline-block; margin-right: 3px; width: 20px; height: 20px; color: var(--ButtonText); background-color: var(--DarkGreen); font-size: 8px; padding: 1px; } [draggable] { user-select: none; } .smallPopupContainer { width: 330px; margin-bottom: 10px; } .fake-link { color:var(--LinkBlue); cursor: pointer; overflow: hidden; text-overflow: ellipsis; } .fake-link:hover { color: var(--StandardText); } .fake-link-row-item { color: var(--LinkBlue); text-decoration: underline; white-space: nowrap; cursor: pointer; overflow: hidden; text-overflow: ellipsis; display: block; padding-bottom: 5px; } .fake-link-row-item:last-child { padding-bottom:0; } .fake-link-row-item:hover { color: var(--StandardText); } .fake-link.searchTableExpandedItem { white-space: normal; } .filterRow { display: flex; } .filterRow select { height: 25px; } .k-grid tr.k-alt { background-color: var(--LighterGrey); } .k-grid-header:last-child { border-right: none; } .k-grid tbody tr:hover, .k-grid tbody tr.k-state-hover { background-color: initial; } .k-grid tbody tr.k-alt:hover { background-color: var(--LighterGrey); } .k-grid tbody tr.selectableItem:hover { background-color: var(--LightGreen); } .k-grid { border: 1px solid transparent; color: var(--StandardText); background-color: var(--Background); } .k-grid-header, .k-grouping-header, .k-grid-add-row, .k-grid-footer { color: var(--StandardText); background-color: var(--Background); } .k-grid-header .k-header { font-weight: 600; border-bottom: 0 solid transparent; } .k-grid-header .k-i-sort-asc-sm, .k-grid-header .k-i-sort-desc-sm, .k-grid-header .k-sort-order { color: var(--StandardText); } .k-pager-numbers .k-link.k-state-selected { padding: 5px 20px; color: var(--ButtonText); background-color: var(--DarkGreen); border-radius: 8px; margin-right: 10px; } .k-pager-nav { } .k-pager-wrap { background-color:inherit;} .k-pager-wrap .k-link { padding: 5px 10px; color: var(--ButtonText); background-color: var(--ActiveGreen); border-radius: 8px; margin-right: 10px; } .k-pager-wrap .k-link:hover { color: var(--ButtonText); background-color: var(--DarkGreen); } .k-state-disabled.k-pager-nav { border-radius: 8px; color: var(--DarkGrey); background-color: var(--LightGrey); padding: 5px 10px; margin-right: 10px; } .k-pager-numbers-wrap .k-link { padding: 5px 20px; } .k-pager-numbers li { } .k-grid-pager { border:1px solid transparent;} .k-grid-header { border-bottom: 3px solid var(--StandardBorder); } .k-grid .noHoverGridTable td { pointer-events:none; } .e-grid { font-family: 'Lato', Sans-serif; border: 1px solid transparent; color: var(--StandardText); background-color: var(--Background); } .e-grid-header .e-header { font-weight: 600; border-bottom: 0 solid transparent; } .e-grid .e-gridheader { border-bottom: 3px solid var(--StandardBorder); border-top: 0 solid transparent; } .e-grid { font-family: 'Lato', Sans-serif; } /*Hides thead hV scrollbar input telerik grid*/ .no-scroll-grid .k-grid-content { overflow-y: hidden; } .no-scroll-grid .k-grid-header { padding-right: 0 !important; } .no-scroll-grid .k-grid-header-wrap { border-width: 0px !important; } /*.e-columnheader {*/ /* background-color: var(--Background); */ /*color: var(--StandardText); } .e-rowcell { color: var(--StandardText); }*/ .grid-table tr:hover .gridHeaderCheckboxContainer { display: inline; } .rightAlignCell { text-align:end !important; } .gridHeaderCheckboxContainer { display: none; width: 20px; /* margin-top: 7px; */ /*height: 20px;*/ margin-left: 35px; float: left; } .deSelectedCheckBox { background: url(/img/icons/check_box_outline_blank.svg?v=ZaXoLIm7UyubsE7Ao-5otPPbeUc); } .selectedCheckBox { background: url(/img/icons/check_box.svg?v=ZaXoLIm7UyubsE7Ao-5otPPbeUc); } .dictionaryListGridContainer { overflow: hidden; display:inline-flex; z-index: 0; } .dictionaryListGridContainer.searchTableExpandedItem { display:contents; } .cell a { padding-left: 7px; padding-right: 4px; } /* Mudblazor */ .mud-table-root .mud-menu, .mud-table-root .mud-sort-index.mud-text-disabled { display: none; } .mud-table-root .column-header { font-weight: bold; } .mud-table { margin-bottom: 10px; background-color: var(--Background) !important; color: var(--StandardText) !important; } .mud-table .sourceTextLabel { font-size: 11px; float: left; max-width: 400px; margin-top: 20px; margin-left: 20px; } .mud-table-pagination-select .mud-input .mud-input-root, .mud-input-slot.mud-input-root.mud-input-root-text.mud-input-root-adorned-start, .mud-icon-root.mud-icon-default.mud-svg-icon { color: var(--TabButtonText) !important; } .mud-table-hover .mud-table-container .mud-table-root .mud-table-body .mud-table-row:hover { background-color: var(--HoverButtonLightBackground) !important; } .mud-table-root td, .mud-table-root th { border-right: solid 1px #e1e2e6; border-left: solid 1px #e1e2e6; } .mud-table-root th { border-bottom: solid 2px #e1e2e6; } .freeTrial { grid-area: trialarea; grid-column-end: 7; background: var(--HoverButtonLightBackground); padding: 6px 15px; height:30px; font-size: 14px; font-weight: bold; justify-self:right; border-radius:5px; } .estimatesTable { table-layout: fixed; border-collapse: separate; display: table; text-align: left; position: relative; border-collapse: collapse; } .estimatesRow { display: table-row; } .estimateTypeSeparator { background-color: var(--LightRed); height: 30px; } .estimateTypeFooter { height: 3px; background-color: var(--DarkGreen); } .estimateDescriptionHeader { background-color: var(--Background); position: sticky; top: 0; } .estimateValueHeader { background-color: var(--Background); position: sticky; top: 0; } .estiamteDescriptionColumn { position: sticky; background-color: var(--Background); width: 250px !important; } .financialsTableContainer { padding: 10px; } .financialsTable { margin-top:15px; border:none; } .financialsSubHeader { margin: 10px 0; border-bottom: var(--StandardBorder) solid 1px; font-size: 22px; line-height: 30px; margin-bottom: 10px; margin-top: 40px; } .financialsTableButtonContainer { width: 100%; display: flow-root; margin: 5px 0 0 0; } /* key financials*/ .financialsTable input { height: 100%; padding: 2px 5px; } .financialsTable .descriptionHeader { min-width: 300px; } .financialsTable .valueHeader { background-color: var(--Background); min-width: 80px; } .financialsTable td { margin: 0px; height: 38px; border-left: var(--StandardBorder) 1px solid; } .financialsTable td:first-child { border-left: none; } .financialsTable th:first-child { border-left: none; } .financialsTable .rightAlign { text-align: right; } .inputCell { padding: 0px 3px; } .inputCell input { color:var(--StandardText); border: 1px solid transparent; } td.inputCell:hover { background-color: var(--Background); } .inputRow td.inputCell:hover input { border: 1px solid #808080; } .financialsTable tr { margin: 0px; padding: 0px; } .financialsTable tr:hover { background-color: var(--HoverButtonLightBackground); } .financialsTable { font-size: 14px; } .financialsTable .financialsHeader { background-color: var(--Background); font-weight: bold; } .financialsTable .periodHeader { font-size: 8px; margin:2px 0; white-space: nowrap; text-overflow: ellipsis; } .financialsTable .descriptionCell { float: left; font-weight:600; padding-left:12px; } .financialsTable thead tr:hover { background-color: inherit; } .financialsTable thead { border-bottom: 2px solid var(--StandardBorder); } .financialsTable thead th { vertical-align: bottom; text-align: right; background-color: var(--Background); border-left:var(--StandardBorder) 1px solid; padding:4px 8px; } .financialsTable .valueCell { padding:3px 8px; } .financialsTable .rowDisabled td { /*background-color: #EEEEEE;*/ ; } .readOnlyTable input:disabled { border: none; background-color: transparent; } .readOnlyTable .firstCellContentDisabled { background-color: transparent; } .rightAlignCell { text-align: right; padding: 3px; margin: 0px; border: none; background-color: transparent; } .infoTable .centerAlignCell { text-align: center; } .tableCell { padding: 3px; margin: 0px; border: none; background-color: transparent; } .infoTable { margin: 24px 20px 10px 10px; border-spacing: 0px; border: 1px solid var(--StandardBorder); } .infoTable thead tr:hover { background-color: inherit; } .infoTable thead { border-bottom: 2px solid var(--StandardBorder); } .infoTable thead th { vertical-align: bottom; text-align: right; border-left: var(--StandardBorder) 1px solid; padding: 4px 8px; } .infoTable .nowrapRow { white-space: nowrap; } .infoTable .infoHeader { font-size: 14px; font-weight: 700; text-align: left; } .infoTable .descriptionHeader { min-width: 300px; } .infoTable .valueHeader { min-width: 80px; } .infoTable td { margin: 0px; height: 38px; font-size: 14px; padding: 2px 5px; border-left: solid 1px var(--StandardBorder); } .infoTable th:first-child { border-left: none; } .infoTable td:first-child { border-left: none; } .infoTable .rightAlign { text-align: right; } .infoTable tr { margin: 0px; padding: 0px; } .infoTable tr:hover { background-color: var(--LighterGrey); } .infoTable .financialsTable { font-size: 14px; } .infoTable .financialsHeader { font-size: 14px; font-weight: bold; } .infoTable .periodHeader { font-size: 8px; white-space: nowrap; text-overflow: ellipsis; } .infoTable .descriptionCell { float: left; } .infoTable .CompanyClickCell { } .infoTable .CompanyClickLink { cursor: pointer; text-decoration: underline; font-weight: 600; } .infoTable .CompanyClickLink:hover { color: var(--DarkGreen); } .amountColumn { width: 100px; text-align: right; } .sourceDateLabel { font-size: 11px; } .smallNoteDiv { font-size: 10px; } .treeViewItemContainer { margin: 2px 0; white-space: nowrap; } .treeViewItemExpander { width: 12px; height: 21px; margin-right: 8px; background-color: var(--Background); display: inline-block; border: none; background: url(/img/icons/arrow-right.svg?v=ZaXoLIm7UyubsE7Ao-5otPPbeUc) no-repeat; background-size: auto 10px; vertical-align: bottom; cursor: pointer; } .treeViewItemExpander:focus { outline: none; } .expanded { height: 17px; background: url(/img/icons/arrow_down.svg?v=ZaXoLIm7UyubsE7Ao-5otPPbeUc) no-repeat; vertical-align: baseline; } .treeViewItemExpander-childless { height: 0px; opacity: 0; cursor: none; width: 20px; display: inline-block; } .treeviewItemExpanderContainer { } .expandedSetupCulumns { margin-left: 24px; } .expandedSetupSubCoulumns { margin-left: 32px; } .treeViewContainer { display: inline-block; } /* company info */ .companyStructureInfoDiv { position: absolute; top: 50px; left: 84px; } .flow-dendrogram { box-sizing: border-box; outline: none; display: flex; justify-content: center; margin: 0; padding: 0; list-style: none; text-align: center; font-size: 12px; } .flow-dendrogram *, .flow-dendrogram *::after, .flow-dendrogram *::before { box-sizing: border-box; outline: none; margin: 0; padding: 0; list-style: none; } .flow-dendrogram ul { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; position: relative; padding: 0; } .treeNode { transition: .1s ease-in; border: solid 1px var(--StandardBorder); border-radius: 8px; padding: 10px 12px; font-size: 14px; font-weight: normal; color: var(--StructureBorder); background-color: var(--Background); min-width: 135px; margin-left: 1px; margin-right: 1px; } .enabledNode { color: var(--StandardText); border: solid 1px var(--StructureBorder); cursor: pointer; } .enabledNode:hover { border-color: var(--DarkGreen); background-color: var(--LighterGrey); color: var(--StrongText); } .groupNode { border: solid 2px var(--StrongText); } .inactiveNode { color: var(--DarkGrey); background-color: var(--BackgroundDisabled); } .selectedNode { color: var(--ButtonText); background-color: var(--AccentedButton); } .flow-dendrogram ul:after { content: ''; position: absolute; top: 50%; left: .5em; width: 1em; border-top: 1px solid var(--DarkGreen); } .flow-dendrogram > ul { padding: 0; } .flow-dendrogram li { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; position: relative; padding: .5em 1em .5em 3em; } .flow-dendrogram li:before { content: ''; position: absolute; top: 0; left: 1.5em; height: 100%; border-left: 1px solid var(--DarkGreen); } .flow-dendrogram li:after { content: ''; position: absolute; top: 50%; left: 1.5em; width: 1em; border-top: 1px solid var(--DarkGreen); } .flow-dendrogram li:first-child:before { top: 50%; height: 50%; } .flow-dendrogram li:last-child:before { bottom: 50%; height: 50%; } .flow-dendrogram li:only-child:before { display: none; } .flow-dendrogram > li { padding: 0; } .flow-dendrogram > li:before, .flow-dendrogram > li:after { display: none; } .terminator { display: flex; align-items: center; padding: 1em 2em; border-radius: 2vw; background-color: #c9c9c9; } .process { display: flex; align-items: center; padding: 1em 2em; background-color: #c9c9c9; } .decision { position: relative; display: flex; align-items: center; padding: 1em 2em; background-color: #c9c9c9; clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); } .companyStructureSearchPanel { position: absolute; bottom: 20px; right: 35px; font-size:16px; border: solid 1px var(--StandardBorder); border-radius: 8px; z-index: 500; background-color: var(--HighlightedBackground); padding: 12px; box-shadow: 0px 4px 16px var(--BoxShadow); } .companyStructureSearchPanelContainer { display: flex; } .searchPanelButtonContainer { float: right; display: flex; } .searchPanelButton { font-size: 16px; cursor: pointer; padding: 6px 12px; white-space: nowrap; margin-right: 8px; border-radius: 6px; border: 1px solid var(--StandardBorder); background-color: var(--DarkGreen); color: var(--ButtonText); } .searchPanelButton:hover { background-color: var(--HoverButtonBackground); } .searchPanelButton:last-child { margin-right:0; } .searchPanelButton .material-icons { font-size: 20px; padding: 0 5px; } .companyStructureSearchPanelContent { overflow: hidden; padding: 5px; height: auto; color: var(--StandardText); } .hiddenStructurePanel.companyStructureSearchPanelContent { height: 0; padding:0; width:0; } .noselect { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Old versions of Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */ } .treeViewSimpleList { max-width: 500px; margin-bottom: 15px; display: inline-block; } .treeViewSimpleListLevel { float: left; padding-left: 15px; } .treeViewSimpleListItem { display: block; padding: 8px 0; font-size: 16px; } .treeViewSimpleListExpenderIcon { display: inline-block; width: 12px; height: 12px; margin-right: 8px; } .treeViewSimpleListExpenderIcon.expandedNode { background: url(/img/icons/arrow-right.svg?v=ZaXoLIm7UyubsE7Ao-5otPPbeUc) no-repeat; background-size: auto 12px; } .treeViewSimpleListExpenderIcon:focus { outline: none; } .treeViewSimpleListExpenderIcon.closedNode { background: url(/img/icons/arrow-arrow_down.svg) no-repeat; background-size: auto 12px; } @-webkit-keyframes sk-stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.5) } 20% { -webkit-transform: scaleY(1.0) } } @keyframes sk-stretchdelay { 0%, 40%, 100% { transform: scaleY(0.5); -webkit-transform: scaleY(0.5); } 20% { transform: scaleY(1.0); -webkit-transform: scaleY(1.0); } } .networkInfoContentWindow { padding: 5px; overflow-x: hidden; overflow-y: hidden; float: left; margin-left: 50px; margin-bottom: -50px; } .companyInfoContentWindow { padding: 5px 10px 0px 0px; margin-left: 30px; min-width: 850px; /* max-width: 1600px; */ min-height: 500px; } .companyInfoContentWindow.noMargin { overflow: hidden; padding: 5px; margin-left: 0; } .companyInfoContentWindow h1 { margin: 10px 0 0 0; padding-bottom: 8px; border-bottom: var(--DarkGreen) solid 3px; font-size: 24px; } .companyInfoContentWindow h2 { margin: 30px 0 15px 0; padding-bottom: 10px; border-bottom: var(--StandardBorder) solid 1px; font-size: 22px; } .doubleColumnWidth { max-width: 900px; } .companyInfoHeaderContainer { width: 99%; position: relative; display: inline-block; border-bottom: var(--StandardBorder) solid 1px; margin: 0 0 6px 0; } .compInfoHeaderContainer { width: 100%; min-width: 500px; height: 34px; float: left; display: inline-block; margin-top: 10px; } .networkHeadingContainer { width: 100%; min-width: 500px; float: left; display: inline-block; margin-top: 10px; border-bottom: var(--StandardBorder) solid 2px; } .companyNameHeader { margin: 10px 0; display: inline-block; float: left; font-size: 28px; } .reportCompanyNameHeader { margin: 10px 0; display: inline-block; float: left; font-size: 28px; max-width: 800px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height:34px; } .companyNameHeader img { max-height: 35px; margin-right: 15px; margin-top: 0px; float:left; } .companyNameSmall { font-size: 22px; margin-top: 4px; overflow: hidden; text-overflow: ellipsis; user-select: all; display: inline; } .companyNameExtraSmall { font-size: 16px; margin-top: 8px; overflow: hidden; text-overflow: ellipsis; user-select: all; display: inline; } .companyNameNormal { font-size: 18px; margin-top: 2px; overflow: hidden; text-overflow: ellipsis; user-select: all; display: inline; } .companyNameSelector { user-select: all; float:left } .compInfoHeader { float: left; width: 100%; margin-bottom: 15px; padding-bottom: 5px; font-size: 22px; letter-spacing: 0px; border-bottom: var(--LightGrey) solid 1px; } .compInfoHeader2 { float: left; width: 100%; margin-top:15px; margin-bottom: 15px; padding-bottom: 5px; font-size: 22px; letter-spacing: 0px; border-bottom: var(--LightGrey) solid 1px; } .compInfoPrivateCommentsHeader { float: left; width: 100%; margin-top: 15px; margin-bottom: 1px; padding-bottom: 5px; font-size: 18px; letter-spacing: 0px; border-bottom: var(--LightGrey) solid 1px; } .companyFlag { float: left; } .companyFlag img { height: 18px; margin-right: 3px; margin-top: -4px; } .rightTopButtonContainer { position: relative; max-width: 1138px; margin-right: 15px; height: 20px; margin-top: -10px; } .rightButtonContainer { float: right; max-width: 1138px; margin-right: 15px; height: 20px; margin-top: -10px; } .officeExportContainerLeft { float: left; margin-top: 13px; margin-left: 40px; z-index: 100; } .no-touch .scrollable.hover { overflow-y: hidden; } .no-touch .scrollable.hover:hover { overflow-y: auto; overflow: visible; } nav { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } nav ul, nav li { outline: 0; margin: 0; padding: 0; } .sideBarMenu li:hover > a, nav.sideBarMenu li.active > a, .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, .no-touch .dashboard-page nav.dashboard-menu ul li:hover a, .dashboard-page nav.dashboard-menu ul li.active a { color: #FFFFFF; background-color: #44641f; } .area { float: left; z-index: 1; width: 100%; height: 100%; } .faV { margin-top: 10px; position: relative; font-weight: 300; display: table-cell; width: 60px; height: 36px; text-align: center; vertical-align: middle; font-size: 16px; } .GeneralInformationSingleRowContent { max-width: 480px; } .GeneralInformationContent { max-width: 1880px; min-width: 1600px; display: inline-block; } .CompanyStatusRow { float: left; width: 100%; height: 15px; display: inline-flex; margin: 4px 0 14px 0; white-space: nowrap; } .CompanyStatusItem { margin: 0; float: left; font-size: 14px; line-height: 1; } .CompanyStatusItem .material-icons { margin-top: -2px; } .accentedItem { font-weight: 600; } .CompanyStatusItem img { margin: 0; height: 15px; } .CompanyStatusItem a:hover { color: var(--StandardText); text-decoration: underline; } .CompanyStatusPipe { border-left: 1px solid var(--LightGrey); float: left; margin: 0 17px; } .transactionCompanyRow { float: left; width: 100%; margin: 0; padding: 6px 0; border-bottom: 1px solid var(--LightGrey); } .transactionCompanyNameContainer { float: left; font-size: 16px; width: 330px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 10px; } .InformationKeyPoints { -webkit-font-smoothing: antialiased; overflow: hidden; clear: both; padding: 0 0 3px 0; display: flex; margin: 10px 0 5px 0; } .InformationKeyItem { padding: 10px 16px 15px 16px; border: 1px solid var(--LightGrey); background: var(--Background) 0% 0% no-repeat padding-box; border-radius: 8px; -webkit-font-smoothing: antialiased; color: #404040; float: left; position: relative; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; box-sizing: border-box; margin-right: 16px; box-shadow: 1px 1px var(--LighterGrey); } .InformationKeyItemButton { padding: 20px 16px; border: 1px solid var(--LightGrey); background: var(--Background) 0% 0% no-repeat padding-box; border-radius: 8px; -webkit-font-smoothing: antialiased; color: #404040; float: left; width: 110px; position: relative; flex-direction: column; box-sizing: border-box; margin-right: 16px; } .InformationKeyItemButton:hover { background-color: var(--HoverButtonBackground); color: var(--ButtonText); cursor: pointer; } .KeyItemButtonIcon { width: 100%; display: inline-block; float: left; font-size: 32px; } .KeyItemButtonLabel { font-size: 16px; float: left; display: inline-block; } .KeyPointLabel { -webkit-font-smoothing: antialiased; -webkit-box-direction: normal; white-space: nowrap; display: inline; height: 16px; margin-bottom: 12px; letter-spacing: 0px; font-size: 16px; font-weight: normal; color: var(--ActiveText); } .KeyPointValue { -webkit-font-smoothing: antialiased; -webkit-box-direction: normal; margin-bottom: 8px; white-space: nowrap; word-wrap: break-word; display: block; letter-spacing: 0px; font-size: 32px; font-weight: bold; color: var(--StrongText); } .KeyPointCurrency { font-size: 17px; font-weight: 300; color: var(--ActiveText); } .KeyPointStats { -webkit-font-smoothing: antialiased; -webkit-box-direction: normal; line-height: 1; word-wrap: break-word; white-space: nowrap; display: block; font-weight: 400; font-size: 16px; min-width: 130px; color: var(--StandardText); } .KeyPointSubValueLabel { margin-top: 5px; margin-right: 3px; font-size: 12px; float: left; font-weight: bold; } .KeyPointSubValueValue { margin-top: 5px; font-size: 12px; float: right; font-weight: 300; } .keySubLabel { font-size: 14px; font-weight: normal; color: var(--ActiveText); margin-left: 8px; } .NegativeValue { color: var(--Red); } .PositiveValue { color: var(--ActiveGreen); } .companyDetailsPopupHeader { grid-area: companyDetailsHeader; background: rgb(32,47,15); background: linear-gradient(180deg, rgba(32,47,15,1) 0%, rgba(49,73,23,1) 5%, rgba(49,73,23,1) 80%, rgba(67,110,14,1) 100%); padding: 8px 0 0 10px; cursor: move; z-index: 110; color: var(--ButtonText); } .headerButtonContainer { float: right; display: inline-block; margin-right: 8px; color: var(--StandardText); } .headerButtonContainerMac { float: left; display: inline-block; margin-right: 8px; } .headerButtonContainerLeft { float: left; display: inline-block; margin-right: 8px; margin-left: 20px; color: var(--StandardText); } .expandButton { transform: rotate(45deg); } .CloseButton { cursor: pointer; border: none; padding: 3px 6px; color: var(--ActiveGreen); display: inline; background-color: inherit; } .headerButtonContainerMac .CloseButton { color: var(--ActiveGreen); padding: 2px 3px; } .CloseButton:hover { color: var(--StandardText); } .companyDetailsHeaderContainer { grid-area: companyDetailsHeader; z-index: 1; } .companyDetailsHeaderButtonContainer { margin: 10px 0; /* max-width: 1400px; */ margin-right: 5px; } .companyDetailsMenuDiv { position: fixed; width: 100px; } .companyDetailsContentDiv { grid-area: companyDetailsContent; background-color: var(--Background); overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: auto; } .companyDetailsMenuDiv .menuButton { background: var(--ButtonText); width: 64px; height: 64px; font-size: 8px; } .compInfoSingleColumn { float: left; width: 530px; margin: 60px 10px 0 0; flex-wrap: wrap; flex-flow: wrap; justify-content: end; align-items: stretch; } .compInfoDoubleColumn { float: left; display: inline-block; height: auto; width: 100%; } .compInfoHighMargin { margin-top: 20px; } .compInfoBox { float: left; width: 49%; max-width: 800px; padding: 5px; margin-right: 0; border-radius: 5px; background: var(--LighterGrey); border: 1px solid var(--StandardBorder); box-shadow: 1px 1px var(--BoxShadow); } .compInfoBox:first-child { margin-right: 12px; } .compInfoFlexDoubleColumn { display: flex; flex-wrap: wrap; } .compInfoBox .innerBox { padding: 10px; border-radius: 5px; background: var(--Background); float: left; } .compInfoCardBox { float: left; width: 425px; flex-direction: row; align-items: baseline; margin: 0 25px 10px 0; padding-bottom: 10px; border-bottom: 1px solid var(--StandardBorder); } .compInfoListBox { float: left; width: 450px; margin: 0 25px 10px 45px; } .compInfoWideBox { float: left; width: 1060px; margin: 0 10px 10px 0; } .compInfoHeader { float: left; width: 100%; margin-bottom: 15px; padding-bottom: 5px; font-size: 22px; letter-spacing: 0px; border-bottom: var(--LightGrey) solid 1px; } .compInfoText { font-size: 16px; letter-spacing: 0px; padding: 5px 5px 10px 5px; margin-bottom: 10px; line-height: 1.5; border-bottom: 1px solid var(--StandardBorder); } .compInfoSection { } .compInfoText:last-child { border-bottom: none; } .compInfoMainPageHeaderContainer { width: 100%; padding-bottom: 10px; min-width: 500px; display: inline-block; border-bottom: var(--StandardBorder) solid 2px; margin-bottom: 5px; } .compInfoMainPageHeader { margin: 10px 0 0 0; display: inline-block; float: left; padding-bottom: 10px; font-size: 28px; } .compInfoTableWrapper { float: left; margin-right: 20px; min-width: 800px; margin-bottom: 20px; } .InfoListHolder { width: 100%; } .InfoListItem { margin: 6px 0; float: left; width: 48%; height: 21px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .InfoListRow { margin: 6px 0; float: left; width: 100%; } .InfoListRowHigh { margin: 6px 0; float: left; width: 100%; font-weight: bold; } .InfoListLabel { float: left; user-select: none; font-weight: normal; font-size: 14px; font-weight: bold; letter-spacing: 0px; width: 160px; } .InfoListLabelLong { float: left; user-select: none; font-weight: normal; font-size: 16px; font-weight: bold; letter-spacing: 0px; width: 200px; } .InfoListValueRow { display: block; margin-bottom: 6px; } .InfoListValueRow:last-child { margin-bottom: 0; } .InfoListLabel3 { float: left; font-size: 12px; width: 170px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 6px 5px 0 0px; } .InfoListTopLabel { float: left; width: 100%; font-size: 16px; margin: 0 0 5px 0; } .InfoListTopHeading { float: left; width: 100%; font-size: 16px; font-weight: bold; margin: 4px 0 8px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .InfoListValue { margin-top: 2px; float: left; text-align: left; min-width: 250px; max-width: 610px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 14px; letter-spacing: 0px; line-height: 16px; } .InfoListValue .material-icons { margin-left: 0; margin-top: -3px; color: var(--ActiveLink); } .InfoListValueShort { margin-top: 2px; float: left; text-align: left; width: 160px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 14px; letter-spacing: 0px; line-height: 16px; } .InfoListValueMultipleRows { margin-top: 2px; float: left; text-align: left; width: 250px; font-size: 14px; letter-spacing: 0px; } .InfoListValueMultipleRows.InfoItemList { margin-top: -5px; } .InfoListValueMultipleRow { float: left; width: 260px; } .multipleRowItemContainer { float: left; display: inline-block; width: 100%; } .multipleRowItem { line-height: 1.4; font-size:14px; display: block; width:100%; } .InfoListMultipleRowValue { font-size: 14px; display: table-row; line-height: 1.5; } .InfoListValueLink { float: left; font-size: 14px; letter-spacing: 0px; width: 250px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; cursor: pointer; color: var(--LinkBlue); } .InfoListValueLink .material-icons { margin-left: 0; margin-top: -3px; color: var(--ActiveLink); } .InfoListValueLink:hover { color: var(--HoverText); text-decoration: underline; } .InfoListLongValue { float: left; font-size: 14px; line-height: 22px; font-weight: 300; } .genericInfoTableWrapper { margin: 0; margin-bottom: 40px; padding: 0; max-width: 1300px; font-size: 12px; color: var(--StandardText); -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } .genericInfoTable { margin: 0 0 10px 0; width: 100%; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); display: table; } .genericInfoTableRow { margin-top: 10px; display: table-row; background: var(--LightGrey); } .genericInfoTableRow:nth-of-type(odd) { background: #e9e9e9; } .genericInfoTableRow.rowHeader { padding: 5px; font-weight: 400; color: #ffffff; background: #3f5a1d; } .genericInfoTableRow:hover { background: var(--LightGrey); } .genericInfoTableRow.rowHeader:hover { background: var(--ActiveGreen); padding: 3px 8px; } .clickable { cursor: pointer; } .genericInfoTableRow .cell:before { content: attr(data-title); font-size: 10px; line-height: 20px; font-weight: bold; text-transform: uppercase; color: var(--LightGrey); display: block; } .genericInfoTableRow .limited { width: 150px; } .rightAlign { text-align: right; } .genericInfoTableRow i[class ^= "fa"] { margin: 5px 5px 0 5px; font-size: 24px; color: var(--LightGrey); } .infoDetailsButtonDisabled { color: var(--LightGrey); background-color: var(--LighterGrey); padding: 4px 8px; margin: 0 5px; margin-bottom: 8px; border-radius: 2px; border: none; cursor: default; } .infoDetailsButton { color: var(--ButtonText); background-color: var(--DarkGreen); padding: 4px 8px; margin: 0 5px; margin-bottom: 8px; border-radius: 2px; border: none; } .infoDetailsButton:hover { background-color: #3f5a1d; } .symbolCell { padding: 5px 5px 0 5px; } .companyReportsDiv { float: left; min-width: 390px; max-width: 430px; } .companyReportsDiv.wideDiv { width: 900px; min-width: 390px; max-width: 900px; min-height:400px; } .companyReportsDiv h2 { margin: 20px 0 10px 0; padding-bottom: 10px; border-bottom: var(--StandardBorder) solid 1px; font-size: 22px; } .companyReportRow { font-size: 16px; color: var(--LinkBlue); margin: 3px 0; } .download-report-list-button { margin:20px; } .companyReportsButtonContainer { float: left; width: 100%; text-align: right; padding: 10px 0; } .contentPopupContainer td.mud-table-cell { padding: 0px 8px 0px 6px; } .companyReportsDiv .mud-table-cell { padding: 0 6px 0 4px; } .downloadReportsButton { position: absolute; background-color: var(--DarkGreen); color: var(--ButtonText); float: right; padding: 8px; font-size: 13px; right: 0px; } .downloadsRemainingContainer { float: left; margin: 10px 0; padding: 10px 10px; border: 1px solid var(--LightGrey); background-color: var(--LighterGrey); box-shadow: 3px 3px 5px rgba(0,0,0,0.125), -3px -3px 5px rgba(0,0,0,0.125); } .enbt .downloadsRemainingList { margin: 10px auto; } .downloadsRemainingItem { margin: 4px auto; } .downloadsCreditsLabel { width: 230px; } .downloadsCredits { width: 80px; text-align: right; } .downloadsRemainingLabel { font-weight: bold; font-size: 14px; } .mainHeaderButtonContainer { float: right; margin-top: 16px; margin-right: 15px; } .previousPerson { color: #AAAAAA; margin-left: -5px; } .rightFloat { float: right; } .unitText { font-size: 12px; font-weight: 400; color: #656565; } .registrationNumber { margin-left: 15px; color: #565656; font-size: 14px; font-weight: 400; } .indentedContent { margin-left: 30px; } .suggestedPeers { margin-top: 20px; } .suggestedPeers tr { vertical-align: top; } .suggestedPeers th { margin: 8px 5px; font-size: 14px; font-weight: 600; } .suggestedPeers td { margin: 8px 5px; font-size: 14px; } .peersCompanyName { width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .peersDescription { overflow: hidden; max-width: 550px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .peersKeywords { overflow: hidden; max-width: 350px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } } .peersWebsite { color: var(--LinkBlue); } .peersSimilarity { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .informationTextBlock { margin-bottom: 20px; } .informationTextBlock p { font-size: 18px; } .infoDetailsButton { background-color: var(--Background); border: solid 1px var(--DarkGreen); } .sourceTextContainer { margin-top: 5px; float: left; width: 100%; margin-bottom: 20px; } .sourceTextLabel { font-size: 11px; float: left; max-width: 400px; } .sourceTextLabel2 { font-size: 11px; } .sourceTextDate { font-size: 11px; } .requestReportInfoContainer { border: 2px solid var(--StandardBorder); padding: 10px 20px; float: right; } .requestReportText { float: left; width: 450px; font-size: 12px; font-weight: bold; margin-right: 20px; } .requestButtonContainer { float: left; width: 150px; } .companyDetalisMenuLessView { width: 100%; height: 100%; overflow: auto; } .keyWordCodeItem { border: var(--Standardborder); padding: 2px 4px; margin: 1px 2px; /* background-color: var(--AccentedBorder); */ border: 1px solid var(--AccentedBorder); color: var(--StandardText); border-radius: 4px; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .reportCreditsSummaryContainer { margin-top: 10px; margin-left: 20px; display: inline-block; padding: 5px 20px 20px 20px; width: 370px; float: left; background-color: var(--LighterGrey); border-radius: 10px; /*box-shadow: var(--LightGrey) 0 1px 3px;*/ } .reportCreditsSummaryContainer h2 { margin: 10px 0 10px 0; padding-bottom: 10px; font-size: 18px; } .reportCreditsSummaryTable th { padding: 4px 10px 4px 0; font-size: 14px; font-weight: bold; background-color: var(--LighterGrey); } .reportCreditsSummaryTable td { padding: 4px 10px 4px 0; font-size: 14px; background-color: var(--LighterGrey); } .reportPopup .reportCreditsSummaryContainer { width: 260px; margin-left: 10px; margin-top: 0; margin-bottom: 15px; } .reportCreditRow { float: left; white-space: nowrap; height: 20px; margin: 4px 0; width: 100%; } .reportCreditHeadingLabel { float: left; font-weight: bold; width: 195px; font-size:16px; } .reportCreditHeadingValue { float: left; font-weight: bold; text-align: right; width: 60px; font-size: 16px; } .reportCreditLabel { float: left; font-weight: bold; width: 195px; line-height: 1.2; } .reportCreditDateLabel { float: left; width: 195px; font-style: italic; font-size: 11px; } .reportCreditValue { text-align: right; width: 50px; float: left; } .reportCreditDateValue { float: left; text-align: right; font-style: italic; font-size: 11px; } .reportCreditRowSeparator { border-bottom: 1px solid var(--StandardBorder); float: left; width: 100%; margin: 5px 0 8px 0; } .reportCreditGroupContainer { margin-bottom: 6px; float: left; } .expanderContainer .reportCreditRow { height: 25px; } .reportCreditGroupContainer .reportCreditRow { margin: 7px 0 0 0; height: auto; } .reportRowParagraph { margin: 5px 0; float: left; font-style: italic; font-size: 11px; } .reportRowParagraph:last-child { margin-bottom:15px; } .reportHistoryList { float: left; } .reportCreditContainer { overflow: hidden; width: 620px; } .reportCreditContainer .divGridHeading { padding: 6px; font-size: 16px; font-weight: bold; } .reportCreditContainer .popupSubHeading { margin: 0 0 12px 0; } .requestReportButtonContainer { width: 370px; display: inline-block; padding: 15px 0; float: left; } table.reportCreditsLargeSummaryTable { margin: 10px 10px 20px 10px; } .reportCreditsLargeSummaryTable th { padding: 5px 20px 5px 0; font-size: 16px; font-weight: bold; background-color: var(--Background); } .reportCreditsLargeSummaryTable td { padding: 5px 10px; font-size: 16px; background-color: var(--Background); } .reportCreditsLargeSummaryTable td.numberValue { text-align: right; } .companyReportsDiv .sourceTextContainer { } .companyInfoInnerContainer { margin-top: 10px; margin-left: 20px; display: inline-block; padding: 5px 20px 20px 20px; width: 370px; float: left; } .reportCreditsSummaryContainer h2 { margin: 10px 0 10px 0; padding-bottom: 10px; font-size: 18px; } .text { color: var(--StandardText); } .noteTextContainer { border-radius: 5px; border: 1px solid; border-color: var(--StandardBorder); background-color: var(--BackgroundHighlighted); padding: 15px 25px; margin: 10px 0 20px 0; font-weight: 600; } .noteText { font-size: 14px; } .InfoListValue .dictionarylistItem { cursor: default; pointer-events: none; } .compInfoSummaryHeader .companyNameHeader, .companyDetailsHeaderButtonContainer { margin-top: 0; } .informationFullWindow { width: 100%; height: 100%; float: left; } .informationFullWindowLeftContainer { max-width: 500px; float: left; } .informationWindowImage { width: 100%; padding: 130px 60px 200px 100px; } .informationFullWindowRightContainer { min-width: 600px; float: left; } .informationContainer { padding:100px 50px; float:left; width:800px; } .informationHeading { font-size: 32px; width: 100%; display: inline-block; margin: 10px 0 20px 0; float: left; } .informationText { float: left; display: inline-block; margin: 10px 0; font-size: 18px; min-width:300px; max-width:800px; letter-spacing:0.4px; line-height:1.4; } .informationText a.infoLink { color: var(--LinkBlue); } .companyInfoCheckBoxContainer { margin-top: 10px; margin-left: 20px } table.reportHistoryTable { margin: 10px 10px 20px 10px; } .reportHistoryTable th { padding: 5px 20px 5px 0; font-size: 16px; font-weight: bold; background-color: var(--Background); } .reportHistoryTable td { padding: 5px 15px 5px 0; font-size: 14px; background-color: var(--Background); } .reportHistoryTable td.numberValue { text-align: right; } .compInfoBox .chatCreditSummary { margin-top: 0; display: inline-block; padding: 2px 18px 6px 18px; margin-bottom:10px; } .FavouritesList { float: left; width: 1000px; margin: 0px 0 12px -4px; } .FavouritesListItem { float: left; margin: -2px 3px 0 3px; background-color: var(--AccentedButton); padding: 2px 10px; border-radius: 8px; color: white; cursor: pointer; height: 20px; } .FavouritesListItem:hover { background: var(--HoverText); } .FavouritesListItem .material-icons { margin: -2px 2px 0 0; } .companyInfoComments { float: left; margin-top: 4px; } .companyInfoComments .commentHeading { float: left; user-select: none; font-weight: normal; font-size: 16px; font-weight: bold; letter-spacing: 0px; width: 100%; } .companyInfoComments .commentListContainer { width: 100%; float: left; } .companyInfoComments .commentListContainer .commentLeftContainer { width:30px; float: left; } .companyInfoComments .commentListContainer .commentRightContainer { width: 390px; float: left; } .companyInfoComments .commentListContainer .commentRow { width: 100%; border: none; } .companyInfoComments .commentListContainer .commentByLine { margin-top: -2px; float: left; width: 70%; border-bottom: none; padding-bottom: 0; } .companyInfoComments .commentListContainer .commentBy { color: var(--StandardText); font-weight: 600; float: left; margin-right: 5px; font-size: 10px; } .companyInfoComments .commentListContainer .commentDate { color: var(--DarkGrey); font-weight: 400; float: right; margin-left:120px; font-size: 10px; } .companyInfoComments .commentListContainer .commentTextContainer { background: var(--LightBlue); padding: 4px 10px; border-radius: 5px; max-width: 345px; } .companyInfoComments .commentListContainer .commentButtonContainer { float: left; width:20px; } .companyInfoComments .commentListContainer .commentLeftContainer .material-icons { font-size: 20px; margin: 17px 2px 8px 2px; } .commentDeleteIcon { } .companyInfoComments .commentListContainer .commentRow:hover .commentDeleteIcon:after { display: inline-block; content: "\e15c"; font-family: "Material Icons"; font-size: 20px; padding: 8px 0 8px 4px; color: var(--DarkGrey); cursor: pointer; margin:-2px 0 0 0; } .diagramItemContainer { float: left; width: 49%; margin-left: 0; margin-right: 0; border-radius: 5px; margin-right: 15px; background: var(--LighterGrey); border: 1px solid var(--StandardBorder); box-shadow: 1px 1px var(--BoxShadow); padding: 5px; margin-bottom: 20px; } .diagramItemContainer:nth-child(2n) { margin-right: 0; } .diagramItemInnerContainer { background: var(--Background); border-radius: 5px; display: inline-block; width: 100%; } .companyInformationDiagram { float: none; margin: 0 auto; text-align: center; } .mud-tab { width: 100%; display: inline-flex; padding: 6px 6px; min-height: 48px; flex-shrink: 0; user-select: none; white-space: normal; font-size: 14px; letter-spacing: 0em; text-transform: none; } .mud-tab.mud-tab-active { color: var(--ActiveGreen); } .mud-tab-slider { background: var(--ActiveGreen); } .mud-expand-panel .mud-expand-panel-header { font-size: 14px; } .mt-1, .my-1 { font-size:14px; } .mud-expand-panel { border-bottom: 1px solid var(--StandardBorder); } .mud-expand-panel.mud-expand-panel-border { border-bottom: 1px solid var(--StandardBorder); } .mud-elevation-1 { box-shadow: none; } @keyframes slideInFromLeft { 0% { transform: translateX(-100%); } 100% { transform: translateX(0); } } .workspaceEventContainer { animation: 0.2s ease-in 0s slideInFromLeft; } .pa-6 { padding: 12px !important; background-color: var(--Background); } .mud-typography, .mud-table { font-size:16px; } .mud-collapse-wrapper-inner { padding-bottom: 10px; } .mainExpansionPanel .mud-expand-panel-text { padding-right: 10px; font-weight: 600; } .mud-table-root .mud-table-head { border-top: 1px solid var(--StandardBorder); } .mud-expand-panel .mud-expand-panel-header { font-size: 16px; } .mud-tab { font-weight: 600; } .industryItem { background-color: var(--LightGrey); border: 1px solid var(--StandardBorder); color: var(--StandardText); box-shadow: 1px 1px var(--BoxShadow); margin: 4px 5px 2px 0; padding: 2px 10px; border-radius: 8px; cursor: default; white-space: nowrap; text-overflow: ellipsis; float: left; display: inline-block; overflow: hidden; height: 22px; width: max-content; } .industryItem .labelPreText { float: left; margin-right: 5px; font-weight: 600; } .industryItem .labelText { overflow: hidden; display: inline-block; text-overflow: ellipsis; white-space: nowrap; width: 230px; } .bulletContainer { text-align: center; display: block; } .mudComments { margin-top: -10px; height: 17px; } .linkedinAddressExpansionPanel .mud-expand-panel-header { padding: 0px !important; } .linkedinAddressExpansionPanel .mud-expand-panel-text { font-weight: normal !important; } .linkedInOtherAddressContainer { padding-left:136px; } .linkedinAddressExpansionPanel.mud-expand-panel.mud-expand-panel-border { border-bottom: none !important; } .noResultMessageContainer { margin-top: 30px; margin-left: 15px; display: inline-block; padding: 5px 20px 20px 20px; width: 370px; float: left; font-size:18px; color:var(--ActiveText); } .reportHistoryTable .creditsLabel { margin-top:3px; margin-left:4px; font-size: 11px; float:none; text-align:right; } .reportHistoryTable td.priceListCell { font-size: 14px; text-align: right; } .notificationBox { margin-top: 10px; display: inline-block; padding: 10px 20px 10px 20px; float: left; background-color: var(--LighterGrey); border: 1px solid var(--StandardBorder); border-radius: 10px; max-width:320px; } .reportContainer { display: grid; grid-template-columns: 1fr 1fr; /* Två kolumner, lika breda */ gap: 10px; /* Mellanrum mellan kolumnerna */ } .reportContainer .reportDiv { padding: 0; } .reportDiv .reportHeader { float: left; height: 100%; width: 120px; border: 1px solid var(--StandardBorder); border-radius: 8px 0 0 8px; background-color: var(--LightBlue); margin-right: 5px; } .reportDiv .reportHeading { font-size: 14px; font-weight: 600; padding: 8px 5px 8px 10px; } .reportDiv .reportContent { float: left; width: 450px; padding: 8px 10px; border: 1px solid var(--StandardBorder); border-radius: 0 8px 8px 0; height: 100%; } .scoreDiv { position: absolute; right: 0; height: 100%; width: 40px; font-size: 18px; padding: 3px; text-align: center; margin: 0; border-radius: 0 10px 0 0; font-weight: 600; } .scoreDiv:before { content: "Score"; font-size: 10px; display: block; } .reportContainer .reportDiv p { font-size: 14px; } .reportGeneratingButton { font-size: 18px; font-weight: 700; padding: 10px; } .scoreDiv.scoreVeryGood { background-color: #52c86c; color: white; } .scoreDiv.scoreGood { background-color: #bac64b; color: white; } .scoreDiv.scoreMedium { background-color: #f9bf2a; color: white; } .scoreDiv.scorePoor { background-color: #f0984c; color: white; } .scoreDiv.scoreVeryPoor { background-color: #f55c54; color: white; } .scoreDiv.scoreUnknown { background-color: #d0d6e2; color: white; } .reportContainer .reportCreditsSummaryContainer { margin: 0; } .reportLogo { height: 80px; width: 171px; margin-top:4px; margin-bottom:-36px; } .aiReportDiv { padding: 10px 5px 5px 0; } .aiReportDiv .headerContainer { float: left; height: 100%; width: 100px; border: 1px solid var(--StandardBorder); border-radius: 8px 0 0 8px; background-color: var(--LightBlue); margin-right: 5px; } .aiReportDiv .header { font-size: 11px; font-weight: 600; padding: 8px 5px 8px 10px; } .aiReportDiv .paragraphContainer { float: left; width: 235px; padding: 8px 10px; border: 1px solid var(--StandardBorder); border-radius: 0 8px 8px 0; height: 100%; } .aiGeneratingButton { font-size: 18px; font-weight: 700; padding: 10px; } .reportsButtonContainer { display:flex; } .reportsButtonContainer .genericButton.historyButton { margin-left:10px; font-size: 18px; white-space:nowrap; } .reportButtonText { display: inline; } @media (max-width:1700px) { .reportCompanyNameHeader { font-size: 24px; max-width: 700px; } } @media (max-width:1560px) { .reportCompanyNameHeader { font-size: 22px; max-width: 650px; } } @media (max-width:1460px) { .reportCompanyNameHeader { font-size: 20px; max-width: 600px; } } @media (max-width:1320px) { .reportButtonText { display: none; } .genericButton.historyButton { min-width: 0; padding: 1px 3px 6px 3px !important; } .reportCompanyNameHeader { height: 29px; } .genericButton.historyButton .material-icons { margin: 0 8px; } .creditExpander { padding: 3px 6px 1px 10px !important; font-size: 16px !important; } .expanderHeading { width: 96% !important; } } @media (max-width:1200px) { .reportCompanyNameHeader { font-size: 18px; max-width: 550px; } } @media (max-width:1150px) { .reportCompanyNameHeader { font-size: 18px; max-width: 500px; height: 25px; } .genericButton.historyButton { min-width:0; padding: 1px 3px 6px 3px !important; } .genericButton.historyButton .material-icons { margin:0 5px; } .creditExpander { padding: 3px 6px 1px 10px !important; font-size: 16px !important; } .expanderHeading { width: 96% !important; } } @media (max-width:1100px) { .reportCompanyNameHeader { font-size: 16px; max-width: 400px; } } .creditExpander { position:relative padding: 6px 15px 3px 15px; width: 300px; right: 30px; border: var(--DarkGreen) solid 1px; background-color: var(--LighterGrey); border-radius: 10px; font-size: 14px; cursor: pointer; top: 0; z-index: 1000; margin-left: auto; } .creditExpanderContent { position: absolute; top: 40px; min-width: 250px; z-index: 1000; /* Make sure it's above other content */ background: #fff; box-shadow: 0 4px 16px rgba(0,0,0,0.1); border-radius: 8px; padding: 16px; } .expanderHeading { font-size: 18px; font-weight: 600; padding: 6px 14px 4px 6px; white-space: nowrap; width: 100%; } .expanderHeading .material-icons { font-size: 25px; float: right; margin-right: -15px; } .creditExpander.warning { } .creditExpander.notice { } .creditExpanderButtonRow { float: left; white-space: nowrap; height: 29px; margin: 4px 0 10px 0; width: 100%; } .expensiveCreditPopup .genericButton { margin: 0; font-size: 16px; white-space: nowrap; } .expensiveCreditPopup .popupParagraph { margin: 0 0 20px 0; font-size: 16px; } .expensiveCreditPopup { width: 490px; } .expensiveCreditPopup .popupSubHeading { margin: 0 0 0 0; font-size: 18px; } .creditPrice { border: 1px solid var(--DarkGreen); background-color: var(--LightBlue); padding: 3px 8px; margin-left: 4px; border-radius: 10px; display: inline-block; } .mud-elevation-2 { box-shadow: none; } .reportNewView { float: left; min-height: 400px; } .splitTableContainer { float: left; width: 100%; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid var(--StandardBorder); } .splitTableContainer .reportHistoryTable { margin: 0; float: left; } .splitTableContainer .reportHistoryTable:last-child { margin-left: 50px; float: left; } /* Customize the label (the container) */ .v8CheckBoxItem { position: relative; padding-left: 25px; margin-left: 0; display: inline-block; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin:0; } .v8CheckBoxItem:disabled { color: #dddddd; } /* Hide the browser's default checkbox */ .v8CheckBox { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; border-radius: 4px; } .floatingCheckboxesContainer { float: left; max-width: 390px; border-top: 1px solid var(--StandardBorder); border-bottom: 1px solid var(--StandardBorder); padding: 5px 0; margin: 5px 0; } .floatingCheckboxesContainer .v8CheckBoxItem { float:left; margin:3px 4px 3px 5px; } .v8CheckBox:disabled { background-color: var(--LightGrey); } .v8CheckBoxItemLabel { font-size: 14px; line-height: 1.2; margin-bottom: 6px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-weight: normal; display: inline-block; cursor: pointer; max-width: 610px; } .v8CheckBoxItemLabel.long { max-width: 100%; white-space: normal; overflow: visible; } .v8CheckBoxItemLabel:disabled { color: var(--LightGrey); } .v8CheckBoxItemLabel-NoSelect { font-size: 14px; line-height: 16px; white-space: nowrap; font-weight: normal; display: inline-block; color: var(--StandardText); margin-left:25px; } .noWidthRestrictionLabel { overflow: visible; } .noListLabel { margin-bottom: 4px; } .noListLabel .material-icons { margin-top:2px; } .noWidthLabel { width:auto; } /* Create a custom checkbox */ .v8CheckMark { position: absolute; top: 0; border-radius: 4px; left: 0; height: 16px; width: 16px; border: solid 1px var(--DarkGreen); } .v8CheckMark:disabled { background-color: var(--LightGrey); } /* On mouse-over, add a grey background color */ .v8CheckBoxItem:hover input ~ .v8CheckMark { background-color: var(--LighterGrey); } /* When the checkbox is checked, add a blue background */ .v8CheckBoxItem input:checked ~ .v8CheckMark { background-color: var(--DarkGreen); } /* Create the v8CheckMark/indicator (hidden when not checked) */ .v8CheckMark:after { content: ""; position: absolute; display: none; } /* Show the v8CheckMark when checked */ .v8CheckBoxItem input:checked ~ .v8CheckMark:after { display: block; } /* Style the v8CheckMark/indicator */ .v8CheckBoxItem .v8CheckMark:after { left: 5px; top: 0; width: 5px; height: 10px; border: solid var(--Background); border-width: 0 1px 1px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } /* Create a custom radiobutton */ .v8RadioMark { position: absolute; top: 0; border-radius: 12px; left: 0; height: 16px; width: 16px; border: solid 1px var(--DarkGreen); } .v8RadioMark:disabled { background-color: var(--LightGrey); } /* On mouse-over, add a grey background color */ .v8CheckBoxItem:hover input ~ .v8RadioMark { background-color: var(--LighterGrey); } /* When the checkbox is checked, add a blue background */ .v8CheckBoxItem input:checked ~ .v8RadioMark { background-color: var(--DarkGreen); } /* Create the v8CheckMark/indicator (hidden when not checked) */ .v8RadioMark:after { content: ""; position: absolute; display: none; } /* Show the v8CheckMark when checked */ .v8CheckBoxItem input:checked ~ .v8RadioMark:after { display: block; } /* Style the v8CheckMark/indicator */ .v8CheckBoxItem .v8RadioMark:after { left: 5px; top: 0; width: 5px; height: 10px; border: solid var(--Background); border-width: 0; } .v8CheckBoxItemSmall { left: 4px; top: 2px; width: 2px; height: 4px; border: solid var(--DarkGreen); border-width: 0 1px 1px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } input { width: 100%; padding-left: 4px; } label:disabled { background: #dddddd; } .inputEmail { border-radius:5px; padding:10px 15px; font-size:16px; width: 100%; } .inputEnterName { width: 100%; } .inputTextSearch { width: 100%; font-size:14px; } .formHeader { min-width: 210px; } .numericDropdown { width: 80px; height: 24px; display: inline-block; } .numericDropdown select, option { padding: 4px; width: 100px; } .batchSearchTextInput { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 400px; max-height:120px; margin:5px 0; border-radius:5px; padding:5px; font-size:14px; } .rangeSelect { float: left; text-align: left; font-size: 14px; font-weight: normal; letter-spacing: 0px; color: var(--ActiveText); width: 150px; margin: 0 5px 5px 0; } .filterSubHeader { text-align: left; margin: 15px 0 5px 0; font-weight: 700; font-size: 14px; letter-spacing: 0px; width: 100%; } .rangeSelectMinMaxLabel { margin-bottom: 4px; text-align: left; font-size: 12px; letter-spacing: 0px; width: 100%; } .rangeMinMaxValueBox { position:relative; border-radius: 10px; padding: 8px; height: 40px; width: 100%; border: var(--LightGrey) 1px solid; } .minMaxInput input { outline:none; float: left; width:100%; border: none; } .minMaxCurrencyText { padding:1px; position:absolute; right:5px; text-align: right; font-weight: 300; font-size: 14px; letter-spacing: 0px; color: var(--ActiveText); background:var(--Background); } .booleanFilterContainer { margin: 10px 0; display: inline-block; } .genericDropdownLabel { font-size: 14px; margin-right: 5px; cursor: pointer; } .genericDropdown { outline: none; border-radius: 10px; font-size: 12px; margin-right: 10px; padding: 5px; border-width: 1px; } .genericDropdown.disabledDropDown { opacity: 0.5; pointer-events: none; } .commentTextArea { border: 1px solid var(--StandardBorder); border-radius:5px; margin:5px 0; padding:5px 7px; width:100%; } label.checkBoxHeaderLabel { font-size: 18px; font-weight: 600; margin-bottom: 5px; line-height: 0.9; } .v8CheckBoxItem.selectListCheckbox { margin-top: 13px; height: 20px; } .contentInputRow { padding :2px 0;} .contentInputRow label { font-weight: bold; } .contentInputItem { float: left; width: 200px; margin-bottom:20px; margin-right:20px; } .contentInputLabel { margin-bottom: 4px; text-align: left; font-size: 12px; letter-spacing: 0px; width: 100%; } .contentInputValueBox { position: relative; border-radius: 10px; height: 36px; width: 100%; border: var(--LightGrey) 1px solid; } .contentInputRow input { outline: none; width: 100%; padding: 8px 5px 7px 5px; border-radius: 10px; border: none; border: 1px solid transparent; } .contentInputValueBoxNumericalInput input { outline: none; float: right; text-align: right; width: 100%; padding: 8px 50px 7px 5px; border-radius: 10px; border: 1px solid transparent; } .contentInputCurrencyText { padding: 9px 0 7px 0; position: absolute; right: 5px; text-align: left; width: 40px; font-weight: 300; font-size: 14px; letter-spacing: 0px; color: var(--ActiveText); } .contentInputTextArea { border: 1px solid var(--LightGrey); border-radius: 5px; margin: 5px 0; padding: 5px 7px; width: 100%; } textarea.contentInputTextArea { outline: none; overflow: auto; resize: vertical; } textarea.contentInputTextArea:focus { border: 1px solid var(--AccentedBorder); outline: none; } .contentInputCategoryContainer { float: left; width: 100%; padding: 0px; margin-bottom: 10px; } .contentInputCategoryHeading { font-size: 16px; border-bottom: 1px solid var(--StandardBorder); margin-bottom: 10px; padding-bottom: 5px; } .contentInputGroup { border-radius: 5px; background-color: var(--HighlightedBackground); float: left; border: 1px solid var(--StandardBorder); padding: 5px; margin-bottom:10px; } .contentInputORItem { padding: 5px; float: left; margin: 30px 15px 0 15px; border-radius: 5px; height: 100%; background-color: var(--WarmGreen); color: var(--ButtonText); border: 1px solid var(--ActiveGreen); } .contentInputGroup .contentInputItem { margin:5px; } .form-check { padding-left: 0px; max-width: 270px; } .disabledLabel { color: var(--DarkGrey); cursor: default; } .genericButton { background-color: var(--Background); color:var(--StandardText); padding: 6px 12px; border-radius: 10px; border: solid 1px var(--DarkGreen); text-align: center; margin: 0; min-width: 72px; cursor:pointer; outline:none; } .genericButton:hover { background-color: var(--FilledButtonHover); color: var(--ButtonText); } .genericButton[disabled] { background-color: var(--BackgroundDisabled); color: var(--StructureBorder); border-color: var(--StructureBorder); } .genericButton:disabled:hover { background-color: darkgray; } .genericButton .material-icons { font-size: 16px; margin: 0 8px 0 0; vertical-align: middle; } .genericButton.largeButton { min-width: 72px; height: 35px; transition: 0.1s ease-in; background-size: 35px auto; font-size: 13px; padding: 8px 20px; white-space: nowrap; display: inline-block; } .companyStructureToggle { width:140px; float:left; height:52px; background-color: var(--Background); color: var(--StandardText); padding: 16px 0; border-radius: 10px; border: solid 1px var(--DarkGreen); text-align: center; margin: 0 10px 0 0; min-width: 72px; cursor: pointer; outline: none; } .companyStructureToggle:hover { background-color: var(--DarkGreen); color: var(--ButtonText); } .companyStructureToggle.highLightedButton { background: var(--TabButtonText); color: var(--LighterGreen); } .genericSmallButton { background-color: var(--DarkGreen); color: var(--ButtonText); padding: 1px 4px; border-radius: 2px; border: solid 2px transparent; text-align: center; margin: 0; min-width: 30px; } .genericSmallButton:hover { background-color: var(--ActiveGreen); border: solid 2px var(--DarkGreen); } .floatRightGenericButton { float: right; cursor: pointer; min-width: 28px; height: 35px; margin-left: 10px; transition: 0.1s ease-in; background-size: 35px auto; margin-right: 10px; padding-top: 6px; font-size: 13px; } .floatRightGenericButton .material-icons { font-size: 20px; margin: 0px 8px 3px 0; } .iconButtonContainer { display: inline-block; float: right; vertical-align: middle } .iconButton { float: right; background-color: var(--ActiveGreen); color: var(--Background); padding: 4px; margin: 8px 8px 8px 0; border-radius: 15px; text-align: center; cursor: pointer; outline: none; } .iconButton:hover { background-color: var(--FilledButtonHover); color: var(--ButtonText); } .iconButton[disabled] { background-color: var(--BackgroundDisabled); color: var(--StructureBorder); border-color: var(--StructureBorder); } .iconButton:disabled[disabled] { border-color: darkgray; } .iconButton .material-icons { margin: 0; } /* Some icons have more weight on the left side, align these more to the right with this class */ .iconButton.iconRightAlign { padding-left: 6px; padding-right: 3px; } .tableIconButton { float: right; color: var(--AccentedButton); margin: 4px 8px 4px 0; text-align: center; cursor: pointer; outline: none; } .tableIconButton:hover { color: var(--WarningRed); } .tableIconButton .material-icons { margin: 0; font-size:24px; } .treeviewIconButton { margin-top: -5px; } .deleteIcon { background-color: var(--LightRed); color: var(--Background); } .deleteIcon:hover { background-color: var(--Red); color: var(--Background); } .buttonBackToSearch { background-color: var(--DarkGreen); color: var(--ButtonText); font-size: 16px; width: 120px; margin-left: -230px; height: 40px; } .buttonExportToFile { color: var(--StrongText); float: right; border: none; font-size: 26px; padding: 0 8px; cursor: pointer; } .buttonExportToFile:hover { color: var(--AccentedButton); } .floatRightButton { float: right; cursor: pointer; min-width: 28px; height: 35px; margin-right: 0; margin-left: 10px; transition: 0.1s ease-in; background-size: 35px auto; } .floatRightButton:hover { filter: opacity(80%); } .floatRightGenericButton { float: right; cursor: pointer; min-width: 28px; height: 35px; margin-left: 10px; transition: 0.1s ease-in; background-size: 35px auto; margin-right: 10px; padding-top: 6px; font-size: 13px; } .floatRightGenericButton .material-icons { font-size: 20px; margin: 0px 8px 3px 0; } .floatRightButton .favoritesIcon .material-icons { color: var(--WarningRed); transition: 0.2s ease-in; } .floatRightButton .favoritesIcon { font-size: 30px; margin-top: 3px; transition: 0.2s ease-in; color: var(--WarningRed); } .closeIcon { margin-left: 20px; border: 1px solid var(--StandardBorder); color: var(--StandardText); background-color: var(--LighterGrey); border-radius: 15px; font-size: 18px; padding: 6px 15px 6px 6px; line-height: 1.1; } .closeIcon .material-icons { margin:0 5px 2px 5px; } .closeIcon:hover { color: var(--StandardText); background-color: var(--LightGrey); border-color: var(--DarkGrey); } .exportIconDoc { filter: invert(41%) sepia(43%) saturate(810%) hue-rotate(169deg) brightness(94%) contrast(92%); /* background: url(/img/icons/doc_icon.svg?v=ZaXoLIm7UyubsE7Ao-5otPPbeUc) no-repeat; background-size: 35px auto; */ } .exportIconPDF { filter: invert(21%) sepia(99%) saturate(4384%) hue-rotate(357deg) brightness(89%) contrast(116%); /* background: url(/img/icons/pdf_icon.svg?v=ZaXoLIm7UyubsE7Ao-5otPPbeUc) no-repeat; background-size: 35px auto;*/ } .exportIconPPT { filter: invert(46%) sepia(92%) saturate(3532%) hue-rotate(345deg) brightness(82%) contrast(97%); /* background: url(/img/icons/ppt_icon.svg?v=ZaXoLIm7UyubsE7Ao-5otPPbeUc) no-repeat; background-size: 35px auto; */ } .exportIconXLS { filter: invert(29%) sepia(97%) saturate(335%) hue-rotate(94deg) brightness(96%) contrast(91%); /* background: url(/img/icons/xls_icon.svg?v=ZaXoLIm7UyubsE7Ao-5otPPbeUc) no-repeat; background-size: 35px auto; */ } .exportIcon { height:35px; width:auto; } .buttonFeedback { background-color: var(--DarkGreen); color: var(--ButtonText); margin: 3px; } .buttonSelectProduct { background-color: var(--DarkGreen); color: var(--ButtonText); width: 160px; margin: 3px; } .clearButtonContainer { float: right; margin-right: 8px; } .clearButton { padding:5px; background: var(--Red) no-repeat padding-box; border-radius: 15px; cursor:pointer; } .deleteSavedSearchButton { font-size: 13px; height: 22px; border-radius: 2px; border: 1px var(--Background) solid; background-color: var(--DarkGreen); text-align: center; color: var(--ButtonText); padding: 0 8px; } .deleteSavedSearchButton:hover { background-color: var(--DarkGreen); } .savedSearchesButtons { background-color: var(--ButtonText); min-width: 85px; height: 26px; display: inline-block; } .favouritesButtonContainer { display: inline-block; float: right; vertical-align: middle; margin: 10px 3px; } .favouriteButton { display: inline-block; border:none; font-size: 24px; transition: .2s ease-in; background-color:inherit; } .favouriteButton:hover { color: var(--HoverText); } .favouriteButton:focus { outline: none; } .buttonSelectedTable { margin: 8px 4px; padding: 3px 2px; border-radius: 4px; border: solid 1px var(--ButtonText); font-size: 22px; font-weight: bold; background-color: var(--DarkGreen); } .buttonSelectedTableHeader { padding: 2px 0; font-size: 11px; } .buttonNoneSelectedTableHeader { font-size: 11px; padding: 3px 4px 6px 4px; } .buttonSelecteTable:hover { background-color: var(--DarkGreen); color: var(--ButtonText); } .buttonFinancialsTab:active:focus { outline: none; } .buttonFinancialsTab:hover { color: var(--ButtonText); } .buttonFinancialsTab { margin-right: 10px; float: left; border: 1px solid var(--AccentedButton); background-color: var(--Background); } .addButton { display: block; position: absolute; left: 150px; top: 35px; background-color: var(--Background); width: 35px; height: 35px; } .btn { background-color: var(--DarkGreen); color: var(--ButtonText); border-color: #1861ac; } .btn-primary { background-color: var(--DarkGreen); color: var(--ButtonText); border-color: var(--DarkGreen); } .summaryButton { width: 100%; font-size: 14px; cursor: pointer; text-decoration: underline; padding: 15px 0 15px 68px; background: var(--LighterGrey); color: var(--LinkBlue); } .summaryButton:hover { background: var(--LightGrey); color: var(--StandardText); } .buttonAddToNewFavourite { } .buttonCancel { display: inline-block; } .standardButton { height: 40px; min-width: 150px; max-width: 250px; background: var(--Background) 0% 0% no-repeat padding-box; border: 1px solid var(--DarkGreen); border-radius: 10px; opacity: 1; text-align: left; font: normal 14px 'Lato', Sans-serif; padding: 10px; letter-spacing: -0.28px; color: var(--StandardText); margin-right: 15px; white-space: nowrap; cursor: pointer; } .standardButton:hover { background: var(--FilledButtonHover) 0% 0% no-repeat padding-box; color: var(--ButtonText); } .standardButton .leftIcon { margin-right: 10px; font-weight: 300; white-space: nowrap; } .standardButton .rightIcon { margin-left: 10px; font-weight: 300; } .dashBoardFullSpanButton { margin:-5px; border-radius:10px; height:100%; width:100%; text-align:center; padding:80px 10px; font-size:62px; color:var(--LightGrey); cursor:pointer; } .dashBoardFullSpanButton:hover { color: var(--DarkGrey); background-color:var(--LighterGrey); } .rightCloseButton { cursor: pointer; float: right; width: 35px; text-align: center; } .rightCloseButton .material-icons:after { content: 'highlight_off'; } .rightCloseButton:hover .material-icons { color: var(--FilledButtonHover); transition: .1s ease-in; } .rightCloseButton:hover .material-icons:after { content: 'cancel'; } .rightCloseButton .material-icons { color: var(--AccentedButton); font-size: 30px; } .rightCloseButton:hover .closeButtonText { color: var(--StandardText); background-color: var(--Background); } .fixedRightCloseButton { cursor: pointer; float: right; width: 35px; text-align: center; margin-top: 2px; margin-bottom: -10px; margin-right: -8px; margin-left:20px; } .fixedRightCloseButton .material-icons:after { content: 'highlight_off'; } .fixedRightCloseButton:hover .material-icons { color: var(--FilledButtonHover); transition: .1s ease-in; } .fixedRightCloseButton:hover .material-icons:after { content: 'cancel'; } .fixedRightCloseButton .material-icons { color: var(--AccentedButton); font-size: 30px; } .fixedRightCloseButton:hover .closeButtonText { margin-left: 6px; color: var(--StandardText); background-color: var(--Background); } .popupOverlayHeaderContainer .fixedRightCloseButton { margin-top:4px; width:36px; } .fixedRightCloseButton .closeButtonText { color: transparent; } .floatRightButtonLarge { margin-right: 5px; float: right; color: var(--FilledButtonHover); cursor: pointer; border: 2px solid var(--FilledButtonHover); padding: 5px 10px; border-radius: 15px; } .floatRightButtonLarge:hover { color: var(--Background); background-color:var(--FilledButtonHover); } .floatRightButtonLarge .material-icons { font-size: 20px; } .switchCurrencyButton { border: 1px solid var(--StandardBorder); color: var(--ButtonText); background-color: var(--FilledButtonHover); border-radius: 10px; padding: 3px 10px 3px 5px; float: left; cursor: pointer; } .switchCurrencyButton:hover { background-color: var(--Background); border-color:var(--StandardText); color: var(--StandardText); } .switchCurrencyButton .material-icons { font-size: 14px; float: left; border-top:3px; } .buttonLabel { float: left; } .searchMenuButton { height: 40px; background: var(--Background) 0% 0% no-repeat padding-box; border: 1px solid var(--DarkGreen); border-radius: 10px; opacity: 1; text-align: left; color: var(--DarkGreen); margin-left: 10px; white-space: nowrap; cursor: pointer; display: inline-block; padding: 0; } .searchMenuButton.splitMenuButtonsLeft { background: var(--DarkGreen) 0% 0% no-repeat padding-box; border: 1px solid var(--DarkGreen); border-right: none; border-radius: 10px 0 0 10px; color: var(--ButtonText); margin-right: 0; margin-bottom: 2px; } .searchButtonContainer .hitsButtonDiv { background: var(--DarkGreen) 0% 0% no-repeat padding-box; color: var(--ButtonText); width: 165px; } .menuButtonsDiv .searchMenuButton { float: right; } .searchButtonContainer .searchMenuButton { background-color: var(--HoverButtonBackground); color: var(--ButtonText); } .searchMenuButton .material-icons { float: left; font-size: 18px; margin: 10px 8px 10px 10px; vertical-align: middle; overflow: hidden; display: inline-block; } .searchMenuButton.noIcon { padding-left: 15px; } .menuButtonLabel { padding-top: 3px; display: inline-block; } .searchMenuButton .searchMenuButtonText { float: left; font-family: 'Lato', Sans-serif; font-weight: normal; font-size: 14px; letter-spacing: -0.28px; margin: 10px 15px 11px 0; overflow: hidden; display: inline-block; } .splitMenuButtonsLeft .searchMenuButtonText { margin-right:5px; } .searchMenuButton.disabledSearchMenuButton { cursor: default; color: var(--StandardText); background-color: var(--LightGrey); border:1px solid var(--StandardBorder); pointer-events: none; } .searchMenuButton:hover { background: var(--HoverButtonBackground) 0% 0% no-repeat padding-box; color: var(--ButtonText); } .searchMenuButton .leftIcon { margin-right: 10px; font-weight: 300; white-space: nowrap; } .searchMenuButton .rightIcon { margin-left: 10px; font-weight: 300; } .searchMenuButton.unloadFile { background: var(--Background); color: var(--StandardText); } .searchMenuButton.unloadFile .material-icons { color: var(--Red); margin-left: 0; margin-right: 10px; } .searchMenuButton.unloadFile:hover .material-icons { color: var(--StandardText); } .searchMenuButton.unloadFile:hover { background: var(--LightRed); color: var(--StandardText); } .noCloseButton { padding-right: 5px; } .disabledButton { pointer-events: none; opacity: 0.4; } .splitMenuButtonsLeft:hover { background: var(--HoverButtonBackground) 0% 0% no-repeat padding-box; } .splitMenuButtonsLeft .leftIcon { margin-right: 10px; font-weight: 300; white-space: nowrap; } .splitMenuButtonsLeft.loadedFromExcel { background-color: var(--ExcelGreen); color: var(--ButtonText); } .splitMenuButtonsLeft.loadedFromExcel:hover { background-color: var(--ExcelGreenHover); } .splitMenuButtonsRight { height: 40px; background: var(--DarkGreen) 0% 0% no-repeat padding-box; border: 1px solid var(--DarkGreen); border-left: var(--StandardBorder) 1px solid; border-radius: 0 10px 10px 0; opacity: 1; text-align: left; font: normal 14px 'Lato', Sans-serif; padding: 8px 10px; letter-spacing: -0.28px; color: var(--ButtonText); margin-left: 0; white-space: nowrap; cursor: pointer; } .splitMenuButtonsRight:hover { background: var(--HoverButtonBackground) 0% 0% no-repeat padding-box; } .menuButtonIcon .material-icons { color: var(--ButtonText); font-size: 18px; } @media (max-width:1200px) { .searchMenuButtonText.croppableText { display: none; } } .notClickable { pointer-events: none; cursor: default; } .iconTextButton { border-radius: 8px; padding: 3px 6px; background-color: var(--AccentedButton); cursor: pointer; } .iconTextButton:hover { background-color: var(--TabButtonText); } .iconTextButtonLabel { color: var(--ButtonText); } .aiGeneratingButton { font-size: 18px; font-weight: 700; padding: 10px; float:right; } /* TAB MENU */ .tabsGrid { display: grid; grid-template-columns: max-content max-content max-content repeat(30, auto) max-content max-content; background-color: #2196F3; grid-row: 1; background-color: var(--TabButtonBackground); } .maMainTab { /* grid-column: 2; */ background-color: var(--LighterGrey); } .maMainTab .tabButtonLogoLabel { color: var(--StandardText); } .companiesMainTab .tabButtonLogoLabel { color: var(--StandardText); } .tabDiv { white-space: nowrap; overflow: hidden; min-width: 18px; text-overflow: ellipsis; } .tabButtonDiv { padding-top: 5px; letter-spacing: 0px; color: var(--StandardText); height: 100%; white-space: nowrap; cursor: pointer; position: relative; border-right: 2px solid var(--StandardBorder); border-bottom: 1px solid var(--StandardBorder); } .tabButtonDiv:hover { background-color: var(--Background); color: var(--StandardText); opacity: 1; transition: ease-in-out 0.1s; border-bottom: 1px solid transparent; } .tabButtonDiv:hover .tabButtonLabel { color:var(--StandardText); } .tabButtonDiv:hover .tabButtonInnerDivIcon { transition: ease-in-out 0.2s; color: var(--StandardText); } .tabButtonInnerDiv { margin: 1px; padding: 0 0 0 10px; white-space: nowrap; max-width: 400px; height: 30px; display: flex; } .tabButtonInnerDivIcon { margin:0; } .tabButtonLogoSymbol { margin: 0 5px 0 0; background: url(/img/v8symbol.svg?v=ZaXoLIm7UyubsE7Ao-5otPPbeUc) no-repeat; background-size: 30px 30px; width: 30px; height: 30px; vertical-align: -webkit-baseline-middle; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; } .tabButtonDnBLogoSymbol { margin: 0 5px 0 0; background: url(/img/dnbsymbol.svg?v=ZaXoLIm7UyubsE7Ao-5otPPbeUc) no-repeat; background-size: 28px 28px; width: 30px; height: 30px; vertical-align: -webkit-baseline-middle; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; } .tabButtonInnerDivIcon { margin-top: 5px; color: var(--TabButtonText); font-size: 23px; } .tabButtonInnerDivIcon .material-icons { margin: 5px 0 0 0; } .tabButtonLabel { font-size: 14px; margin-top: 9px; vertical-align: -webkit-baseline-middle; margin-left: 3px; margin-right: 3px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: inline-block; color: var(--TabButtonText); } .tabButtonLogoLabel { margin-top: 9px; margin-left: 3px; margin-right: 10px; font-size: 14px; vertical-align: -webkit-baseline-middle; color: var(--TabButtonText); } .Valu8LogoIcon { padding: 5px 10px; background: url(/img/icons/check_box.svg?v=ZaXoLIm7UyubsE7Ao-5otPPbeUc) no-repeat; background-position-y: 4px; background-size: 18px 18px; } .tabButtonDiv:hover .iconClose { transition: ease-in-out 0.2s; color: var(--HoverText); } .companiesMainTab { background-color:var(--LighterGrey); color: var(--StandardText); /* grid-column: 1; */} .personsMainTab { /* grid-column: 3; */} .workspacesMainTab { /* grid-column: 3; */} .dnbMainTab { /* grid-column: 4; */} .workspacesMainTab .tabButtonInnerDiv { padding-right:5px; } .workspacesMainTab .tabButtonInnerDivIcon { color: var(--ActiveGreen); } .iconClose { color: var(--LightGrey); opacity: 0; margin: 0; padding: 10px 5px 5px 0; right: 0; position: absolute; } .iconClose:hover { } .iconClose .material-icons { color: var(--StrongText); transition: ease-in-out 0.1s; } .tabButtonDiv:hover .iconClose { opacity: 1; background-color: var(--Background); } .selectedTab { opacity: 1; background-color: var(--Background); border-bottom: 1px solid transparent; } .selectedTab .tabButtonLabel { color:var(--StandardText); } .selectedTab .tabButtonInnerDivIcon { color: var(--StandardText); } .currencyScaleFormRow { height: 23px; width: 100%; margin: 3px 0; grid-column: 16; } .topMenuDiv { margin-top: 5px; grid-column: 3; grid-row: 1; } .topMenuButton:hover { opacity:0.9; } .topMenuIcon { display: inline-block; /*vertical-align: middle;*/ } .topMenuIcon .material-icons { /*color: var(--TabButtonText);*/ font-size: 18px; } .topMenuButton .material-icons { font-weight: bold; font-size: 23px; } .topMenuButtonText { margin-left: 8px; width: 52px; font-size: 14px; font-weight: 600; display: inline-block; vertical-align: middle; color: var(--TabButtonText); } .topMenuButton { padding: 10px 2px 10px 5px; border: none; color: var(--StrongText); font-size: 19px; background-color: transparent; cursor: pointer; float:left; } .currencyMenuButton { line-height: 1.4; } /* container for the moving animated buttons menu*/ .leftMenuDiv { background-color: var(--Background); position: relative; } .menuButtonsDiv { grid-area: buttonsarea; } .workSpaceEventsDiv { grid-row:2; grid-column-start:2; grid-column-end:5; } .rightMenuDiv { grid-column-start: 3; grid-row-start: 3; grid-row-end: 7; background-color: #314917; padding: 4px; border-radius: 2px; } .rightMenuButton { cursor: pointer; margin: 6px 3px 6px 3px; padding: 8px 3px; font-size: 7px; color: var(--ButtonText); background-color: var(--DarkGreen); border: none; text-align: center; display: inline-block; width: 90%; height: 70px; } .rightMenuButton i[class ^= "fa"] { margin: 8px 0 0 0; font-size: 22px; } .rightMenuButton:hover { background-color: var(--DarkGreen); } .rightMenuButtonLabel { display: block; margin-top: 3px; font-size: 9px; color: var(--Background); } .menuBarPopupContainer { grid-area: menubar; } .mainMenu { background-color: var(--DarkGreen); width: 100%; height: 100%; } .tabSelected { background-color: var(--DarkGreen); color: var(--ButtonText); } .selectFinancialsTab { margin-bottom: 10px; } .buttonMenu { width: 40px; height: 40px; background-color: var(--DarkGreen); color: var(--ButtonText); font-size: 14px; } .topMenuDiv { display: inline-block; margin-left: 5px; border-right: 1px; font: normal 14px 'Lato', Sans-serif; border-color: #505F6414; background: #F5F6FA 0% 0% no-repeat padding-box; letter-spacing: 0px; color: #1f493f80; height: 100%; min-width: 96px; display: inline-block; float: left; margin: 1px; padding: 14px 10px; cursor: pointer; display: inline-block; height: 17px; float: left; } .sideBarMenu { text-align: center; overflow: hidden; top: 35px; position: sticky; -webkit-transition: width .01s linear; transition: width .01s linear; -webkit-transform: translateZ(0) scale(1,1); z-index: 100; border-right: 1px solid var(--LightGrey); } .sideBarMenu > ul { margin: 17px 10px 17px 0; list-style: none; } .sideBarMenu li { margin: 25px 0; padding: 0 5px 0 0; text-align: center; font-weight: bold; font-size: 10px; width: 80px; letter-spacing: 0.4px; cursor: pointer; opacity: 0.7; -webkit-transform: translateZ(0) scale(1,1); -webkit-transition: all .1s ease-in; transition: all .1s ease-in; } .sideBarMenu li.selectedInfoTab .sideMenuIcon { color: var(--ActiveGreen); } .sideBarMenu .sideMenuIcon { font-size: 24px; margin-bottom: 7px; } .sideBarMenu li:active, .sideBarMenu li:hover .nav-text { color: var(--ActiveGreen); } .sideBarMenu li:active, .sideBarMenu li:hover{ opacity: 1; } .sideBarMenu .nav-text { text-transform: uppercase; letter-spacing: 0.4px; text-align: center; position: relative; width: 100%; display: inline-block; vertical-align: middle; } .mainMenuContainer { margin-top: 8px; margin-bottom: 30px; overflow-y: auto; } .mainMenuListItem { border-left: solid 1px var(--LightGrey); border-top: solid 1px var(--LightGrey); border-right: solid 1px var(--LightGrey); margin-top: 4px 4px 4px 0px; padding: 3px 3px 3px 8px; transition: .1s ease-in; cursor: pointer; } .mainMenuListItem:last-child { border-bottom: solid 1px var(--LightGrey); } .mainMenuListItem:hover { padding-left: 10px; border-left: 3px solid var(--DarkGreen); } .OpenCurrencySettings { } /* CURRENCY POPUP */ .headerCurrencyContainer { width: 100%; padding: 5px 20px; border-bottom: var(--StandardBorder) solid 1px; color: var(--StrongText); margin: 0; } .headerCurrencyContainer h2 { color: var(--StrongText); font-size: 16px; font-weight: bold; } .currencyScaleButtonContainer { float: left; padding: 3px 0; margin: 10px 20px; width: 310px; } .currencyButton { float: left; font-size: 16px; width: 86px; border: 1px solid var(--StandardBorder); padding: 3px 5px 6px 5px; margin-right: 8px; margin-bottom: 8px; border-radius: 15px; cursor: pointer; } .currencyScaleButtonContainer .selected { border-color: var(--ActiveGreen); box-shadow: 1px 1px 2px rgba(0,0,0,0.125); } .currencyButton:hover { background-color: var(--HoverButtonLightBackground); border-color: var(--ActiveGreen); box-shadow: 0px 4px 16px var(--BoxShadow); } .currencyButton img { height: 14px; width: auto; margin: 0 8px 2px 8px; } .currencyScaleBottomContainer { float: right; margin: 10px; } .scaleButton { width: auto; font-size: 14px; padding: 5px 8px; } .selectCurrenciesDropDown { padding: 4px 6px; font-size: 14px; display: inline-block; border-radius: 10px; } .clientCurrencyPopup { position: absolute; width: 350px; right: 90px; top: 54px; z-index: 500; font-size: 14px; display: inline-block; border-radius: 10px; user-select: none; background: var(--Background); height: auto; box-shadow: 0px 4px 16px var(--BoxShadow); } .clientUserPopup { padding: 1px; position: absolute; right: 10px; top: 50px; z-index: 500; } .workspaceMenuPopup { position: absolute; right: 10px; top: 120px; z-index: 100; } .dropdownMenu { user-select: none; background: var(--Background); height: auto; border-radius: 10px; box-shadow: 0px 4px 16px var(--BoxShadow); } .dropdownMenu:before { right: 10px; } .dropdownMenu ul { margin-bottom: 0; } .dropdownMenu ul li { cursor: pointer; list-style: none; padding: 0; } .dropdownMenu ul li a { display: block; font-size: 16px; border-left: 5px solid transparent; border-bottom: 1px solid var(--LighterGrey); padding: 15px; color: var(--DarkGreen); position: relative; /* margin-left: -40px;*/ } .dropdownMenu ul li a.separator { border-bottom: 1px solid var(--StandardBorder); } .dropdownMenu ul li a:hover { color: var(--ButtonText); background-color: var(--HoverButtonLightBackground); border-left: 5px solid var(--HoverButtonBackground); border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .dropdownMenu ul li.profile_li a:hover { background: transparent; cursor: default; color: var(--LightBlue); } .dropdownMenu ul li a .picon { display: inline-block; font-size: 16px; width: 30px; } .dropdownMenu ul li .btn { padding: 7px 10px; color: var(--DarkGreen); border-radius: 3px; cursor: pointer; text-align: center; background: var(--LinkBlue); margin: 5px auto 15px; } .disabledMenuItem { color: var(--LightGrey); cursor: default; } .disabledMenuItem li:hover { border-left: 5px solid transparent; border-bottom: 1px solid var(--LighterGrey); } .dropdownMenu .material-icons { margin: 0; } .dropdownList { border: 1px solid var(--StandardBorder); z-index: 10; background-color: var(--Background); padding: 5px 1px; position: relative; box-shadow: 0px 4px 16px var(--BoxShadow); border-radius: 10px; } .dropdownListHeader { font-size: 16px; font-weight: 600; width: 100%; border-bottom: 1px solid var(--StandardBorder); padding: 15px 20px; } .dropdownListContainer { width: 399px; overflow: auto; } .borderlessListContainer { overflow: auto; } .borderlessListContainer .favouritesListItemRow { width: 83%; } .borderlessListContainer .favouritesCreatedByText { margin-right: -50px; } .contentPopupContainer .dropdownListContainer { width: 399px; overflow: auto; } .dropdownListItemRow { height: 48px; border-left: solid 4px transparent; margin: 4px 4px 4px 0px; padding: 4px 4px 4px 20px; transition: .1s ease-in; cursor: pointer; } .dropdownListItemRow:hover { border-left-color: var(--DarkGreen); background-color: var(--LightGreen); } .dropdownListItemRow:hover .dropdownListItemOpenButtonContainer { display: inline-block; } .dropdownListItemSubRow { display: inline-block; float: left; padding: 2px 5px; } .dropdownListSubHeading { margin-left: 12px; margin-top: 5px; font-size: 16px; margin-bottom: 3px; overflow: hidden; width: 285px; font-weight: 600; white-space: nowrap; text-overflow: ellipsis; } .dropdownListItemRow h4 { font-size: 16px; margin: 0 0 3px 0; overflow: hidden; width: 285px; white-space: nowrap; text-overflow: ellipsis; } .dropdownListHighItemRow { height: 85px; border-left: solid 4px transparent; margin: 4px 4px 4px 0px; padding: 4px 4px 4px 20px; transition: .1s ease-in; cursor: pointer; } .dropdownListHighItemRow:hover { border-left-color: var(--DarkGreen); background-color: var(--LightGreen); } .dropdownListHighItemRow h4 { font-size: 16px; margin-bottom: 3px; overflow: hidden; width: 285px; white-space: nowrap; text-overflow: ellipsis; } .dropdownListItemLabel { font-size: 14px; font-weight: bold; float: left; margin-bottom: 4px; } .dropdownListItemButton { float: right; } .dropdownListItemSubDiv { font-weight: normal; font-size: 12px; white-space: nowrap; } .dropdownListInputContainer { width: 100%; padding: 5px 10px; } .contentPopupContainer .dropdownListInputContainer { padding: 5px 0; } .dropdownList input { border: 1px solid var(--StandardBorder); border-radius: 6px; padding: 5px 8px; font-size: 14px; } .dropdownListSeparator { padding: 0; margin: 0; border-bottom: 1px solid var(--StandardBorder); } .dropdownButtonContainer { width: 100%; border-top: 1px solid var(--StandardBorder); } .dropdownButton { width: 100%; cursor: pointer; height: 40px; margin: 4px 4px 4px 0px; padding: 0; transition: .1s ease-in; } .dropdownButton:hover { background-color: var(--LightGreen); } .dropdownContainer { padding: 1px 1px 5px 1px; } .dropdownContent { padding: 10px 8px; } .dropdownContentRow { margin-bottom: 5px; padding: 10px 5px; } .dropdownContentLabel { font-size: 12pX; font-weight: 600; float: left; width: 80px; } .dropdownContentValue { font-size: 12pX; float: left; } .dropdownButtonRow { border-top: 1px solid var(--StandardBorder); width: 100%; padding: 15px 10px 10px 10px; height: 50px; } .dropdownLeftButton { float: left; } .dropdownRightButton { float: right; } .dropdownListItemButtonContainer { display: inline; margin-top: 15px; width: 100%; } .dropDownButtons { width: 150px; float: right; } .dropdownHoverMenuButton:hover { background-color: var(--DarkGreen); color: var(--ButtonText); } .dropdownHoverMenuButton { height: 40px; background: var(--Background) 0% 0% no-repeat padding-box; border: 1px solid var(--DarkGreen); border-radius: 10px; opacity: 1; text-align: left; font: normal 14px 'Lato', Sans-serif; padding: 10px; letter-spacing: -0.28px; color: var(--DarkGreen); white-space: nowrap; cursor: pointer; } .dropdownHoverMenu { display: inline-block; float: right; } .buttonDropdownMenu:before { right: 10px; } .dropdownHoverMenu:hover .dropdownHoverMenuButton { background-color: var(--DarkGreen); color: var(--ButtonText); } .dropdownHoverMenuContent { margin-top: 5px; padding: 5px 0; cursor: pointer; min-width: 180px; position: absolute; user-select: none; background: var(--Background); height: auto; border-right: 1px solid var(--StandardBorder); border-radius: 10px; box-shadow: 0px 4px 16px var(--BoxShadow); z-index: 101; } .dropdownHoverMenuContent .menuRow { display: block; font-size: 16px; border-left: 5px solid transparent; border-bottom: 1px solid var(--LighterGrey); padding: 15px 10px; color: var(--DarkGreen); } .menuRow:last-child { border-bottom: none; } .dropdownHoverMenuContent .menuRow:hover { background-color: var(--HoverButtonLightBackground); border-left: 5px solid var(--HoverButtonBackground); border-bottom-left-radius: 0; border-bottom-right-radius: 0; color: var(--StrongText); } .menuRowIcon { display: inline-block; width: 25px; margin-right: 10px; } .menuRowIcon .material-icons { font-weight: 900; font-size: 18px; line-height: 1; } .menuRowLabel { display: inline-block; } /* .dropdownHoverMenu:hover .dropdownHoverMenuContent { display: block; }*/ .clientUserNameLabel { /* margin-left: -40px;*/ padding: 20px 0 5px 20px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .clientCompanyNameLabel { /* margin-left: -40px;*/ padding: 0 0 10px 20px; font-size: 16px; font-weight: bold; border-bottom: 1px solid var(--StandardBorder); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dropdownHoverMenuContent { margin-top: 45px; margin-left: 10px; padding: 5px 0; cursor: pointer; min-width: 180px; position: absolute; user-select: none; background: var(--Background); height: auto; border-right: 1px solid var(--StandardBorder); border-radius: 10px; box-shadow: 0px 4px 16px var(--BoxShadow); z-index: 101; } @media only screen and (max-height: 1024px) { .sideBarMenu li { margin: 18px 0; } .sideBarMenu .sideMenuIcon { margin-bottom: 5px; } } @media only screen and (max-height: 900px) { .companyDetailsMenuDiv { width: 130px; } .sideBarMenu > ul { margin: 15px 0 0 0; } .sideBarMenu li { text-align: left; margin: 12px 0; height: 30px; width: 100%; } .sideBarMenu .sideMenuIcon { margin: 0 10px 0 0; width: 20%; text-align: left; vertical-align: middle; } .sideBarMenu .nav-text { letter-spacing: 0.2px; position: relative; width: 58%; text-align: left; vertical-align: middle; } .menuBeta { display: none; } .companyDetailsContentDiv { margin-left: 25px; } } @media only screen and (max-height: 700px) { .sideBarMenu .sideMenuIcon { font-size: 16px; margin-bottom: 4px; } .sideBarMenu li { margin: 6px 0; } .sideBarMenu .sideMenuIcon { margin-bottom: 2px; } } .searchViewDropDownDiv { grid-area: dropdownarea; } .searchViewsUpdatesDiv { grid-area: changesarea; } .searchViewTableButtonsDiv { grid-area: changesbuttonsarea; } .searchViewShareDiv { display: inline-block; } .searchViewFollowDiv { display: inline-block; } .searchViewsFooterDiv { grid-area: footerarea; } .searchFunctionsButtonDiv { margin-left: 20px !important; margin-top: 120px !important; z-index: 200; position: absolute; } .searchInputDiv { width:99%; min-width:350px; height: 40px; float: left; position:relative; background: #F5F6FA 0% 0% no-repeat padding-box; border: 1px solid #E1E2E6; border-radius: 10px; opacity: 1; } .disabledSearchInputDiv { width: 99%; min-width: 350px; height: 40px; float: left; position: relative; background: #F5F6FA 0% 0% no-repeat padding-box; border: 1px solid #E1E2E6; border-radius: 10px; pointer-events: none; opacity: 0.5; } input.textSearchInput { float: left; text-align: left; font-size: 16px; letter-spacing: 0px; color: #071C23; width: 100%; height: 100%; padding: 5px 10px; border-radius: 10px; border: none; } input.textSearchInput:focus { outline: none; } .clearSearchFilterIcon { color:var(--ButtonText); background-color:var(--Red); border-radius:15px; padding:3px; position:absolute; right:10px; top:8px; cursor:pointer; } .clearSearchFilterIcon:hover { background-color: var(--LightRed); } .clearSearchFilterIcon .material-icons { margin: 0; padding: 0; } .searchProductSelector { cursor: pointer; width: 149px; height: 100%; float: right; background: #1F493F 0% 0% no-repeat padding-box; border-radius: 0px 10px 10px 0px; text-align: left; font-family: 'Lato', Sans-serif; font-weight: normal; font-size: 14px; letter-spacing: -0.42px; color: #D9F2ED; opacity: 1; padding: 10px 0 10px 10px; } .searchProductLabel { margin: 0 15px 0 5px; line-height: 1; vertical-align: middle; } .searchProductSelector .material-icons { font-weight:300; } .searchButtonContainer { grid-area: hitsarea; height: 44px; white-space: nowrap; } .aiSearchButtonDiv { grid-area: hitsarea2; margin: 12px; margin-left: 0px; } .hitsButtonDiv:hover { background-color: var(--HoverButtonBackground); color: var(--ButtonText); } .supportText { color: var(--StandardText); height: 40px; float: right; padding-top: 6px; } .highlightedButton { background: var(--ActiveGreen); } .animationGoalItem { background-color: transparent; position: absolute; height: 1px; width: 300px; display: inline-block; } .animationGoalItem .material-icons { float: left; font-size: 18px; margin: 12px 2px 10px 7px; vertical-align: middle; } .animationGoalItem .SearchGridButtonText { float: left; font-family: 'Lato', Sans-serif; font-weight: normal; font-size: 14px; letter-spacing: -0.28px; margin: 12px 0px 10px 0; } .animationGoalItem .hitsButtonDiv { width:172px; } /* SELECTED COMPANY MENU BAR*/ .companyRowMenuDiv { position: relative; grid-area: tablearea; text-align: center; margin: 0 30px; border-radius: 5px 5px 0 0; padding: 15px; align-self: end; background-color: var(--Background); box-shadow: 0 -8px 15px 0 rgb(0 0 0 / 25%); z-index: 31; height: 85px; bottom: -100px; } .unLoadedButtonsPanelInstant { transition: 0s; bottom: -100px; } .unLoadedButtonsPanel { transition: ease-in .1s; bottom: -100px; } .loadedButtonsPanel { transition: ease-in .2s; bottom: 17px; } .companyRowMenuContainer { justify-self: center; margin: 0 auto; display: inline-block; } @keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0); } 20%, 80% { transform: translate3d(2px, 0, 0); } 30%, 50%, 70% { transform: translate3d(-4px, 0, 0); } 40%, 60% { transform: translate3d(4px, 0, 0); } } .apply-shake { animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both; } .companyRowMenuSpecsPanel { float: left; margin-left: 4px; margin-right: 4px; height: 100%; padding: 2px; border: none; text-align: left; display: block; width: 120px; outline: none; cursor: pointer; } .companyRowMenuPanel { float: left; height: 100%; width: 85px; border-left: 1px solid var(--StandardBorder); text-align: center; display: block; outline: none; cursor: pointer; } .companyRowMenuBorder { float: left; height:100%; margin-left: 5px; border-left: 1px solid var(--LightGrey); } .SpecsPanelText { margin-top: 5px; color: var(--StrongText); font: normal 16px 'Lato', Sans-serif; } .SpecsPanelDeselect { margin-top: 5px; color: #F78383; font: normal 12px 'Lato', Sans-serif; letter-spacing: 0px; } .companyRowMenuPanel:focus { outline: none; } .companyRowMenuPanel:hover .companyRowMenuPanelIcon { color: var(--StrongText); } .companyRowMenuPanel:hover .companyRowMenuPanelSubLabel { color: var(--Red); } .companyRowMenuPanelIcon { display: block; color: var(--ActiveGreen); } .companyRowMenuPanelIcon .material-icons { font-size: 24px; } .companyRowMenuPanelImageIcon { height:24px; width:auto; } .companyRowMenuPanelLabel { display: inline-block; padding: 5px; text-align: center; font: normal 12px 'Lato', Sans-serif; } .companyRowMenuPanelSubLabel { font-size: 9px; color: var(--DarkGrey); margin-top: -3px; } .disabled { display: none; } .textSearchDiv { grid-area: searcharea; width: 100%; /* TODO: TEMPORARY SOLUTION UNTIL GRID IS CORRECTED */ } .textSearchDiv2 { grid-area: searcharea2; width: 100%; /* TODO: TEMPORARY SOLUTION UNTIL GRID IS CORRECTED */ } .activeFiltersDiv { grid-area: searchfiltersarea; margin: 10px 0px 10px 0px; } .searchTableDiv { grid-area: tablearea; flex: 1 1 auto; overflow: auto; margin-top: 10px; z-index: 1; border-radius: 8px; background: var(--Background); } .selectedTableDiv { grid-area: tablearea; flex: 1 1 auto; overflow: auto; height: 0%; z-index: 20; } .selectedSearchTableDiv { grid-column-start: 1; grid-row: 1; flex: 1 1 auto; overflow: auto; height: 100%; margin-right: 10px; position: relative; } .labelNoOfHits { margin-top: 5px; margin-bottom: 5px; color: var(--ButtonText); } .selectedTopDiv { grid-column-start: 1; grid-row-start: 1; } .selectedRightMenuDiv { grid-column: 2; grid-row: 1; background-color: var(--DarkGreen); padding: 4px; border-radius: 2px; z-index: 601; } .mainSelectColumn { width: 100%; height: 28px; padding-top: 5px; } .setupColumnsTreeViewDiv { margin-top: 8px; margin-bottom: 10px; overflow-y: auto; max-width: 780px; } .searchDictionaryCheckBoxList { margin-top: 8px; margin-bottom: 12px; overflow-y: auto; } .buttonSwitchTableStyle { background-color: var(--DarkGreen); color: var(--ButtonText); width: 100%; } .summaryRow { background-color: var(--HighlightedBackground); border-top:4px solid var(--StandardBorder); } .savedSearchesButton { background-color: var(--DarkGreen); color: var(--ButtonText); font-size: 14px; padding: 3px 8px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 380px; border: 2px solid transparent; border-radius: 2px; } .savedSearchesButton:hover { background-color: #3f5a1d; border: 2px solid #3f5a1d; } .savedSearchesButton i[class ^= "fa"] { margin-right: 4px; } .searchViewsList { margin-top: 8px; margin-bottom: 30px; overflow-y: auto; } .savedSearchLabel { cursor: pointer; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 13px; padding-top: 4px; vertical-align: middle; width: 270px; display: inline-block; } /* FAVORITES POPUP */ .favouritesListDiv { margin-top: 8px; margin-bottom: 20px; overflow-y: auto; min-width: 440px; } .favouritesListItem { font-size: 14px; margin-bottom: 5px; border-left: solid 4px transparent; margin: 4px 0; padding: 3px 3px 3px 8px; transition: .1s ease-in; cursor: pointer; height: 60px; width: 100%; background: var(--LighterGrey); border-radius: 5px; } .favouritesListItemRow { display: inline-block; width: 95%; float: left; } .dropdownListContainer .favouritesListItemRow { width: 83%; } .favouriteItemSubDiv label { display: inline-block; } .favouritesHeading { float: left; padding: 5px 0; font-weight: 600; font-size: 14px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .favouritesBottomRowContainer { float: left; width: 100%; margin: 5px 2px 0 0; } .numberOfFavouritesItems { float: left; margin-right: 5px; font-size: 11px; font-weight: 600; width: 90px; } .numberOfFavouritesNumber { color:var(--ActiveGreen); margin-right:1px; font-size: 11px; } .favouritesSharedText { border-radius: 5px; background: var(--ItemIsActiveBG); color: var(--Background); padding: 1px 5px 2px 5px; font-size: 11px; float: left; margin-right: 20px; } .favouritesCreatedByText { float: right; color: var(--DarkGrey); font-size: 11px; font-weight: 600; margin-top: 8px; margin-right: -17px; } .favouriteButtonContainer { width: 62px; height: 30px; margin-top: 10px; float: right; } .removeFavouriteButton:after { content: "\e872"; font-family: "Material Icons"; font-size: 20px; margin-right: 4px; padding: 3px; cursor: inherit; color: var(--StandardText); float: right; } .editFavouriteButton:after { content: "\e3c9"; font-family: "Material Icons"; font-size: 20px; margin-right:4px; padding: 3px; cursor: inherit; color: var(--StandardText); float: right; } .addToFavouriteButton:after { display: inline-block; content: "\e03b"; font-family: "Material Icons"; font-size: 20px; margin-top: 17px; cursor: inherit; color: var(--StandardText); } .favouritesListItem:hover .editFavouriteButton:after { color: var(--ActiveGreen); } .favouritesListItem:hover .removeFavouriteButton:after { color: var(--WarningRed); content: "\e92b"; } .selectedFavourite { border-left-color: var(--DarkGreen); background-color: var(--DarkGreen); color: var(--ButtonText); } .selectedFavourite:hover { border-left-color: var(--DarkGreen); background-color: var(--DarkGreen); color: var(--ButtonText); } .favouritesListItem h4 { font-size: 16px; overflow: hidden; width: 385px; white-space: nowrap; text-overflow: ellipsis; } .favouritesListItem:last-child { border-bottom: solid 1px var(--StandardBorder); } .favouritesListItem:hover { border-left-color: var(--DarkGreen); background-color: var(--LightGreen); } .favouriteItemNameLabel { font-size: 14px; font-weight: bold; cursor: pointer; } .favouriteItemSubDiv { font-size: 12px; width: 285px; cursor: pointer; white-space: nowrap; } .selectedSaveSearchItem { height: 35px; padding: 2px 5px; margin: 3px 0; cursor: pointer; color: var(--StandardText); border-left: 4px solid var(--ActiveGreen); } .deSelectedSaveSearchItem { height: 35px; padding: 2px 5px; margin: 3px 0; cursor: pointer; color: var(--StandardText); border-left: 4px solid transparent; } .deSelectedSaveSearchItem:hover { border-left-color: var(--DarkGreen); color: var(--StrongText); } .selectedSaveSearchItem:hover { border-left-color: var(--DarkGreen); color: var(--StrongText); } .savedSearchesCreateNewPopup { background-color: var(--Background); display: block; width: 320px; margin-left: auto; margin-right: auto; border: solid 1px black; z-index: 600; } .activeFilterLabel { font-weight:normal; } .activeFilterLabelField { margin-right:2px; font-weight:600; } .activeFilterButton { padding: 4px 5px 0px 10px; white-space: nowrap; border: none; background: var(--LightButtonBackground) 0% 0% no-repeat padding-box; border-radius: 8px; text-align: left; font: normal 13px 'Lato', Sans-serif; letter-spacing: -0.26px; color: var(--StandardText); cursor: pointer; } .activeFilterButton:hover { background-color: var(--HoverButtonBackground); color: var(--ButtonText); } .activeFilterButton:hover .smallClearFilterButton { color: var(--ButtonText); } .activeFilterButtonLabel { text-overflow: ellipsis; overflow: hidden; display: inline-block; max-width: 230px; } .clearFilterButton { padding-right: 15px; } .groupFilterButton_0 { background: #B5BCDE; } .groupFilterButton_1 { background: #B5BCDE; } .groupFilterButton_2 { background: #B5BCDE; } .groupFilterButton_3 { background: #B5BCDE; } .activeFilterSeparator { } .filterSeparator { height:20px; display: inline-block; } .activeFilterSeparatorStart { height: 22px; display: inline; float: left; margin-top: 7px; margin-right: 4px; } .activeFilterSeparatorEnd { height: 22px; display: inline; float: left; margin-top: 7px; margin-right: 6px; } .activeFilterSeparatorOr { height: 22px; display: inline; float: left; margin-top: 5px; margin-right: 4px; } .activeFilterGroupStart { width: 4px; height: 100%; border-radius: 4px; border-left: 2px solid var(--LinkBlue); border-top: 2px solid var(--LinkBlue); border-bottom: 2px solid var(--LinkBlue); } .activeFilterGroupEnd { width: 4px; height: 100%; border-radius: 4px; border-right: 2px solid var(--LinkBlue); border-top: 2px solid var(--LinkBlue); border-bottom: 2px solid var(--LinkBlue); } .activeFilterGroupOr { padding: 5px 5px; font-size: 12px; font-weight: 600; color: var(--LinkBlue); } .tempPositionFilterSeparator { width: 180px; } @keyframes tempPositionFilterSeparator { 50% { opacity: 0; } } .pinned { background-color: var(--DarkGreen); color: var(--ButtonText); } .pinned:hover { background-color: var(--HoverButtonBackground); } .pinned .smallClearFilterButton { color: var(--ButtonText); } .pinned .smallClearFilterButton:hover { color: var(--HoverButtonText); } .pinned .smallClearFilterButton .material-icons::after{ content: "push_pin"; } .activeFilterContainer { display: inline-block; float: left; margin: 5px 5px 0 0; } .smallClearFilterButton { float: right; line-height: 1; background-color: transparent; padding: 0 0 0 4px; color: transparent; border: none; min-width:16px; } .smallClearFilterButton .material-icons { margin: 0; font-size:12px; } .smallClearFilterButton .material-icons::after { content: "clear"; } .clearOpenWindowsDiv { border: 2px solid var(--DarkGreen); padding: 4px; border-radius: 14px; margin-left: 10px; margin-top: 10px; margin-right: 10px; color: var(--DarkGreen); height: 30px; width: 30px; display: flex; overflow: hidden; white-space: nowrap; cursor: pointer; transition: 0.1s; float: right; } .clearOpenText { float: left; margin-top:1px; } .clearOpenWindowsDiv .material-icons { float: left; font-size: 18px; font-weight: 600; line-height: 1; margin: 0; padding: 0; } .clearOpenWindowsDiv:hover { /* margin-right: 0px; */ width: 90px; } .clearOpenWindowsDiv:hover .clearOpenText:after { content: "CLEAR ALL"; } .nextLastDiv { justify-self: right; grid-column: 16; } .lastDiv { justify-self: right; grid-column: 99; width: 115px; width: 150px; } .searchTableAnnotation { position: absolute; right: 2px; top: -2px; } .searchTableAnnotation .material-icons { font-size: 11px; margin: 0 3px 0 0; color: var(--FilledButtonHover); } .searchMenuCardContainer { float: left; margin: 0px 10px 0px 3px; } .searchMenuLabel { font-size: 16px; float: left; margin-top: 5px; margin-right: 6px; } .eventCompanyName { color:var(--LinkBlue); cursor:pointer; margin-top: 15px; margin-bottom: 3px; font-size: 14px; font-weight: 600; } .eventText { font-size: 14px; font-weight: normal; margin-bottom: 5px; } .hiddenDiv { display:none; } .loadedExcelCompanyHeaderContainer { width:400px; } .loadedCompanyHeading { font-size:16px; } .loadedCompantLabel { color:var(--DarkGrey); font-weight:600; } .loadedFileHeaderLabel { font-size: 16px; font-weight:bold; font-style:normal; color:var(--DarkGrey); margin-right:5px; } .loadedFileHeader { font-size: 20px; font-style: italic; margin-left: 30px; margin-bottom: 15px; display: block; } .searchViewTextBlock { width: 800px; grid-area: tablearea; padding:0 20px; } .searchViewTextBlock h1 { font-size:24px; font-weight:bold; } .searchViewTextBlock p { margin-top:5px; font-size: 16px; } .companyEventHeading { margin: -5px 0 5px 20px; font-size: 18px; font-weight: bold; } .companyEventHeading .material-icons { margin-right: 10px; margin-top: -5px; font-size: 24px; color: var(--ActiveGreen); } .companyEventHeading .companyEventIcon { height: 30px; width: auto; margin-right: 10px; } .workspaceEventsHeading { margin: 10px 0px 15px -5px; font-size: 18px; font-weight: bold; } .workspaceEventsHeading .material-icons { margin-right: 10px; margin-top: -5px; font-size: 24px; color: var(--ActiveGreen); } .workspaceEventsHeading .companyEventIcon { height: 30px; width: auto; margin-right: 10px; } /* KEYWORDS */ .keywordSearchFilterContainer { /*width: 1050px;*/ float:left; } .keywordDictionaryListContainer { } .filterHeaderDescription { font-size: 14px; margin-bottom: 8px; color: var(--DarkGrey); } .keywordFilterCointainer { height: 99%; display: inline-flex; } .keywordSearchFilterContainer .keywordListContainer .treeViewItemContainer { margin: 0; clear: both; height: 20px; margin-top: 4px; } .keywordSearchFilterContainer .keywordListContainer { float: left; width: 360px; float: left; } .keywordDictionaryListItem { display: block; float:left; width:50%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .keywordDictionaryListHeading { display: block; font-size:14px; font-weight:600; clear:both; padding:10px 0 5px 5px; } .keywordSearchFilterContainer .keywordSelectionContainer { width: 370px; float: left; overflow: auto; padding: 0 5px 0 10px; } .keywordSearchFilterContainer .keywordLegendContainer { min-height: 400px; width: 300px; float: left; overflow: auto; padding: 0 5px 0 10px; } .keywordSearchFilterContainer .keywordLegendContainer .legendHeading { float: left; margin: 8px 0 3px 0; font-size: 18px; font-weight: 600; } .keywordSearchFilterContainer .keywordLegendContainer .legendParagraph { float: left; margin: 8px 0 3px 0; font-size: 14px; line-height:22px; } .supervisedKeywordsContainer { float: left; padding: 3px 4px; background: var(--BackgroundHighlighted); border-radius: 5px; margin-bottom: 5px; width: 99%; } .supervisedKeywordsContainer .keywordDictionaryListHeading { font-weight: 600; font-size: 18px; line-height: 0.7; margin-bottom: 5px; } .unsupervisedKeywordsContainer { float: left; padding: 3px 4px; background: var(--BackgroundHighlighted); border-radius: 5px; width: 99%; } .unsupervisedKeywordsContainer .keywordDictionaryListHeading { font-weight: 600; font-size: 18px; line-height: 0.7; } .includeExcludeWrapper { float: left; margin-left: 15px; height: auto; } .includeExcludeContainer { clear: both; } .includeExludeLabel { margin-top: 2px; margin-left: 7px; font-size: 16px; } .includeBox { position: relative; float: left; background-color: var(--BackgroundHighlighted); padding: 8px 5px 30px 5px; border-radius: 10px; min-height: 55px; margin: 5px 0 20px 0; min-width: 350px; min-height: 80px; width: 99%; box-shadow: 2px 2px 3px rgb(0 0 0 / 13%); } .excludeBox { float: left; background-color: var(--BackgroundHighlighted); padding: 8px 5px 15px 5px; border-radius: 10px; min-height: 55px; margin: 5px 0; min-width: 350px; min-height: 80px; width: 99%; box-shadow: 2px 2px 3px rgb(0 0 0 / 13%); } .includeExcludeItem { border: 1px solid var(--LightButtonBackground); background-color: var(--LightButtonBackground); color: var(--StandardText); padding: 1px 0 1px 0; border-radius: 10px; display: inline-block; float: left; clear: both; position: relative; margin: 4px 3px; cursor: pointer; z-index: 100; transition: ease-in .1s; } .includeExcludeItem:hover { border: 1px solid var(--Valu8LightGreen); background-color: var(--Valu8LightGreen); } .includeExcludeItem:hover .includeExcludeItemLabel { color: var(--FixedWhite); } .includeExcludeItemLabel { height: 16px; font-size: 12px; margin: 0 6px; } .supervisedKeywords .includeExcludeItem { } .supervisedKeywords .includeExcludeItem:hover { background-color: var(--Valu8LightGreen); border-color: var(--Valu8LightGreen); color: var(--FixedWhite); } .supervisedKeywords .includeExcludeItem:hover .includeExcludeItemLabel { color: var(--FixedWhite); } .groupSeparator { border: 1px solid var(--WarmGreen); background-color: var(--WarmGreen); color: white; padding: 3px 6px; border-radius: 8px; float: left; clear: both; display: inline-block; position: relative; margin: 5px 3px 2px 3px; z-index: 100; font-size: 8px; cursor: default; } .groupSeparator:last-child { display:none; } .keywordGroupEmptyContainer .groupSeparator { margin-top:6px;} .includeBox .includeExcludeItem { clear: none; cursor: default; } .excludeBox .includeExcludeItem:hover { background-color: var(--Red); border-color: var(--Red); } .excludeBox .includeExcludeItem { cursor: default; background-color: var(--LightRed); border-color: var(--LightRed); color: var(--FixedBlack); content: "clear"; clear: none; } .excludeBox .includeExcludeItem:hover { background-color: var(--Red); border-color: var(--Red); } .excludeItem.dragover { background-color: var(--LightGrey); } .includeExcludeItem:hover .removeItemButton { content: "clear"; } .includeExcludeItem:hover .removeItemButton .material-icons:after { content: "clear"; } .includeExcludeItem:hover .removeItemButton .material-icons:after { content: "clear"; color: var(--Background); } .removeItemButton { width: 18px; height: 16px; transition: ease-in .2s; font-size: small; cursor: pointer; float: right; margin: -1px 0 0 0; padding: 0; } .removeItemButton .material-icons:after { content: "clear"; color: transparent; } .removeItemButton .material-icons { color: transparent; margin: 0 0 0 4px; transition: ease-in .2s; } .keywordGroupEmptyContainer {} .orGroupSeparator { border: 1px solid var(--LightGrey); background-color: var(--LightGrey); color: var(--Standardtext); padding: 2px 2px 2px 2px; border-radius: 8px; display: inline-block; float: left; position: relative; margin: 6px 2px; z-index: 100; font-size: 8px; cursor: default; } .orGroupSeparator:last-child { display: none; } .keywordGroupContainer { clear: both; display: inline-block; background: var(--BoxColor4); border-color: var(--BoxColor4); float: left; border-radius: 15px; overflow: hidden; max-width: 650px; padding: 1px 2px; margin:3px 0 2px 0; } .keywordGroupContainer:nth-child(2n) { background-color: var(--BoxColor4); border-color: var(--BoxColor4); } .keywordGroupContainer:nth-child(4n+1) { background-color: var(--BoxColor4); border-color: var(--BoxColor4); } .noKeywordText { margin: 10px 20px; font-size: 16px; color: var(--DarkGrey); } .oneKeywordText { font-size: 11px; position: absolute; bottom: 4px; left: 0px; margin-left:10px; margin-bottom: 4px; color: var(--DarkGrey); } .excludeListItem { background-color: var(--LightRed); border-color: var(--LightRed); } .includeListItem { background-color: var(--AccentedBorder); border-color: var(--AccentedBorder); } .requiredFilterHeader { font-size: 9px; color: var(--LightRed); margin: 0 4px 1px 0; } .requiredFilterContainer { width: 450px; margin: 0 0 5px 0; font-weight: 600; } .requiredFilter { font-size: 9px; color: var(--Red); margin: 0 4px 2px 0; } .filterListContainer { max-height: 600px; max-width:450px; overflow: auto; } @media (max-height:920px) { .filterListContainer { max-height: 400px; overflow: auto; } } @media (max-height:700px) { .filterListContainer { max-height: 300px; overflow: auto; } } .requiredTextContainer { width: 400px; padding-bottom: 10px; display: inline-block; } .requiredIconContainer { width: 15px; display: inline-block; position: relative; margin-top: -14px; vertical-align: text-top; } .searchResultNotification { grid-area: alertfilterarea; height: fit-content; width: fit-content; white-space: nowrap; margin: 0; padding: 5px 10px 5px 5px; border: 1px solid var(--YellowBorder); border-radius: 5px; background-color: var(--YellowBackground); } .searchResultNotification .notificationIcon { float: left; width: 35px; margin-right: 5px; } .searchResultNotification .notificationIcon .material-icons { font-size: 18px } .searchResultNotification .notificationTextContainer { float: left; font-weight: 600; display: inline-block; } @media (max-height:1600px) { .favouritesListDiv { max-height: 500px; overflow: auto; } .CompanyInfoContentWindow { min-height: 800px; } } @media (max-height:1000px) { .favouritesListDiv { max-height: 400px; overflow: auto; } .companyInfoContentWindow { min-height: 800px; } } @media (max-height:900px) { .favouritesListDiv { max-height: 300px; overflow: auto; } .companyInfoContentWindow { min-height: 750px; } } @media (max-height:800px) { .favouritesListDiv { max-height: 300px; overflow: auto; } .companyInfoContentWindow { min-height: auto; } } @media (max-height:700px) { .favouritesListDiv { max-height: 200px; overflow: auto; } .companyInfoContentWindow { min-height: auto; } } .dictionarylistItem { border: 1px solid var(--LightButtonBackground); background-color: var(--LightButtonBackground); box-shadow: 1px 1px var(--BoxShadow); color: var(--StandardText); padding: 2px 6px; border-radius: 10px; display: inline-block; float: left; position: relative; margin: 3px; cursor: pointer; z-index: 100; z-index: 0; line-height: normal; white-space: nowrap; } .grid-row-selected .dictionarylistItem { background-color: var(--AccentedBorder); } .mud-alert-filled-normal { border: 1px solid var(--StandardText); } .mud-alert-filled-normal, .mud-snackbar-content-message { background: var(--Background); color: var(--StandardText); font-size: 14px; font-weight: bold; } .countryFlagRow { height: 24px; width: -webkit-fill-available; } .industryFlag { float: right; margin-left:4px; } .industryFlag img { height: 18px; margin-right: 6px; } #valu8Video { position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 100%; border: none; } /* Add some content at the bottom of the video/page */ .startContent { position: fixed; bottom: 0; background: rgba(0, 0, 0, 0.5); width: 100%; padding: 0px; } .officeExportRow { display: inline-flex; flex-direction: row; flex-wrap: nowrap; margin-bottom: 10px; margin-right: 10px; } .officeTemplateDropdown { display: inline-block; margin-top: 5px; width: 380px; border-radius:8px; font-size:16px; padding:5px; outline:none; border-width:1px; } .officeTemplateDropdown select, option { } .excelIconSmall { margin-top: 7px; width: 28px; height: 28px; display: inline-block; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAM4SURBVEhL7VbdSxRRFP/dO7M76+76ratRYB9WPkiPGaaQFYUQhYjhQz1F6UNPQRG+GBFW/0CSLz1ISK1PQZBBGERYhGUfBFZIGVqWmeV+6s7czp0dZzdzN1vtzR9czj13zj2/ez7mzmAVKw1myT+wobuFA6KWLGpJTWnnKc6POj0ezVIXgQgzCP9gzbkPUktDeGItiTs0Ks2FFPAW5086ve4iS02FrsGa9hY5oSgWB50ki4Qrri0b+ZZMTfi/YKfU19HAOTO8AoLD0KHl5W1kTkcvmWygOlhWcTDOwRyquXuJKaUath+WE5uw9NKhemGIU+RcE4YBGGZKKyGECwYdQxApDSkVRY16S33jikfTtaKcgOp2eeNeFgft6Ruqu3BSzm3Cko6DPfSoOU4mHc9LGslrpi6wxVcOrSAbU+rsZJDF0kZIJP6Ro11mhEk1NJR5xyrjyNU84CTlmlvV4HFS/1hkph3NM4FNKB3NR5GflY0rDadxoKIaLsWJzqaz2Le1atlkEokILTLpbOLnNwy8f4njOxrQuK0Oa3KK0D/8xCYz65khbEJj3pkVRc9gHxgl/3x9Ky7fvYapwHSCTNpmiKQaJsjMOlLrK1TDaGyWik6XUxKZtBt5+BRv7g1gfOhV0ffhd0g3pl6/tZsqKaXSUZxMRtZa3Yix6S9ov92Jtv3HUOjOtcnM1GeIRZpGYHPhOlSUrMfVB37cenEf40S8l5rGrrO0zRD2e1jYtucmkTURM5xchaY4MBMOQqdbR74WjDgCkaCZBXmorPEY6MXHbIkGw023Tjroon/6Yv9uOU1EKMgzkclII7NR/AjNmGQyjcFICDORgE0m9MxTqlgSrp1lIeqbEnI6Rl5HyelXFo4VIGqobI4I5nSwOQqT5kqQhsHBHQo4rSkhHUqAIk41gvrz4LOPNySPndKCM7soWuHVdd2M2vEpXI6I3kvkZaZBEmTXcqdKF7h93vQQ8H++/vj3y3shSpu3l1Py6AMsNllLCVAbMyXR4H9FEmHqXSp9glQumKqQXDD+hWwBUu6k6MIkInFtmWCYsmapU+o7UsXpYS0X6X+iloCQwZl/ovvRqKWvYiUB/AIxubuOLZ5hEAAAAABJRU5ErkJggg=='); } .pptIconSmall { margin-top: 7px; width: 28px; height: 28px; display: inline-block; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAOsSURBVEhL7VZNbBNHFH5v1lkndpoEqFog1ArhH2oIgVvVigO/antCESd+KnEpEgQQcIBDSS/00EqgigZoqThUoIKCaC9IXLj0UqkUIxXCBQkQCTRp+ImBxPHuDN/bXdvrOGySiiOf/XnevJ1537zZ59mlt3jT4KAdF/3t61nldYKYP8CsVrhS9bNS2orbT4nNTfRvkrayvPd715vwGkxIsG/HuhpL0TaYW8EVYEz8EHwBwSRMAz4Az4KdvOf4PbRjIlLwye5VrJ24CJwEl4GW+AsICRYgwo/ADiL3Z95zIu95Q1BBW4GBnRvYdeJrYV4AZQvLxF4DSWAG+C2Gf2WO7aryvCEUM/zzs4XKMNWS9hdRN3VaOlFt/6SI53sDQrCwv/GYRQ2VGYaRA9tJmR+5/Qftu8KCny/agA3Za4yJg2RYNRviRpgkffzI17OVbVPjjPcoNac5SlDwH/gJ7mm33w1vqaEtCLkaAT82GnScRsrjFoyMeDQ5Yc6jMzhIz3J50rKCaLwL7jff7bD9bkgQQhaESEjKoliyjqzaelKJWi+rIoMxnh3MHQfrSfHswC4TLAZKNM2nhR0nacHBo7S4o5OavzxEbFeXhGRRE8d0UIrOQ0kwCCbLVghuJZL04NdTdPfMUZr+6SZKNi8oW9QkIHXS4pujMhSxYhauS7nH/eS8fOH53dxw6drkBAUzg7ZUpX+smXsegdsk2DuLW2nR4eOUf/qYnOfP6NGVS9T7+znSjuMLQtid0kAzEzZuTxAgGr+kL2Y2i1GqUqAQTD4jA33UfWQf3TjwBfX8drZM7H9k2Bu0o+5hEMwdGqKhnnvIcICcbNbb3rCYtJMAzhPKBHZl0Qif3+mm298coOF/e4u+MrHJJYizla8FdklQG+0WAuq8Q/nsILZxjMzwncAfPozLRpm7gV06kLelGl4i6PtgD3jfZbYc5joXdeWyIs3sEX5y7DjV1MQpifMU3Sj0g9vTXZk+vxuq0qsfNeHw1rUwlWSSq65JG0udxpB5/giBZMYUQ2nWx2OUiOFo9y+MhWFwl2Z1elnX35WH92hcXdXCVUl3XZXFnciiKXB7UHDYEI0Qy4LHHE1fL7+UKXsmRm7IX20r2NZOKxs+ge5ycLxnomzBQ/CwsqwzSy5cq3gARwoWcKNtabVylbxeyGvGStB7xQhBhO6D5xCw88OLGbHHxIQEBbc2trCLcx1TZiF+KyRSmC0ZozDMP6xMNx442XTX9ciXqLd4wyB6BaRP4WjH3OQQAAAAAElFTkSuQmCC'); } .wordlIconSmall { margin-top: 7px; width: 28px; height: 28px; display: inline-block; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAKwSURBVEhL7ZbNTxNBGMaf2e0X9IOSJghpImIQBYqJJhaEkpj4yYEETECOnPxIDAf+AE96FKL+BR5MQBKb6AXjUSWGAyZWIURRwfARDB81FKjbdn13OtKtLbYscOPX7Mwz787mmXlndrY4YK9hos6K72GIQYWfMXYJJIzBFDIJfujxTfIWj21D3aOPLvJ5RvJ8MmKYx6EeX7cmJN7cjgRkKm3Jxq4oFHUOw30gldKWfppN3EFqK1ZSWen2lB8eoDWsFyGOJMtg0o7GOkQp7dSEzrCvC6p6g5SWRg6TmMnmdNaSgUuEOFa747e3umZGNPPhZajXd1sTKcMr9wep5KPIh7qmy0LlgUozvJOcoT4v3LzQaoLdZuYBm8UEt93KtcUkw1VoAUsN0RAZC9HeeAz3ugOwmmX0tp/G8N2r3Ky14Sj6rp+DxHa3zzKenl78hcbqMpQW2xGo9aKitAg15R40+7xYWdtEPJEQPY2RYTg2tQivxwHfEQ9P6av302g4Xgp/VRlGxudEL+NkGK5vKpj4sYy2s5VYjyp4/m4KLWcqUOIuwPjMkuhFC74Uyf9ajoinshhqvP00i47mKox9WcTo5AIunCrHHD34M7wheuwMVbfRshqOTMzj20IYr8l4nkY3OjmPN6RXI1HRwzj69/AplR2aNMsSHAVmrG0oUOIJFNGrocTilOKYdptz8kRAqNzQDIdC/fUZ7+HW90czWVmL8lojTDPTm+0G/QyvUXmTrtTRBpjMkrlWAks72iyyVTnkLJsVzdwwDH9+0norKf/S8oCMYnR4p5bYbXK5XbJzgAJphzcTv3xRmTr0Pdj1z+GdhYr2wWJK9AuSTcmIMfSGWXfpfvJfQ5ZQ41RtJlvGYSpbFzJHStu05WN+khfpyn/R0lHoAx78Guzkf6IO2GOAP0wPzBnBkjqBAAAAAElFTkSuQmCC'); } .blazored-modal-container { display: flex; position: fixed; width: 100%; height: 100%; z-index: 10000; } .blazored-modal-overlay { display: block; position: fixed; width: 100%; height: 100%; z-index: 10001; background-color: rgba(0,0,0,0.5); } .blazored-modal { display: flex; flex-direction: column; z-index:10002; padding:0; border-radius:0; box-shadow: 0 2px 2px rgba(0,0,0,.25); background-color:transparent; border:none; } .blazored-modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 0 0 2rem 0; display: none; } .blazored-modal-title { margin-bottom: 0; } .blazored-modal-close { padding: 1rem; margin: -1rem -1rem -1rem auto; background-color: transparent; border: 0; -webkit-appearance: none; cursor: pointer; font-size: 1.5rem; font-weight: bold; } .blazored-modal-wrapper { z-index: 10002; } .blazored-modal-center { align-items: center; justify-content: center; } .blazored-modal-topleft .blazored-modal-wrapper { position: absolute; top: 32px; left: 32px; } .blazored-modal-topright .blazored-modal-wrapper { position: absolute; top: 32px; right: 32px; } .blazored-modal-bottomleft .blazored-modal-wrapper { position: absolute; bottom: 32px; left: 32px; } .blazored-modal-bottomright .blazored-modal-wrapper { position: absolute; bottom: 32px; right: 32px; } .blinking { animation: blinkingText 1s; } @keyframes blinkingText { 0% { background-color: #90D645; } 100% { background-color: #223310; } } .waitLogo { grid-row: 2; grid-column-start: 1; grid-column-end: 3; } .e-upload { font: normal 12px 'Lato', Sans-serif; margin: 15px 0; border-color: var(--StandardBorder); background-color: var(--BackgroundHighlighted); border-radius: 15px; padding: 30px 20px; } .e-btn, .e-css.e-btn, .e-css.e-btn.e-upload-browse-btn, .e-btn, .e-css.e-btn:active, .e-css.e-btn.e-upload-browse-btn:active, .e-btn, .e-css.e-btn:focus, .e-css.e-btn.e-upload-browse-btn:focus { background-color: var(--Background); color: var(--StandardText); padding: 6px 12px; border-radius: 10px; border: solid 1px var(--DarkGreen); text-align: center; margin: 0; min-width: 72px; cursor: pointer; outline: none; } .e-css.e-btn:hover, .e-css.e-btn.e-upload-browse-btn:hover { background-color: var(--FilledButtonHover); color: var(--ButtonText); } .e-btn:active, .e-css.e-btn:active { box-shadow:none; } .k-animation-container { border-radius: 10px; cursor: pointer; } /* PROGRESS / CIRCLE PERCENTAGE */ .similarCompanyWrapper { display: block; margin: auto; width: 50px; } .pieWrapper { height: 60px; width: 60px; float: left; position: relative; } .pieWrapper .pie { height: 100%; width: 100%; clip: rect(0, 100px, 100px, 50px); left: 0; position: absolute; top: 0; } .pieWrapper .pie .half-circle { height: 100%; width: 100%; border: 4px solid var(--AccentedBorder); border-radius: 50%; clip: rect(0, 30px, 60px, 0); left: 0; position: absolute; top: 0; } .pieWrapper .label { color: var(--StandardText); background: none; cursor: default; display: block; font-size: 16px; left: 12px; font-weight: 600; position: absolute; text-align: center; top: 16px; } .pieWrapper .label .smaller { color: var(--StandardText); font-size: 8px; padding-bottom: 10px; vertical-align: super; } .pieWrapper .shadow { height: 100%; width: 100%; border: 4px solid var(--StandardBorder); border-radius: 50%; } /* SMALL PIE */ .pieWrapper.smallPie { margin: -8px 0; height: 50px; width: 50px; } .pieWrapper.smallPie .label { font-size: 14px; left: 9px; top: 16px; } .pieWrapper.smallPie .pie { clip: rect(0, 80px, 80px, 40px); } .pieWrapper.smallPie.progress100 .label { left: 10px; font-size: 14px; } .pieWrapper.smallPie .pie .half-circle { border: 3px solid var(--AccentedBorder); clip: rect(0, 25px, 50px, 0); } .pieWrapper.smallPie .shadow { border: 3px solid var(--StandardBorder); } .pieWrapper.progress15 .pie .half-circle { border-color: var(--StandardBorder); } .pieWrapper.progress15 .pie .left-side { transform: rotate(54deg); } .pieWrapper.progress15 .pie .right-side { display: none; } .pieWrapper.progress30 .pie .half-circle { border-color: var(--StandardBorder); } .pieWrapper.progress30 .pie .left-side { transform: rotate(108deg); } .pieWrapper.progress30 .pie .right-side { display: none; } .pieWrapper.progress45 .pie .half-circle { border-color: var(--AccentedBorder); } .pieWrapper.progress45 .pie .left-side { transform: rotate(162deg); } .pieWrapper.progress45 .pie .right-side { display: none; } .pieWrapper.progress60 .pie { clip: rect(auto, auto, auto, auto); } .pieWrapper.progress60 .pie .half-circle { border-color: var(--AccentedBorder); } .pieWrapper.progress60 .pie .left-side { transform: rotate(216deg); } .pieWrapper.progress60 .pie .right-side { transform: rotate(180deg); } .pieWrapper.progress75 .pie { clip: rect(auto, auto, auto, auto); } .pieWrapper.progress75 .pie .half-circle { border-color: var(--AccentedBorder); } .pieWrapper.progress75 .pie .left-side { transform: rotate(270deg); } .pieWrapper.progress75 .pie .right-side { transform: rotate(180deg); } .pieWrapper.progress85 .pie { clip: rect(auto, auto, auto, auto); } .pieWrapper.progress85 .pie .half-circle { border-color: var(--AccentedBorder); } .pieWrapper.progress85 .pie .left-side { transform: rotate(306deg); } .pieWrapper.progress85 .pie .right-side { transform: rotate(180deg); } .pieWrapper.progress90 .pie { clip: rect(auto, auto, auto, auto); } .pieWrapper.progress90 .pie .half-circle { border-color: var(--AccentedBorder); } .pieWrapper.progress90 .pie .left-side { transform: rotate(324deg); } .pieWrapper.progress90 .pie .right-side { transform: rotate(180deg); } .pieWrapper.progress95 .pie { clip: rect(auto, auto, auto, auto); } .pieWrapper.progress95 .pie .half-circle { border-color: var(--AccentedBorder); } .pieWrapper.progress95 .pie .left-side { transform: rotate(342deg); } .pieWrapper.progress95 .pie .right-side { transform: rotate(180deg); } .pieWrapper.progress98 .pie { clip: rect(auto, auto, auto, auto); } .pieWrapper.progress98 .pie .half-circle { border-color: var(--AccentedBorder); } .pieWrapper.progress98 .pie .left-side { transform: rotate(352deg); } .pieWrapper.progress98 .pie .right-side { transform: rotate(180deg); } .pieWrapper.progress99 .pie { clip: rect(auto, auto, auto, auto); } .pieWrapper.progress99 .pie .half-circle { border-color: var(--AccentedBorder); } .pieWrapper.progress99 .pie .left-side { transform: rotate(356deg); } .pieWrapper.progress99 .pie .right-side { transform: rotate(180deg); } .pieWrapper.progress100 .pie { clip: rect(auto, auto, auto, auto); } .pieWrapper.progress100 .pie .half-circle { border-color: var(--AccentedBorder); } .pieWrapper.progress100 .pie .left-side { transform: rotate(360deg); } .pieWrapper.progress100 .pie .right-side { transform: rotate(180deg); } .chatContainer { float:left; max-width:1250px; min-width:600px; } .chatRowsContainer { float: left; max-width: 600px; margin-right:40px } .chatRow { float: left; width: 100%; margin: 5px; } .chatResponse { float:left; } .chatRowSender { float: right; width: 100%; margin: 5px; font-size: 9px; text-align: right; } .chatresponse.chatRowSender { float:left; text-align:left; } .chatRowText { padding: 8px 10px; font-size: 14px; background-color: var(--AccentedBorder); color: var(--StandardText); border-radius: 10px; float: right; max-width: 530px; line-height: 1.5; } .chatResponse .chatRowText { float: left; background-color: var(--LightGrey); color: var(--StandardText); } input.chatInput { text-align: left; font-size: 16px; letter-spacing: 0px; color: #071C23; width: 100%; height: 100%; padding: 5px 10px; border-radius: 10px; border: none; background-color: var(--Background); color: var(--StandardText); } .chatRowsInput { margin-top: 10px; float: left; max-width: 510px; min-width: 510px; border: 1px solid var(--StructureBorder); border-radius: 10px; padding: 1px; color: var(--WarmGreen); } .chatQueryContainer { float:left; width:100%; } .chatExamplesContainer { float: left; } .chatExamplesContainer h3 { margin:7px 0 10px 0;} .chatExample { float: left; margin:5px; } .chatExampleButton { padding: 8px 10px; font-size: 14px; background-color: var(--AccentedBorder); color: var(--StandardText); border-radius: 10px; float: right; max-width: 530px; line-height: 1.5; cursor: pointer; } .chatExampleButton:hover { background-color: var(--WarmGreen); color: var(--Background); } .chatSendButton { float: left; margin: 12px 0 12px 12px; } .chatExampleButtonNoHover { padding: 8px 10px; font-size: 14px; background-color: var(--AccentedBorder); color: var(--StandardText); border-radius: 10px; float: right; max-width: 530px; line-height: 1.5; } .chatRightContainer { float: left; max-width: 580px; } .thinkingContainer { display:inline-block; margin:10px 0; width:100%; } .thinkingText { float: left; padding: 4px 0 4px 15px; font-size: 18px; } .chatCreditSummary { margin-top: 10px; display: inline-block; padding: 10px 20px 10px 20px; float: left; background-color: var(--LighterGrey); border: 1px solid var(--StandardBorder); border-radius: 10px; margin-bottom: 20px; } .creditText { font-weight:600; font-size:14px; margin:5px 0; } .disclaimerBox { margin-top: 10px; display: inline-block; padding: 10px 20px 10px 20px; float: left; background-color: var(--LighterGrey); border: 1px solid var(--StandardBorder); border-radius: 10px; margin-bottom: 20px; } .disclaimerContainer { font-style: italic; margin: 10px 0 5px 0; } .disclaimerContainer1 { margin: 10px 0 5px 0; } .disclaimerContainer.indentedText { margin-left:60px; } .disclaimerHeading { font-size: 16px; font-weight: 600; margin: -10px 0 10px 0; } .disclaimerStrong { font-size: 16px; font-weight: 600; } .disclaimerContent { font-size: 14px; margin: 10px 0; } .chatErrorMessage { font-size: 14px; margin-top: 10px; display: inline-block; padding: 10px; float: left; background-color: var(--LightRed); border: 1px solid var(--LightGrey); border-radius: 10px; } #html-spinner { width: 30px; height: 30px; border: 4px solid var(--ActiveGreen); border-top: 4px solid white; border-radius: 50%; } #html-spinner { -webkit-transition-property: -webkit-transform; -webkit-transition-duration: 1.2s; -webkit-animation-name: rotate; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-transition-property: -moz-transform; -moz-animation-name: rotate; -moz-animation-duration: 1.2s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; transition-property: transform; animation-name: rotate; animation-duration: 1.2s; animation-iteration-count: infinite; animation-timing-function: linear; } @-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes rotate { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } #html-spinner{ float:left; } #html-para { position: absolute; top: 100px; width: 40%; padding: 5%; text-align: center; } .tabMenuItem { font-size:14px; padding: 8px 12px; float: left; width: auto; border: none; display: block; outline: 0; } button.tabMenuItem { outline:0;} .prelineContentText { margin: 0 0 5px 0; white-space: pre-line; font-size: 14px; } .officeIconLarge { height: 30px; margin: 7px 6px 0 0; } .table { color:var(--StandardText); } .table-hover tbody tr:hover { color: var(--StandardText); background-color: var(--LightGrey); } .remainingCreditContainer { padding: 2px 10px 5px 10px; height: 100%; margin-left:10px } .creditsLabel { white-space: nowrap; font-size: 16px; font-weight: 400; margin-right: 7px; float: left; margin-top: 1px; } .creditsRemainingValue { white-space: nowrap; font-size: 13px; font-weight: 600; float: left; margin-top: 6px; } .leaf:hover { opacity:0.8; } .modebar { float:left; } .infoIcon.material-icons { cursor: pointer; color: var(--ActiveGreen); font-size: 20px; -webkit-font-smoothing: antialiased; float: right; margin-top: -4px; } .staticPopupContainer { min-width: 650px; margin-left: 400px; margin-top: 42px; } @media (max-width:1515px) { .staticPopupContainer { margin-left: 200px; } } @media (max-width:1320px) { .staticPopupContainer { min-width: 450px; margin-left: 100px; } .staticPopupContainer .keywordLegendContainer { display: none; } .staticPopupContainer .keywordSearchFilterContainer { width: 680px; } } .infoIcon.material-icons { cursor: pointer; color: var(--ActiveGreen); font-size: 20px; -webkit-font-smoothing: antialiased; float: right; margin-top: -4px; } .staticPopupContainer { min-width: 650px; margin-left: 400px; margin-top: 42px; } @media (max-width:1515px) { .staticPopupContainer { margin-left: 200px; } } @media (max-width:1320px) { .staticPopupContainer { min-width: 450px; margin-left: 100px; } .staticPopupContainer .keywordLegendContainer { display: none; } .staticPopupContainer .keywordSearchFilterContainer { width: 680px; } } .companyInfoItemList { float: left; line-height: normal; white-space: nowrap; max-width: 1400px; width: 100%; margin-top: 5px; } .mud-expand-panel.mud-expand-panel-border, .companyStructureContainer { background-color: var(--Background) !important; color: var(--StandardText) !important; } .companyInfoItemList .listLabel { font-size: 16px; float: left; font-weight: 600; margin: 3px 10px 6px 0; display: inline-block; width: 75px; } .roundedItem { float: left; margin: 3px 6px 4px 0px; border: 1px solid var(--LightButtonBackground); background-color: var(--LightButtonBackground); box-shadow: 1px 1px var(--BoxShadow); color: var(--StandardText); padding: 2px 10px; border-radius: 8px; cursor: default; pointer-events: none; white-space: nowrap; float: left; display: inline-block; } .roundedItem.secondaryItem { background-color: var(--LightGrey); border: 1px solid var(--StandardBorder); color: var(--StandardText); } .companyInfoItemList .labelText { overflow: hidden; text-overflow: ellipsis; max-width: 330px; margin: 2px 0 0 4px; float: left; } .companyInfoItemList .labelPreText { overflow: hidden; max-width: 100px; margin: 2px 0 0 0; float: left; } .dictionarylistItemLabel { font-size: small; } .dictionarylistItem:hover { border: 1px solid var(--HoverButtonBackground); background-color: var(--HoverButtonBackground); } .dictionarylistItem:hover .dictionarylistItemLabel { color: var(--ButtonText); } .dictionarylistItemLabel { float: left; padding: 1px 0; display: inline-block; max-width: 395px; } .InfoListValue .dictionarylistItem { cursor: default; pointer-events: none; white-space: nowrap; float: left; display: inline-block; } .dictionarylistItemLabel .labelText { overflow: hidden; text-overflow: ellipsis; max-width: 330px; margin: 2px 0 0 4px; float: left; } .dictionarylistItemLabel .labelPreText { overflow: hidden; max-width: 100px; margin: 2px 0 0 0; float: left; } .InfoListRow { float: left; } div.blurry { background: url(/img/blurryreport.png?v=ZaXoLIm7UyubsE7Ao-5otPPbeUc) no-repeat; height: 810px; width: 1600px; margin-left: -10px; filter: blur(3px); -webkit-filter: blur(3px); margin:1px; } .blurryInformationContainer { position: absolute; top: 100px; left: 200px; max-width: 800px; background-color: var(--Background); border-radius: 5px; border: 1px solid var(--StandardBorder); z-index: 2; padding: 30px; box-shadow: 8px 8px 15px rgb(0 0 0 / 30%); } .blurryInformationHeading { font-size: 24px; font-weight: 600; margin-bottom: 10px; color: var(--StandardText); } .blurryInformationContent { font-size: 16px; color: var(--StandardText); margin:8px 0; float:left; } .blurryInformationContentParagraph { margin: 8px 0; } .reportMainContainer { float: left; max-width: 1200px; min-width: 1000px; margin-top: 10px; position: relative; } .blurryInformationContent .chatCreditSummary { margin-top: 0; width: 100%; } .aiGeneratingButton { float: right; margin-top: 10px; margin-left: 10px; } @media (max-width:2800px) { .InfoListValueMultipleRows { width: 350px; } .companyInfoItemList { max-width: 2200px; } .GeneralInformationContent { float: left; width: 2200px; } .compInfoDoubleColumn { width: 1200px; } .compInfoDoubleColumn.diagramContainer { width: 600px; margin-top: 20px; } .diagramItemContainer { margin-left: 0; width: 100%; } .industryItem .labelText { max-width: 280px; width:auto; } } @media (max-width:2000px) { .GeneralInformationContent { float: left; max-width: 1600px; min-width: 1500px; } .compInfoDoubleColumn { width: 100%; max-width: 1020px; } .compInfoDoubleColumn.diagramContainer { width: 100%; max-width: 580px; } .diagramItemContainer { margin-left: 0; width: 90%; } .InfoListValueMultipleRows { width: 250px; } .industryItem .labelText { max-width: 195px; width: auto; } } @media (max-width:1700px) { .GeneralInformationContent { float: left; max-width: 1600px; min-width: 1500px; } .compInfoDoubleColumn { width: 100%; max-width: 1300px; } .compInfoDoubleColumn.diagramContainer { width: 100%; max-width: 1300px; } .diagramItemContainer { margin-left: 0; width:49%; } } @media (max-width:1500px) { .GeneralInformationContent { float: left; max-width: 1300px; } .InfoListValueMultipleRows { width: 300px; } .companyInfoItemList { max-width: 1200px; } .compInfoDoubleColumn { width: 100%; max-width: 1100px; } .compInfoDoubleColumn.diagramContainer { width: 100%; max-width: 1100px; } .mud-table-cell { padding: 3px 6px 3px 4px; font-size: 11px; } } @media (max-width:1300px) { .GeneralInformationContent { max-width: 1000px; min-width: 900px; } .compInfoDoubleColumn.diagramContainer { max-width: 800px; margin-top: 0; } .companyInfoItemList { max-width: 850px; } .InfoListValueMultipleRows { width: 550px; } .keySubLabel { font-size: 12px; font-weight: normal; } .KeyPointSubValueValue { font-weight: 400; } .diagramItemContainer { margin-left: 0; width: 100% } .companyInfoComments .commentListContainer .commentRightContainer { width: 460px; } .industryItem .labelText { width: auto; max-width: 320px; } .InformationKeyItem { padding: 6px 10px; border: 1px solid var(--LightGrey); background: var(--Background) 0% 0% no-repeat padding-box; border-radius: 8px; -webkit-font-smoothing: antialiased; color: #404040; float: left; position: relative; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; box-sizing: border-box; margin-right: 10px; } .KeyPointLabel { font-weight: 600; height: 14px; margin-bottom: 10px; } .KeyPointValue { -webkit-font-smoothing: antialiased; -webkit-box-direction: normal; margin-top: 2px; margin-bottom: 6px; white-space: nowrap; word-wrap: break-word; display: block; letter-spacing: 0px; font-size: 18px; font-weight: bold; color: var(--StrongText); } .KeyPointCurrency { font-size: 14px; font-weight: 400; } .KeyPointStats { min-width: 110px; } .compInfoBox { margin-bottom: 10px; width: 95%; } .compInfoBox.fixedWidthCompanyInfoBox { max-width: 800px; } .reportMainContainer { max-width: 900px; min-width:800px; } .reportMainContainer .reportContainer { grid-template-columns: 1fr; /* Två kolumner, lika breda */ } .blurryInformationContainer { left:100px; } } @media (max-width:1100px) { .GeneralInformationContent { float: left; width: 900px; } .diagramItemContainer:first-child { margin-left: 0; } .compInfoBox { width: 95%; } .compInfoDoubleColumn { display: inline-block; } .reportMainContainer { max-width: 800px; min-width: 600px; } } @media (hover: hover) and (pointer: fine) .mud-data-grid .mud-table-cell .mud-resizer:hover { border-right: 2px solid var(--mud-palette-primary); } .mud-data-grid .mud-table-cell .mud-resizer:hover { border-right: 2px solid transparent; } .signupLink { cursor:pointer; } .signupLink:hover { text-decoration:underline; } .signupContainer { min-height: 600px; } .signupContainer .hs-form__field__input { height: 32px; padding: 4px; } @media (max-width:1500px) { .companyReportsDiv.wideDiv { width: 800px; min-width: 390px; max-width: 800px; } } @media (max-width:1400px) { .companyReportsDiv.wideDiv { width: 650px; min-width: 390px; max-width: 650px; } .reportCreditsSummaryContainer { margin-left: 10px; padding: 5px 10px 20px 20px; width: 330px; } } @media (max-width:1200px) { .companyReportsDiv.wideDiv { width: 600px; min-width: 390px; max-width: 600px; } .reportCreditsSummaryContainer { margin-left: 10px; padding: 5px 10px 20px 15px; width: 300px; } .companyReportsDiv { width: 300px; min-width: 300px; max-width: 300px; min-height:400px; } } .reportPopup { min-width: 1100px; min-height: 250px; max-height: 800px; grid-template-columns: 25px min-content auto min-content 25px; grid-template-rows: 60px auto; grid-template-areas: 'header header header header header' 'sidebar content content content rightSidebar'; } .reportPopup .mud-elevation-2 { box-shadow:none; } .bm-header { display: none !important; } .naContainer { border: 1px solid var(--StandardBorder); border-radius: 8px; padding: 0 8px 1px 8px; margin-right: 5px; background-color: var(--LighterGrey); } .freeContainer { border: 1px solid var(--StandardBorder); border-radius: 8px; padding: 0 8px 1px 8px; margin-right: 5px; background-color: var(--PositiveColor); } .popupHeading { margin: 0; font-size: 18px; font-weight: 600; } .popupParagraph { margin: 14px 0 0 0; font-size: 18px; } .creditPrice { font-weight:600; } .emptyContainer { padding:8px; } .dropMenuList { border: 1px solid var(--StandardBorder); z-index: 10; background-color: var(--Background); padding: 5px 1px; position: relative; box-shadow: 0px 4px 16px var(--BoxShadow); border-radius: 10px; } .dropMenuListHeader { font-size: 16px; font-weight: 600; width: 100%; border-bottom: 1px solid var(--StandardBorder); padding: 15px 20px; } .dropMenuListContainer { width: 100%; overflow: auto; } .dropMenuListContent { float: left; width: 100%; } .dropMenuListButtonContainer { float: right; display: none; } .selectedFavouriteItem { border-left-color: var(--DarkGreen); background-color: var(--DarkGreen); color: var(--ButtonText); } .selectedFavouriteItem:hover { border-left-color: var(--DarkGreen); background-color: var(--DarkGreen); color: var(--ButtonText); } .selectedFavouriteItem.dropMenuListRow:hover .dropMenuListRowLabel { color: var(--StandardText); } .selectedFavouriteItem .dropMenuListButtonContainer { display: inline-block; } .dropMenuListHoverButton { margin-top: 4px; border-radius: 8px; padding: 7px 10px; background-color: var(--FilledButtonHover); color: var(--ButtonText); border: 1px solid var(--Background); } .dropMenuListRowLabel { float: left; font-weight: bold; font-size: 16px; margin-bottom: 3px; overflow: hidden; width: 285px; white-space: nowrap; text-overflow: ellipsis; } .dropMenuListRow { height: 48px; border-left: solid 4px transparent; margin: 4px 4px 4px 0px; padding: 4px 4px 4px 20px; transition: .1s ease-in; width: 100%; cursor: pointer; } .dropMenuListRow:hover { border-left-color: var(--DarkGreen); background-color: var(--LightGreen); } .dropMenuListRow:hover .dropMenuListButtonContainer { display:inline-block; } .dropMenuListSubRow { display: inline-block; float: left; padding: 2px 5px; } .dropMenuListSelectedContainer { display: none; } /* .clickedFavourite .dropMenuListSelectedContainer { display: block; } .dropMenuListRow.clickedFavourite { border-left: 4px solid var(--DarkGreen); background-color: var(--LightGreen); color: var(--StandardText); } .clickedFavourite:hover { background-color: var(--LightGreen); } .dropMenuListRow.clickedFavourite:hover { background-color: var(--HoverButtonBackground); } */ .clickToSelect { text-align: center; color: transparent; } .dropMenuListRow:hover .clickToSelect { color: var(--DarkGrey); } .dropMenuListSubHeading { margin-left: 12px; margin-top: 12px; font-size: 16px; margin-bottom: 3px; overflow: hidden; width: 285px; white-space: nowrap; text-overflow: ellipsis; } .dropMenuListInputContainer { width: 100%; padding: 5px 24px; } .dropMenuList input { border: 1px solid var(--StandardBorder); border-radius: 6px; padding: 5px 8px; font-size: 14px; } .dropMenuListSeparator { padding: 0; margin: 0; border-bottom: 1px solid var(--StandardBorder); } .dropMenuListRowButtonContainer { width: 100%; } .dropMenuListButton { cursor: pointer; float: left; margin: 4px 4px 4px 0px; padding: 3px 5px; transition: .1s ease-in; border-radius: 8px; background-color: var(--FilledButtonHover); color: var(--ButtonText); border: 1px solid var(--Background); } .dropMenuListButton:hover { background-color: var(--LightGreen); } .dropMenuListButton .material-icons { float: left; font-size: 18px; font-weight: 600; height: 100%; line-height: 20px; padding: 10px 0 10px 8px; width: 30px; margin: 0; } .dashBoardDiv { align-self: center; min-height: 200px; padding: 10px; border-radius: 10px; background-color: var(--HighlightedBackground); z-index: 10; box-shadow: 8px -8px 10px 10px rgb(0 0 0 / 13%); left: 2%; right: 2%; position: absolute; } .dashboardGrid { display: grid; grid-template-columns: min-content auto auto minmax(350px, 30%); grid-template-rows: auto auto auto; grid-template-areas: 'dashboardHeader dashboardHeader x dashboardButtons' 'keyfigures chart1area chart2area chart3area' 'x2 influencersArea influencersArea charx3t3area'; gap: 5px; } .dashBoardHeaderPopupContainer { grid-area: dashboardHeader; color: var(--StrongText); margin: 0; } .dashBoardHeaderPopupContainer .material-icons { margin-right: 20px; margin-left:5px; font-size: 24px; vertical-align: -webkit-baseline-middle; } .dashBoardHeaderPopupContainer h2 { vertical-align: -webkit-baseline-middle; font-size: 24px; font-weight: normal; display: inline; } .keyfiguresDiv { grid-area: keyfigures; } .chart1Div { grid-area: chart1area; text-align: center; border-radius: 10px; padding: 5px; background-color: var(--Background); border: 1px solid var(--LightGrey); } .chart2Div { grid-area: chart2area; text-align: center; border-radius: 10px; padding: 5px; background-color: var(--Background); border: 1px solid var(--LightGrey); } .chart3Div { grid-area: chart3area; text-align: center; border-radius: 10px; padding: 5px; background-color: var(--Background); border: 1px solid var(--LightGrey); } .influencersDiv { grid-area: influencersArea; text-align: center; border-radius: 10px; padding: 5px; background-color: var(--Background); border: 1px solid var(--LightGrey); } .influencersChartDiv { grid-area: influencersChartArea; text-align: center; border-radius: 10px; padding: 5px; background-color: var(--Background); border: 1px solid var(--LightGrey); margin: 0 10px 0 0; } .dashBoardKeyPoints { -webkit-font-smoothing: antialiased; overflow: hidden; clear: both; padding: 0; height:100%; } .dashBoardKeyFiguresDiv { padding: 20px 16px; border: 1px solid var(--LightGrey); background: var(--Background) 0% 0% no-repeat padding-box; border-radius: 10px; -webkit-font-smoothing: antialiased; color: #404040; float: left; display: inline-block; min-width: 200px; -webkit-box-orient: vertical; -webkit-box-direction: normal; box-sizing: border-box; overflow: hidden; } .dashBoardKeyFiguresDiv:first-child { margin-top:0; } .dashBoardKeyPointLabel { -webkit-font-smoothing: antialiased; -webkit-box-direction: normal; display: inline; height: 16px; margin-bottom: 12px; letter-spacing: 0px; font-size: 16px; font-weight: normal; color: var(--ActiveText); } .dashBoardKeyPointValue { -webkit-font-smoothing: antialiased; -webkit-box-direction: normal; font-weight: 200; margin-bottom: 4px; word-wrap: break-word; display: block; letter-spacing: 0px; font-size: 32px; font-weight: bold; color: var(--StrongText); } .dashBoardKeyPointCurrency { font-size: 17px; font-weight: 300; color: var(--ActiveText); } .dashBoardKeyPointStats { -webkit-font-smoothing: antialiased; -webkit-box-direction: normal; line-height: 1; word-wrap: break-word; display: block; font-weight: 400; font-size: 16px; } .dashboardButtonContainer { grid-area: dashboardButtons; padding:0 5px; text-align:right; } .traces{ display:inline-block; } .groups{ display:inline-block; } .pdfDivContainer { margin-top: 0; overflow: hidden; } .pdfDiv { z-index: 0; background: white; width: 100%; height: 100%; padding: 30px 40px; display: none; } .pdfHeader { font-size: 20px; margin-top: 0; margin-bottom:-4px; } .structureListValueLink { float: left; font-size: 14px; margin-left: 10px; letter-spacing: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; cursor: pointer; color: var(--LinkBlue); } .structureListValueCurrent { float: left; font-size: 14px; margin-left: 10px; letter-spacing: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; cursor: pointer; color: var(--LinkBlue); } .structureListValueLink .material-icons { margin-left: 0; margin-top: -3px; color: var(--ActiveLink); } .structureListValueLink:hover { color: var(--HoverText); text-decoration: underline; } .structureListValue { float: left; font-size: 14px; margin-left: 10px; letter-spacing: 0px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; cursor: pointer; } .structureListValue .material-icons { margin-left: 0; margin-top: -3px; color: var(--ActiveLink); } .structureListValueLink:after { content: '\e5c8'; margin-left: 5px; font-family: 'Material Icons'; width: var(--iconWidth); vertical-align: middle; } .structureListValue:after { content: '\e5c8'; margin-left: 5px; font-family: 'Material Icons'; width: var(--iconWidth); vertical-align: middle; } /* Owners etc*/ .entityItem { cursor: default; transition: .3s ease-in; border-left: 5px solid transparent; border-top: 1px solid var(--StandardBorder); padding: 4px 0; display: inline-grid; flex: 1 1 auto; grid-gap: 5px; grid-template-columns: 60px 180px 180px 140px 310px min-content 120px; grid-template-rows: min-content min-content min-content min-content max-content; } .linkedInLink { opacity: 0; margin-left:4px; display: inline; } .linkedInRow:hover .linkedInLink { opacity: 1; } .selectableItem { cursor: pointer; } .selectableItem:hover { background-color: var(--LightGreen); border-left: 5px solid var(--DarkGreen); } .entityItem:last-child { border-bottom: 1px solid var(--LightGrey); } .entityItem:first-child { border-top: none; } .unConnectedEntity { color: var(--LightGrey); } .entityNumericalItemContainer { float: left; text-align: right; grid-column: 4; grid-row-start: 1; grid-row-end: 4; } .entityRightNumericalItemContainer { float: left; text-align: right; grid-column-start: 4; grid-column-end: 6; grid-row-start: 1; grid-row-end: 4; } .entityCommitments { grid-column-start: 6; grid-column-end: 8; grid-row: 1; float: left; text-align: left; } .entityLinebreakContainer { margin-right: 8px; padding: 4px; float: left; height: 40px; /* TODO: FIX SO THAT LIST EXPANDS TO SHOW THE ENTIRE LIST*/ width: 140px; text-align: left; overflow: hidden; text-overflow: ellipsis; } .entityCompanyNames { float: left; color: black; font-size: 12px; grid-row-start: 1; grid-row-end: 4; grid-column: 5; } .gridRowLabel { font-weight: 600; color: var(--DarkGrey); margin-right: 3px; } .entityOccupation { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .entityNationality { float: left; color: black; font-size: 12px; grid-row: 2; grid-column: 3; } .entityResidence { float: left; color: black; font-size: 12px; grid-row: 3; grid-column: 4; } .entityInDate { float: left; color: black; font-size: 12px; grid-row: 1; grid-column: 4; } .entityOutDate { float: left; color: #b80303; font-weight: bold; font-size: 12px; grid-row: 2; grid-column: 4; } .entityAddress { float: left; color: black; font-size: 12px; grid-row-start: 1; grid-row-end: 4; grid-column: 5; } .entityButtonContainer { white-space: nowrap; padding: 4px; float: right; grid-row-start: 2; grid-row-end: 4; grid-column: 7; } .entityName { text-overflow: ellipsis; overflow: hidden; font-size: 16px; font-weight: normal; grid-column-start: 2; grid-column-end: 4; grid-row: 1; } .genderAgeText { font-size: 11px; font-weight: normal; grid-column: 2; grid-row: 2; } .entityRole { line-height: 1; color: var(--ActiveText); font-size: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; grid-column: 2; grid-row: 3; } .ownerDescription { line-height: 1; font-size: 12px; white-space: normal; font-weight: 300; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; grid-column-start: 2; grid-column-end: 6; grid-row: 4; } .entityNumber { display: block; font-size: 14px; font-weight: 300; } .entityVotes { display: block; font-size: 12px; font-weight: 300; } .entityPercentage { display: block; font-size: 12px; font-weight: 800; } .entityItemList { margin-top: 10px; min-width: 850px; max-width: 1400px; } .entityListHeaderContainer { width: 100%; min-width: 500px; max-width: 1200px; position: relative; display: inline-block; margin: 10px 0; } .entityListHeader { float: left; font-size: 18px; /* font-weight: bold;*/ letter-spacing: 0px; margin-top: 10px; } .entityListButtonContainer { float: right; margin-right: 15px; } .entityIcon { transition: .3s ease-in; height: 100%; } .entityIcon .material-icons { font-size: 36px; } .gray-out { opacity: .5 } .companyIcon::after { content: "business"; } .personIcon::after { content: "person"; } .undisclosedIcon::after { content: "perm_identity"; } .undisclosedIcon { color:var(--StandardBorder); } .outDateContent { display: block; color: var(--Red); } .introSlidePopup { width: 1000px; height: 700px; background-color: var(--Background); box-shadow: #222222 3px 3px 8px; } .introSlideContainer { height: 100%; width: 100%; } .introSideMenuContainer { float: left; position: relative; padding: 15px; width: 220px; background-color: #323232; height: 100%; } .introSideMenuContainer h1 { margin-top: 15px; color: var(--Background); font-size: 24px; } .introSideMenu { } .introSideMenuRow.selectedIntroSlidePage { border-left: 2px solid var(--Background); color: var(--Background); font-weight: bold; } .introSideMenuRow { width: 100%; padding-left: 15px; display: inline-block; border-left: 3px solid transparent; font-size: 16px; letter-spacing: 0.3px; margin: 10px 0; color: #909093; cursor: pointer; } .introSideMenuRow:hover { border-left-color:white; } .introMainPageContainer { float: left; width: 780px; height: 100%; } .introMainPageTopContainer { float: left; height: 500px; display: inline-block; width: 100%; } .introMainPageTopContainerHigh { float: left; height: 450px; display: inline-block; width: 100%; } .introMainPageTopContainer .fixedRightCloseButton { margin:5px; } .introPageBackgroundImage { width: 100%; height: 100%; } .introMainPageBottomContainer { float: left; display: inline-block; width: 100%; padding:25px 30px; height: 200px; background-color: #1a1a1a; color:white; } .introMainPageBottomContainer h1 { margin-top: 0; margin-bottom: 15px; font-size: 20px; font-weight: 600; } .introMainPageBottomContainer p { margin-top: 5px; font-size: 18px; font-weight: 300; letter-spacing: 0.2px; } .introMainPageBottomContainerHigh { float: left; display: inline-block; width: 100%; padding: 20px; height: 250px; background-color: #1a1a1a; color: white; } .introMainPageBottomContainerHigh h1 { margin-top: 0; margin-bottom: 15px; font-size: 20px; font-weight: 600; } .introMainPageBottomContainerHigh p { margin: 20px 0; font-size: 18px; font-weight: 300; letter-spacing: 0.2px; } .introNextPageButtonContainer { position:absolute; bottom:25px; left:25px; } .genericLowStyleButton { float: left; font-size: 16px; cursor: pointer; border-radius: 10px; padding: 6px 16px 8px 16px; border: 2px solid #C1C1C1; color: #C1C1C1; } .genericLowStyleButton:hover { color:white; border-color:white; } .tipContainer { padding: 3px 0; font-size:16px; display:inline-block; } .tipStart { margin-right: 5px; padding-bottom: 10px; font-weight: bold; float: left; } .tipText { display: contents; height: 35px; float: left; margin-right: 5px; font-weight: 300; } .highlightedText { font-weight:600; } .newApplicationPopup { width: 845px; height: 500px; background-image: url('/img/newapplication.png?v=ZaXoLIm7UyubsE7Ao-5otPPbeUc'); background-size: 845px 500px; box-shadow: #222222 3px 3px 8px; } .newApplicationContainer { height: 100%; width: 100%; } .newApplicatioNButtonContainer { position: relative; left: 535px; top: 285px; width: 160px; background: rgb(56, 113, 216); border-radius: 2px; } .newApplicatioNButtonContainer:hover { background: rgb(32 69 136); } .newApplicatioNButtonContainer a { text-decoration:none; } .takeMeThere { font-size: 16px; cursor: pointer; padding: 6px 6px 8px 16px; color: #ffffff; } .tooltip-wrapper { position: relative; display: inline-block; } .tooltip-wrapper span { visibility: hidden; position: absolute; width: 220px; bottom: 100%; left: 50%; margin-left: -110px; background-color: #363636; color: #fff; padding: 5px; border-radius: 6px; z-index: 1000; font-size: 14px; } .tooltip-wrapper span::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent; } .tooltip-wrapper:hover span { visibility: visible; } .mud-table-cell { display: table-cell; padding: 5px 8px 5px 6px; font-size: 12px; text-align: start; line-height: 1.43; border-bottom: 1px solid var(--mud-palette-table-lines); vertical-align: inherit; color: var(--StandardText) !important; } .mud-table-dense * .mud-table-row .mud-table-cell { padding: 5px 8px 5px 6px; padding-inline-start: 6px; padding-inline-end: 8px; } .mud-table-hover .mud-table-container .mud-table-root .mud-table-body .mud-table-row:hover { background-color: var(--HoverButtonLightBackground) !important; } .companyStructureContainer { overflow: hidden; } .companyStructureContainer .formExpanderContainer { max-width: 680px; min-width: 520px; } .companyStructureSearchInput { display: inline-block; min-width: 250px; margin-right: 10px; } .structureSummaryHeading { margin-top: 16px; font-size: 16px; font-weight: bold; float: left; } .space { margin-top: 10px; } .structureSummaryRow { display: inline-block; position: relative; float: left; margin: 4px 0px; width: 100%; height: 20px; } .structureSummaryRowLabel { display: inline-block; float: left; font-size: 12px; padding-top: 5px; font-weight: bold; width: 100px; } .structureSummaryRowCompany { display: inline-block; float: left; max-width: 200px; margin-right: 5px; padding-top: 5px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 14px; } .structureSummaryRowValue { display: inline-block; float: right; max-width: 120px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-top: 5px; font-size: 14px; text-align: right; margin-right: 10px; } .structureSummaryRowButton { display: inline-block; max-width: 230px; float: right; cursor: pointer; padding: 2px 5px 3px 5px; border-radius: 5px; border: 1px solid var(--StandardBorder); background-color: var(--DarkGreen); color: var(--ButtonText); } .structureSummaryRowButton:hover { background-color: var(--HoverButtonBackground); } .scaleAndCurrency { width: 40px; display: inline-block; font-size: 12px; } .child-tree .entity.rootNode { padding-left: 6px; padding-right: 6px; } .structureSummaryFormRow { float: left; width: 100%; margin: 5px 0 0 0; } .structureSummaryFormRow .formLabel { float: left; margin: 0; padding: 7px 0; } .structureSummaryFormRow .formInput { float: left; outline: 1px solid var(--ThinGridBorder); border-radius: 3px; height: 28px; margin: 0 10px; width: 80px; } .structureSummaryFormRow .genericButton { float: left; } .popupOverlayRow { width: 100%; font-size: 14px; } .popupOverlayRow .textBlock { float: left; padding: 5px 5px; width: 270px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; } .aggregatedTargetOwnership { float: left; background: var(--TabButtonText); color: var(--ButtonText); border-radius: 5px; padding: 5px 10px; } .arrowContainer .material-icons { font-size: 4px; margin: 10px; } .arrowContainer:after { line-height: 1.6; font-family: 'Material Icons'; font-size: 1.4em; content: "\ead0"; cursor: pointer; } .formExpanderMinimized .arrowContainer:after { line-height: 1.6; font-family: 'Material Icons'; font-size: 1.4em; content: "\eacf"; cursor: pointer; } .arrowContainer:hover::after { line-height: 2; transition: all .2s ease-in-out; } .formExpanderMinimized .arrowContainer:hover::after { line-height: 1.2; transition: all .2s ease-in-out; } .smallHeader{ font-size:14px; font-weight:bold; } .companyStructureDisclaimer { margin-bottom: 5px; margin-top: 5px; display: inline-block; font-style: italic; font-size: 12px; } .splitViewContainer { height: 100%; background: inherit; display: flex; overflow-y:auto; overflow-x:hidden; } .companyInformationSmartView { display: flex; flex-wrap: wrap; gap: 10px; width: 605px; height: 100%; } .companyInformationSmartView .companyStatusRow { width: 100%; display: flex; white-space: nowrap; gap: 5px; flex-wrap: wrap; } .companyInformationSmartView .companyStatusItem { font-size: 14px; margin-right: 10px; } .companyInformationSmartView .companyStatusItem .material-icons { margin-top: -2px; } .companyInformationSmartView .accentedItem { font-weight: 600; } .companyInformationSmartView .companyStatusItem img { height: 15px; } .companyInformationSmartView .companyStatusItem a:hover { color: var(--StandardText); text-decoration: underline; } .companyInformationSmartView .favouritesList { display: flex; flex-wrap: wrap; gap: 5px; width: 100% } .companyInformationSmartView .favouritesListItem { background-color: var(--AccentedButton); padding: 2px 10px; border-radius: 8px; color: var(--ButtonText); cursor: pointer; height: 20px; } .companyInformationSmartView .favouritesListItem:hover { background: var(--HoverText); } .companyInformationSmartView .favouritesListItem .material-icons { margin: -2px 2px 0 0; } .companyInformationSmartView .informationKeyPoints { -webkit-font-smoothing: antialiased; overflow: hidden; clear: both; display: flex; flex-wrap: wrap; gap: 10px; margin: 10px 0; } .companyInformationSmartView .informationKeyItem { -webkit-font-smoothing: antialiased; float: left; position: relative; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; box-sizing: border-box; min-width: 170px; } .companyInformationSmartView .smartChartContainer.neutralColor { background-color: var(--NeutralColor); } .companyInformationSmartView .smartChartContainer.positiveColor { background-color: var(--PositiveColor); color: var(--PositiveTextColor); } .companyInformationSmartView .smartChartContainer.negativeColor { background-color: var(--NegativeColor); color: var(--NegativeTextColor); } .informationKeyItem .keyPointRow { width:100%; } .informationKeyItem .keyPointValue { -webkit-font-smoothing: antialiased; -webkit-box-direction: normal; margin-bottom: 8px; margin: 11px auto 6px auto; white-space: nowrap; word-wrap: break-word; display: block; letter-spacing: 0px; font-size: 32px; font-weight: bold; } .companyInformationSmartView .keyPointValueSmall { -webkit-font-smoothing: antialiased; -webkit-box-direction: normal; margin-bottom: 8px; margin: 11px auto 6px auto; white-space: nowrap; word-wrap: break-word; display: block; letter-spacing: 0px; font-size: 28px; font-weight: bold; } .companyInformationSmartView .keyPointChartValue { -webkit-font-smoothing: antialiased; -webkit-box-direction: normal; margin-bottom: 8px; margin: -4px auto 6px auto; white-space: nowrap; word-wrap: break-word; display: block; letter-spacing: 0px; font-size: 22px; font-weight: bold; } .companyInformationSmartView .keyPointStats { color: var(--ButtonText); padding: 4px 3px 4px 8px; border-radius: 7px; width: fit-content; margin: 0 auto; } .companyInformationSmartView .keyPointCurrency { font-size: 16px; margin-left: 3px; font-weight: 400; color: inherit; } .companyInformationSmartView .keyPointStats.neutralColor { color: var(--StandardText); background-color: var(--NeutralColor); } .companyInformationSmartView .keyPointStats.positiveColor { background-color: var(--PositiveHardColor); } .companyInformationSmartView .keyPointStats.negativeColor { background-color: var(--NegativeHardColor); } .companyInformationSmartView .informationKeyItem .keyPointIcon { float: left; width: 35px; border-radius: 20px; padding: 8px 5px; background-color: var(--Background); color: var(--StandardText); } .companyInformationSmartView .informationKeyItem .keyPointLabel { -webkit-font-smoothing: antialiased; -webkit-box-direction: normal; white-space: nowrap; display: inline; letter-spacing: 0px; font-size: 15px; font-weight: 600; margin-top: 7px; margin-left: 6px; float: left; } .companyInformationSmartView .companyInfoItemList { line-height: normal; white-space: nowrap; margin-top: 5px; display: flex; flex-wrap: wrap; width: 100%; gap: 2px; } .companyInformationSmartView .companyInfoItemList .labelText { overflow: hidden; text-overflow: ellipsis; max-width: 330px; margin: 2px 0 0 4px; float: left; } .companyInformationSmartView .companyInfoItemList .labelPreText { overflow: hidden; max-width: 100px; margin: 2px 0 0 0; float: left; } .companyInformationSmartView .roundedItem { border: 1px solid var(--LightButtonBackground); background-color: var(--LightButtonBackground); color: var(--StandardText); padding: 2px 10px; border-radius: 8px; cursor: default; pointer-events: none; white-space: nowrap; float: left; font-family: Inter; font-size: 12px; font-style: normal; font-weight: 500; line-height: 150%; /* 18px */ letter-spacing: 0.06px; margin: 0 5px 2px 0; } .companyInformationSmartView .smartChartContainer { padding: 6px 3px 12px 12px; border: 1px solid var(--LightGrey); background: var(--Background) 0% 0% no-repeat padding-box; border-radius: 8px; box-shadow: 1px 1px var(--LighterGrey); display: inline-flex; margin: 10px 5px 5px 0; } .companyInformationSmartView .smartChartContainer:last-child { margin-right: 0; } .companyInformationSmartView .leftDataPointColumn { -webkit-font-smoothing: antialiased; float: left; position: relative; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; } .companyInformationSmartView .rightDataPointColumn { padding: 0px; } .companyInformationSmartView .multiMudChart { position: absolute; background: transparent; width: 100px; height: 90px; } .companyInformationSmartView .multiMudChart2 { position: absolute; background: transparent; width: 400px; height: 200px; } .companyInformationSmartView .mud-charts-xaxis { font-size: 20px; } .companyInformationSmartView .mud-charts-yaxis { display: none; } .companyInformationSmartView .mud-charts-bar-series { /* transform: scaleX(1); */ } .companyInformationSmartView .mud-chart-bar { stroke-width: 40px; } .companyInformationSmartView .smartContainer { padding: 8px; display: flex; border: 1px solid var(--LightGrey); border-radius: 8px; float: left; width: 100%; margin:5px 0; } .companyInformationSmartView .smartContainer .smartContainerColumn { float: left; width: 40%; margin-bottom: 6px; } .smartContainerColumnSeparator { border-left:1px solid var(--LightGrey); margin: 0 10px; } .smartContainer .smartValue { float: left; font-size: 16px; font-weight: bold; margin-left: 3px; margin-right: 3px; } .companyInformationSmartView .smartViewContent { /* overflow-y:auto; */ } .companyInformationSmartView .largestOwnersContainer { width: 385px; display: flex; white-space: nowrap; flex-wrap: wrap; gap: 5px; flex-wrap: wrap; overflow-y: scroll; max-height: 140px; } .companyInformationSmartView .structureSmartContainer { width: 100%; white-space: nowrap; flex-wrap: wrap; gap: 5px; flex-wrap: wrap; margin-top: 10px; } .companyInformationSmartView .smartItem { background-color: var(--NeutralColor); border-radius: 14px; padding: 8px; display: flex; white-space: nowrap; height: 30px; min-width: 225px; } .largestOwnersContainer .smartItem { width: 315px; } .companyInformationSmartView .smartEntityItem { font-size: 14px; width: 260px; margin-top: -1px; overflow: hidden; height: 19px; text-overflow: ellipsis; cursor:pointer; } .companyInformationSmartView .largestOwnerStake { font-size: 16px; margin-left: 3px; margin-right: 3px; margin-top: -3px; } .companyInformationSmartView .shortSummary { width: 100%; min-height: 22px; } .smartItem .material-icons { float: left; width: 18px; } .companyInformationSmartView .shortSummaryText { font-size: 16px; max-width: 800px; justify-self: center; min-height: 22px; margin: 12px 0 16px 0; } .companyInformationSmartView .smartViewExpansionPanel { min-width: 400px; max-width: 800px; flex: 1 1 25%; /* Grow, Shrink, Basis */ gap: 10px; padding: 8px 8px 0 8px; /* border: 1px solid var(--LightGrey); border-radius: 8px;*/ } .companyInformationSmartView .smartHeader { font-size: 14px; font-weight: 600; line-height: 150%; /* 21px */ letter-spacing: 0.035px; white-space: nowrap; width: 100%; display: flex; margin-bottom:4px; margin-top:8px; } .companyInformationSmartView .descriptionText { font-size: 16px; letter-spacing: 0px; padding: 5px 5px 0px 5px; margin-bottom: 8px; line-height: 1.5; border-bottom: 1px solid var(--StandardBorder); } .companyInformationSmartView .diagramContainer { margin-top: 20px; display: flex; flex-wrap: wrap; } .companyInformationSmartView .diagramItemContainer { float: left; min-width: 420px; margin-left: 0; margin-right: 0; border-radius: 5px; margin-right: 15px; background: var(--LighterGrey); border: 1px solid var(--StandardBorder); box-shadow: 1px 1px var(--BoxShadow); padding: 5px; margin-bottom: 20px; } .companyInformationSmartView .diagramItemInnerContainer { background: var(--Background); border-radius: 5px; display: inline-block; width: 100%; } .companyInformationSmartView .companyInformationDiagram { width: 380px; margin:0; } .companyInformationSmartView .chartHeader { text-align: center; font-size: 16px; width: 100%; font-weight: bold; margin: 5px auto; } .splitscreen_vertical_add:after { font-family: 'Material Symbols Outlined'; content: "\f4fc"; } .splitscreen_right:after { font-family: 'Material Symbols Outlined'; content: "\f674"; } .material-symbols-outlined { font-family: 'Material Symbols Outlined'; } .splitScreenButton { font-size: 24px; min-width: 30px; margin-right: 0px; margin-left: 8px; padding-bottom: 3px; padding-right: 9px; } .smartDropdownMenu { position: absolute; z-index: 500; margin-left: 7px; margin-top: 2px; right:10px; } .companyInfoSplitViewContainer .toolBar { width: 100%; display: flex; display: inline-block; float: left; } .companyInfoSplitViewContainer .toolBar .toolBarIcon { flex-grow: 1; cursor: pointer; margin: 0 5px; display: inline-flex; } .companyInfoSplitViewContainer .toolBar .toolBarIcon .toolBarIconText { font-size: 16px; font-weight: 600; margin: 1px 4px; } .companyInfoSplitViewContainer .toolBar .toolBarIcon .material-icons { font-size: 24px; } .companyInfoSplitViewContainer .toolBar .toolBarIcon.close { flex-grow: 1000; margin-left:0; } .companyInfoSplitViewContainer .toolBar .toolBarPipe { flex-grow: 1; font-size: 24px; margin: -5px 10px; color: var(--LightGrey); } .companyInfoSplitViewContainer { background: var(--Background); border-radius: 10px; padding: 15px; margin: 10px; width: 100%; } .companyInfoSplitViewContainer .toolBar .toolBarLeftContainer { display: flex; float: left; } .companyInfoSplitViewContainer .toolBar .toolBarRightContainer { display: flex; float: right; } .noDataContainer { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; width: 100%; margin: 10px auto 400px auto; } .noDataIcon { background-color: #ABCEFF; border-radius: 50%; padding: 12px 8px; } .noDataIcon .material-icons{ font-size: 40px; font-weight:100; } .noDataHeader { margin:15px 0 10px 0; font-family: Lato; font-size: 26px; font-style: normal; font-weight: 600; line-height: 120%; /* 24px */ letter-spacing: 0.03px; } .noDataParagraph { margin:10px 210px; text-align: center; font-size: 18px; font-style: normal; font-weight: 400; line-height: 150%; /* 21px */ letter-spacing: 0.035px; } .registrationNumberContainer { float: right; margin-top: 15px; white-space: nowrap; height: 20px; display: flex; } .registrationNumberContainer .registrationNumberText { user-select: all; font-size: 14px; } .registrationNumberContainer .copyButton { cursor: pointer; } .shareIcons { float:left; cursor: pointer; margin-left: 10px; } .shareIcons .material-icons { float: left; font-size: 24px; margin-left: 5px; margin-right: 10px; margin-top: 2px; } .companyInformationSmartView .positiveValue { color: var(--PositiveStrongColor); } .companyInformationSmartView .negativeValue { color: var(--NegativeStrongColor); } .companyInformationSmartView .positiveValueText { color: var(--PositiveTextColor); } .companyInformationSmartView .negativeValueText { color: var(--NegativeTextColor); } .companyInformationSmartView .mud-table-pagination-select .mud-input .mud-input-root, .mud-input-slot.mud-input-root.mud-input-root-text.mud-input-root-adorned-start, .mud-icon-root.mud-icon-default.mud-svg-icon.linkItem { color: var(--TabButtonText)!important; } .linkItem { color: var(--LinkText); } .smartDropdownMenu .profile.selected { background-color: var(--LightGrey); } .smartDropdownMenu .profile.selected::after { content: "\e876"; font-family: 'Material Symbols Outlined'; font-size: 20px; color: var(--PositiveTextColor); margin-left: 5px; margin-right: 5px; padding-top: 0; } .smartDropdownMenu .dropdownMenu { width: 260px; } .smartDropdownMenu .dropdownMenu li { width: 100%; } .smartDropdownMenu .dropMenuText { font-size: 14px; margin: 5px 0 1px 10px; width: 180px; float: left; font-weight: 400; } .splitScreenPopup .dropMenuText { width: 180px; } .smartMenuDropdownMenu .dropMenuText { margin: 0 0 1px 10px; } .smartDropdownMenu .profile { padding: 12px 0; height: 50px; cursor: pointer; float: left; width: 100%; } .smartDropdownMenu .profile:hover { background: transparent; cursor: default; background-color: var(--HoverButtonLightBackground); color: var(--StandardText); cursor: pointer; } .smartDropdownMenu .profile .picon { width: 30px; float: left; margin-left: 5px; text-align:right; } .smartDropdownMenu .dropdownMenu .material-icons { font-size: 24px; } .smartDropdownMenu .dropdownMenu .material-symbols-outlined { padding-left: 5px; } .flexContainer { float:left; } .singleColWidth .smartChartContainer:nth-child(n+2) { display: none; } .threeColWidth .smartChartContainer:nth-child(n+4) { display: none; } .singleColWidth .smartChartContainer.positiveColor { background-color: var(--Background); } .singleColWidth .smartChartContainer.negativeColor { background-color: var(--Background); } .singleColWidth .smartChartContainer { width: 575px; float: left; display: flex; background: var(--Background); border: 1px solid #ddd; border-radius: 8px; } .smartChartContainerChart { display: flex; align-items: center; padding-top: 35px; height: 140px; margin-top: -10px; } .smartMenuDropdownMenu { float: left; } .smartMenuDropdownMenu .material-icons { font-size: 24px; color: var(--StandardText); cursor: pointer; } .smartContainerColumn .smartHeader:first-child { margin-top: 0; } .companyInformationSmartView .axis text { display: none; } .companyInformationSmartView .main.svelte { width: 100px; } /* TODO: fix this width by setting class name */ .companyInformationSmartView main.svelte-1wtg6dj { width: unset; } .companyInformationSmartView .bar { width: 10px; } .disabledSelect { pointer-events: none; /* Prevents any interaction with the div */ opacity: 0.5; /* Reduces the opacity to indicate disabled state */ } .companyInfoSplitViewContainer .companyNameHeader { font-size: 18px; font-weight: 600; margin-top:0; margin-bottom: 10px; line-height: 2; } .companyInfoSplitViewContainer .progressBarContainer { margin:150px 200px; } .companyInformationSmartView .singleColWidth .informationKeyItem .keyPointIcon { color: var(--FixedBlack); background-color: var(--StandardBoxBackround); } .companyInformationSmartView .mud-expand-panel.mud-expand-panel-border { border-bottom: none; } .companyInformationSmartView .mud-expand-panel .mud-expand-panel-header { padding: 0; } .companyInformationSmartView .mud-expand-panel .mud-expand-panel-content { padding: 0; font-size:16px; /* font-style:italic; */} .disabledSelect {cursor:none; pointer-events:none;} .threeColWidth { overflow: hidden; white-space: nowrap; } .threeColWidth .keyPointValueSmallText { overflow: hidden; text-overflow: ellipsis; float: left; max-width: 154px; } .chart-tooltip.svelte-1bqnkxt { min-width: 26ch; font-size: 16px; } .s-chart-container.svelte-1x04w7 { margin: 0; overflow: visible; } .smartDropdownMenu .exportIcon { height: 30px; margin-top: -3px; float:left; margin-left: 10px; } .smartMenuDropdownMenu .smartDropdownMenu { right:130px; } .ownershipContainer { min-height:140px; } .companyInformationSmartView .informationKeyItem .keyPointLabel2 { -webkit-font-smoothing: antialiased; -webkit-box-direction: normal; white-space: nowrap; display: inline; letter-spacing: 0px; font-size: 15px; font-weight: 600; margin: 13px 0 6px 35px; text-align: center; float: left; } .keyPointStats.largeStats { padding: 5px 4px 5px 9px; border-radius: 8px; font-size: 14px; } .mud-collapse-wrapper-inner { padding-bottom: 0; } @media (max-height:900px) { .companyInformationSmartView .smartChartContainer { padding: 5px 3px 6px 12px; margin: 5px 5px 3px 0; } .companyInformationSmartView .keyPointValueSmall { margin: 3px auto 3px auto; font-size: 21px; } .companyInformationSmartView .informationKeyItem .keyPointLabel { font-size: 13px; margin-top: 5px; } .companyInformationSmartView .smartContainer { padding: 5px; margin: 3px 0; } .companyInformationSmartView .smartItem { padding: 4px; height: 22px; } .companyInformationSmartView .largestOwnerStake { font-size: 12px; margin-top: -1px; } .smartChartContainerChart { height: 125px; margin-top:-10px; } .companyInformationSmartView .smartViewExpansionPanel { padding: 0 8px; } .mud-expand-panel .mud-expand-panel-header { /* min-height: 48px; */ padding: 8px 24px; } .companyInformationSmartView .smartHeader { font-size: 12px; margin-bottom: 4px; margin-top: 8px; } .companyInformationSmartView .informationKeyItem .keyPointIcon { width: 29px; padding: 5px 2px; } .companyInfoSplitViewContainer .companyNameHeader { font-size: 16px; margin-bottom: 0; line-height: 1.7; } .registrationNumberContainer { margin-top: 5px; } .companyInformationSmartView .informationKeyItem .keyPointLabel2 { margin: 10px 0 5px 35px; } }