cluedin-widget
Version:
This is the project for creating and managing widgets in CluedIn.
1,768 lines (1,583 loc) • 63.9 kB
CSS
@import url(https://fonts.googleapis.com/css?family=Lato:400,300,700);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css);
.cluedIn_onBoarding {
padding: 15px; }
.cluedIn_onBoarding .cluedIn_widget_title {
padding: 5px 0; }
/* perfect-scrollbar v0.6.10 */
.ps-container {
-ms-touch-action: none;
touch-action: none;
overflow: hidden !important;
-ms-overflow-style: none; }
@supports (-ms-overflow-style: none) {
.ps-container {
overflow: auto !important; } }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.ps-container {
overflow: auto !important; } }
.ps-container.ps-active-x > .ps-scrollbar-x-rail,
.ps-container.ps-active-y > .ps-scrollbar-y-rail {
display: block;
background-color: transparent; }
.ps-container.ps-in-scrolling {
pointer-events: none; }
.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
background-color: #eee;
opacity: 0.9; }
.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
background-color: #999; }
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
background-color: #eee;
opacity: 0.9; }
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
background-color: #999; }
.ps-container > .ps-scrollbar-x-rail {
display: none;
position: absolute;
/* please don't change 'position' */
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
opacity: 0;
-webkit-transition: background-color .2s linear, opacity .2s linear;
-moz-transition: background-color .2s linear, opacity .2s linear;
-o-transition: background-color .2s linear, opacity .2s linear;
transition: background-color .2s linear, opacity .2s linear;
bottom: 3px;
/* there must be 'bottom' for ps-scrollbar-x-rail */
height: 8px; }
.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
position: absolute;
/* please don't change 'position' */
background-color: #aaa;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition: background-color .2s linear;
-moz-transition: background-color .2s linear;
-o-transition: background-color .2s linear;
transition: background-color .2s linear;
bottom: 0;
/* there must be 'bottom' for ps-scrollbar-x */
height: 8px; }
.ps-container > .ps-scrollbar-y-rail {
display: none;
position: absolute;
/* please don't change 'position' */
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
opacity: 0;
-webkit-transition: background-color .2s linear, opacity .2s linear;
-moz-transition: background-color .2s linear, opacity .2s linear;
-o-transition: background-color .2s linear, opacity .2s linear;
transition: background-color .2s linear, opacity .2s linear;
right: 3px;
/* there must be 'right' for ps-scrollbar-y-rail */
width: 8px; }
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
position: absolute;
/* please don't change 'position' */
background-color: #aaa;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-transition: background-color .2s linear;
-moz-transition: background-color .2s linear;
-o-transition: background-color .2s linear;
transition: background-color .2s linear;
right: 0;
/* there must be 'right' for ps-scrollbar-y */
width: 8px; }
.ps-container:hover.ps-in-scrolling {
pointer-events: none; }
.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
background-color: #eee;
opacity: 0.9; }
.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
background-color: #999; }
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
background-color: #eee;
opacity: 0.9; }
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
background-color: #999; }
.ps-container:hover > .ps-scrollbar-x-rail,
.ps-container:hover > .ps-scrollbar-y-rail {
opacity: 0.6; }
.ps-container:hover > .ps-scrollbar-x-rail:hover {
background-color: #eee;
opacity: 0.9; }
.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
background-color: #999; }
.ps-container:hover > .ps-scrollbar-y-rail:hover {
background-color: #eee;
opacity: 0.9; }
.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
background-color: #999; }
.z-depth-0 {
box-shadow: none !important; }
.z-depth-1, .cluedIn_widget, .cluedIn_widget .cluedIn_widget_title .cluedIn_widget_menu .cluedIn_widget_dropdown, .cluedIn_entityHeader, .cluedIn_searchBox ul.cluedIn_searchBox_autoComplete, .cluedIn_overlayPanel .cluedIn_overlayPanel_content {
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); }
.z-depth-1-half {
box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }
.z-depth-2 {
box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
.z-depth-3 {
box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19); }
.z-depth-4 {
box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22), 0 25px 55px 0 rgba(0, 0, 0, 0.21); }
.z-depth-5 {
box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2), 0 40px 77px 0 rgba(0, 0, 0, 0.22); }
.cluedIn_text_zone {
margin-bottom: 20px;
margin-top: 20px; }
div[class^='cluedIn_'], div[class*=' cluedIn_'] {
box-sizing: border-box; }
div[class^='cluedIn_'] input, div[class*=' cluedIn_'] input {
box-sizing: border-box; }
.cluedIn_container {
position: relative;
font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
color: #586672;
-webkit-font-smoothing: antialiased;
line-height: 1.42857143; }
.cluedIn_container a {
color: #058085;
text-decoration: none;
cursor: pointer; }
.cluedIn_bg_white {
background: #fff !important; }
.cluedIn_img_responsive {
display: block;
max-width: 100%;
height: auto; }
.cluedIn_label {
font-weight: 300;
margin-bottom: 3px; }
.cluedIn_value {
word-break: break-word;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap; }
.cluedIn_pull_left {
float: left; }
.cluedIn_overlay {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
z-index: 2;
background-color: rgba(0, 0, 0, 0.7);
display: flex;
justify-content: center;
align-items: center; }
.cluedIn_overlay .cluedIn_overlay_content {
color: white;
text-align: center;
font-size: 15px;
font-weight: bold;
padding: 15px; }
.cluedIn_overlay .cluedIn_overlay_content .cluedIn_noEntities_text a {
color: #fff;
text-decoration: underline; }
.cluedIn_overlay .cluedIn_overlay_content .cluedIn_noEntities_text a:hover {
opacity: 0.8; }
.cluedIn_entity_profile_link {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
border: 1px solid rgba(0, 0, 0, 0.15);
background: #fff;
display: block; }
.cluedIn_entity_profile_link img {
border-radius: 2px;
max-height: 100px; }
.cluedIn_title .textHeading {
font-family: "Lato", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: bold; }
.cluedIn_title .h2.textHeading {
font-size: 30px;
color: #58666e; }
.cluedIn_highlightText {
font-family: 'Lato', "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 17px; }
.cluedIn_widget {
border-radius: 2px;
margin: 0.5rem 0 2rem 0;
padding: 15px;
position: relative;
background: #fff; }
.cluedIn_widget .cluedIn_widget_title {
position: relative;
padding: 10px;
margin: -15px -15px 15px -15px;
background: #58666e;
border-radius: 2px 2px 0 0; }
.cluedIn_widget .cluedIn_widget_title .cluedIn_widget_title_loading {
float: right; }
.cluedIn_widget .cluedIn_widget_title > span {
color: #fff;
font-weight: 800;
font-size: 13px;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
text-transform: uppercase; }
.cluedIn_widget .cluedIn_widget_title .cluedIn_widget_menu.cluedIn_widget_menu_active .cluedIn_widget_dropdown {
display: block; }
.cluedIn_widget .cluedIn_widget_title .cluedIn_widget_menu .cluedIn_widget_buttonArea {
cursor: pointer;
position: absolute;
right: 0;
top: 0;
padding-top: 6px;
bottom: 0;
width: 30px; }
.cluedIn_widget .cluedIn_widget_title .cluedIn_widget_menu .cluedIn_widget_buttonArea:hover {
background: rgba(0, 0, 0, 0.18); }
.cluedIn_widget .cluedIn_widget_title .cluedIn_widget_menu .cluedIn_widget_buttonArea .cluedIn_widget_button {
text-align: center; }
.cluedIn_widget .cluedIn_widget_title .cluedIn_widget_menu .cluedIn_widget_buttonArea .cluedIn_widget_button a {
color: #fff;
font-size: 20px;
cursor: pointer; }
.cluedIn_widget .cluedIn_widget_title .cluedIn_widget_menu .cluedIn_widget_dropdown {
display: none;
z-index: 3;
border-radius: 2px;
background: #fff;
position: absolute;
top: 40px;
margin: 0;
min-width: 200px;
right: 0;
padding: 10px; }
.cluedIn_widget .cluedIn_widget_title .cluedIn_widget_menu .cluedIn_widget_dropdown ul {
text-align: left;
margin: 0;
padding: 0; }
.cluedIn_widget .cluedIn_widget_title .cluedIn_widget_menu .cluedIn_widget_dropdown ul li {
list-style: none;
margin: 0;
padding: 0; }
.cluedIn_widget .cluedIn_widget_title .cluedIn_widget_menu .cluedIn_widget_dropdown ul li:hover {
background: rgba(0, 0, 0, 0.12); }
.cluedIn_widget .cluedIn_widget_title .cluedIn_widget_menu .cluedIn_widget_dropdown ul li i {
margin-right: 10px; }
.cluedIn_widget .cluedIn_widget_title .cluedIn_widget_menu .cluedIn_widget_dropdown ul li a {
cursor: pointer;
padding: 5px 10px;
display: block; }
.cluedIn_widget .cluedIn_widget_content {
max-height: 500px;
overflow: scroll;
margin: -15px;
padding: 15px;
position: relative; }
.cluedIn_widget .cluedIn_propertyViewer {
margin-top: -10px; }
.cluedIn_container .row {
margin-left: -0.75rem;
margin-right: -0.75rem; }
.cluedIn_section {
padding-top: 1rem;
padding-bottom: 1rem; }
.cluedIn_section.no-pad {
padding: 0; }
.cluedIn_section.no-pad-bot {
padding-bottom: 0; }
.cluedIn_section.no-pad-top {
padding-top: 0; }
.cluedIn_row {
margin-left: auto;
margin-right: auto; }
.cluedIn_row.cluedIn_row_notCentered {
margin-left: 0;
margin-right: 0; }
.cluedIn_row:after {
content: "";
display: table;
clear: both; }
.cluedIn_row .cluedIn_col {
float: left;
box-sizing: border-box;
padding: 0 0.75rem;
transition: all 0.5s ease; }
.cluedIn_row .cluedIn_col[class*="push-"], .cluedIn_row .cluedIn_col[class*="pull-"] {
position: relative; }
.cluedIn_row .cluedIn_col.s1 {
width: 8.33333%;
margin-left: auto;
left: auto;
right: auto; }
.cluedIn_row .cluedIn_col.s2 {
width: 16.66667%;
margin-left: auto;
left: auto;
right: auto; }
.cluedIn_row .cluedIn_col.s3 {
width: 25%;
margin-left: auto;
left: auto;
right: auto; }
.cluedIn_row .cluedIn_col.s4 {
width: 33.33333%;
margin-left: auto;
left: auto;
right: auto; }
.cluedIn_row .cluedIn_col.s5 {
width: 41.66667%;
margin-left: auto;
left: auto;
right: auto; }
.cluedIn_row .cluedIn_col.s6 {
width: 50%;
margin-left: auto;
left: auto;
right: auto; }
.cluedIn_row .cluedIn_col.s7 {
width: 58.33333%;
margin-left: auto;
left: auto;
right: auto; }
.cluedIn_row .cluedIn_col.s8 {
width: 66.66667%;
margin-left: auto;
left: auto;
right: auto; }
.cluedIn_row .cluedIn_col.s9 {
width: 75%;
margin-left: auto;
left: auto;
right: auto; }
.cluedIn_row .cluedIn_col.s10 {
width: 83.33333%;
margin-left: auto;
left: auto;
right: auto; }
.cluedIn_row .cluedIn_col.s11 {
width: 91.66667%;
margin-left: auto;
left: auto;
right: auto; }
.cluedIn_row .cluedIn_col.s12 {
width: 100%;
margin-left: auto;
left: auto;
right: auto; }
.cluedIn_row .cluedIn_col.offset-s1 {
margin-left: 8.33333%; }
.cluedIn_row .cluedIn_col.pull-s1 {
right: 8.33333%; }
.cluedIn_row .cluedIn_col.push-s1 {
left: 8.33333%; }
.cluedIn_row .cluedIn_col.offset-s2 {
margin-left: 16.66667%; }
.cluedIn_row .cluedIn_col.pull-s2 {
right: 16.66667%; }
.cluedIn_row .cluedIn_col.push-s2 {
left: 16.66667%; }
.cluedIn_row .cluedIn_col.offset-s3 {
margin-left: 25%; }
.cluedIn_row .cluedIn_col.pull-s3 {
right: 25%; }
.cluedIn_row .cluedIn_col.push-s3 {
left: 25%; }
.cluedIn_row .cluedIn_col.offset-s4 {
margin-left: 33.33333%; }
.cluedIn_row .cluedIn_col.pull-s4 {
right: 33.33333%; }
.cluedIn_row .cluedIn_col.push-s4 {
left: 33.33333%; }
.cluedIn_row .cluedIn_col.offset-s5 {
margin-left: 41.66667%; }
.cluedIn_row .cluedIn_col.pull-s5 {
right: 41.66667%; }
.cluedIn_row .cluedIn_col.push-s5 {
left: 41.66667%; }
.cluedIn_row .cluedIn_col.offset-s6 {
margin-left: 50%; }
.cluedIn_row .cluedIn_col.pull-s6 {
right: 50%; }
.cluedIn_row .cluedIn_col.push-s6 {
left: 50%; }
.cluedIn_row .cluedIn_col.offset-s7 {
margin-left: 58.33333%; }
.cluedIn_row .cluedIn_col.pull-s7 {
right: 58.33333%; }
.cluedIn_row .cluedIn_col.push-s7 {
left: 58.33333%; }
.cluedIn_row .cluedIn_col.offset-s8 {
margin-left: 66.66667%; }
.cluedIn_row .cluedIn_col.pull-s8 {
right: 66.66667%; }
.cluedIn_row .cluedIn_col.push-s8 {
left: 66.66667%; }
.cluedIn_row .cluedIn_col.offset-s9 {
margin-left: 75%; }
.cluedIn_row .cluedIn_col.pull-s9 {
right: 75%; }
.cluedIn_row .cluedIn_col.push-s9 {
left: 75%; }
.cluedIn_row .cluedIn_col.offset-s10 {
margin-left: 83.33333%; }
.cluedIn_row .cluedIn_col.pull-s10 {
right: 83.33333%; }
.cluedIn_row .cluedIn_col.push-s10 {
left: 83.33333%; }
.cluedIn_row .cluedIn_col.offset-s11 {
margin-left: 91.66667%; }
.cluedIn_row .cluedIn_col.pull-s11 {
right: 91.66667%; }
.cluedIn_row .cluedIn_col.push-s11 {
left: 91.66667%; }
.cluedIn_row .cluedIn_col.offset-s12 {
margin-left: 100%; }
.cluedIn_row .cluedIn_col.pull-s12 {
right: 100%; }
.cluedIn_row .cluedIn_col.push-s12 {
left: 100%; }
@media only screen and (min-width: 601px) {
.cluedIn_row .cluedIn_col.m1 {
width: 8.33333%;
margin-left: auto;
left: auto;
right: auto; }
.cluedIn_row .cluedIn_col.m2 {
width: 16.66667%;
margin-left: auto;
left: auto;
right: auto; }
.cluedIn_row .cluedIn_col.m3 {
width: 25%;
margin-left: auto;
left: auto;
right: auto; }
.cluedIn_row .cluedIn_col.m4 {
width: 33.33333%;
margin-left: auto;
left: auto;
right: auto; }
.cluedIn_row .cluedIn_col.m5 {
width: 41.66667%;
margin-left: auto;
left: auto;
right: auto; }
.cluedIn_row .cluedIn_col.m6 {
width: 50%;
margin-left: auto;
left: auto;
right: auto; }
.cluedIn_row .cluedIn_col.m7 {
width: 58.33333%;
margin-left: auto;
left: auto;
right: auto; }
.cluedIn_row .cluedIn_col.m8 {
width: 66.66667%;
margin-left: auto;
left: auto;
right: auto; }
.cluedIn_row .cluedIn_col.m9 {
width: 75%;
margin-left: auto;
left: auto;
right: auto; }
.cluedIn_row .cluedIn_col.m10 {
width: 83.33333%;
margin-left: auto;
left: auto;
right: auto; }
.cluedIn_row .cluedIn_col.m11 {
width: 91.66667%;
margin-left: auto;
left: auto;
right: auto; }
.cluedIn_row .cluedIn_col.m12 {
width: 100%;
margin-left: auto;
left: auto;
right: auto; }
.cluedIn_row .cluedIn_col.offset-m1 {
margin-left: 8.33333%; }
.cluedIn_row .cluedIn_col.pull-m1 {
right: 8.33333%; }
.cluedIn_row .cluedIn_col.push-m1 {
left: 8.33333%; }
.cluedIn_row .cluedIn_col.offset-m2 {
margin-left: 16.66667%; }
.cluedIn_row .cluedIn_col.pull-m2 {
right: 16.66667%; }
.cluedIn_row .cluedIn_col.push-m2 {
left: 16.66667%; }
.cluedIn_row .cluedIn_col.offset-m3 {
margin-left: 25%; }
.cluedIn_row .cluedIn_col.pull-m3 {
right: 25%; }
.cluedIn_row .cluedIn_col.push-m3 {
left: 25%; }
.cluedIn_row .cluedIn_col.offset-m4 {
margin-left: 33.33333%; }
.cluedIn_row .cluedIn_col.pull-m4 {
right: 33.33333%; }
.cluedIn_row .cluedIn_col.push-m4 {
left: 33.33333%; }
.cluedIn_row .cluedIn_col.offset-m5 {
margin-left: 41.66667%; }
.cluedIn_row .cluedIn_col.pull-m5 {
right: 41.66667%; }
.cluedIn_row .cluedIn_col.push-m5 {
left: 41.66667%; }
.cluedIn_row .cluedIn_col.offset-m6 {
margin-left: 50%; }
.cluedIn_row .cluedIn_col.pull-m6 {
right: 50%; }
.cluedIn_row .cluedIn_col.push-m6 {
left: 50%; }
.cluedIn_row .cluedIn_col.offset-m7 {
margin-left: 58.33333%; }
.cluedIn_row .cluedIn_col.pull-m7 {
right: 58.33333%; }
.cluedIn_row .cluedIn_col.push-m7 {
left: 58.33333%; }
.cluedIn_row .cluedIn_col.offset-m8 {
margin-left: 66.66667%; }
.cluedIn_row .cluedIn_col.pull-m8 {
right: 66.66667%; }
.cluedIn_row .cluedIn_col.push-m8 {
left: 66.66667%; }
.cluedIn_row .cluedIn_col.offset-m9 {
margin-left: 75%; }
.cluedIn_row .cluedIn_col.pull-m9 {
right: 75%; }
.cluedIn_row .cluedIn_col.push-m9 {
left: 75%; }
.cluedIn_row .cluedIn_col.offset-m10 {
margin-left: 83.33333%; }
.cluedIn_row .cluedIn_col.pull-m10 {
right: 83.33333%; }
.cluedIn_row .cluedIn_col.push-m10 {
left: 83.33333%; }
.cluedIn_row .cluedIn_col.offset-m11 {
margin-left: 91.66667%; }
.cluedIn_row .cluedIn_col.pull-m11 {
right: 91.66667%; }
.cluedIn_row .cluedIn_col.push-m11 {
left: 91.66667%; }
.cluedIn_row .cluedIn_col.offset-m12 {
margin-left: 100%; }
.cluedIn_row .cluedIn_col.pull-m12 {
right: 100%; }
.cluedIn_row .cluedIn_col.push-m12 {
left: 100%; } }
@media only screen and (min-width: 993px) {
.cluedIn_row .cluedIn_col.l1 {
width: 8.33333%;
margin-left: auto;
left: auto;
right: auto; }
.cluedIn_row .cluedIn_col.l2 {
width: 16.66667%;
margin-left: auto;
left: auto;
right: auto; }
.cluedIn_row .cluedIn_col.l3 {
width: 25%;
margin-left: auto;
left: auto;
right: auto; }
.cluedIn_row .cluedIn_col.l4 {
width: 33.33333%;
margin-left: auto;
left: auto;
right: auto; }
.cluedIn_row .cluedIn_col.l5 {
width: 41.66667%;
margin-left: auto;
left: auto;
right: auto; }
.cluedIn_row .cluedIn_col.l6 {
width: 50%;
margin-left: auto;
left: auto;
right: auto; }
.cluedIn_row .cluedIn_col.l7 {
width: 58.33333%;
margin-left: auto;
left: auto;
right: auto; }
.cluedIn_row .cluedIn_col.l8 {
width: 66.66667%;
margin-left: auto;
left: auto;
right: auto; }
.cluedIn_row .cluedIn_col.l9 {
width: 75%;
margin-left: auto;
left: auto;
right: auto; }
.cluedIn_row .cluedIn_col.l10 {
width: 83.33333%;
margin-left: auto;
left: auto;
right: auto; }
.cluedIn_row .cluedIn_col.l11 {
width: 91.66667%;
margin-left: auto;
left: auto;
right: auto; }
.cluedIn_row .cluedIn_col.l12 {
width: 100%;
margin-left: auto;
left: auto;
right: auto; }
.cluedIn_row .cluedIn_col.offset-l1 {
margin-left: 8.33333%; }
.cluedIn_row .cluedIn_col.pull-l1 {
right: 8.33333%; }
.cluedIn_row .cluedIn_col.push-l1 {
left: 8.33333%; }
.cluedIn_row .cluedIn_col.offset-l2 {
margin-left: 16.66667%; }
.cluedIn_row .cluedIn_col.pull-l2 {
right: 16.66667%; }
.cluedIn_row .cluedIn_col.push-l2 {
left: 16.66667%; }
.cluedIn_row .cluedIn_col.offset-l3 {
margin-left: 25%; }
.cluedIn_row .cluedIn_col.pull-l3 {
right: 25%; }
.cluedIn_row .cluedIn_col.push-l3 {
left: 25%; }
.cluedIn_row .cluedIn_col.offset-l4 {
margin-left: 33.33333%; }
.cluedIn_row .cluedIn_col.pull-l4 {
right: 33.33333%; }
.cluedIn_row .cluedIn_col.push-l4 {
left: 33.33333%; }
.cluedIn_row .cluedIn_col.offset-l5 {
margin-left: 41.66667%; }
.cluedIn_row .cluedIn_col.pull-l5 {
right: 41.66667%; }
.cluedIn_row .cluedIn_col.push-l5 {
left: 41.66667%; }
.cluedIn_row .cluedIn_col.offset-l6 {
margin-left: 50%; }
.cluedIn_row .cluedIn_col.pull-l6 {
right: 50%; }
.cluedIn_row .cluedIn_col.push-l6 {
left: 50%; }
.cluedIn_row .cluedIn_col.offset-l7 {
margin-left: 58.33333%; }
.cluedIn_row .cluedIn_col.pull-l7 {
right: 58.33333%; }
.cluedIn_row .cluedIn_col.push-l7 {
left: 58.33333%; }
.cluedIn_row .cluedIn_col.offset-l8 {
margin-left: 66.66667%; }
.cluedIn_row .cluedIn_col.pull-l8 {
right: 66.66667%; }
.cluedIn_row .cluedIn_col.push-l8 {
left: 66.66667%; }
.cluedIn_row .cluedIn_col.offset-l9 {
margin-left: 75%; }
.cluedIn_row .cluedIn_col.pull-l9 {
right: 75%; }
.cluedIn_row .cluedIn_col.push-l9 {
left: 75%; }
.cluedIn_row .cluedIn_col.offset-l10 {
margin-left: 83.33333%; }
.cluedIn_row .cluedIn_col.pull-l10 {
right: 83.33333%; }
.cluedIn_row .cluedIn_col.push-l10 {
left: 83.33333%; }
.cluedIn_row .cluedIn_col.offset-l11 {
margin-left: 91.66667%; }
.cluedIn_row .cluedIn_col.pull-l11 {
right: 91.66667%; }
.cluedIn_row .cluedIn_col.push-l11 {
left: 91.66667%; }
.cluedIn_row .cluedIn_col.offset-l12 {
margin-left: 100%; }
.cluedIn_row .cluedIn_col.pull-l12 {
right: 100%; }
.cluedIn_row .cluedIn_col.push-l12 {
left: 100%; } }
.cluedIn_progressive_menu {
list-style: none;
margin: 0;
padding: 0; }
.cluedIn_progressive_menu > li {
float: left; }
.cluedIn_progressive_menu > li > a {
position: relative;
background-color: #eeeeee;
display: block;
padding: 10px 25px;
text-decoration: none;
color: #333;
font-size: 14px; }
.cluedIn_progressive_menu > li > a .badge {
margin-left: 3px;
color: #eeeeee;
background-color: #06979e; }
.cluedIn_progressive_menu > li:not(:first-child) > a {
padding-left: 34px; }
.cluedIn_progressive_menu > li:not(:first-child) > a:before {
width: 0;
height: 0;
border-top: 20px inset transparent;
border-bottom: 20px inset transparent;
border-left: 20px solid #ffffff;
position: absolute;
content: "";
top: 0;
left: 0; }
.cluedIn_progressive_menu > li:not(:last-child) > a {
margin-right: 6px; }
.cluedIn_progressive_menu > li:not(:last-child) > a:after {
width: 0;
height: 0;
border-top: 20px inset transparent;
border-bottom: 20px inset transparent;
border-left: 20px solid #eeeeee;
position: absolute;
content: "";
top: 0;
right: -20px;
z-index: 2; }
.cluedIn_progressive_menu > li.done:not(:last-child) > a:after {
border-left: 20px solid #e2e2e2; }
.cluedIn_progressive_menu > li:first-child > a {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px; }
.cluedIn_progressive_menu > li:last-child > a {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px; }
.cluedIn_progressive_menu > li.done:hover > a,
.cluedIn_progressive_menu > li:hover > a {
background-color: #d5d5d5; }
.cluedIn_progressive_menu > li.done:hover > a:before,
.cluedIn_progressive_menu > li:hover > a:before {
border-right-color: #d5d5d5; }
.cluedIn_progressive_menu > li.done:hover > a:after,
.cluedIn_progressive_menu > li:hover > a:after {
border-left-color: #d5d5d5; }
.cluedIn_progressive_menu > li.done > a {
background-color: #e2e2e2; }
.cluedIn_progressive_menu > li.done > a:before {
border-right-color: #e2e2e2; }
.nav-wizard > li.done > a:after {
border-left-color: #e2e2e2; }
.cluedIn_progressive_menu > li.done > a,
.cluedIn_progressive_menu > li.done > a:hover,
.cluedIn_progressive_menu > li.done > a:focus {
cursor: not-allowed; }
.cluedIn_progressive_menu > li.active > a,
.cluedIn_progressive_menu > li.active > a:hover,
.cluedIn_progressive_menu > li.active > a:focus {
color: #ffffff;
background-color: #06979e; }
.cluedIn_progressive_menu > li.active > a:after {
border-left-color: #06979e; }
.cluedIn_progressive_menu > li.active > a .badge {
color: #06979e;
background-color: #ffffff; }
.cluedIn_progressive_menu > li.disabled > a {
color: #777777; }
.cluedIn_progressive_menu > li.disabled > a:hover,
.cluedIn_progressive_menu > li.disabled > a:focus {
color: #777777;
text-decoration: none;
background-color: #eeeeee;
cursor: default; }
.cluedIn_progressive_menu > li.disabled > a:before {
border-right-color: #eeeeee; }
.cluedIn_progressive_menu > li.disabled > a:after {
border-left-color: #eeeeee; }
.cluedIn_m-t {
margin-top: 15px; }
.cluedIn_m-b {
margin-bottom: 15px; }
.cluedIn_m-l-xs {
margin-left: 5px; }
.cluedIn_textCenter {
text-align: center; }
.clearBoth, .cluedIn_progressive_menu:after {
content: ' ';
clear: both;
display: table; }
.cluedIn_line {
padding: 15px 0; }
.cluedIn_hidden {
display: none !important; }
.cluedIn_m-t-xs {
margin-top: 10px; }
.cluedIn_img_responsive {
display: block;
max-width: 100%;
height: auto;
margin-left: auto;
margin-right: auto; }
.cluedIn_flex {
display: flex; }
.cluedIn_hide_slide {
overflow: hidden;
max-height: 0;
padding-top: 0;
padding-bottom: 0;
margin-top: 0;
margin-bottom: 0;
-moz-transition-duration: 1s;
-webkit-transition-duration: 1s;
-o-transition-duration: 1s;
transition-duration: 1s;
-moz-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
-webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
-o-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
transition-timing-function: cubic-bezier(0, 1, 0.5, 1); }
.cluedIn_show_slide {
-moz-transition-duration: 1s;
-webkit-transition-duration: 1s;
-o-transition-duration: 1s;
transition-duration: 1s;
-moz-transition-timing-function: ease-in;
-webkit-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
max-height: 1000px;
overflow: hidden; }
ul.cluedIn_bordered {
border: 1px solid #ccc !important;
border-radius: 2px; }
ul.cluedIn_bordered li {
padding-left: 15px !important;
padding-right: 15px !important; }
ul.cluedIn_bordered li:hover {
background: rgba(0, 0, 0, 0.12); }
ul.cluedIn_bordered li:nth-child(odd) {
background-color: #f2f2f2; }
ul.cluedIn_bordered li:nth-child(odd):hover {
background: rgba(0, 0, 0, 0.12); }
.cluedIn_btn-primary {
color: #ffffff !important;
background-color: #06979e;
border-color: #06979e; }
.cluedIn_btn {
font-weight: 500;
border-radius: 2px;
outline: 0 !important;
display: inline-block;
margin-bottom: 0;
text-align: center;
vertical-align: middle;
touch-action: manipulation;
cursor: pointer;
background-image: none;
border: 1px solid transparent;
white-space: nowrap;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 2px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none; }
.cluedIn_btn .cluedIn_btn_addOnLeft {
margin-right: 10px; }
.cluedIn_btn span.cluedIn_addon i {
margin-right: 15px; }
.clued_In_btn_big {
padding: 10px 25px;
border-radius: 5px;
font-size: 16px; }
.cluedIn_btn-primary:hover, .cluedIn_btn-primary:focus, .cluedIn_btn-primary:active, .cluedIn_btn-primary.active {
color: #ffffff !important;
background-color: #058085;
border-color: #057177; }
.cluedIn_pulse-button {
-webkit-animation: pulse 1.5s infinite; }
.cluedIn_pulse-button:hover {
-webkit-animation: none; }
@-webkit-keyframes pulse {
0% {
transform: scale(0.9); }
70% {
transform: scale(1);
box-shadow: 0 0 0 10px rgba(5, 128, 133, 0.3); }
100% {
transform: scale(0.9);
box-shadow: 0 0 0 0 rgba(5, 128, 133, 0); } }
.cluedin_progress {
text-align: center;
max-width: 150px;
margin-left: auto;
margin-right: auto;
font-family: "Lato", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.cluedin_progress .cluedin_progress_bigNumber {
font-size: 65px; }
.cluedin_progress .cluedin_progress_percent {
font-size: 40px; }
.cluedin_progress .cluedin_progress_bar {
width: 100%;
background: #ccc;
height: 15px;
border-radius: 5px; }
.cluedin_progress .cluedin_progress_perentage {
width: 25%;
background: green;
height: 15px;
border-radius: 5px; }
.cluedIn_loading {
position: absolute;
margin: 0;
padding: 0;
left: 0;
top: 0;
bottom: 0;
right: 0;
overflow: hidden;
/* or auto or scroll */
opacity: 0.8;
background-color: rgba(255, 255, 255, 0.03);
display: flex;
align-items: center;
/* align vertical */
justify-content: center; }
.bounceball {
position: relative;
display: inline-block;
height: 37px;
width: 20px; }
.bounceball:before {
position: absolute;
content: '';
display: block;
top: 0;
width: 20px;
height: 20px;
border-radius: 50%;
background-color: #06979e;
transform-origin: 50%;
animation: bounceBall 500ms alternate infinite ease; }
.bounceball {
margin-right: 30px; }
@keyframes bounceBall {
0% {
top: 30px;
height: 5px;
border-radius: 60px 60px 20px 20px;
transform: scaleX(2); }
35% {
height: 20px;
border-radius: 50%;
transform: scaleX(1); }
100% {
top: 0; } }
.sk-fading-circle {
width: 20px;
height: 20px;
position: relative;
float: left;
color: #fff; }
.sk-fading-circle .sk-circle {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0; }
.sk-fading-circle .sk-circle:before {
content: '';
display: block;
margin: 0 auto;
width: 15%;
height: 15%;
background-color: #fff;
border-radius: 100%;
-webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
animation: sk-circleFadeDelay 1.2s infinite ease-in-out both; }
.sk-fading-circle .sk-circle2 {
-webkit-transform: rotate(30deg);
-ms-transform: rotate(30deg);
transform: rotate(30deg); }
.sk-fading-circle .sk-circle3 {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg); }
.sk-fading-circle .sk-circle4 {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg); }
.sk-fading-circle .sk-circle5 {
-webkit-transform: rotate(120deg);
-ms-transform: rotate(120deg);
transform: rotate(120deg); }
.sk-fading-circle .sk-circle6 {
-webkit-transform: rotate(150deg);
-ms-transform: rotate(150deg);
transform: rotate(150deg); }
.sk-fading-circle .sk-circle7 {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg); }
.sk-fading-circle .sk-circle8 {
-webkit-transform: rotate(210deg);
-ms-transform: rotate(210deg);
transform: rotate(210deg); }
.sk-fading-circle .sk-circle9 {
-webkit-transform: rotate(240deg);
-ms-transform: rotate(240deg);
transform: rotate(240deg); }
.sk-fading-circle .sk-circle10 {
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg); }
.sk-fading-circle .sk-circle11 {
-webkit-transform: rotate(300deg);
-ms-transform: rotate(300deg);
transform: rotate(300deg); }
.sk-fading-circle .sk-circle12 {
-webkit-transform: rotate(330deg);
-ms-transform: rotate(330deg);
transform: rotate(330deg); }
.sk-fading-circle .sk-circle2:before {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s; }
.sk-fading-circle .sk-circle3:before {
-webkit-animation-delay: -1s;
animation-delay: -1s; }
.sk-fading-circle .sk-circle4:before {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s; }
.sk-fading-circle .sk-circle5:before {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s; }
.sk-fading-circle .sk-circle6:before {
-webkit-animation-delay: -0.7s;
animation-delay: -0.7s; }
.sk-fading-circle .sk-circle7:before {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s; }
.sk-fading-circle .sk-circle8:before {
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s; }
.sk-fading-circle .sk-circle9:before {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s; }
.sk-fading-circle .sk-circle10:before {
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s; }
.sk-fading-circle .sk-circle11:before {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s; }
.sk-fading-circle .sk-circle12:before {
-webkit-animation-delay: -0.1s;
animation-delay: -0.1s; }
@-webkit-keyframes sk-circleFadeDelay {
0%, 39%, 100% {
opacity: 0; }
40% {
opacity: 1; } }
@keyframes sk-circleFadeDelay {
0%, 39%, 100% {
opacity: 0; }
40% {
opacity: 1; } }
.cluedIn_widget .cluedIn_entity_list {
margin: -15px; }
.cluedIn_widget .cluedIn_entity_list > ul {
margin: 0;
padding: 0; }
.cluedIn_widget .cluedIn_entity_list > ul li {
list-style: none;
padding: 5px 0;
border-bottom: 1px solid #d2d2d2;
line-height: 40px; }
.cluedIn_row_properties {
width: 100%; }
.cluedIn_entity_row {
border: 1px solid #dee5e7;
border-top: 0;
background: white;
position: relative;
transition: all 0.2s linear;
padding: 10px 15px 10px 15px;
display: flex;
flex-flow: column; }
.cluedIn_entity_row .cluedIn_entity_row_sub {
display: flex; }
.cluedIn_entity_row .cluedIn_entity_row_sub a {
line-height: 42px; }
.cluedIn_entity_row .cluedIn_entity_row_title {
line-height: 42px;
padding: 0 10px 0 10px;
word-break: break-word; }
.cluedIn_entity_row .cluedIn_entity_logo {
width: 42px;
height: 42px;
border-radius: 50px; }
.cluedIn_entity_row .cluedIn_entity_fileExtension {
height: 38px;
margin-top: 2px; }
.cluedIn_entity_row .cluedIn_entityPreview {
border-radius: 2px;
height: 88px;
margin-top: 10px;
margin-bottom: 10px;
position: relative; }
.cluedIn_entity_row .cluedIn_entityPreview .cluedIn_entityPreview_image {
background-repeat: no-repeat;
background-size: 100%;
bottom: 0;
position: absolute;
top: 0;
border-radius: 2px;
width: 100%; }
.cluedIn_row.cluedIn_row_notCentered.cluedIn_entity_table {
padding-left: 50px; }
.cluedin_provider_icons {
width: 51px;
text-align: center;
display: inline-block;
padding-right: 5px; }
.cluedin_provider_icons img.cluedin_provider_image {
width: 42px;
border-radius: 4px;
vertical-align: middle; }
.cluedin_provider_icons_wrapper_2 img.cluedin_provider_image {
width: 21px;
display: inline-block; }
.cluedin_provider_icons_wrapper_2 img.cluedin_provider_image.first {
margin-right: 21px; }
.cluedin_provider_icons_wrapper_3 img.cluedin_provider_image, .cluedin_provider_icons_wrapper_4 img.cluedin_provider_image {
width: 21px;
margin: 1px;
display: inline-block; }
.cluedIn_entity_icon_wrapper {
width: 42px;
display: inline-block; }
.cluedIn_entity_icon_wrapper .cluedIn_entity_icon {
display: inline-block;
width: 40px;
height: 40px;
border-radius: 40px;
border: 1px #ccc solid;
position: relative;
overflow: hidden;
text-align: center; }
.cluedIn_entity_icon_wrapper .cluedIn_entity_icon i.fa {
font-size: 20px;
margin-top: 0;
padding-top: 9px;
color: #646464;
display: block;
padding-left: 1px; }
.cluedIn_badge {
background-color: #06979e;
float: left;
text-shadow: 1px 0 1px #555;
display: inline-block;
min-width: 10px;
padding: 3px 7px;
font-size: 12px;
font-weight: 700;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: middle;
border-radius: 10px; }
.cluedIn_badge.danger {
background-color: red; }
.cluedIn_badge.warning {
background-color: orangered; }
.cluedIn_noEntities {
max-width: 400px; }
.cluedIn_noEntities .cluedIn_noEntities_action {
margin-top: 15px; }
.cluedIn_social_links .cluedIn_social_link {
margin-right: 15px;
display: inline-block; }
.cluedIn_social_links .cluedIn_social_link i {
margin-right: 5px;
font-size: 18px;
color: #3cf; }
.cluedIn_social {
width: 100%; }
.cluedIn_social ul {
margin: 0;
padding: 0; }
.cluedIn_social ul li {
display: inline-block;
margin: 0 5px 0 0; }
.cluedIn_social ul li a {
color: white;
border-radius: 30px;
display: block;
width: 30px;
height: 30px;
text-align: center; }
.cluedIn_social ul li a.website {
background: #058085; }
.cluedIn_social ul li a.facebook {
background: #3a5795; }
.cluedIn_social ul li a.twitter {
background: #55acee; }
.cluedIn_social ul li a.linkedin {
background: #0077B5; }
.cluedIn_social ul li a i {
line-height: 30px; }
ul.cluedIn_social_overview ul {
margin: 0;
padding: 0; }
ul.cluedIn_social_overview li[class*="cluedIn_social_overview"] {
line-height: 40px;
padding: 0 10px;
border-bottom: 1px solid #d2d2d2;
font-weight: bold; }
ul.cluedIn_social_overview .cluedIn_social_overview_header {
color: white;
font-weight: bold;
font-size: 16px; }
ul.cluedIn_social_overview .cluedIn_social_overview_header.twitter {
background-color: #3ea1ec; }
ul.cluedIn_social_overview .cluedIn_social_overview_header.facebook {
background-color: #344e86; }
ul.cluedIn_social_overview .cluedIn_social_overview_header.linkedIn {
background-color: #00669c; }
ul.cluedIn_social_overview .cluedIn_social_overview_header i {
margin-right: 10px; }
ul.cluedIn_social_overview .cluedIn_social_overview_number_indicator {
float: right;
font-size: 18px;
margin-right: 10px; }
ul.cluedIn_social_overview .cluedIn_social_overview_number_indicator i.fa.fa-arrow-circle-up {
color: #06979e; }
ul.cluedIn_social_overview .cluedIn_social_overview_number_indicator i.fa.fa-arrow-circle-down {
color: red; }
ul.cluedIn_social_overview .cluedIn_social_overview_number {
float: right;
font-size: 20px;
color: black;
margin-right: 10px; }
ul.cluedIn_social_overview .cluedIn_social_overview_number_prev {
display: block;
float: right;
width: 60px;
margin-top: 7px;
text-align: center;
color: #999;
padding-top: 0;
font-weight: lighter; }
ul.cluedIn_social_overview .cluedIn_social_overview_number_prev_number {
display: block;
line-height: 14px; }
ul.cluedIn_social_overview .cluedIn_social_overview_number_prev_period {
display: block;
margin-top: 2px;
font-size: 10px;
line-height: 10px; }
ul.cluedIn_social_overview .cluedIn_social_overview_twitter_followers {
border-left: 10px solid #55acee; }
ul.cluedIn_social_overview .cluedIn_social_overview_twitter_following {
border-left: 10px solid #83c3f3; }
ul.cluedIn_social_overview .cluedIn_social_overview_twitter_tweets {
border-left: 10px solid #83c3f3; }
ul.cluedIn_social_overview .cluedIn_social_overview_facebook_likes {
border-left: 10px solid #3b5998; }
ul.cluedIn_social_overview .cluedIn_social_overview_facebook_messages {
border-left: 10px solid #4c70ba; }
ul.cluedIn_social_overview .cluedIn_social_overview_linkedin_followers {
border-left: 10px solid #0077B5; }
.cluedIn_entityHeader {
position: relative;
background: #fff;
margin-top: 20px;
padding: 5px 0;
border-radius: 2px;
margin-bottom: 20px; }
.cluedIn_entityHeader .cluedIn_withStats .cluedIn_entityHeader_logo {
margin: 10px 0px -30px 5px; }
.cluedIn_entityHeader .cluedIn_withStats .cluedIn_entityHeader_logo .cluedIn_img_responsive {
max-height: 225px; }
.cluedIn_entityHeader .cluedIn_entityHeader_logo {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), -1px 0 0 rgba(0, 0, 0, 0.03), 1px 0 0 rgba(0, 0, 0, 0.03), 0 1px 0 rgba(0, 0, 0, 0.12);
margin: 10px 0 10px 5px;
border: 1px solid rgba(0, 0, 0, 0.15);
background: #fff;
display: flex;
vertical-align: top;
justify-content: center;
align-items: center;
min-height: 150px; }
.cluedIn_entityHeader .cluedIn_entityHeader_logo .cluedIn_img_responsive {
max-height: 190px; }
.cluedIn_entityHeader .cluedIn_entityHeader_title {
padding: 5px 0;
font-weight: bold;
font-size: 20px;
color: black; }
.cluedIn_entityHeader .cluedIn_entityHeader_address {
padding: 5px 0; }
.cluedIn_entityHeader .cluedIn_entityHeader_industry {
font-size: 16px; }
.cluedIn_entityHeader .cluedIn_entityHeader_social {
padding: 15px 0; }
.cluedIn_entityHeader .cluedIn_following_area {
float: right;
margin-top: 5px;
margin-right: 5px; }
.cluedIn_entityHeader .cluedIn_following_area .cluedIn_following_info {
float: right; }
.cluedIn_entityHeader .cluedIn_following_area .cluedIn_following_info .cluedIn_following_info_number {
display: block;
text-align: center;
font-size: 30px;
font-weight: bold; }
.cluedIn_entityHeader .cluedIn_following_area .cluedIn_btn {
float: right;
margin-top: 15px;
padding: 5px 20px;
margin-right: 15px; }
.cluedIn_entityHeader .cluedIn_entity_icon_wrapper {
margin-right: 10px; }
.cluedIn_entityHeader .cluedIn_NameWithEntityIcon {
margin-top: 15px;
margin-bottom: 15px;
margin-left: 10px; }
.cluedIn_entityHeader .cluedIn_entityHeader_description {
margin: 15px 10px; }
.cluedIn_entityHeader .cluedIn_entityStats {
background: #eee;
margin-bottom: -5px;
border-top: 1px solid #d5d5d5;
min-height: 50px; }
.cluedIn_entityHeader .cluedIn_entityStats ul {
margin: 15px 0 0 0;
padding: 0; }
.cluedIn_entityHeader .cluedIn_entityStats ul li {
margin: 0;
display: inline-block;
width: 150px;
max-width: 150px;
text-align: left;
border-left: 1px solid #ccc; }
.cluedIn_entityHeader .cluedIn_entityStats ul li .cluedIn_stats_title {
font-size: 12px;
display: block;
padding-left: 10px;
border-left: 1px solid #fff; }
.cluedIn_entityHeader .cluedIn_entityStats ul li .cluedIn_stats_number {
display: block;
padding-left: 10px;
font-weight: bold;
font-size: 30px;
border-left: 1px solid #fff;
text-shadow: 1px 0 0 rgba(255, 255, 255, 0.9); }
.cluedIn_entityHeader .cluedIn_entityStats ul li .cluedIn_stats_currency {
font-size: 30px;
font-weight: lighter; }
.cluedIn_entityHeader .cluedIn_entityStats ul li .cluedIn_stats_unit {
font-size: 30px; }
.cluedIn_entityHeader .cluedIn_entityStats ul li .cluedIn_stats_period {
font-size: 14px;
font-weight: lighter;
font-style: italic;
padding-left: 2px; }
.cluedIn_entity_list_flex {
margin: -15px; }
.cluedIn_entity_list_flex ul {
margin: 0;
padding: 0; }
.cluedIn_entity_list_flex ul li {
list-style: none;
line-height: 48px;
display: flex;
padding: 5px;
border-bottom: 1px solid #d2d2d2; }
.cluedIn_entity_list_flex ul li .cluedin_entity_icon_wrapper {
line-height: initial;
padding-top: 2px; }
.cluedIn_entity_list_flex ul li .cluedIn_name {
flex: 1;
margin-left: 10px; }
.cluedIn_entity_list_flex ul li .cluedIn_badge {
margin-right: 10px;
margin-top: 15px;
float: right; }
.cluedIn_entity_person_list {
margin: -15px; }
.cluedIn_entity_person_list_name {
font-size: 18px;
font-weight: bold; }
.cluedIn_entity_person_list_title {
font-size: 16px;
font-weight: bold; }
.cluedIn_entity_person_list_address {
margin-top: 5px; }
.cluedIn_entity_person_list_address i {
margin-right: 5px; }
.cluedIn_entity_person_list .cluedIn_social {
margin-top: 10px; }
.cluedIn_entity_person_list_item {
border-bottom: 1px solid #eee;
padding-bottom: 10px;
padding-top: 10px; }
.cluedIn_personProfile_name {
text-align: center;
font-size: 26px;
margin-top: 10px; }
.cluedIn_personProfile_jobTitle {
text-align: center;
font-size: 20px;
font-weight: 200;
margin-top: 10px;
margin-bottom: 10px; }
.cluedIn_personProfile_withIcon {
margin-top: 10px;
margin-bottom: 10px;
text-align: center; }
.cluedIn_personProfile_withIcon i {
margin-right: 5px; }
.cluedIn_personProfile_social {
text-align: center;
margin-top: 10px;
margin-bottom: 10px; }
.cluedIn_personProfile {
padding: 15px; }
.cluedIn_personProfile .cluedIn_following_area {
text-align: center;
margin-bottom: 30px; }
.cluedIn_personProfile .cluedIn_following_area .cluedIn_following_info {
margin: 10px 0; }
.cluedIn_personProfile .cluedIn_following_area .cluedIn_following_info_number {
display: block;
font-weight: bold;
font-size: 30px; }
.cluedIn_personProfile_image img {
border-radius: 500px;
max-width: 125px; }
.cluedIn_alert {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px; }
.cluedIn_alert i {
margin-right: 10px;
font-size: 30px;
padding-top: -5px;
float: left;
margin-top: -4px; }
.cluedIn_alert_info {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1; }
.cluedIn_propertyViewer {
margin-top: 15px; }
.cluedIn_propertyViewer:after {
content: "";
display: table;
clear: both; }
.cluedIn_propertyViewer_property {
margin-top: 5px; }
.cluedIn_propertyViewer_property {
clear: both;
padding-top: 10px; }
.cluedIn_propertyViewer_property_name {
font-weight: normal;
font-style: italic;
color: #888;
float: left;
width: 30%; }
.cluedIn_propertyViewer_property_value {
float: left;
width: 70%;
padding-left: 10px;
padding-right: 10px;
word-break: break-word; }
body {
font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
color: #58666e;
-webkit-font-smoothing: antialiased;
line-height: 1.42857143;
background: #EEEEEE; }
body.fullApp .cluedIn_container {
margin-top: 50px;
padding-top: 15px; }
.cluedIn_header .cluedIn_header_logo {
width: 225px;
position: absolute;
left: 0; }
.cluedIn_header .cluedIn_header_search {
max-width: 1200px;
padding: 8px 0;
margin: 0 auto; }
.cluedIn_header .cluedIn_header_account {
width: 135px;
position: absolute;
top: 0;
right: 0; }
.cluedIn_header {
position: fixed !important;
top: 0;
left: 0;
right: 0;
z-index: 3;
height: 50px;
background: #06979e;
margin: 0;
padding: 0;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28); }
.cluedIn_searchBox {
position: relative; }
.cluedIn_searchBox input {
background-color: rgba(255, 255, 255, 0.28);
border: transparent;
color: #fff;
display: block;
width: 100%;
height: 34px;
padding: 0 15px 0 15px;
font-size: 14px;
line-height: 1.42857143;
border-radius: 2px;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
margin: 0; }
.cluedIn_searchBox .cluedIn_searchBox_button {
position: absolute;
right: 0;
top: 0;
font-size: 14px;
color: #fff;
opacity: 0.8;
cursor: pointer;
padding: 10px;
border-radius: 0 3px 2px 0; }
.cluedIn_searchBox .cluedIn_searchBox_button:hover {
background-color: #24c6ce; }
.cluedIn_searchBox ul.cluedIn_searchBox_autoComplete {
background: #fff;
margin: 0;
padding: 0; }
.cluedIn_searchBox ul.cluedIn_searchBox_autoComplete li {
list-style: none;
padding: 10px 15px; }
.cluedIn_searchBox ul.cluedIn_searchBox_autoComplete li.selected {
background: #EEEEEE;
color: #000000; }
.cluedIn_searchBox ul.cluedIn_searchBox_autoComplete li:hover {
background: #EEEEEE; }
.cluedIn_rectSpinner {
height: 20px; }
.cluedIn_rectSpinner > div {
background-color: #fff;
height: 100%;
width: 6px;
display: inline-block;
-webkit-animation: stretchdelay 1.2s infinite ease-in-out;
animation: stretchdelay 1.2s infinite ease-in-out; }
.cluedIn_rectSpinner .cluedIn_rect {
margin-right: 2px; }
.cluedIn_rectSpinner