/********************************************
Tag Resets
********************************************/
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
margin: 0;
padding: 0;
border: 0;
}
/********************************************
Normalize CSS
http://necolas.github.com/normalize.css/
********************************************/
html {
height: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
min-height: 100%;
font-size: 100%;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
audio,
canvas,
video {
display: block;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
b,
strong {
font-weight: bold;
}
abbr[title] {
border-bottom: 1px dotted;
}
input,
textarea,
button,
select {
margin: 0;
font-size: 100%;
line-height: normal;
vertical-align: baseline;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
}
input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
textarea {
overflow: auto;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
img {
border:none;
}
/*@font-face {
font-family: 'Arquitecta';
src: url('/assets/arquitecta/latinotype-arquitectabook-webfont.eot');
src: url('/assets/arquitecta/latinotype-arquitectabook-webfont.eot?#iefix') format('embedded-opentype'),
url('/assets/arquitecta/latinotype-arquitectabook-webfont.woff2') format('woff2'),
url('/assets/arquitecta/latinotype-arquitectabook-webfont.woff') format('woff'),
url('/assets/arquitecta/latinotype-arquitectabook-webfont.ttf') format('truetype'),
url('/assets/arquitecta/latinotype-arquitectabook-webfont.svg#arquitectabook') format('svg');
font-weight: normal;
font-style: normal;
}*/
@font-face {
font-family: 'Arquitecta';
src: url('arquitecta/latinotype-arquitectalight-webfont.eot');
src: url('arquitecta/latinotype-arquitectalight-webfont.eot?') format('embedded-opentype'),
url('arquitecta/latinotype-arquitectalight-webfont.woff2') format('woff2'),
url('arquitecta/latinotype-arquitectalight-webfont.woff') format('woff'),
url('arquitecta/latinotype-arquitectalight-webfont.ttf') format('truetype'),
url('arquitecta/latinotype-arquitectalight-webfont.svg') format('svg');
font-weight: 300;
font-style: normal;
}
/*
@font-face {
font-family: 'Arquitecta';
src: url('/assets/arquitecta/latinotype-arquitectabold-webfont.eot');
src: url('/assets/arquitecta/latinotype-arquitectabold-webfont.eot?#iefix') format('embedded-opentype'),
url('/assets/arquitecta/latinotype-arquitectabold-webfont.woff2') format('woff2'),
url('/assets/arquitecta/latinotype-arquitectabold-webfont.woff') format('woff'),
url('/assets/arquitecta/latinotype-arquitectabold-webfont.ttf') format('truetype'),
url('/assets/arquitecta/latinotype-arquitectabold-webfont.svg#arquitecta_boldbold') format('svg');
font-weight: bold;
font-style: normal;
}
*/
@font-face {
font-family: 'Arquitecta';
src: url('arquitecta/latinotype-arquitectamedium-webfont.eot');
src: url('arquitecta/latinotype-arquitectamedium-webfont.eot?') format('embedded-opentype'),
url('arquitecta/latinotype-arquitectamedium-webfont.woff2') format('woff2'),
url('arquitecta/latinotype-arquitectamedium-webfont.woff') format('woff'),
url('arquitecta/latinotype-arquitectamedium-webfont.ttf') format('truetype'),
url('arquitecta/latinotype-arquitectamedium-webfont.svg') format('svg');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'KSP-Icons';
src: url('ksp-icons/KSP-Icons.eot');
src: url('ksp-icons/KSP-Icons.eot?') format('embedded-opentype'),
url('ksp-icons/KSP-Icons.ttf') format('truetype'),
url('ksp-icons/KSP-Icons.woff') format('woff'),
url('ksp-icons/KSP-Icons.svg') format('svg');
font-weight: normal;
font-style: normal;
}
@charset "UTF-8";
/***** Fonts ******/
/***** Colors *****/
/* Was Kinetic Dark Grey #6C6463 */
/* was Kinetic Dark Grey #6C6463 */
/* Kinetic Medium Blue */
/*#E8E8E8;*/
/* Explicit Kinetic Color Definitions */
/* typographic scale */
/* z-index management */
/* line 3, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
html, body {
-webkit-text-size-adjust: 100%;
}
/* stop iOS from reszing on device rotation */
/* line 5, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
html {
/* set the browser baseline for type */
font-size: 100%;
/* sets the value of 1rem to a default of 16px */
line-height: 1;
/* prevent mobile from resizing text */
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
/* normalize font rendering */
text-rendering: optimizeLegibility;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* line 22, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
body {
/* defaults all fonts to 16px Open Sans 300 #5C5C5C */
font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
font-weight: 300;
font-size: 1rem;
line-height: 1.5rem;
color: #5C5C5C;
background-color: #FFFFFF;
padding: 10px;
/*
This craziness is here to make the icon font render sharply...
Why you ask? Apparently the size of a space character for
Open Sans renders to a fraction of a pixel, and for some reason
in Chrome and MS Edge, this affects the fractional start point
of subsequent text, even of another font AND even in another container.
Safari, Firefox and IE don't exhibit this behaviour, and as such are
not affected by the following value.
This value was found by trial and error...
*/
word-spacing: 0.845px;
}
/* line 49, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
html * {
/* defaults all elements to use border-box sizing model */
box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
/************** TYPOGRAPHY *****************
Default body font size is 1rem (16px)
Default line height size is 1.5rem (24px)
BASELINE 1.5rem (24px)
1/4 scale 0.375rem
1/2 scale 1.75rem
3/4 scale 1.125rem
*/
/* line 70, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
p {
font-weight: 300;
color: #5C5C5C;
line-height: 1.5rem;
margin-bottom: 1.5rem;
max-width: 50rem;
}
/* line 78, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
p.info,
div.info {
position: relative;
padding-left: 1.5rem;
/* background-image:url(/assets/icons/icon-info.png);
background-repeat:no-repeat;
background-position: 0px 3px;
*/
}
/* line 87, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
p.info:before,
div.info:before {
font-family: "KSP-Icons";
position: absolute;
display: block;
width: 20px;
height: 20px;
border-radius: 10px;
background-color: #D5ECFE;
font-size: 20px;
line-height: 1;
top: 0.125rem;
left: 0;
content: "\e63a";
color: #2DB3DF;
}
/* line 105, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
p.info a, div.info a {
font-size: 0.75rem;
text-transform: uppercase;
}
/* line 110, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
p.alignRight,
div.alignRight,
span.alignRight {
text-align: right;
}
/* line 116, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
p.alignLeft,
div.alignLeft,
span.alignLeft {
text-align: left;
}
/* line 122, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
em {
font-style: italic;
}
/* line 126, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
strong {
font-weight: 700;
color: #404040;
}
/* line 131, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
strong.lighter {
font-weight: 400;
}
/* line 135, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
strong a {
font-weight: 700;
}
/* Links */
/* line 141, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
a,
.mimicLinkStyle {
color: #00A9CE;
text-decoration: none;
font-weight: 400;
cursor: pointer;
}
/* line 148, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
a:visited,
.mimicLinkStyle:visited {
color: #00A9CE;
text-decoration: none;
}
/* line 153, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
a:hover,
.mimicLinkStyle:hover {
text-decoration: underline;
color: #1BCDF4;
}
/* line 158, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
a:active,
.mimicLinkStyle:active {
text-decoration: underline;
color: #14789D;
}
/* line 164, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
strong.mimicLinkStyle {
font-weight: 700;
}
/* line 168, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
a.disabled,
.mimicLinkStyle.disabled {
color: #D6D6D6;
text-decoration: none;
font-weight: 400;
cursor: default;
}
/* line 175, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
a.disabled:visited,
.mimicLinkStyle.disabled:visited {
color: #D6D6D6;
text-decoration: none;
}
/* line 180, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
a.disabled:hover,
.mimicLinkStyle.disabled:hover {
text-decoration: none;
color: #D6D6D6;
}
/* line 185, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
a.disabled:active,
.mimicLinkStyle.disabled:active {
text-decoration: none;
color: #D6D6D6;
}
/* line 191, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
a.toggled {
color: #1BCDF4;
text-decoration: underline;
font-weight: 400;
}
/* line 196, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
a.toggled:visited {
color: #1BCDF4;
text-decoration: underline;
}
/* line 201, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
a.toggled:hover {
color: #1BCDF4;
text-decoration: underline;
}
/* line 206, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
a.toggled:active {
color: #1BCDF4;
text-decoration: underline;
}
/* line 212, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
a.destructiveAction {
color: #DB1717;
text-decoration: none;
font-weight: 400;
}
/* line 217, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
a.destructiveAction:visited {
color: #DB1717;
text-decoration: none;
}
/* line 222, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
a.destructiveAction:hover {
text-decoration: underline;
color: #FF2B2B;
}
/* line 227, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
a.destructiveAction:active {
text-decoration: underline;
color: #A30808;
}
/* Headings */
/* line 235, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
h1, h2, h3, h4, h5, h6 {
font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
font-weight: 400;
color: #404040;
margin-top: 3rem;
margin-bottom: 0rem;
}
/* line 244, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
h1 {
font-family: "Arquitecta";
font-size: 3rem;
/* 48px */
line-height: 3rem;
margin-top: 3.1875rem;
margin-bottom: 1.3125rem;
font-weight: 300;
}
/* line 253, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
h2 {
font-size: 1.8125rem;
/* 29px */
line-height: 3rem;
margin-top: 1.9375rem;
margin-bottom: 1.0625rem;
}
/* line 260, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
h3 {
font-size: 1.625rem;
/* 26px */
line-height: 3rem;
margin-top: 2rem;
margin-bottom: 1rem;
}
/* line 267, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
h4 {
font-size: 1.5rem;
/* 24px */
line-height: 1.5rem;
margin-top: 2.8125rem;
margin-bottom: 1.6875rem;
}
/* line 274, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
h5 {
font-size: 1.3125rem;
/* 21px */
line-height: 1.5rem;
margin-top: 2.875rem;
margin-bottom: 1.625rem;
}
/* line 281, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
h6 {
font-size: 1rem;
/* 16px */
line-height: 1.5rem;
margin-top: 1.5rem;
margin-bottom: 0rem;
text-transform: uppercase;
letter-spacing: 0.2rem;
}
/* line 290, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
h1 button, h2 button, h3 button, h4 button, h5 button, h6 button {
margin-left: 0.5rem;
}
/* when a header is the first element of a container, remove extra white space above */
/* line 295, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
h1:first-child {
margin-top: 0.1875rem;
}
/* line 299, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
h2:first-child {
margin-top: 0.4375rem;
}
/* line 303, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
h3:first-child {
margin-top: 0.5rem;
}
/* line 307, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
h4:first-child {
margin-top: 1.3125rem;
}
/* line 311, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
h5:first-child {
margin-top: 1.375rem;
}
/* line 315, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
h6:first-child {
margin-top: 0rem;
}
/* line 319, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
h1.noTopMargin:first-child,
h2.noTopMargin:first-child,
h3.noTopMargin:first-child,
h4.noTopMargin:first-child,
h5.noTopMargin:first-child,
h6.noTopMargin:first-child {
margin-top: 0px;
}
/* images aligned with text */
/* line 329, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
h1 img {
vertical-align: middle;
margin-bottom: 0.875rem;
}
/* line 334, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
h2 img {
vertical-align: middle;
margin-bottom: 0.375rem;
}
/* line 339, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
h3 img {
vertical-align: middle;
margin-top: -0.3125rem;
}
/* line 344, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
h4 img,
h5 img {
vertical-align: middle;
margin-bottom: 0.3125rem;
}
/* line 350, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
h6 img {
vertical-align: middle;
margin-bottom: 0.25rem;
}
/* line 355, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.alignMiddle {
display: inline-block;
vertical-align: middle;
}
/* line 360, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
img.alignMiddle {
margin-top: -4px;
}
/* line 364, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
td img.alignMiddle,
th img.alignMiddle {
margin-top: -2px;
}
/* line 369, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
input[type=checkbox].alignMiddle,
input[type=radio].alignMiddle {
top: 0px;
vertical-align: middle;
margin-top: -2px;
}
/* Fixed-width Type Styles */
/* line 379, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
code {
font-size: 0.875rem;
line-height: 1;
font-family: Monaco, "Lucida Console", "Lucida Sans Typewriter", Consolas, "Andale Mono", "Courier New", Courier, monospace;
color: #404040;
white-space: nowrap;
}
/* line 387, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
pre {
font-size: 0.875rem;
line-height: 1.5rem;
font-family: Monaco, "Lucida Console", "Lucida Sans Typewriter", Consolas, "Andale Mono", "Courier New", Courier, monospace;
color: #404040;
padding-top: 0.1rem;
margin-left: 3rem;
margin-bottom: 1.4rem;
}
/* line 397, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
pre .highlight {
background-color: #FDFBCE;
}
/* line 401, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
html.ie code, html.ie pre {
font-size: 0.9375rem;
}
/***** EXPLICIT STYLE DEFINITIONS *****/
/* line 407, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.explicitFontLight {
font-weight: 300;
line-height: 1.5rem;
}
/* line 412, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.explicitFontLightItalic {
font-weight: 300;
font-style: italic;
}
/* line 417, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.explicitFontNormal {
font-weight: 400;
}
/* line 421, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.explicitFontNormalItalic {
font-weight: 400;
font-style: italic;
}
/* line 426, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.explicitFontBold {
font-weight: 700;
}
/* line 430, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.explicitFontArquitectaLight {
display: inline-block;
font-family: Arquitecta;
font-weight: 300;
margin-bottom: -0.375rem;
}
/* line 437, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.explicitFontArquitectaNormal {
display: inline-block;
font-family: Arquitecta;
font-weight: normal;
margin-bottom: -0.375rem;
}
/* line 444, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.explicitFontArquitectaMedium {
display: inline-block;
font-family: Arquitecta;
font-weight: 500;
margin-bottom: -0.375rem;
}
/* line 451, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.explicitFontArquitectaBold {
display: inline-block;
font-family: Arquitecta;
font-weight: bold;
margin-bottom: -0.375rem;
}
/* line 458, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.floatRight {
float: right;
}
/* line 462, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.floatLeft {
float: left;
}
/* line 466, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.noRightPadding {
padding-right: 0px;
}
/* line 470, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.paddingRightFull {
padding-right: 1.5rem;
}
/* line 474, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.paddingRightHalf {
padding-right: 0.75rem;
}
/* line 478, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.paddingRightQuarter {
padding-right: 0.375rem;
}
/* line 482, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.noLeftPadding {
padding-left: 0px;
}
/* line 486, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.paddingLeftFull {
padding-left: 1.5rem;
}
/* line 490, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.paddingLeftHalf {
padding-left: 0.75rem;
}
/* line 494, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.paddingLeftQuarter {
padding-left: 0.375rem;
}
/* line 498, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.noTopPadding {
padding-Top: 0px;
}
/* line 502, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.paddingTopFull {
padding-Top: 1.5rem;
}
/* line 506, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.paddingTopHalf {
padding-Top: 0.75rem;
}
/* line 510, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.paddingTopQuarter {
padding-right: 0.375rem;
}
/* line 514, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.noBottomPadding {
padding-Bottom: 0px;
}
/* line 518, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.paddingBottomFull {
padding-Bottom: 1.5rem;
}
/* line 522, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.paddingBottomHalf {
padding-Bottom: 0.75rem;
}
/* line 526, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.paddingBottomQuarter {
padding-Bottom: 0.375rem;
}
/* line 531, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.noLeftMargin {
margin-left: 0px;
}
/* line 535, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.noRightMargin {
margin-right: 0px;
}
/* line 539, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.noTopMargin {
margin-top: 0px;
}
/* line 543, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.noBottomMargin {
margin-bottom: 0px;
}
/* line 547, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.marginBottomQuarter {
margin-bottom: 0.375rem;
}
/* line 551, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.marginBottomHalf {
margin-bottom: 0.75rem;
}
/* line 555, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.marginBottomFull {
margin-bottom: 1.5rem;
}
/* line 559, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.marginTopQuarter {
margin-top: 0.375rem;
}
/* line 563, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.marginTopHalf {
margin-top: 0.75rem;
}
/* line 567, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.marginTopFull {
margin-top: 1.5rem;
}
/* line 571, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.marginLeftQuarter {
margin-left: 0.375rem;
}
/* line 575, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.marginLeftHalf {
margin-left: 0.75rem;
}
/* line 579, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.marginLeftFull {
margin-left: 1.5rem;
}
/* line 583, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.marginLeftFullHalf {
margin-left: 2.25rem;
}
/* line 587, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.marginLeftDouble {
margin-left: 3rem;
}
/* line 591, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.marginRightQuarter {
margin-right: 0.375rem;
}
/* line 595, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.marginRightHalf {
margin-right: 0.75rem;
}
/* line 599, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.marginRightFull {
margin-right: 1.5rem;
}
/* line 603, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.marginRightFullHalf {
margin-right: 2.25rem;
}
/* line 607, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.marginRightDouble {
margin-right: 3rem;
}
/* line 611, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.positionRelative {
position: relative;
}
/* line 615, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.nowrap {
white-space: nowrap;
}
/* line 619, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.forceWrap {
word-break: break-all;
}
/* line 623, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.opacity0 {
opacity: 0.0;
}
/* line 627, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.opacity25 {
opacity: 0.25;
}
/* line 631, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.opacity50 {
opacity: 0.5;
}
/* line 635, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.opacity65 {
opacity: 0.65;
}
/* line 639, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.opacity80 {
opacity: 0.80;
}
/* line 643, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.scrollable {
overflow-y: scroll;
}
/* line 647, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.clickable {
cursor: pointer;
}
/* line 651, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.smallCaps {
text-transform: uppercase;
font-size: 0.82em;
/* use ems here to make small
caps 80% of the height of
the rest of the text, regardless
of parent font size */
}
/* line 659, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.allCaps {
text-transform: uppercase;
}
/* line 663, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.errorText {
font-weight: 400;
color: #DB1717;
}
/* line 668, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.errorText.friendly {
color: #009B77;
}
/* deprecated. Please use .icon.iconError.small */
/* line 674, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.inlineErrorIndicator {
display: inline-block;
width: 13px;
height: 12px;
text-indent: -99999px;
/*background-image: url(/assets/icons/icon-error_sm.png);*/
/*background-repeat: no-repeat;*/
vertical-align: middle;
margin-top: -3px;
position: relative;
font-family: "KSP-Icons";
font-size: 21px;
line-height: 1;
overflow: hidden;
}
/* line 690, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.inlineErrorIndicator:before {
position: absolute;
display: block;
content: "\e611";
color: #FFD200;
text-indent: 0px;
top: -4px;
left: -4px;
}
/* line 700, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.inlineErrorIndicator:after {
position: absolute;
display: block;
text-indent: 0px;
content: "\e612";
top: -4px;
left: -4px;
color: #000000;
}
/* line 711, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.inlineErrorIndicator.larger {
width: 20px;
height: 18px;
font-size: 32px;
margin-top: -5px;
/*background-image: url(/assets/icons/icon-error.png);*/
}
/* line 719, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.inlineErrorIndicator.larger:before,
.inlineErrorIndicator.larger:after {
top: -6px;
left: -6px;
}
/* line 725, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.fullWidthCenter {
width: 100%;
max-width: 100%;
text-align: center;
}
/* line 731, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
p.fullWidthCenter {
max-width: 50rem;
margin-left: auto;
margin-right: auto;
}
/* line 737, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.highlight {
background-color: #FDFBCE;
}
/**************** BREADCRUMB *******************/
/* line 744, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.breadCrumb {
font-size: 0.875rem;
text-transform: uppercase;
}
/* line 749, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.breadCrumb img.channelIcon {
display: inline-block;
vertical-align: middle;
margin-top: -2px;
}
/******************** LISTS **********************/
/* line 759, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul, ol {
margin: 0rem;
padding: 0rem;
margin-bottom: 1.5rem;
position: relative;
}
/* line 766, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
li {
margin: 0rem;
padding: 0rem;
line-height: 1.5rem;
max-width: 40rem;
}
/* line 773, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul li {
list-style: none;
}
/* line 777, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.fullWidth li {
max-width: none;
}
/* line 781, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ol, ul.bullets li {
margin-left: 1rem;
padding-left: 0.375rem;
}
/* line 786, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.bullets li:before {
position: absolute;
/*content: "•";*/
content: "\2022";
color: #AEAEAE;
left: 0.25rem;
}
/* line 794, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.inline {
margin: 0rem;
padding: 0rem;
}
/* line 799, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.inline li {
display: inline-block;
margin: 0rem;
padding: 0rem;
}
/* line 805, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.swatchList {
margin-bottom: 1.5rem;
}
/* line 809, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.swatchList li {
width: 17rem;
margin: 0rem 1.5rem 0.75rem 0rem;
}
/* line 814, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.buttonList li {
width: 15rem;
margin-bottom: 0.75rem;
}
/* line 819, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.separators li {
padding: 0.375rem;
border-top: solid 1px #E8E8E8;
}
/* line 824, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.separators li:last-of-type {
border-bottom: solid 1px #E8E8E8;
}
/* line 828, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.separators.dontPropagate ul li {
border-top: none;
border-bottom: none;
}
/* line 833, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.appliedFilters li {
display: inline;
font-weight: 400;
color: #404040;
}
/* line 840, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.appliedFilters li:after {
content: " |";
font-size: 0.875rem;
margin: 0px 0.25rem;
font-weight: 300;
color: #656565;
}
/* line 848, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.appliedFilters li:first-child {
margin-right: 0.5rem;
}
/* line 852, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.appliedFilters li:first-child:after {
content: "";
}
/* line 856, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.appliedFilters li a {
font-size: 0.875rem;
text-transform: uppercase;
padding-right: 16px;
background-image: url(icons/icon-delete.png);
background-repeat: no-repeat;
background-position: right 0px top 3px;
}
/* line 868, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.appliedFilters li:last-child:after {
content: "";
margin-right: 0px;
}
/* line 873, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.appliedFilters li.clearFiltersControl a {
/* font-size: 1rem;
text-transform: none;
padding-right: 0px;*/
background-image: none;
padding-right: none;
}
/* line 881, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.descriptionList li {
padding: 0.75rem;
border-top: solid 2px #E8E8E8;
}
/* line 886, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.descriptionList li:last-of-type {
border-bottom: solid 2px #E8E8E8;
}
/* line 890, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.reportColumnList li {
padding: 0.375rem;
border-top: solid 1px #E8E8E8;
}
/* line 895, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.reportColumnList li:last-of-type {
border-bottom: solid 1px #E8E8E8;
}
/* line 899, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.reportColumnList li.timeDimension {
background-image: url(icons/icon-clock.svg);
background-repeat: no-repeat;
background-position: right 6px center;
padding-right: 28px;
}
/* line 906, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.reportColumnList li.timeDimension:hover {
background-color: #f3dfce;
}
/* line 910, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.reportColumnList li.dimension:hover {
background-color: #f6e7da;
}
/* line 914, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.reportColumnList li.metric:hover {
background-color: #ebf3e4;
}
/* line 918, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.reportColumnList li:hover {
background-color: #E9F6FA;
cursor: url(ui/openhand.cur), pointer;
/* for IE */
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grab;
}
/* line 926, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.draggableCursor ul.reportColumnList li:hover {
cursor: url(ui/closedhand.cur), move;
/* for IE */
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing;
}
/* line 935, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.reportList li {
position: relative;
padding: 0;
}
/* line 940, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.reportList li:hover {
background-color: #E9F6FA;
}
/* line 944, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.reportList li label {
margin: 0;
height: auto;
line-height: inherit;
display: block;
padding: 0.375rem;
max-width: none;
}
/* line 953, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.reportList li .reportDescription {
display: block;
font-size: 0.875rem;
line-height: 1.125rem;
margin: 0;
padding: 0;
margin-left: 1.5rem;
margin-right: 4.5rem;
}
/* line 963, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.reportList li .infoLink {
position: absolute;
display: inline-block;
top: 5px;
right: 6px;
opacity: 0;
-webkit-transition: opacity 0.1s;
-moz-transition: opacity 0.1s;
-ms-transition: opacity 0.1s;
transition: opacity 0.1s;
cursor: pointer;
}
/* line 976, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.reportList li:hover .infoLink {
opacity: 1;
}
/* line 980, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.reportList li.selected,
ul.reportList li.selected:last-of-type {
background-color: #D5EBF3;
border: none;
}
/* line 989, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.reportColumnList li:active {
background-color: #D5EBF3;
color: #404040;
cursor: url(ui/closedhand.cur), move;
/* for IE */
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing;
}
/* line 998, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.reportColumnList li.selected,
ul.reportColumnList li.selected:hover {
background-color: #D5EBF3;
}
/* line 1003, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.reportColumnList.withAttributes li {
position: relative;
padding-right: 60px;
}
/* line 1008, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.reportColumnList.withAttributes li img {
/* float: right;
margin-right: 2px;
margin-top: 6px;*/
position: absolute;
top: 12px;
right: 0px;
display: block;
}
/* line 1018, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.reportColumnList.withAttributes li img.micro_fb {
right: 34px;
}
/* line 1022, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.reportColumnList.withAttributes li img.micro_pin {
right: 20px;
}
/* line 1026, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.reportColumnList.withAttributes li img.micro_tw {
right: 6px;
}
/*ul.reportColumnList.withAttributes li img:first-of-type {
margin-right: 0px;
}
ul.reportColumnList.withAttributes li img:last-of-type {
margin-left: 6px;
}*/
/*ul.reportColumnList.withAttributes li:after {
content: attr(data-attr-channel);
font-size: 0.75rem;
text-transform: uppercase;
color: #A8A8A8;
position: absolute;
top: 7px; right: 6px;
font-weight: 400;
}
ul.reportColumnList.withAttributes li:active:after {
color: $color-dark-text;
}*/
/* Tab Strip */
/* first, undo the horrible way jQuery UI does tabs... */
/* line 1057, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.tabStrip.ui-widget-header {
border: none;
background: none;
font-weight: 300;
height: auto;
}
/* line 1064, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.tabStrip .ui-state-active,
ul.tabStrip .ui-state-default {
border: none;
background: none;
font-weight: 300;
padding: 0rem;
margin: 0rem;
margin-right: 0.25rem;
}
/* line 1074, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.tabStrip .ui-state-active a,
ul.tabStrip .ui-state-default a {
color: #2DB3DF;
padding: 0rem;
padding-left: 0.75rem;
padding-right: 0.75rem;
}
/* line 1083, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.tabStrip .ui-state-active a:active,
ul.tabStrip .ui-state-default a:active {
color: #FFFFFF;
padding: 0rem;
padding-left: 0.75rem;
padding-right: 0.75rem;
}
/* line 1092, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.sidebarMetricGrouping {
margin-bottom: 1.5rem;
}
/* line 1096, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.sidebarMetricGrouping li {
padding: 0rem 0.75rem;
padding-left: 0.375rem;
height: 2rem;
background-color: #e8e8e8;
margin-bottom: 2px;
box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
/* line 1109, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.sidebarMetricGrouping li input {
line-height: 2rem;
}
/* line 1113, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.sidebarMetricGrouping li label {
line-height: 2rem;
-webkit-font-smoothing: antialiased;
font-weight: 400;
color: #404040;
margin: 0px;
width: 90%;
}
/* line 1122, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.sidebarMetricGrouping li.selected {
background-color: #D5ECFE;
}
/* KS custome styles for tabs */
/* line 1127, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.tabStrip {
margin: 0rem;
padding: 0rem;
padding-left: 0.375rem;
margin-bottom: 1.5rem;
font-size: 0.9375rem;
font-weight: 400;
height: 1.8rem;
overflow: hidden;
background-image: url(ui/1x1_light.png);
background-repeat: repeat-x;
background-position: left bottom;
box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
/* line 1146, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.tabStrip li {
display: inline-block;
padding: 0rem;
margin: 0rem;
height: 1.8rem;
}
/* line 1153, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.tabStrip li a,
ul.tabStrip li a:active,
ul.tabStrip li a:visited {
padding: 0rem;
margin: 0rem;
background-color: #F5F5F5;
display: inline-block;
height: 1.8rem;
line-height: 1.8rem;
white-space: nowrap;
padding-left: 0.75rem;
padding-right: 0.75rem;
cursor: default;
text-decoration: none;
border-top: solid 1px #F5F5F5;
border-left: solid 1px #F5F5F5;
border-right: solid 1px #F5F5F5;
border-bottom: solid 1px #E8E8E8;
-moz-border-radius-topleft: 9px;
-webkit-border-top-left-radius: 9px;
border-top-left-radius: 9px;
-moz-border-radius-topright: 9px;
-webkit-border-top-right-radius: 9px;
border-top-right-radius: 9px;
box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
background: -moz-linear-gradient(90deg, #F5F5F5 80%, #EEEEEE 100%);
background: -webkit-linear-gradient(90deg, #F5F5F5 80%, #EEEEEE 100%);
background: -o-linear-gradient(90deg, #F5F5F5 80%, #EEEEEE 100%);
background: -ms-linear-gradient(90deg, #F5F5F5 80%, #EEEEEE 100%);
background: linear-gradient(180deg, #F5F5F5 80%, #EEEEEE 100%);
}
/* line 1193, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.tabStrip li a:hover {
cursor: pointer;
background-color: #32C8F9;
border-top: solid 1px #32C8F9;
border-left: solid 1px #32C8F9;
border-right: solid 1px #32C8F9;
color: #FFFFFF;
text-decoration: none;
background: -moz-linear-gradient(90deg, #32C8F9 80%, #2fbbe9 100%);
background: -webkit-linear-gradient(90deg, #32C8F9 80%, #2fbbe9 100%);
background: -o-linear-gradient(90deg, #32C8F9 80%, #2fbbe9 100%);
background: -ms-linear-gradient(90deg, #32C8F9 80%, #2fbbe9 100%);
background: linear-gradient(180deg, #32C8F9 80%, #2fbbe9 100%);
}
/* line 1209, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.tabStrip li a:focus {
outline: none;
}
/* line 1213, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.tabStrip li.ui-state-active a,
ul.tabStrip li.ui-state-active a:hover,
ul.tabStrip li.ui-state-active a:visited,
ul.tabStrip li.ui-state-active a:active {
background: none;
background-color: #FFFFFF;
color: #2DB3DF;
height: 1.8625rem;
cursor: default;
border-top: solid 1px #E8E8E8;
border-left: solid 1px #E8E8E8;
border-right: solid 1px #E8E8E8;
border-bottom: solid 1px #FFFFFF;
}
/* line 1229, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.tiles150 li {
display: inline-block;
width: 150px;
margin-right: 0.75rem;
margin-bottom: 0.75rem;
text-align: center;
}
/* line 1237, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.altRowColours li:nth-child(odd) {
background-color: #f3f3f3;
}
/* line 1241, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.contentList li {
padding: 0.375rem 0.375rem;
}
/* line 1245, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.selectable li:hover {
cursor: pointer;
background-color: #E8F4FE;
}
/* line 1250, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.selectable li.selected {
/*cursor:default;*/
background-color: #D5ECFE;
}
/* line 1255, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.selectable.withRadioButtons li {
padding-left: 30px;
position: relative;
}
/* line 1260, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.selectable.withRadioButtons li:before {
content: " ";
width: 16px;
height: 16px;
position: absolute;
top: 10px;
left: 6px;
background-image: url(forms/check-radio-sprite.png);
background-repeat: no-repeat;
background-position: -20px 0px;
}
/* line 1272, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.selectable.withRadioButtons li.selected:before {
background-position: -20px -20px;
}
/* line 1276, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.hangingIndent li {
padding-left: 1.5rem;
text-indent: -1.5rem;
}
/* style for list of IO's on the IO index */
/* line 1282, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.ioList li {
max-width: none;
border-top: solid 2px #e8e8e8;
padding: 0;
}
/* line 1288, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.ioList li:last-of-type {
border-bottom: solid 2px #e8e8e8;
}
/* Definition Lists */
/* line 1294, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
dl {
display: block;
margin-bottom: 1.5rem;
}
/* line 1299, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
dt {
line-height: 1.5rem;
color: #656565;
font-weight: 300;
}
/* line 1305, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
dd {
line-height: 1.5rem;
color: #404040;
font-weight: 400;
margin-left: 1.5rem;
margin-bottom: 0.75rem;
}
/* line 1313, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
dl.inline {
display: block;
/*overflow-y:auto;*/
}
/* line 1318, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
dl.inline:after {
content: "";
display: block;
clear: both;
}
/* line 1324, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
dl.inline dt {
display: inline-block;
clear: both;
float: left;
}
/* line 1330, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
dl.inline dd {
display: inline-block;
float: left;
margin-bottom: 0rem;
margin-left: 0.375rem;
}
/* line 1337, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
dl.oneLine {
overflow-y: auto;
}
/* line 1341, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
dl.oneLine dt, dl.oneLine dd {
display: inline-block;
float: left;
margin: 0rem;
margin-right: 0.25rem;
}
/* line 1348, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
dl.oneLine dd {
margin-right: 1.5rem;
}
/* line 1352, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
dl.sidebarSelectorList {
display: block;
overflow-y: auto;
}
/* line 1357, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
dl.sidebarSelectorList dt {
width: 110px;
display: inline-block;
clear: both;
float: left;
}
/* line 1364, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
dl.sidebarSelectorList dd {
display: inline-block;
float: left;
margin-bottom: 0rem;
margin-left: 0.375rem;
}
/* line 1371, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
dl.sidebarSelectorList dd label:last-of-type {
margin-right: 0px;
}
/************ SEPARATORS *****************/
/* line 1380, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.labelSeparator {
text-align: center;
line-height: 1.5rem;
background-image: url(ui/1x1_light.png);
background-repeat: repeat-x;
background-position: center top 0.75rem;
margin-bottom: 0.75rem;
}
/* line 1389, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.labelSeparator span {
background-color: #FFFFFF;
padding-left: 0.5rem;
padding-right: 0.5rem;
}
/* line 1395, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
hr {
height: 2px;
border: 0px;
background-color: #E8E8E8;
margin-bottom: 1.5rem;
}
/**************** PAGE WRAPPER ****************/
/* line 1406, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.pageWrap {
padding: 1.5rem 14px;
margin-bottom: 0rem;
background-color: #6C6463;
}
/* line 1412, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.pageWrap > h1,
.pageWrap > h2,
.pageWrap > h3,
.pageWrap > h5,
.pageWrap > h6,
.pageWrap > p,
.pageWrap > code,
.pageWrap > p > code {
color: #FFFFFF;
}
/* line 1423, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.pageWrap > h1,
.pageWrap > h2,
.pageWrap > h3,
.pageWrap > h5,
.pageWrap > h6 {
margin-top: -0.375rem;
color: #FFFFFF;
}
/* line 1432, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.pageWrap > h1 + p,
.pageWrap > div[ui-view] > h1 + p,
.pageWrap > h2 + p,
.pageWrap > div[ui-view] > h2 + p,
.pageWrap > h3 + p,
.pageWrap > div[ui-view] > h3 + p,
.pageWrap > h4 + p,
.pageWrap > div[ui-view] > h4 + p,
.pageWrap > h5 + p,
.pageWrap > div[ui-view] > h5 + p,
.pageWrap > h6 + p,
.pageWrap > div[ui-view] > h6 + p {
margin-top: -0.75rem;
font-weight: 400;
}
/* line 1449, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.pageWrap > p {
color: #FFFFFF;
font-weight: 400;
}
/* line 1454, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.pageWrap div[ui-view] > h1,
.pageWrap div[ui-view] > h2,
.pageWrap div[ui-view] > h3,
.pageWrap div[ui-view] > h4,
.pageWrap div[ui-view] > h5,
.pageWrap div[ui-view] > h6,
.pageWrap div[ui-view] > p,
.pageWrap div[ui-view] > code,
.pageWrap div[ui-view] > p > code {
color: #FFFFFF;
}
/* line 1466, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.pageWrap div[ui-view] > h1 {
margin-top: -0.375rem;
}
/*********** HEADER AND FOOTER ***********/
/* line 1476, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
div.header {
background-color: #554F4E;
height: 72px;
overflow-y: visible;
/*border-bottom: solid 3px #E57200;*/
}
/* line 1484, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
div.header img.logo {
float: left;
margin: 14px 16px;
}
/* line 1489, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
div.header div.nav {
text-align: left;
margin-left: 180px;
}
/* line 1494, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
div.header div.nav div.userMgmt {
margin: 0px;
padding-top: 4px;
padding-right: 14px;
text-align: right;
color: #897F7E;
}
/* line 1502, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
div.header div.nav div.userMgmt a.notices {
display: inline-block;
vertical-align: top;
font-size: 0.5rem;
width: 20px;
height: 20px;
margin-top: 3px;
margin-right: 8px;
line-height: 16px;
text-align: center;
background-image: url(icons/icon_message_bubble.png);
background-repeat: no-repeat;
color: #000000;
}
/* line 1517, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
div.header div.nav div.userMgmt a.notices:visited {
color: #000000;
}
/* line 1520, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
div.header div.nav div.userMgmt a.notices:hover {
color: #000000;
text-decoration: none;
}
/* line 1524, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
div.header div.nav div.userMgmt a.notices:active {
color: #000000;
text-decoration: none;
}
/* line 1530, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
div.header div.nav div.userMgmt .loggedInUser {
color: #FAF4EA;
font-size: 0.875rem;
/*margin-right: 1.5rem;*/
}
/* line 1536, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
div.userMgmt .loggedInUser {
padding-left: 22px;
background-image: url(icons/icon-user-management-silhouette.png);
background-position: left;
background-repeat: no-repeat;
}
/* line 1543, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
div.header div.nav .mainMenu {
margin: 0px;
padding-top: 10px;
}
/* line 1548, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
div.header div.nav div.mainMenu.qmmc {
display: inline-block;
/*margin-right: 200px;*/
}
/* line 1553, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
div.header div.nav .mainMenu > a,
div.header div.nav ul.mainMenu li {
display: inline-block;
padding: 0px;
padding-right: 20px;
}
/* line 1560, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
div.header div.nav .mainMenu > a:last-child,
div.header div.nav ul.mainMenu a:last-child {
padding-right: 0px;
}
/* line 1565, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
div.header div.nav .mainMenu > a,
div.header div.nav .mainMenu > a:visited,
div.header div.nav ul.mainMenu a,
div.header div.nav ul.mainMenu a:visited {
display: inline-block;
color: #FAF4EA;
text-decoration: none;
/*padding-bottom:4px;*/
font-size: 1rem;
font-weight: 400;
}
/* line 1577, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
div.header div.nav .mainMenu > a:hover,
div.header div.nav .mainMenu > a:active,
div.header div.nav ul.mainMenu a:hover,
div.header div.nav ul.mainMenu a:active {
color: #FAF4EA;
/*border-bottom:solid 2px #FFFFFF;*/
text-decoration: underline;
}
/***************** MISC ******************/
/* line 1593, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.hiding {
display: none;
}
/* used below floating elements to properly size preceding elements */
/* line 1598, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.clear {
clear: both;
}
/* line 1602, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.clearLeft {
clear: left;
}
/* line 1606, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.clearRight {
clear: right;
}
/* line 1610, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.colourSwatch {
display: inline-block;
float: left;
width: 3rem;
height: 3rem;
margin-right: 0.75rem;
background-color: #EEEEEE;
color: #FFFFFF;
padding-left: 0.375rem;
}
/* line 1621, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.chartLegendColorBox {
display: inline-block;
width: 0.5625rem;
height: 0.5625rem;
}
/* line 1627, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.tagFlag {
font-weight: 700;
font-size: 13px;
line-height: 15px;
color: #FFFFFF;
background-color: #6FAE3C;
padding: 0px 4px;
display: inline-block;
vertical-align: middle;
margin-left: 2px;
margin-bottom: 4px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
/* line 1644, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.boolOr, .boolAnd {
display: inline-block;
background-color: #fdf98c;
padding-left: 0.5rem;
padding-right: 0.5rem;
text-transform: uppercase;
color: #404040;
font-style: italic;
font-weight: 400;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
/* line 1659, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.modalVeil {
background-color: #000000;
opacity: 0.75;
cursor: pointer;
}
/* line 1665, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.modalContainer {
display: none;
position: fixed;
top: 0px;
left: 0px;
}
/* line 1672, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.loading {
display: block;
}
/* line 1678, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.smallText {
font-size: 0.75rem;
}
/* line 1682, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.tightLeading {
line-height: 1rem;
}
/* line 1687, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.ksOverlayFixed {
position: absolute;
display: none;
width: 100%;
height: 70px;
border: solid 2px #F5F5F5;
background-color: #F5F5F5;
filter: alpha(opacity=50);
-moz-opacity: 0.75;
-khtml-opacity: 0.75;
opacity: 0.75;
z-index: 900;
margin-top: -1px;
margin-left: -1px;
}
/* line 1703, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
tr.actionsRow.singleStrip .ksOverlayFixed {
height: 36px;
}
/* line 1707, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.ksOverlayText {
display: block;
font-weight: 100;
font-size: 2rem;
/* 2x p size */
color: #656565;
text-align: center;
z-index: 901;
margin-top: 0.75rem;
}
/* line 1717, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
tr.actionsRow.singleStrip .ksOverlayFixed .ksOverlayText {
font-size: 1.25rem;
/* 2x p size */
margin-top: 0.125rem;
}
/* line 1722, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
tr.actionsRow.wrapAndGrow .ksOverlayFixed {
position: absolute;
top: 1px;
left: -4px;
bottom: 0px;
height: auto;
width: calc(100% + 10px);
opacity: 1;
background-color: RGBA(245, 245, 245, 0.75);
border-color: RGBA(245, 245, 245, 0.75);
border-top: solid 1px #FFF;
}
/* line 1736, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
tr.actionsRow.wrapAndGrow .ksOverlayFixed .ksOverlayText {
font-size: 1rem;
/* 2x p size */
margin-top: 0;
display: -webkit-flex;
-webkit-justify-content: center;
-webkit-align-items: center;
display: flex;
justify-content: center;
align-items: center;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: auto;
}
/* line 1756, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.space-whole {
height: 1.5rem;
line-height: 1.5rem;
}
/* line 1761, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.space-half {
height: 0.75rem;
line-height: 1.5rem;
}
/* line 1766, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.truncate {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
/* line 1772, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.hidden {
display: none;
}
/* line 1776, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.hiddenRendered {
visibility: hidden;
position: absolute;
width: 0px;
height: 0px;
}
/* line 1783, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.inlineHelpIcon {
vertical-align: middle;
margin-bottom: 6px;
}
/* line 1788, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.editable {
position: relative;
padding-right: 20px;
cursor: pointer;
}
/* line 1794, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.editable:after {
content: " ";
width: 16px;
height: 16px;
position: absolute;
right: 0px;
top: 3px;
background-image: url(icons/icon-edit.png);
background-repeat: no-repeat;
}
/* line 1806, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.editable:hover {
background-color: #E9F6FA;
}
/* line 1810, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.editable:active {
background-color: #D5EBF3;
}
/*
hidden prinatble elements are specified here to ensure
printable elements are hidden.
Full rules for printing can found in ks-print.css.scss.erb are
only loaded when the browser's print command is called.
*/
/* line 1824, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.printOnly,
.printHeader {
display: none;
}
/*
body class to hide page wrapper, header and footer, titlebar of bigContainer, and body padding
*/
/* line 1836, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
body.hidePageWrap,
body.hidePageWrap .pageWrap {
padding: 0px;
}
/* line 1841, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
body.hidePageWrap header,
body.hidePageWrap footer,
body.hidePageWrap .fixedNav,
body.hidePageWrap .ksFixedNav,
body.hidePageWrap .pageWrap > *:not(.bigContainer),
body.hidePageWrap .bigContainer .titleBar,
body.hidePageWrap .bigContainer .subTitleBar {
display: none;
}
/* line 1851, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
body.hidePageWrap .pageWrap > div[ui-view] {
display: initial;
}
/* line 1856, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
body.hidePageWrap .pageWrap > div[ui-view] > *:not(.bigContainer) {
display: none;
}
/* line 1862, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
body.hidePageWrap .bigContainer {
margin-bottom: 0;
}
/* Explicitly supress click actions and allow pass through to items layered below */
/* line 1868, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.allowClickPassThrough {
pointer-events: none;
}
@media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 4 / 2), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
/* line 1879, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
p.info {
/* background-image:url(/assets/icons/icon-info@2x.png);
background-repeat:no-repeat;
background-size:20px 20px;
*/
}
/* line 1885, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.inlineErrorIndicator {
/*background-image: url(/assets/icons/icon-error_sm@2x.png);*/
background-repeat: no-repeat;
background-size: 13px 12px;
}
/* line 1891, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.inlineErrorIndicator.larger {
/*background-image: url(/assets/icons/icon-error@2x.png);*/
background-repeat: no-repeat;
background-size: 20px 18px;
}
/* line 1897, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
.editable:after {
background-image: url(icons/icon-edit@2x.png);
background-repeat: no-repeat;
background-size: 16px 16px;
}
/* line 1903, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/core.css.scss.erb */
ul.selectable.withRadioButtons li:before {
background-image: url(forms/check-radio-sprite@2x.png);
background-repeat: no-repeat;
background-size: 36px 76px;
}
}
@charset "UTF-8";
/* CSS Document */
/***** Fonts ******/
/***** Colors *****/
/* Was Kinetic Dark Grey #6C6463 */
/* was Kinetic Dark Grey #6C6463 */
/* Kinetic Medium Blue */
/*#E8E8E8;*/
/* Explicit Kinetic Color Definitions */
/* typographic scale */
/* z-index management */
/********* General Columns ***********/
/* line 7, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.columnContainer {
overflow-y: auto;
}
/* line 11, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.columnContainer > * {
float: left;
}
/* line 15, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.column1_2 {
box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
padding-right: 1.5rem;
width: 50%;
}
/* line 25, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.column1_4 {
box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
padding-right: 1.5rem;
width: 25%;
}
/* line 35, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.column1_5 {
box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
padding-right: 1.5rem;
width: 20%;
}
/* line 46, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.column1_3 {
box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
padding-right: 1.5rem;
width: 33.333%;
}
/* line 56, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.column2_3 {
box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
padding-right: 1.5rem;
width: 66.666%;
}
/************** Floating Tile Container ************/
/* line 68, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.tileContainer {
display: -webkit-flex;
-webkit-flex-direction: right;
-webkit-flex-wrap: wrap;
-webkit-justify-content: center;
-webkit-align-content: flex-start;
-webkit-align-items: flex-start;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-content: flex-start;
align-items: flex-start;
}
/* line 87, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.tileContainer > * {
margin-right: 0.375rem;
margin-left: 0.375rem;
margin-bottom: 0.75rem;
}
/* line 92, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.tileContainer.tileGroup {
margin-bottom: 1.5rem;
}
/* line 96, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.tileContainer.leftJustified {
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
/* line 101, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.tileContainer.leftJustified > * {
margin-right: 0.75rem;
margin-left: 0;
margin-bottom: 0.75rem;
}
/************** STICKY ****************/
/* line 110, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.sticky {
position: fixed;
top: 36px;
overflow: visible;
margin: 0rem 1.5rem;
/*
This fixes a Chrome rendering anomaly. The scrolling
panel would hide elements as the user scrolled the
non-fixed side. specifying backface-visibility to
"hidden" causes the fixed element to be rendered in
its own context, with the side effect of the anomalies
going away.
*/
backface-visibility: hidden;
}
/* line 127, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.stickyScroller {
overflow-x: visible;
overflow-y: scroll;
}
/********** GENERIC CENTRED CONTAINER *********/
/* line 134, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.centeredContainer {
max-width: 800px;
margin: auto;
}
/******** Generic Selectable Container ********/
/* line 141, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.selectableContainer {
padding: 7px;
cusor: pointer;
border: solid 1px #D6D2C4;
}
/* line 147, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.selectableContainer:hover {
background-color: #E9F6FA;
border: solid 1px #00A9CE;
}
/* line 152, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.selectableContainer.selected {
padding: 6px;
border: solid 2px #00A9CE;
}
/* line 157, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.selectableContainer.selected,
.selectableContainer.selected:hover {
background-color: #D5EBF3;
}
/* line 162, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.selectableContainer:active,
.selectableContainer.selected:active {
background-color: #FFFFFF;
}
/*************** GROUPING TITLE ***************/
/* line 170, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.groupTitle {
padding-bottom: 0.75rem;
border-bottom: solid 1px #E8E8E8;
}
/************** DISBALED CONTAINER ****************/
/* line 177, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.disabledContainer {
pointer-events: none;
opacity: 0.5;
}
/* line 182, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.disabledContainer button,
.disabledContainer .button {
dispaly: inline-block;
background-color: #D6D6D6;
border-bottom: none;
margin-top: 2px;
height: 30px;
}
/************ FIXED WIDTH MODIFIERS **************/
/* line 193, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.fixedWidth5 {
width: 5rem;
display: inline-block;
}
/* line 198, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.fixedWidth10 {
width: 10rem;
display: inline-block;
}
/* line 203, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.fixedWidth15 {
width: 15rem;
display: inline-block;
}
/* line 208, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.fixedWidth20 {
width: 20rem;
display: inline-block;
}
/* line 213, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.fixedWidth25 {
width: 25rem;
display: inline-block;
}
/* line 218, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.maxWidth50 {
max-width: 50rem;
display: inline-block;
}
/* line 223, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.asBock {
display: block !important;
}
/**************** BIG CONTAINER ***************/
/* line 230, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.bigContainer {
padding: 0rem;
background-color: #FFFFFF;
/*border-top:solid 1px #828282;*/
/*min-height:24rem;*/
/*overflow:hidden;*/
background-repeat: repeat-x;
background-position: top;
margin-bottom: 1.5rem;
}
/* line 242, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.bigContainer.noBottomMargin {
margin-bottom: 0rem;
}
/* line 246, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.bigContainer .titleBar {
margin: 0rem;
min-height: 3rem;
background-color: #e5e3db;
/*border-bottom:solid 1px #828282;*/
padding-top: 0rem;
padding-left: 1.2rem;
padding-right: 1.2rem;
/*overflow-y:hidden;*/
font-weight: 400;
line-height: 3rem;
}
/* line 259, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.bigContainer .subTitleBar {
margin: 0rem;
background-color: #FFFFFF;
border-bottom: solid 2px #E8E8E8;
padding: 0.625rem 1.2rem;
}
/* line 266, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.bigContainer .titleBar h2 {
color: #404040;
margin-top: 0rem;
margin-bottom: 0rem;
display: inline;
line-height: 3rem;
vertical-align: top;
}
/* line 275, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.bigContainer .titleBar h2 img {
margin-bottom: -0.1875rem;
}
/* line 279, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.bigContainer .titleBar button,
.bigContainer .titleBar .button,
.bigContainer .titleBar input,
.bigContainer .titleBar select {
position: relative;
top: -2px;
vertical-align: middle;
}
/* line 288, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.bigContainer .titleBar .socialIcon {
position: relative;
top: 0.25rem;
}
/* line 293, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.bigContainer .titleBar input[type=checkbox],
.bigContainer .titleBar input[type=radio] {
top: 0;
}
/* line 299, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.bigContainer .titleBar h2.smaller {
font-size: 1.8125rem;
}
/* line 303, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.bigContainer .titleBar select {
display: inline-block;
/*vertical-align:top;*/
width: 300px;
margin-left: 1rem;
/*margin-top:3px;*/
}
/* line 311, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.bigContainer .titleBar .actions {
float: right;
white-space: nowrap;
line-height: 3rem;
}
/* line 317, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.bigContainer .titleBar .actions span.statusText {
position: relative;
/*top: 9px;*/
/*font-size: 1.125rem;*/
margin-right: 6px;
}
/* line 324, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.bigContainer .titleBar .actions.withInput {
margin-top: 3px;
}
/* line 328, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.bigContainer .titleBar .actions.withInput button,
.bigContainer .titleBar .actions.withInput .button {
top: 0px;
}
/* line 333, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.bigContainer .titleBar .actionsLeft {
float: left;
margin-right: 0.75rem;
}
/* line 338, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.bigContainer .titleBar *.floatLeft {
margin-right: 2rem;
white-space: nowrap;
line-height: 3rem;
}
/* line 344, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.bigContainer .titleBar > *.floatLeft.alignMiddle {
height: 3rem;
line-height: 3rem;
}
/* line 349, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.bigContainer .titleBar > .actions > .alignMiddle {
display: inline-block;
top: -2px;
vertical-align: middle;
position: relative;
}
/* line 356, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.bigContainer .titleBar > *.floatLeft.alignFieldsMiddle {
margin-top: 0.0625rem;
}
/* line 360, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.bigContainer .titleBar > *.alignFieldsMiddle {
display: block;
margin-top: 0.0625rem;
}
/* line 365, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.bigContainer .titleBar *.floatLeft.noRightMargin {
margin-right: 0px;
}
/* line 369, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.bigContainer .titleBar *.floatLeft.marginRightQuarter {
margin-right: 0.375rem;
}
/* line 373, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.bigContainer .titleBar *.floatLeft.marginRightHalf {
margin-right: 0.75rem;
}
/* line 377, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.bigContainer .titleBar *.floatLeft.marginRightThreeQuarter {
margin-right: 1.125rem;
}
/* line 381, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.bigContainer .titleBar *.floatLeft.marginRightFull {
margin-right: 1.5rem;
}
/* line 385, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.bigContainer .titleBar *.floatLeft.marginRightDouble {
margin-right: 3rem;
}
/* line 390, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.bigContainer .titleBar .titleBarSortControl {
/*margin-top: 0.3125rem;*/
/* line-height:2.6875rem;
height: 2.6875rem;*/
/*vertical-align: middle;*/
/*margin-top: 1px;*/
}
/* line 398, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.bigContainer .titleBar .titleBarSortControl input[type=radio],
.bigContainer .titleBar .titleBarSortControl input[type=checkbox] {
/*margin-top:4px;*/
}
/* line 403, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.bigContainer .titleBar .titleBarSortControl:nth-last-child(2) {
margin-right: 1.5rem;
}
/* line 407, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.bigContainer .titleBar .titleBarSortControl:last-child {
margin-right: 0rem;
}
/* line 411, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.bigContainer .titleBar .titleBarSortControl img {
vertical-align: middle;
margin-right: 2px;
position: relative;
top: -4px;
}
/* line 418, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.bigContainer .titleBar .titleBarSortControl label {
/*color: #FFFFFF;*/
margin-right: 0px;
font-weight: 400;
vertical-align: middle;
}
/* line 425, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.bigContainer .titleBar .titleBarSortControl select {
cursor: pointer;
width: auto;
margin: 0px;
/*margin-top: 3px;*/
padding-right: 30px;
padding-right: 10px\9;
/* hack for IE9 */
}
/*
Unfortunately, IE10 understands the IE9 hack above, and
we only want to apply it to IE 9.
This is a hack for IE10 to undo the above IE9 hack.
*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
/* line 439, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.bigContainer .titleBar .titleBarSortControl select {
padding-right: 30px;
}
}
@media screen and (min-width: 1400px) {
/* line 445, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.bigContainer .titleBar .titleBarSortControl select {
min-width: 18rem;
}
/* line 449, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.bigContainer .titleBar h2,
.bigContainer .titleBar h2.smaller {
/*margin-right:5rem;*/
}
/* line 454, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.bigContainer .titleBar .titleBarSortControl:nth-last-child(2) {
margin-right: 2rem;
}
}
/* line 460, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.bigContainer .titleBar .titleBarMetric {
margin: 0;
/*margin-top:8px;*/
/*font-size: 1.125rem;*/
color: #404040;
/*height:32px;*/
/*line-height:2.875rem;*/
}
/* line 469, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.bigContainer .titleBar .titleBarMetric button {
margin: 0;
margin-left: 4px;
/*top: inherit;*/
/*margin-top: -20px;*/
/*margin-bottom:4px;*/
}
/* line 477, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.bigContainer .titleBar .titleBarMetric button:active {
margin-top: 2px;
}
/* line 481, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.bigContainer .titleBar .titleBarPauseResumeControl {
margin-right: 0.375rem;
}
/* line 485, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.bigContainer .titleBar .titleBarSelectionCount {
margin-top: 11px;
font-size: 1.125rem;
color: #404040;
}
/* line 491, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.bigContainer .titleBar strong {
/*color: #FFFFFF;*/
}
/* line 495, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.bigContainer .titleBar .tagFlag {
margin-left: 0;
vertical-align: top;
margin-bottom: 0;
line-height: 1.875rem;
padding: 0 0.5rem;
font-size: 0.875rem;
margin-top: 0.5625rem;
}
/* line 505, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.bigContainer > .body {
position: relative;
padding: 2.0rem 1.5rem 3rem 1.5rem;
}
/* line 510, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.bigContainer > .flexBody {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: stretch;
align-items: stretch;
padding: 0px;
}
/************* BIG CONTAINER WITH COLUMNS ****************/
/* line 523, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.bigContainer .withLeftSidebar, .bigContainer .withRightSidebar {
padding: 0rem;
}
/* line 527, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.bigContainer .mainColumn {
padding: 1.5rem 1.5rem 3rem 1.5rem;
}
/* line 531, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.bigContainer .sidebarContentContainer {
padding: 1.5rem 1.5rem 3rem 1.5rem;
}
/* line 535, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.bigContainer .leftSidebar {
float: left;
width: 20rem;
/*padding:1.5rem 1.5rem 3rem 1.5rem; */
padding: 0rem;
overflow: hidden;
left: 0px;
/*top:0px;*/
}
/* line 545, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.bigContainer .withLeftSidebar .mainColumn {
margin-left: 20rem;
}
/* line 549, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.bigContainer .withLeftSidebar {
background-image: url(ui/vline.png);
background-repeat: repeat-y;
background-position: 20rem;
}
/* line 555, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.bigContainer .rightSidebar {
float: right;
width: 20rem;
padding: 0rem;
overflow: hidden;
right: 0rem;
/*top:0px;*/
}
/* line 564, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.bigContainer .withRightSidebar {
background-image: url(ui/vline.png);
background-repeat: repeat-y;
background-position: right 20rem center;
}
/* line 570, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.bigContainer .withRightSidebar .mainColumn {
margin-right: 20rem;
}
/* line 574, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.bigContainer .withLeftSidebar.withRightSidebar {
background: url(ui/vline.png) left 20rem center repeat-y, url(ui/vline.png) right 20rem center repeat-y;
}
/* line 580, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
#sidebarContentPanel {
width: 17rem;
}
/************ SMALL CONTAINER ***************/
/* line 587, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.smallContainer {
padding: 0rem;
background-color: #FFFFFF;
border-top: solid 1px #828282;
/*min-height:24rem;*/
overflow: auto;
background-image: url(ui/container-shim.png);
/* fixes rough corners */
background-repeat: repeat-x;
background-position: top;
margin-bottom: 1.5rem;
-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
-moz-border-radius-topleft: 6px;
-webkit-border-top-left-radius: 6px;
border-top-left-radius: 6px;
-moz-border-radius-topright: 6px;
-webkit-border-top-right-radius: 6px;
border-top-right-radius: 6px;
}
/* line 612, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.smallContainer .titleBar {
margin: 0rem;
min-height: 3rem;
margin-bottom: 1rem;
background-color: #828282;
border-bottom: solid 1px #828282;
padding-top: 0rem;
padding-left: 0.75rem;
padding-right: 0.75rem;
}
/* line 623, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.smallContainer .actions button {
margin-top: 0.55rem;
}
/* line 627, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.smallContainer .titleBar h4 {
padding: 0rem;
margin: 0rem;
padding-top: 0.75rem;
color: #FFFFFF;
}
/* line 634, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.smallContainer .body {
padding-top: 1.5rem 0.75rem;
}
/************ CAMPAIGN/PAGE HEADER ***************/
/* line 640, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.campaignHeader {
margin-bottom: 1.5rem;
}
/* line 645, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.campaignHeader .actions {
float: right;
margin-left: 0.75rem;
margin-top: 0.5rem;
}
/* line 651, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.campaignHeader img,
.campaignHeader .socialIcon {
vertical-align: middle;
float: left;
margin-top: 0.3125rem;
/*margin-bottom:1.5rem;*/
margin-right: 0.5625rem;
}
/* line 660, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.campaignHeader h1 .socialIcon.alignMiddle {
margin-top: 6px;
}
/* line 664, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.campaignHeader h1 {
vertical-align: middle;
margin: 0rem;
padding-bottom: 0.5625rem;
color: #FFFFFF;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
/* line 674, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.campaignHeader p {
/*-webkit-font-smoothing: subpixel-antialiased;*/
margin: 0rem;
margin-bottom: 0.75rem;
margin-left: 3rem;
color: #FFFFFF;
font-weight: 400;
max-width: none;
}
/* line 684, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.campaignHeader strong {
color: #FFFFFF;
}
/* line 688, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.campaignHeader label {
color: #FFFFFF;
font-weight: 400;
}
/* line 693, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.campaignHeader .tagFlag {
vertical-align: initial;
margin-left: 0;
}
/* line 698, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.campaignHeader.withFilters {
margin-bottom: 0rem;
/*pointer-events: none;*/
z-index: 0;
}
/* line 704, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.campaignHeader.withFilters h1 {
margin-bottom: 0px;
}
/* line 708, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.campaignHeader.withFilters p {
margin-top: 0.5625rem;
margin-bottom: 0.125rem;
}
/* line 713, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.campaignHeader a,
.campaignHeader a:visited,
.campaignHeader a:hover,
.campaignHeader a:active,
.campaignHeader a strong,
.campaignHeader strong a,
.campaignHeader .mimicLinkStyle,
.campaignHeader .actionable,
.campaignHeader .icon.actionable:before,
.campaignHeader .icon.actionable:hover:before,
.campaignHeader .icon.actionable:active:before {
color: #7DE8FF;
}
/* line 727, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.campaignHeader a.button,
.campaignHeader a.button:visited,
.campaignHeader a.button:hover,
.campaignHeader a.button:active {
color: #FFFFFF;
}
/* line 734, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.campaignHeader a.button.secondaryAction {
color: #00A9CE;
}
/* line 737, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.campaignHeader a.button.secondaryAction:visited {
color: #00A9CE;
}
/* line 740, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.campaignHeader a.button.secondaryAction:hover {
color: #1BCDF4;
}
/* line 743, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.campaignHeader a.button.secondaryAction:active {
color: #14789D;
}
/***************** SCREEN ACTIONS ***********************/
/* line 755, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.screenActions {
border-top: solid 2px #E8E8E8;
padding-top: 0.25rem;
text-align: center;
margin-top: 3rem;
margin-bottom: 2.75rem;
}
/* line 763, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.screenActionsSidebar {
border-bottom: solid 2px #E8E8E8;
text-align: center;
margin: 0px;
padding: 0px;
padding-bottom: 1.5rem;
margin-bottom: 0px;
}
/* line 772, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.screenActionsSidebar button,
.screenActionsSidebar .button {
margin: 0px;
}
/************** INFORMATION CALL-OUT ********************/
/* line 780, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.callout {
background-color: #FDFBCE;
padding: 0.75rem;
padding-left: 38px;
margin-bottom: 1.5rem;
max-width: 56rem;
position: relative;
/* background-image:url(/assets/icons/icon-info.png);
background-repeat:no-repeat;
background-position: top 14px left 12px;
*/
}
/* line 793, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.callout:before {
font-family: "KSP-Icons";
position: absolute;
display: block;
width: 20px;
height: 20px;
border-radius: 10px;
background-color: #D5ECFE;
font-size: 20px;
line-height: 1;
top: 0.875rem;
left: 11px;
content: "\e63a";
color: #2DB3DF;
}
/* line 809, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.callout.error {
background-color: #FEF3F3;
color: #404040;
border: solid 1px #DB1717;
word-break: break-all;
}
/* line 816, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.callout.error:before {
border-radius: 0;
background-color: initial;
content: "\e611";
font-size: 32px;
left: 4px;
top: 8px;
color: #FFD200;
}
/* line 826, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.callout.error:after {
position: absolute;
left: 4px;
top: 8px;
color: #000000;
content: "\e612";
font-size: 32px;
font-family: "KSP-Icons";
line-height: 1;
}
/* line 837, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.callout p {
margin-bottom: 0.75rem;
}
/* line 841, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.callout p:last-child, .callout.compact p:last-child {
margin-bottom: 0rem;
}
/* line 845, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.callout.compact {
/*background-color: $color-callout-bg;*/
padding: 0.375rem;
padding-left: 2rem;
margin-bottom: 1.5rem;
/* background-image:url(/assets/icons/icon-info.png);
background-repeat:no-repeat;
background-position:left 8px top 8px;
*/
}
/* line 856, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.callout.compact:before {
top: 0.5rem;
left: 0.5rem;
}
/* line 861, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.callout.compact.error:before {
top: 2px;
left: 2px;
}
/* line 865, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.callout.compact.error:after {
top: 2px;
left: 2px;
}
/* line 871, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
span.callout {
background-position: top 11px left 12px;
}
/* line 875, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
span.callout.compact {
background-position: left 8px top 5px;
}
/* line 879, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.callout.noBottomMargin {
margin-bottom: 0;
}
/* line 883, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.callout.marginBottomQuarter {
margin-bottom: 0.375rem;
}
/* line 887, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.callout.marginBottomHalf {
margin-bottom: 0.75rem;
}
/* line 891, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.callout.stretch {
max-width: none;
}
/*********** SELECTION ROW **********/
/* line 898, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.selectionRow {
min-height: 3rem;
}
/* line 902, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.selectionRow .rowTitle {
width: 8rem;
padding-right: 1.5rem;
display: inline-block;
vertical-align: top;
margin-top: 0rem;
line-height: 1.5rem;
box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
/* line 916, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.selectionRow .selectButton {
width: 8rem;
padding-right: 1.5rem;
display: inline-block;
vertical-align: top;
line-height: 1.5rem;
box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
/* line 929, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.selectionRow .selectButton button {
margin-top: 0rem;
}
/* line 933, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.selectionRow .selectedItems {
display: inline-block;
vertical-align: top;
padding-top: 0rem;
line-height: 1.5rem;
box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
/* line 946, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.selectionRow .selectedItems ul {
margin-top: 0rem;
}
/* line 950, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.selectionRow .selectedItems li {
margin-left: 0rem;
padding-left: 1.25rem;
}
/* line 955, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.selectionRow .selectedItems li:before {
left: 0rem;
}
/* line 959, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.selectionRow .selectedItems li:hover {
cursor: pointer;
text-decoration: underline;
}
/* line 964, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.selectionRow .selectedItems li:hover:after {
content: "";
margin-left: 6px;
background-image: url(icons/icon-delete.png);
background-repeat: no-repeat;
background-position: bottom 2px left;
width: 13px;
padding-left: 13px;
}
/**************** ERROR REPORT CONTAINER ********************/
/* line 976, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.active_record_errors {
border: solid 1px #DB1717;
background-color: #fef3f3;
color: #404040;
margin-bottom: 1.5rem;
padding: 8px;
padding-left: 40px;
padding-top: 9px;
position: relative;
/* background-image:url(/assets/icons/icon-error.png);
background-repeat: no-repeat;
background-position: 10px 10px;*/
}
/* line 990, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.active_record_errors:before,
.active_record_errors:after {
font-family: "KSP-Icons";
font-size: 32px;
line-height: 1;
display: block;
position: absolute;
top: 6px;
left: 6px;
}
/* line 1001, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.active_record_errors:before {
content: "\e611";
color: #FFD200;
}
/* line 1006, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.active_record_errors:after {
content: "\e612";
color: #000000;
}
/* line 1012, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.active_record_errors h3 {
margin: 0rem;
margin-bottom: 0.375rem;
font-size: 1.125rem;
line-height: 1.5rem;
font-weight: 400;
color: #404040;
}
/* line 1021, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.campaignSummary .active_record_errors h3 {
width: 100%;
float: none;
margin: 0rem;
font-size: 1.125rem;
line-height: 1.5rem;
font-weight: 400;
color: #404040;
}
/* line 1031, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.active_record_errors p, .active_record_errors ul {
/*margin-left: 3rem;*/
margin-bottom: 0rem;
}
/* line 1036, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.active_record_errors p,
.active_record_errors li {
color: #DB1717;
font-weight: 400;
}
/* line 1042, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.active_record_errors li {
margin-left: 1rem;
margin-bottom: 0.375rem;
padding-left: 0.375rem;
}
/* line 1048, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.active_record_errors li a.smallCaps {
padding-right: 0.375rem;
border-right: solid 1px #5C5C5C;
margin-right: 2px;
}
/* line 1054, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.active_record_errors li a.smallCaps:last-of-type {
padding-right: 0;
border-right: none;
margin-right: 0;
}
/* line 1060, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.active_record_errors li:before {
position: absolute;
/*content: "•";*/
content: "\2022";
color: #AEAEAE;
left: 0.25rem;
}
/* line 1069, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.genericErrorContainer {
background-image: url(icons/icon-error.png);
background-position: 0px 2px;
background-repeat: no-repeat;
min-height: 3rem;
padding-left: 26px;
margin-bottom: 1.5rem;
}
/* line 1078, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.genericErrorContainer p {
font-weight: 400;
color: #E53411;
}
/********** VISUALIZATION CONTAINER ***********/
/*
.visualizationContainer {
min-height:500px;
}
*/
/* line 1089, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.visualizationContainer .chartTitle {
margin-right: 1rem;
}
/* line 1093, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.visualizationContainer .actions button {
margin-bottom: 0.25rem;
}
/* line 1097, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.visualizationContainer .highcharts-legend-title {
margin-top: -0.25rem;
}
/* line 1102, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.visualizationContextMenu {
position: absolute;
top: 0;
left: 0;
background-color: #f8f8f8;
width: auto;
display: inline-block;
border: solid 1px #e8e8e8;
padding: 0.375rem;
font-size: 0.75rem;
text-transform: uppercase;
font-weight: 300;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
}
/* line 1124, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.visualizationContextMenu.configMenu {
background-color: #FFFFFF;
width: 32rem;
padding: 1rem;
}
/* line 1130, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.visualizationContextMenu.configMenu p#yAxisSelector {
float: left;
}
/* line 1134, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.visualizationContextMenu.configMenu p#xAxisSelector {
float: right;
}
/* line 1138, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.visualizationContextMenu.configMenu p#yAxisSelector select,
.visualizationContextMenu.configMenu p#xAxisSelector select {
width: 14.5rem;
}
/* line 1143, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.visualizationContextMenu.configMenu p#colorSelector select {
width: 30rem;
}
/* line 1147, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.visualizationContextMenu a {
white-space: nowrap;
}
/********** Sidebar vis *****************/
/* line 1153, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.sideBarVis {
position: relative;
}
/* line 1158, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.sideBarVis img.waitSpinner {
position: absolute;
left: 10px;
top: 50px;
display: none;
}
/* line 1165, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.sideBarVis button.iconRecalculate {
position: absolute;
top: 10px;
right: 4px;
}
/* line 1170, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.sideBarVis .sidebarVisLegend {
height: 24px;
font-size: 0.75rem;
text-transform: uppercase;
margin-bottom: 0.75rem;
font-weight: 400;
}
/* line 1178, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.sideBarVis .sidebarVisLegend span:first-of-type {
display: inline-block;
float: left;
}
/* line 1183, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.sideBarVis .sidebarVisLegend span:last-of-type {
display: inline-block;
float: right;
margin-right: 10px;
}
/* line 1189, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.sideBarVis.thinking .visualizationContainer {
opacity: 0.5;
}
/* line 1193, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.sideBarVis.thinking img.waitSpinner {
display: block;
}
/***************************** Fields *******************************/
/* line 1203, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.fields {
border: 1px solid #E8E8E8;
padding: 0.75rem;
margin-bottom: 1.5rem;
position: relative;
}
/* line 1210, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.fields * {
max-width: 100%;
}
/* line 1214, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.fields .ks_tooltip_wrapper {
max-width: initial;
}
/* line 1218, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.remove_nested_fields,
button.iconButton.remove_nested_fields,
.button.iconButton.remove_nested_fields {
position: absolute;
top: 0.75rem;
right: 0.75rem;
}
/* line 1226, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.fields > h4:first-child,
.fields > h5:first-child {
margin-top: 0rem;
}
/*************************** Sidebar Errors & Warnings ****************************/
/* line 1234, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.sidebarErrorsAndWarnings {
padding-top: 1.5rem;
}
/* line 1238, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.sidebarNoErrorsTitle {
text-align: center;
padding-top: 3rem;
background-image: url(icons/icon-check.png);
background-repeat: no-repeat;
background-position: top center;
}
/* line 1247, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.sidebarErrorsAndWarnings h3,
.sidebarErrorsAndWarnings h4,
.sidebarErrorsAndWarnings h5,
.sidebarErrorsAndWarnings h6 {
margin-top: 0px;
}
/*
Apply this to the heading above the error blocks
(e.g.: "")
*/
/* line 1258, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.sidebarErrorsTitle {
color: #DB1717;
padding-left: 44px;
padding-top: 0.75rem;
background-image: url(icons/icon-error@2x.png);
background-repeat: no-repeat;
background-position: top left;
}
/*
To make your markup more semantic, use the appropriate class name:
Use .sidebarError or .sidebarWarning when applying to a single
error or warning. Usually this is applied to a tag.
Use .sidebarErrors or .sidebarWarnings when you want to group
multiple errors or warnings into the same block. Usually applied
to a
and combined with a
to list the errors or warnings.
*/
/* line 1277, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.sidebarErrors, .sidebarError {
border: solid 1px #DB1717;
padding: 0.75rem;
background-color: #fef3f3;
color: #404040;
margin-bottom: 1.5rem;
}
/* line 1286, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.sidebarWarnings, .sidebarWarning {
padding: 0.75rem;
background-color: #FDFBCE;
color: #404040;
margin-bottom: 1.5rem;
line-height: 1.5rem;
}
/* line 1295, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.sidebarError p.errorText,
.sidebarErrors p.errorText,
.sidebarWarning p.errorText,
.sidebarWarnings p.errorText,
.sidebarErrors ul,
.sidebarWarnings ul {
margin-bottom: 0rem;
}
/* line 1304, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.sidebarErrors ul.bullets li:before,
.sidebarWarnings ul.bullets li:before {
left: 0px;
color: #404040;
}
/* line 1310, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.sidebarErrors ul.bullets li,
.sidebarWarnings ul.bullets li {
margin-left: 0.75rem;
margin-bottom: 0.75rem;
}
/* line 1316, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.sidebarErrors ul.bullets li:last-child,
.sidebarWarnings ul.bullets li:last-child {
margin-bottom: 0rem;
}
/* line 1321, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.sidebarError a,
.sidebarErrors a,
.sidebarWarning a,
.sidebarWarnings a {
font-size: 0.75rem;
text-transform: uppercase;
}
/****************** TOP FILTERS CONTAINER ********************/
/* line 1333, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.topFiltersOuterDiv {
/* background-color: #FFFFFF;
padding:14px;*/
}
/* line 1338, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.topFiltersToggleControl,
.topFiltersToggleControl_ng {
display: inline-block;
font-size: 0.75rem;
font-weight: 400;
color: #FFFFFF;
text-transform: uppercase;
float: right;
text-align: right;
cursor: pointer;
margin-bottom: 0.75rem;
margin-top: -2.125rem;
z-index: 1;
}
/* line 1353, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.topFiltersToggleControl.noFloat,
.topFiltersToggleControl_ng.noFloat {
float: none;
margin-left: 1rem;
}
/* line 1359, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.topFiltersToggleControl::after,
.topFiltersToggleControl_ng::after {
display: inline-block;
margin-left: 6px;
content: " ";
width: 13px;
height: 7px;
margin-bottom: 1px;
background-image: url(ui/accordion-arrow-sprite.png);
background-repeat: no-repeat;
background-position: -20px -9px;
}
/* line 1373, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.topFiltersToggleControl.toggled::after,
.topFiltersToggleControl_ng.toggled::after {
background-position: -20px 1px;
}
/* line 1378, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.topFiltersContainer {
clear: both;
color: #FFFFFF;
font-weight: 300;
position: relative;
padding-bottom: 0.75rem;
}
/* line 1387, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.topFiltersContainer p,
.topFiltersContainer label {
color: #FFFFFF;
font-weight: 400;
}
/* line 1393, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.topFiltersContainer h2,
.topFiltersContainer h3,
.topFiltersContainer h4,
.topFiltersContainer h5,
.topFiltersContainer h6 {
color: #FFFFFF;
}
/* line 1402, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.topFiltersContainer strong {
color: #FFFFFF;
font-weight: 400;
}
/* line 1407, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.topFiltersContainer strong.heavy {
font-weight: 700;
}
/* line 1411, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.topFiltersContainer .filterRow {
margin-bottom: 0.375rem;
}
/* line 1415, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.topFiltersContainer .filterRow button {
margin: 0px;
}
/* line 1419, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.topFiltersContainer .filterRow .rowTitle {
display: inline-block;
width: 8rem;
font-weight: 700;
}
/* line 1425, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.stackedSelect,
.stackedInput {
display: inline-block;
margin-right: 1rem;
vertical-align: top;
}
/* line 1432, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.stackedSelect:last-of-type,
.stackedInput:last-of-type {
margin-right: 0rem;
}
/* line 1438, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.stackedSelect label,
.stackedInput label {
display: block;
font-weight: 700;
}
/* line 1444, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.bigContainer .mainColumn .stackedSelect label,
.bigContainer .mainColumn .stackedInput label {
font-weight: 300;
}
/* line 1449, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.stackedSelect select,
.stackedInput input,
.stackedInput input[type=text],
.stackedSelect ul.as-selections,
.stackedInput ul.as-selections,
.stackedSelect ks-autocomplete,
.stackedInput ks-autocomplete {
width: 300px;
}
/* line 1460, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.topFiltersContainer .stackedSelect tags-input,
.topFiltersContainer .stackedInput tags-input {
width: 300px;
}
/* line 1466, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.bigContainer .mainColumn .stackedSelect select,
.bigContainer .mainColumn .stackedInput input,
.bigContainer .mainColumn .stackedSelect ul.as-selections,
.bigContainer .mainColumn .stackedInput ul.as-selections,
.bigContainer .mainColumn .stackedSelect ks-autocomplete,
.bigContainer .mainColumn .stackedInput ks-autocomplete {
width: 240px;
}
/* line 1476, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.bigContainer .mainColumn .stackedSelect.numberField select,
.bigContainer .mainColumn .stackedInput.numberField input {
width: 70px;
text-align: center;
}
/* line 1483, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.bigContainer .mainColumn .stackedSelect select.threeQuarterLength,
.bigContainer .mainColumn .stackedInput input.threeQuarterLength,
.bigContainer .mainColumn .stackedSelect ul.as-selections.threeQuarterLength,
.bigContainer .mainColumn .stackedInput ul.as-selections.threeQuarterLength,
.bigContainer .mainColumn .stackedSelect ks-autocomplete.threeQuarterLength,
.bigContainer .mainColumn .stackedInput ks-autocomplete.threeQuarterLength {
width: 18.75rem;
}
/* line 1493, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.topFiltersContainer .customDateRangeSelectGroup input.datePicker {
width: 140px;
}
/********************** Tweets **********************/
/* line 1507, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.tweetSelectionContainer {
overflow-y: auto;
}
/* line 1511, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.tweetSelectionContainer .selectedTweets {
float: right;
width: 16rem;
}
/* line 1516, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.tweetSelectionContainer .selectedTweets h5 {
margin-bottom: 0.375rem;
margin-top: 0rem;
}
/* line 1521, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.tweetSelectionContainer .selectedTweets .selectedTweetList {
border-top: solid 1px #E8E8E8;
border-bottom: solid 1px #E8E8E8;
}
/* line 1526, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.tweetSelectionContainer .availableTweets {
margin-right: 17.5rem;
}
/* line 1530, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.tweetSelectionContainer .filters .searchField {
width: 10rem;
margin-right: 1rem;
}
/* line 1535, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.tweetSelectionContainer .filters .dateRange {
margin-right: 1rem;
}
/* line 1539, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.tweetSelectionContainer .filters .dateRange input {
width: 8rem;
}
/* line 1543, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.tweetSelectionContainer .filters label {
margin: 0px;
}
/* line 1547, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.tweetSelectionContainer .filters span.nowrap {
display: inline-block;
margin-bottom: 0.75rem;
}
/* line 1552, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.tweetSelectionContainer .filters .twitterHandle {
margin-right: 3rem;
}
/* line 1556, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.tweetSelectionContainer .filters button {
margin-bottom: 0px;
}
/* line 1560, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.tweetSelectionContainer .filters .composeTweetButton {
float: right;
}
/* line 1564, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.statuses {
border: solid 2px #D6D2C4;
height: 24rem;
position: relative;
overflow: scroll;
}
/*.tweets:after {
content: "";
height: 100%;
position:absolute;
width: 100%;
left: 0px;
top: 0px;
-moz-border-radius-topleft: 9px;
-webkit-border-top-left-radius: 9px;
border-top-left-radius: 9px;
-moz-border-radius-topright: 9px;
-webkit-border-top-right-radius: 9px;
border-top-right-radius: 9px;
-webkit-box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.75) inset;
-moz-box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.75) inset;
box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.75) inset;
}*/
/* line 1596, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.status {
padding: 0.75rem;
border-bottom: solid 1px #E8E8E8;
line-height: 1.5rem;
}
/* line 1603, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.status:last-child {
border-bottom: none;
}
/* line 1607, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.status:nth-child(odd) {
background-color: #F5F5F5;
}
/*.tweet .account,
.tweet .tweetDate {
margin-bottom: 0.375rem;
color:#404040;
font-weight: 400;
margin-top:0rem;
}
*/
/* line 1620, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.status .status-header {
margin-bottom: 0.375rem;
}
/* line 1624, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.status .status-header strong,
.status .status-header b {
color: #404040;
font-weight: 400;
}
/*.tweet .account {
float:left;
}
.tweet .tweetDate {
float: right;
}
*/
/* line 1638, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.status .status-body {
clear: both;
margin: 0rem;
}
/* line 1643, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.status.compact {
font-size: 0.75rem;
padding: 0.75rem 0.25rem;
background: none;
}
/*.tweet.compact .account {
float:none;
margin-bottom: 0rem;
line-height: 1rem;
font-weight:700;
}
*/
/* line 1657, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.status.compact .status-header {
float: none;
margin-bottom: 0rem;
line-height: 1rem;
}
/* line 1663, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.status.compact .status-header strong,
.status.compact .status-header b {
font-weight: 700;
}
/*.tweet.compact .tweetDate {
float: none;
margin-bottom: 0.375rem;
line-height: 1rem;
}
*/
/* line 1676, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.status.compact .status-header > div:first-of-type {
float: none !important;
}
/* line 1680, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
status.compact .status-body {
line-height: 1rem;
margin-bottom: 0rem;
font-weight: 400;
}
/* line 1686, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.status.selectable {
padding-left: 36px;
position: relative;
}
/* line 1691, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.status .status-checkbox {
display: none;
}
/* line 1695, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.status.compact.selectable {
padding-left: 28px;
}
/* line 1699, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.status.selectable:hover {
background-color: #E8F4FE;
cursor: pointer;
}
/* line 1704, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.status.selectable button.iconAdd {
float: right;
margin-left: 0.75rem;
opacity: 0;
transition: opacity 0.1s ease;
}
/* line 1713, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.status.selectable button.iconDelete {
float: right;
margin-right: 0.25rem;
opacity: 0;
transition: opacity 0.1s ease;
}
/* line 1721, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.status.selectable:hover button.iconAdd,
.status.selectable:hover button.iconDelete {
opacity: 1;
}
/* line 1726, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.status.selectable:before {
content: "";
display: block;
font-size: 0px;
line-height: 0px;
width: 16px;
height: 16px;
position: absolute;
top: 15px;
left: 11px;
background-image: url(forms/check-radio-sprite.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
/* line 1742, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.status.compact.selectable:before {
left: 6px;
}
/* line 1746, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.status.selectable:active:before {
background-position: 0px -40px;
}
/* line 1750, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.status.selectable.selected,
.status.selectable.selected:hover {
background-color: #D5ECFE;
border-bottom-color: #FFFFFF;
}
/* line 1756, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.status.selectable.selected:before {
background-position: 0px -20px;
}
/* line 1760, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.status.selectable.selected:active:before {
background-position: 0px -60px;
}
/* line 1764, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.exampleTweetContainer {
border-top: solid 1px #E8E8E8;
border-bottom: solid 1px #E8E8E8;
}
/******** Lead Gen Cards *******/
/* line 1771, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.attachedLeadGenCards {
position: relative;
}
/* line 1775, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.attachedLeadGenCards .currentLeadGenCard {
margin-left: 32px;
}
/* line 1779, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.attachedLeadGenCards .leadGenCardSelector {
/*position: absolute;*/
top: 0px;
left: 0px;
min-width: 15rem;
height: 7rem;
overflow-y: scroll;
display: none;
opacity: 1;
}
/* line 1791, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.leadGenPreviewContainer {
margin-top: 1.5rem;
}
/********** keyword entry box *************/
/* line 1797, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.keywordBox {
width: 100%;
max-width: 100%;
margin-bottom: 1.5rem;
}
/* line 1803, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.keywordBox > .wordCount {
float: right;
}
/* line 1807, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.keywordBox textarea {
clear: both;
width: 100%;
}
/********* Generic Flex Containers *************/
/* line 1815, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.stretchMinusContentRight {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-align-items: center;
align-items: center;
width: 100%;
}
/* line 1831, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.stretchMinusContentRight .left {
min-width: 0;
max-width: initial;
margin-right: 0.375rem;
-webkit-flex-grow: 1;
flex-grow: 1;
}
/* line 1841, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.stretchMinusContentRight .right {
-webkit-flex-grow: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
flex-shrink: 0;
}
/* line 1850, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.stretchMinusContentRight .topFiltersToggleControl {
margin: 0;
margin-left: 0.375rem;
}
/* single row flex container, items sized and spaced evenly */
/* line 1857, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.stretchEvenSpaced {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
}
/* line 1869, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.stretchEvenSpaced > * {
webkit-flex-grow: 1;
flex-grow: 1;
min-width: 0;
margin-right: 0.75rem;
}
/* line 1878, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.stretchEvenSpaced > *:last-child {
margin-right: 0;
}
/* Thumbnail Container */
/* line 1886, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.thumbnailContainer {
display: -webkit-flex;
-webkit-flex-direction: row;
-webkit-justify-content: center;
-webkit-align-content: center;
-webkit-align-items: center;
display: flex;
flex-direction: row;
justify-content: center;
align-content: center;
align-items: center;
}
/* line 1900, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.thumbnailContainer img,
.thumbnailContainer video {
max-height: 150px;
width: auto;
}
/* line 1906, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.thumbnailContainer .metaData {
min-width: 0;
-webkit-flex-grow: 1;
flex-grow: 1;
margin-left: 10px;
}
/* line 1913, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.thumbnailContainer.small {
height: 50px;
}
/* line 1917, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.thumbnailContainer.small img,
.thumbnailContainer.small video {
max-height: 50px;
max-width: 50px;
}
/************* Container with input float ******************/
/* line 1926, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.withFloatingInputField {
padding-top: 0.1875rem;
line-height: 2.625rem;
overflow-y: auto;
}
/* line 1932, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.withFloatingInputField .floatRight input,
.withFloatingInputField .floatLeft input,
.withFloatingInputField .floatRight button,
.withFloatingInputField .floatLeft button {
position: relative;
top: -0.1875rem;
}
/****************** Horizontal Scroller *********************/
/* line 1943, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.hScrollable {
white-space: nowrap;
overflow-x: auto;
}
/****************** Make inline-block ***********************/
/* line 1950, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.asInlineBlock {
display: inline-block;
vertical-align: top;
}
/* line 1955, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.asInlineBlock.alignMiddle {
vertical-align: middle;
margin-top: -0.25rem;
}
/* line 1959, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.asInlineBlock.alignBottom {
vertical-align: bottom;
}
/***************************** Media Queries for High-Res *******************************/
@media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 4 / 2), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
/* line 1973, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.selectionRow .selectedItems li:hover:after {
background-image: url(icons/icon-delete@2x.png);
background-repeat: no-repeat;
background-size: 13px 13px;
}
/* line 1979, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.sidebarNoErrorsTitle {
background-image: url(icons/icon-check@2x.png);
background-repeat: no-repeat;
background-size: 32px 32px;
}
/* line 1989, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/containers.css.scss.erb */
.tweet.selectable:before {
background-image: url(forms/check-radio-sprite@2x.png);
background-repeat: no-repeat;
background-size: 36px 76px;
}
}
@charset "UTF-8";
/***** Fonts ******/
/***** Colors *****/
/* Was Kinetic Dark Grey #6C6463 */
/* was Kinetic Dark Grey #6C6463 */
/* Kinetic Medium Blue */
/*#E8E8E8;*/
/* Explicit Kinetic Color Definitions */
/* typographic scale */
/* z-index management */
/* line 6, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon {
display: inline-block;
font-weight: normal;
color: #898989;
position: relative;
overflow: hidden;
width: 32px;
height: 32px;
text-indent: -9999px;
}
/* line 17, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon:before,
.icon:after {
font-size: 32px;
speak: none;
font-family: "KSP-Icons";
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
text-indent: 0px;
display: block;
position: absolute;
word-spacing: 0;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* line 37, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.actionable {
color: #00A9CE;
cursor: pointer;
}
/* line 42, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.actionable:hover:before {
color: #1BCDF4;
}
/* line 45, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.actionable:active:before {
color: #14789D;
}
/* line 49, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.alignMiddle {
margin-top: -3px;
}
/* line 53, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.destructive,
.icon.actionable.destructive {
color: #DB1717;
}
/* line 57, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.actionable.destructive:hover:before {
color: #FF2B2B;
}
/* line 60, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.actionable.destructive:active:before {
color: #A30808;
}
/* line 64, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.disabled,
.icon.actionable.disabled {
pointer-events: none;
opacity: 0.3;
color: #898989;
}
/* line 71, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.pageHeader,
.icon.pageHeader:after,
.icon.white,
.icon.white:after {
color: #FFFFFF;
}
/* line 78, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.light:before {
color: #FAF4EA;
}
/*
Necessary to override the legacy .dark style for highslide stuff
*/
/* line 85, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.dark,
.icon.dark:hover {
background: none;
}
/* line 90, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.dark:before,
.icon.dark:hover:before {
color: #404040;
}
/* line 96, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.green:before,
.icon.green:hover:before {
color: #6FAE3C;
}
/* line 101, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.red:before,
.icon.red:hover:before {
color: #DB1717;
}
/********** Individual icon definitions **********/
/* Clock */
/* line 111, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconClock:before {
content: "\e600";
}
/* line 115, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconClock.small {
width: 16px;
height: 16px;
}
/* line 120, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconClock.small:before {
font-size: 16px;
}
/* Hand Pointer */
/* line 126, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconHandPointer:before {
content: "\e602";
}
/* line 130, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconHandPointer.small {
width: 16px;
height: 16px;
}
/* line 134, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconHandPointer.small:before {
font-size: 16px;
}
/* User Silhouette */
/* line 139, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconSilhouette:before {
content: "\e603";
}
/* line 142, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconSilhouette.small {
width: 16px;
height: 16px;
}
/* line 146, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconSilhouette.small:before {
font-size: 16px;
}
/* Satellite Dish */
/* line 151, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconSatelliteDish {
height: 28px;
}
/* line 154, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconSatelliteDish:before {
top: -2px;
content: "\e604";
}
/* line 158, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconSatelliteDish.small {
height: 14px;
width: 16px;
}
/* line 162, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconSatelliteDish.small:before {
top: -1px;
font-size: 16px;
}
/* Next / Previous */
/* line 168, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconPrevious,
.icon.iconNext {
width: 20px;
}
/* line 172, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconPrevious:before {
content: "\e605";
left: -5px;
}
/* line 176, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconNext:before {
content: "\e606";
left: -7px;
}
/* line 180, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconPrevious.small,
.icon.iconNext.small {
height: 16px;
width: 11px;
}
/* line 185, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconPrevious.small:before {
font-size: 16px;
left: -2px;
}
/* line 189, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconNext.small:before {
font-size: 16px;
left: -3px;
}
/* Table Column Sorting */
/* line 196, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconSortBoth,
.icon.iconSortDesc,
.icon.iconSortAsc {
height: 14px;
width: 12px;
}
/* line 202, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconSortBoth:before,
.icon.iconSortDesc:before,
.icon.iconSortAsc:before {
top: -1px;
left: -2px;
font-size: 16px;
}
/* line 209, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconSortBoth:before {
content: "\e607";
}
/* line 212, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconSortDesc:before {
content: "\e608";
}
/* line 215, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconSortAsc:before {
content: "\e609";
}
/* Speech Bubble */
/* line 220, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconSpeechBubble {
height: 30px;
}
/* line 223, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconSpeechBubble:before {
content: "\e60a";
}
/* line 226, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconSpeechBubble.small {
height: 15px;
width: 16px;
}
/* line 230, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconSpeechBubble.small:before {
font-size: 16px;
}
/* App */
/* line 235, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconApp {
width: 24px;
height: 22px;
}
/* line 239, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconApp:before {
left: -4px;
top: -5px;
content: "\e60b";
}
/* line 244, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconApp.small:before {
font-size: 24px;
left: -3px;
top: -3px;
}
/* Calendar */
/* line 251, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconCalendar {
width: 17px;
height: 17px;
}
/* line 255, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconCalendar:before {
top: -8px;
left: -7px;
content: "\e60c";
/*color: $color-icon-dark;*/
}
/* line 262, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconCalendarError {
width: 24px;
height: 19px;
}
/* line 266, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconCalendarError:before {
top: -6px;
left: -4px;
content: "\e653";
color: #DB1717;
}
/* Check Marks */
/* line 276, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconFancyCheck:before {
content: "\e601";
}
/* line 279, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconFancyCheck.small {
width: 16px;
height: 16px;
}
/* line 283, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconFancyCheck.small:before {
font-size: 16px;
}
/* line 287, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconCheckBare {
width: 22px;
height: 18px;
}
/* line 291, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconCheckBare:before {
left: -6px;
top: -8px;
content: "\e60d";
}
/* line 296, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconCheckBare.small {
width: 11px;
height: 9px;
}
/* line 300, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconCheckBare.small:before {
left: -3px;
top: -4px;
font-size: 16px;
}
/* line 305, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconCheckBare.mediumSmall {
width: 16px;
height: 15px;
}
/* line 309, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconCheckBare.mediumSmall:before {
left: -4px;
top: -6px;
font-size: 24px;
}
/* line 318, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconGreenCheck {
width: 32px;
height: 32px;
border-radius: 16px;
background-color: #6FAE3C;
color: #FFFFFF;
}
/* line 325, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconGreenCheck:before {
font-size: 24px;
top: 4px;
left: 3px;
content: "\e60d";
}
/* line 331, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconGreenCheck.small {
width: 20px;
height: 20px;
border-radius: 10px;
}
/* line 336, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconGreenCheck.small:before {
font-size: 16px;
top: 2px;
left: 2px;
}
/* line 341, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconGreenCheck.large {
width: 64px;
height: 64px;
border-radius: 32px;
}
/* line 346, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconGreenCheck.large:before {
font-size: 48px;
top: 8px;
left: 7px;
}
/* line 351, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconGreenCheck.micro {
width: 12px;
height: 12px;
border-radius: 6px;
}
/* line 356, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconGreenCheck.micro:before {
font-size: 12px;
top: 0px;
left: 0px;
}
/* line 361, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconGreenCheck.micro.alignMiddle {
margin-top: -2px;
}
/* Close */
/* line 367, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconCloseThick {
width: 24px;
height: 24px;
}
/* line 371, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconCloseThick:before {
top: -4px;
left: -4px;
content: "\e60e";
}
/* line 376, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconCloseThick.small {
width: 12px;
height: 12px;
}
/* line 380, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconCloseThick.small:before {
top: -2px;
left: -2px;
font-size: 16px;
}
/* line 386, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconCloseThin {
width: 24px;
height: 24px;
}
/* line 390, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconCloseThin:before {
top: -4px;
left: -4px;
content: "\e60f";
}
/* line 395, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconCloseThin.small {
width: 12px;
height: 12px;
}
/* line 399, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconCloseThin.small:before {
top: -2px;
left: -2px;
font-size: 16px;
}
/* line 404, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconCloseThin.micro {
width: 6px;
height: 6px;
}
/* line 408, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconCloseThin.micro:before {
top: -1px;
left: -1px;
font-size: 8px;
}
/* Dollar Sign */
/* line 416, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconDollarSign {
width: 14px;
height: 28px;
}
/* line 420, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconDollarSign:before {
top: -2px;
left: -8px;
content: "\e610";
}
/* line 425, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconDollarSign.small {
width: 7px;
height: 14px;
}
/* line 429, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconDollarSign.small:before {
top: -1px;
left: -4px;
font-size: 16px;
/*color: $color-icon-dark;*/
}
/* Error / Warning Indicator */
/* line 438, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconError {
width: 20px;
height: 18px;
}
/* line 442, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconError:before {
left: -6px;
top: -6px;
color: #FFD200;
content: "\e611";
}
/* line 448, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconError:after {
left: -6px;
top: -6px;
color: #000000;
content: "\e612";
}
/* line 454, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconError.small {
width: 13px;
height: 12px;
}
/* line 458, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconError.small:before,
.icon.iconError.small:after {
font-size: 21px;
left: -4px;
top: -4px;
}
/* line 464, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconError.large {
width: 40px;
height: 36px;
}
/* line 468, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconError.large:before,
.icon.iconError.large:after {
font-size: 64px;
left: -12px;
top: -12px;
}
/* Column Filter */
/* line 476, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconFilter {
width: 12px;
height: 9px;
}
/* line 480, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconFilter:before {
left: -2px;
top: -3px;
font-size: 16px;
content: "\e613";
}
/* line 486, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconFilter.large {
width: 24px;
height: 18px;
}
/* line 490, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconFilter.large:before {
left: -4px;
top: -6px;
font-size: 32px;
content: "\e613";
}
/* Grouping */
/* line 499, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconGroupBy {
width: 24px;
height: 24px;
}
/* line 503, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconGroupBy:before {
left: -4px;
top: -4px;
content: "\e614";
}
/* Hamburger */
/* line 511, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconHamburger {
height: 30px;
}
/* line 514, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconHamburger:before {
content: "\e615";
}
/* line 518, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconHamburger.small {
height: 15px;
width: 16px;
}
/* line 522, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconHamburger.small:before {
font-size: 16px;
}
/* Help */
/* line 528, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconHelp {
width: 20px;
height: 20px;
border-radius: 10px;
background-color: #D5ECFE;
}
/* line 534, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconHelp:before {
font-size: 16px;
top: 3px;
left: 2px;
content: "\e616";
color: #2DB3DF;
}
/* line 542, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconHelp.dark {
background-color: #898989;
}
/* line 545, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconHelp.dark:before {
color: #FFFFFF;
}
/* Info */
/* line 550, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconInfo {
width: 20px;
height: 20px;
border-radius: 10px;
background-color: #D5ECFE;
}
/* line 556, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconInfo:before {
font-size: 20px;
top: 0px;
left: 0px;
content: "\e63a";
color: #2DB3DF;
}
/* line 564, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconInfo.large {
width: 40px;
height: 40px;
border-radius: 20px;
}
/* line 569, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconInfo.large:before {
font-size: 40px;
}
/* Visibility */
/* line 575, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconVisible,
.icon.iconInvisible {
width: 23px;
height: 21px;
}
/* line 580, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconVisible:before,
.icon.iconInvisible:before {
top: -4px;
left: -4px;
color: #404040;
}
/* line 587, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconVisible:before {
content: "\e618";
}
/* line 590, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconInvisible:before {
content: "\e619";
}
/* Not Allowed */
/* line 596, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconNotAllowed {
width: 20px;
height: 20px;
}
/* line 600, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconNotAllowed:before {
content: "\e61a";
top: -6px;
left: -6px;
}
/* Note */
/* line 607, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconNote {
width: 16px;
height: 20px;
}
/* line 611, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconNote:before {
content: "\e61b";
top: -6.000px;
left: -8.000px;
}
/* line 616, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconNote.small {
width: 8px;
height: 10px;
}
/* line 620, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconNote.small:before {
font-size: 16px;
top: -3px;
left: -4px;
}
/* Page */
/* line 627, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconPage {
width: 18px;
height: 24px;
}
/* line 631, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconPage:before {
content: "\e61c";
top: -4px;
left: -7px;
}
/* Percent */
/* line 639, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconPercent {
width: 20px;
height: 22px;
}
/* line 643, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconPercent:before {
content: "\e61d";
top: -6px;
left: -6px;
}
/* line 648, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconPercent.small {
width: 10px;
height: 11px;
}
/* line 652, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconPercent.small:before {
font-size: 16px;
top: -3px;
left: -3px;
color: #404040;
}
/* Recurring */
/* line 660, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconRecurring,
.icon.iconRecurringActive,
.icon.iconRecurringPaused {
width: 24px;
height: 20px;
}
/* line 666, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconRecurring:before,
.icon.iconRecurringActive:before,
.icon.iconRecurringPaused:before {
top: -6px;
left: -4px;
}
/* line 672, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconRecurring:before {
content: "\e61e";
}
/* line 675, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconRecurringActive:before {
content: "\e61e";
color: #6FAE3C;
}
/* line 679, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconRecurringPaused:before {
content: "\e61f";
}
/* Flag */
/* line 684, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconFlag {
width: 24px;
height: 24px;
}
/* line 688, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconFlag:before,
.icon.iconFlag:after {
top: -4px;
left: -4px;
}
/* line 693, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconFlag:before {
content: "\e620";
}
/* line 696, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconFlag:after {
content: "\e621";
color: #DB1717;
}
/* line 700, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconFlag.small {
width: 12px;
height: 12px;
}
/* line 704, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconFlag.small:before,
.icon.iconFlag.small:after {
top: -2px;
left: -2px;
font-size: 16px;
}
/* Search */
/* line 712, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconSearch:before {
content: "\e622";
}
/* line 715, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconSearch.small {
width: 16px;
height: 16px;
}
/* line 719, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconSearch.small:before {
font-size: 16px;
/*color: $color-icon-dark;*/
}
/* Select Arrow */
/* line 727, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconSelectArrow {
width: 26px;
height: 16px;
}
/* line 731, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconSelectArrow:before {
content: "\e623";
left: -2px;
top: -8px;
}
/* line 736, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconSelectArrow.small {
width: 13px;
height: 8px;
}
/* line 740, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconSelectArrow.small:before {
font-size: 16px;
left: -1px;
top: -4px;
/*color: $color-icon-dark;*/
}
/* Sort Control */
/* line 748, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconSortBy {
width: 24px;
height: 22px;
}
/* line 752, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconSortBy:before {
content: "\e624";
left: -4px;
top: -5px;
}
/* Star Rating */
/* line 759, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconStarFull,
.icon.iconStarHalf,
.icon.iconStarEmpty {
width: 18px;
height: 16px;
}
/* line 765, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconStarFull:before {
content: "\e625";
left: -7px;
top: -8px;
color: #FFC72C;
}
/* line 772, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconStarHalf:before {
content: "\e626";
left: -7px;
top: -8px;
color: #FFC72C;
}
/* line 778, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconStarHalf:after {
content: "\e626";
left: -6px;
top: -8px;
color: #E8E8E8;
-moz-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: “FlipH”;
}
/* line 790, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconStarEmpty:before {
content: "\e625";
left: -7px;
top: -8px;
color: #E8E8E8;
}
/* Sums / Averages */
/* line 798, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconSumAvg {
height: 14px;
}
/* line 801, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconSumAvg:before {
content: "\e627";
top: -10px;
color: #404040;
}
/* Target */
/* line 808, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconTarget {
height: 20px;
width: 20px;
}
/* line 812, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconTarget:before {
content: "\e628";
top: -6px;
left: -6px;
}
/* line 817, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconTarget.small {
height: 10px;
width: 10px;
}
/* line 821, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconTarget.small:before {
font-size: 16px;
top: -3px;
left: -3px;
}
/* Universal Search */
/* line 828, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconUniversalSearch {
height: 24px;
width: 24px;
}
/* line 832, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconUniversalSearch:before {
content: "\e629";
top: -4px;
left: -4px;
/*color: $color-icon-dark;*/
}
/* line 838, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconUniversalSearch.large {
height: 48px;
width: 48px;
}
/* line 842, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconUniversalSearch.large:before {
font-size: 64px;
top: -8px;
left: -8px;
color: #898989;
}
/* Link */
/* line 850, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconLink {
height: 20px;
width: 20px;
}
/* line 854, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconLink:before {
content: "\e62a";
top: -6px;
left: -6px;
}
/* line 859, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconLink.small {
height: 10px;
width: 10px;
}
/* line 863, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconLink.small:before {
font-size: 16px;
top: -3px;
left: -3px;
}
/* Edit */
/* line 870, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconEdit {
width: 16px;
height: 16px;
}
/* line 874, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconEdit:before {
content: "\e62b";
top: -8px;
left: -8px;
}
/* Reports */
/* line 882, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconReports {
width: 18px;
height: 18px;
}
/* line 886, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconReports:before {
content: "\e62c";
top: -7px;
left: -7px;
}
/* Pause */
/* line 894, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconPause {
width: 10px;
height: 12px;
}
/* line 898, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconPause:before {
content: "\e62d";
top: -10px;
left: -11px;
}
/* line 904, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconPause.onRedMatte {
width: 20px;
height: 20px;
background-color: #DB1717;
border-radius: 10px;
}
/* line 910, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconPause.onRedMatte:before {
top: -6px;
left: -6px;
color: #FFFFFF;
}
/* Resume */
/* line 918, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconResume {
width: 11px;
height: 12px;
}
/* line 922, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconResume:before {
content: "\e62e";
top: -10px;
left: -11px;
}
/* line 928, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconResume.onGreenMatte {
width: 20px;
height: 20px;
background-color: #6FAE3C;
border-radius: 10px;
}
/* line 934, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconResume.onGreenMatte:before {
top: -10px;
left: -11px;
top: -6px;
left: -5px;
color: #FFFFFF;
}
/* Show */
/* line 945, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconShow {
width: 14px;
height: 14px;
}
/* line 949, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconShow:before {
content: "\e62f";
top: -9px;
left: -9px;
}
/* Add */
/* line 957, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconAdd {
width: 12px;
height: 12px;
}
/* line 961, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconAdd:before {
content: "\e630";
top: -10px;
left: -10px;
}
/* Remove */
/* line 968, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconRemove {
width: 12px;
height: 12px;
}
/* line 972, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconRemove:before {
content: "\e632";
top: -10px;
left: -10px;
}
/* Recalculate */
/* line 980, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconRecalculate {
width: 16px;
height: 17px;
}
/* line 984, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconRecalculate:before {
content: "\e634";
top: -7px;
left: -8px;
}
/* Recalculate */
/* line 992, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconConfigure {
width: 18px;
height: 18px;
}
/* line 996, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconConfigure:before {
content: "\e635";
top: -7px;
left: -7px;
}
/* Download */
/* line 1004, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconDownload {
width: 16px;
height: 20px;
}
/* line 1008, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconDownload:before {
content: "\e636";
top: -6px;
left: -8px;
}
/* Reset */
/* line 1016, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconReset {
width: 16px;
height: 19px;
}
/* line 1020, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconReset:before {
content: "\e637";
top: -6px;
left: -8px;
}
/* Delete */
/* line 1027, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconDelete {
width: 16px;
height: 19px;
}
/* line 1031, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconDelete:before {
content: "\e638";
top: -7px;
left: -8px;
}
/* Photo */
/* line 1038, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconPhoto {
width: 18px;
height: 18px;
}
/* line 1042, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconPhoto:before {
content: "\e63b";
top: -7px;
left: -7px;
}
/* Card */
/* line 1049, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconCard {
width: 14px;
height: 18px;
}
/* line 1053, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconCard:before {
content: "\e63c";
top: -7px;
left: -9px;
}
/* Duplicate */
/* line 1061, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconDuplicate {
width: 18px;
height: 18px;
}
/* line 1065, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconDuplicate:before {
content: "\e63d";
top: -7px;
left: -7px;
}
/* More */
/* line 1073, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconMore {
width: 16px;
height: 16px;
}
/* line 1077, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconMore:before {
content: "\e63e";
top: -8px;
left: -8px;
}
/* Select Nane / All */
/* line 1084, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconSelectNone,
.icon.iconSelectAll {
width: 17px;
height: 15px;
}
/* line 1089, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconSelectNone:before,
.icon.iconSelectAll:before {
top: -8px;
left: -9px;
}
/* line 1094, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconSelectNone:before {
content: "\e63f";
}
/* line 1097, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconSelectAll:before {
content: "\e640";
}
/* Fat / Thin Rows */
/* line 1102, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconFatRows,
.icon.iconThinRows {
width: 18px;
height: 20px;
}
/* line 1107, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconFatRows:before,
.icon.iconThinRows:before {
top: -6px;
left: -7px;
}
/* line 1112, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconFatRows:before {
content: "\e641";
}
/* line 1115, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconThinRows:before {
content: "\e642";
}
/* Print */
/* line 1121, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconPrint {
width: 20px;
height: 22px;
}
/* line 1125, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconPrint:before {
content: "\e643";
top: -5px;
left: -6px;
}
/* Social Asset Manager */
/* line 1133, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconSAM {
width: 20px;
height: 18px;
}
/* line 1137, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconSAM:before {
content: "\e644";
top: -7px;
left: -6px;
}
/* Apple Logo */
/* line 1144, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconApple {
width: 26px;
height: 32px;
}
/* line 1148, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconApple:before {
content: "\e647";
left: -2px;
}
/* line 1152, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconApple.small {
width: 13px;
height: 16px;
}
/* line 1156, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconApple.small:before {
left: -1px;
font-size: 16px;
}
/* line 1160, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconApple.large {
width: 52px;
height: 64px;
}
/* line 1164, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconApple.large:before {
left: -4px;
font-size: 64px;
}
/* OS X Clover */
/* line 1170, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconOSXCmd {
width: 32px;
height: 32px;
}
/* line 1174, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconOSXCmd:before {
content: "\e648";
}
/* line 1177, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconOSXCmd.small {
width: 16px;
height: 16px;
}
/* line 1181, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconOSXCmd.small:before {
font-size: 16px;
}
/* line 1184, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconOSXCmd.large {
width: 64px;
height: 64px;
}
/* line 1188, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconOSXCmd.large:before {
font-size: 64px;
}
/* line 1191, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconOSXCmd.darker:before {
color: #404040;
}
/* Windows Logo */
/* line 1196, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconWindows {
width: 28px;
height: 30px;
}
/* line 1200, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconWindows:before {
content: "\e649";
}
/* line 1203, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconWindows.small {
width: 14px;
height: 15px;
}
/* line 1207, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconWindows.small:before {
font-size: 16px;
}
/* line 1210, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconWindows.large {
width: 56px;
height: 60px;
}
/* line 1214, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconWindows.large:before {
font-size: 64px;
}
/* Crop */
/* line 1221, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconCrop:before {
content: "\e64f";
}
/* line 1225, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconCropIndicatorFlag {
color: #FFFFFF;
background-color: #6FAE3C;
width: 24px;
height: 24px;
border-radius: 3px;
}
/* line 1233, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconCropIndicatorFlag:before {
content: "\e64f";
font-size: 32px;
color: #FFFFFF;
top: -3px;
left: -3px;
}
/* Audiences */
/* line 1244, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconAudiences:before {
content: "\e64d";
}
/* line 1248, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconAudiences.small {
width: 16px;
height: 16px;
}
/* line 1252, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconAudiences.small:before {
font-size: 16px;
line-height: 16px;
}
/* line 1257, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconAudiences.large {
width: 64px;
height: 64px;
}
/* line 1261, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconAudiences.large:before {
font-size: 64px;
line-height: 64px;
}
/* line 1266, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
h1 .icon.iconAudiences {
width: 48px;
height: 36px;
margin-bottom: -2px;
vertical-align: baseline;
}
/* line 1272, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
h1 .icon.iconAudiences:before {
top: -4px;
font-size: 48px;
line-height: 48px;
}
/* Locked / Unlocked */
/* line 1281, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconLocked {
width: 16px;
height: 18px;
}
/* line 1286, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconLocked:before {
content: "\e650";
color: #DB1717;
top: -6px;
left: -8px;
}
/* line 1295, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconLocked.large {
width: 32px;
height: 36px;
}
/* line 1299, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconLocked.large:before {
font-size: 64px;
line-height: 64px;
top: -12px;
left: -16px;
}
/* line 1306, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconUnlocked {
width: 16px;
height: 18px;
}
/* line 1311, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconUnlocked:before {
content: "\e651";
color: #6FAE3C;
top: -6px;
left: -8px;
}
/* line 1319, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconUnlocked.large {
width: 32px;
height: 36px;
}
/* line 1323, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconUnlocked.large:before {
font-size: 64px;
line-height: 64px;
top: -12px;
left: -16px;
}
/* line 1330, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconLocked.white:before,
.icon.iconUnlocked.white:before {
color: #FFFFFF;
}
/* Tags */
/* line 1337, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconTag {
width: 16px;
height: 16px;
}
/* line 1342, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconTag:before {
font-size: 16px;
content: "\e652";
}
/* Working */
/* line 1349, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconWorking {
width: 18px;
height: 18px;
}
/* line 1353, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconWorking:before {
content: "\e654";
top: -7px;
left: -7px;
}
/* rewind */
/* line 1362, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconRewind {
width: 12px;
height: 12px;
}
/* line 1366, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconRewind:before {
content: "\e655";
top: -10px;
left: -10px;
}
/* Selection */
/* line 1374, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconSelection {
width: 14px;
height: 14px;
}
/* line 1378, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconSelection:before {
content: "\e656";
top: -9px;
left: -9px;
}
/* Chevron Up */
/* line 1386, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconChevronUp {
width: 24px;
height: 10px;
}
/* line 1390, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconChevronUp:before {
content: "\e657";
top: -10px;
left: -4px;
}
/* Mail Icon */
/* line 1398, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconMail {
width: 24px;
height: 16px;
}
/* line 1402, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconMail:before {
content: "\e658";
top: -8px;
left: -4px;
}
/*******************
* Social Icons
*/
/* line 1414, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.socialIcon {
display: inline-block;
background-repeat: no-repeat;
overflow: hidden;
text-indent: -9999px;
}
/* line 1421, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.socialIcon.alignMiddle {
margin-top: -4px;
}
/* line 1425, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
h1 .socialIcon.alignMiddle {
margin-top: -12px;
}
/* line 1429, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.socialIcon.micro {
background-position: -266px -74px;
width: 12px;
height: 12px;
}
/* line 1435, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.socialIcon.xsm {
background-position: -244px -74px;
width: 20px;
height: 20px;
}
/* line 1441, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.socialIcon.sm {
background-position: -238px -98px;
width: 36px;
height: 36px;
}
/* line 1447, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.socialIcon.med {
background-position: -146px -98px;
width: 48px;
height: 48px;
}
/* line 1453, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.socialIcon.lrg {
background-position: -244px 0px;
width: 72px;
height: 72px;
}
/* line 1459, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.socialIcon.fb {
background-image: url(icons/channels/channel-icon-sprite_fb.png);
}
/* line 1463, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.socialIcon.tw {
background-image: url(icons/channels/channel-icon-sprite_tw.png);
}
/* line 1467, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.socialIcon.pi {
background-image: url(icons/channels/channel-icon-sprite_pi.png);
}
/* line 1471, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.socialIcon.ig {
background-image: url(icons/channels/channel-icon-sprite_ig.png);
}
/* line 1475, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.socialIcon.li {
background-image: url(icons/channels/channel-icon-sprite_li.png);
}
/* line 1479, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.socialIcon.fs {
background-image: url(icons/channels/channel-icon-sprite_fs.png);
}
/* line 1483, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.socialIcon.sc {
background-image: url(icons/channels/channel-icon-sprite_sc.png);
}
@media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 4 / 2), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
/* line 1494, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconAdd:before {
content: "\e631";
}
/* line 1497, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconRemove:before {
content: "\e633";
}
/* line 1500, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.icon.iconDelete:before {
content: "\e639";
}
/* line 1505, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.socialIcon {
background-size: 158px 73px;
}
/* line 1509, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.socialIcon.micro {
background-position: -138px -49px;
}
/* line 1513, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.socialIcon.xsm {
background-position: -98px -49px;
}
/* line 1517, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.socialIcon.sm {
background-position: -122px 0px;
}
/* line 1521, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.socialIcon.med {
background-position: -73px 0px;
}
/* line 1525, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/icons.css.scss.erb */
.socialIcon.lrg {
background-position: 0px 0px;
}
}
/* CSS Document */
/***** Fonts ******/
/***** Colors *****/
/* Was Kinetic Dark Grey #6C6463 */
/* was Kinetic Dark Grey #6C6463 */
/* Kinetic Medium Blue */
/*#E8E8E8;*/
/* Explicit Kinetic Color Definitions */
/* typographic scale */
/* z-index management */
/*
Inclusion of this style sheet will apply button styles
to all elements, and button-type input elements
(e.g.: submit, button, reset").
You may also buttonize any element by applying the
".button" class.
*/
/* Container for buttons aligned horizontaly */
/* line 17, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.buttonRow {
width: 100%;
max-width: 100%;
text-align: center;
}
/* for buttons in a list */
/* line 25, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
ul.buttonStack li {
margin-bottom: 0.375rem;
}
/*
Class to size text line height to be as tall as buttons.
Use this when the parent container's height changes when
the button is clicked.
*/
/* line 34, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.buttonHeight {
line-height: 36px;
}
/******************* GENERAL BUTTON STYLE *********************/
/* line 40, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button {
font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
font-weight: 700;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #FFFFFF;
font-size: 0.875rem;
/* 14px nominal */
text-transform: uppercase;
padding: 0rem;
padding-left: 1rem;
padding-right: 1rem;
line-height: 1.875rem;
height: 32px;
background-color: #00A9CE;
vertical-align: middle;
text-decoration: none;
border-left: none;
border-right: none;
border-top: none;
border-bottom: solid 2px #006a82;
display: inline-block;
cursor: pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-transition: color 0.2s;
-moz-transition: color 0.2s;
transition: color 0.2s;
}
/* line 83, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
button:hover,
.button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
a:hover button,
a:hover .button {
background-color: #1BCDF4;
border-bottom: solid 2px #099aba;
}
/* line 94, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.button,
.button:hover,
input[type="button"],
input[type="button"]:hover,
input[type="reset"],
input[type="reset"]:hover,
input[type="submit"],
input[type="submit"]:hover,
.button:active,
.button:visited {
color: #ffffff;
text-decoration: none;
}
/* line 108, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active,
.button:active, .buttonActive,
a:active button, a:active .button,
a:hover button:active,
a:hover .button:active {
background-color: #14789D;
/*border:solid 1px $color-actionable-active;*/
border-bottom: none;
margin-top: 2px;
height: 30px;
}
/* line 124, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
button:disabled,
input[type="button"]:disabled,
input[type="reset"]:disabled,
input[type="submit"]:disabled,
.button:disabled,
.button.disabled,
.button.disabled:hover,
button.destructiveAction:disabled,
button.destructiveAction:disabled:hover,
input[type="button"].destructiveAction:disabled:hover,
input[type="reset"].destructiveAction:disabled:hover,
input[type="submit"].destructiveAction:disabled:hover,
.button.destructiveAction:disabled:hover,
button.destructiveAction:disabled:active,
input[type="button"].destructiveAction:disabled:active,
input[type="reset"].destructiveAction:disabled:active,
input[type="submit"].destructiveAction:disabled:active,
.button.destructiveAction:disabled:active,
.button.destructiveAction.disabled,
.button.destructiveAction.disabled:visited,
.button.destructiveAction.disabled:hover {
background-color: #D6D6D6;
/*border-bottom:solid 2px darken($color-actionable-disabled, 10%);*/
border-bottom: none;
margin-top: 2px;
height: 30px;
cursor: default;
opacity: 0.5;
pointer-events: none;
}
/* line 156, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
a.button.disabled,
a.button.disabled:visited,
a.button.disabled:hover,
a.button.disabled:active {
color: #FFFFFF;
font-weight: 700;
}
/* secondary action buttons */
/* line 166, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
button.secondaryAction,
input[type="button"].secondaryAction,
input[type="reset"].secondaryAction,
input[type="submit"].secondaryAction,
.button.secondaryAction {
color: #00A9CE;
background-color: #FAFAFA;
line-height: 26px;
height: 28px;
border-left: solid 1px #00A9CE;
border-right: solid 1px #00A9CE;
border-top: solid 1px #00A9CE;
border-bottom: solid 2px #0094b5;
-webkit-transition: color 0s;
-moz-transition: color 0s;
transition: color 0s;
vertical-align: middle;
}
/* line 190, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
button.secondaryAction:visited,
input[type="button"].secondaryAction:visited,
input[type="reset"].secondaryAction:visited,
input[type="submit"].secondaryAction:visited,
.button.secondaryAction:visited {
color: #00A9CE;
border-color: #00A9CE;
border-bottom-color: #0094b5;
}
/* line 197, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
button.secondaryAction:hover,
input[type="button"].secondaryAction:hover,
input[type="reset"].secondaryAction:hover,
input[type="submit"].secondaryAction:hover,
.button.secondaryAction:hover {
background-color: #FFFFFF;
color: #1BCDF4;
border-color: #1BCDF4;
border-bottom-color: #0bb6dc;
}
/* line 204, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
button.secondaryAction:active,
input[type="button"].secondaryAction:active,
input[type="reset"].secondaryAction:active,
input[type="submit"].secondaryAction:active,
.button.secondaryAction:active {
color: #14789D;
border-color: #14789D;
margin-top: 1px;
height: 27px;
border-bottom-width: 1px;
}
/* line 212, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
button.secondaryAction:disabled, button.secondaryAction.disabled, button.secondaryAction.destructiveAction:disabled, button.secondaryAction.destructiveAction.disabled,
input[type="button"].secondaryAction:disabled,
input[type="button"].secondaryAction.disabled,
input[type="button"].secondaryAction.destructiveAction:disabled,
input[type="button"].secondaryAction.destructiveAction.disabled,
input[type="reset"].secondaryAction:disabled,
input[type="reset"].secondaryAction.disabled,
input[type="reset"].secondaryAction.destructiveAction:disabled,
input[type="reset"].secondaryAction.destructiveAction.disabled,
input[type="submit"].secondaryAction:disabled,
input[type="submit"].secondaryAction.disabled,
input[type="submit"].secondaryAction.destructiveAction:disabled,
input[type="submit"].secondaryAction.destructiveAction.disabled,
.button.secondaryAction:disabled,
.button.secondaryAction.disabled,
.button.secondaryAction.destructiveAction:disabled,
.button.secondaryAction.destructiveAction.disabled {
background-color: #FFFFFF;
color: #D6D6D6;
border-color: #D6D6D6;
margin-top: 1px;
height: 27px;
border-bottom: solid 1px #D6D6D6;
}
/* line 224, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
button.secondaryAction.destructiveAction, button.secondaryAction.destructiveAction:visited,
input[type="button"].secondaryAction.destructiveAction,
input[type="button"].secondaryAction.destructiveAction:visited,
input[type="reset"].secondaryAction.destructiveAction,
input[type="reset"].secondaryAction.destructiveAction:visited,
input[type="submit"].secondaryAction.destructiveAction,
input[type="submit"].secondaryAction.destructiveAction:visited,
.button.secondaryAction.destructiveAction,
.button.secondaryAction.destructiveAction:visited {
background-color: #FAFAFA;
color: #DB1717;
border-color: #DB1717;
border-bottom-color: #c41515;
}
/* line 232, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
button.secondaryAction.destructiveAction:hover,
input[type="button"].secondaryAction.destructiveAction:hover,
input[type="reset"].secondaryAction.destructiveAction:hover,
input[type="submit"].secondaryAction.destructiveAction:hover,
.button.secondaryAction.destructiveAction:hover {
background-color: #FFFFFF;
color: #FF2B2B;
border-color: #FF2B2B;
border-bottom-color: #ed0000;
}
/* line 239, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
button.secondaryAction.destructiveAction:active,
input[type="button"].secondaryAction.destructiveAction:active,
input[type="reset"].secondaryAction.destructiveAction:active,
input[type="submit"].secondaryAction.destructiveAction:active,
.button.secondaryAction.destructiveAction:active {
background-color: #FFFFFF;
color: #A30808;
border-color: #A30808;
margin-top: 1px;
height: 27px;
border-bottom-width: 1px;
}
/* line 250, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
a.button.secondaryAction.disabled,
a.button.secondaryAction.disabled:visited,
a.button.secondaryAction.disabled:hover,
a.button.secondaryAction.disabled:active {
color: #D6D6D6;
border-color: #D6D6D6;
border-bottom: solid 1px #D6D6D6;
}
/*
deal with buttonized tags nested in jQuery widgets
*/
/* line 263, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.ui-widget-content a.button,
.ui-widget-content a.button:visited,
.ui-widget-content a.button:active,
.ui-widget-content a.button:hover {
color: #FFFFFF;
}
/* Remove button padding in FireFox for consistent sizing */
/* line 271, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
::-moz-focus-inner {
border: 0px;
padding: 0px;
}
/*
Toggled Button
add the class "toggled" to
a button to give it this state.
Visually it will appear "pressed down"
*/
/* line 286, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
button.toggled,
input[type="button"].toggled,
input[type="reset"].toggled,
input[type="submit"].toggled,
.button.toggled {
background-color: #1BCDF4;
border-bottom: none;
margin-top: 2px;
height: 30px;
color: #FFFFFF;
text-decoration: none;
font-weight: 700;
}
/* line 300, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
button.toggled:hover,
input[type="button"].toggled:hover,
input[type="reset"].toggled:hover,
input[type="submit"].toggled:hover,
.button.toggled:hover {
background-color: #1BCDF4;
border-bottom: none;
margin-top: 2px;
height: 30px;
color: #FFFFFF;
text-decoration: none;
font-weight: 700;
}
/* line 314, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
button.toggled:active,
input[type="button"].toggled:active,
input[type="reset"].toggled:active,
input[type="submit"].toggled:active,
.button.toggled:active {
background-color: #14789D;
border-bottom: none;
margin-top: 2px;
color: #FFFFFF;
text-decoration: none;
font-weight: 700;
}
/* line 327, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
button.toggled:visited,
input[type="button"].toggled:visited,
input[type="reset"].toggled:visited,
input[type="submit"].toggled:visited,
.button.toggled:visited {
background-color: #1BCDF4;
border-bottom: none;
margin-top: 2px;
color: #FFFFFF;
text-decoration: none;
font-weight: 700;
}
/* line 340, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
button.destructiveAction.toggled,
input[type="button"].destructiveAction.toggled,
input[type="reset"].destructiveAction.toggled,
input[type="submit"].destructiveAction.toggled,
.button.destructiveAction.toggled {
background-color: #FF2B2B;
}
/* line 348, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
button.toggled.secondaryAction,
input[type="button"].secondaryAction.toggled,
input[type="reset"].secondaryAction.toggled,
input[type="submit"].secondaryAction.toggled,
.button.toggled.secondaryAction,
.button.toggled.secondaryAction:visited {
background-color: #FFFFFF;
color: #1BCDF4;
border-color: #1BCDF4;
border-bottom: solid 1px #1BCDF4;
height: 27px;
margin-top: 1px;
}
/* line 360, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
button.toggled.secondaryAction:active,
input[type="button"].secondaryAction.toggled:active,
input[type="reset"].secondaryAction.toggled:active,
input[type="submit"].secondaryAction.toggled:active,
.button.toggled.secondaryAction:active,
.button.toggled.secondaryAction:visited:active {
border-color: #14789D;
color: #14789D;
}
/* line 366, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
button.toggled.secondaryAction.destructiveAction,
input[type="button"].secondaryAction.destructiveAction.toggled,
input[type="reset"].secondaryAction.destructiveAction.toggled,
input[type="submit"].secondaryAction.destructiveAction.toggled,
.button.toggled.secondaryAction.destructiveAction,
.button.toggled.secondaryAction.destructiveAction:visited {
color: #FF2B2B;
border-color: #FF2B2B;
border-bottom: solid 1px #FF2B2B;
}
/* line 375, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
button.toggled.secondaryAction.destructiveAction:active,
input[type="button"].secondaryAction.destructiveAction.toggled:active,
input[type="reset"].secondaryAction.destructiveAction.toggled:active,
input[type="submit"].secondaryAction.destructiveAction.toggled:active,
.button.toggled.secondaryAction.destructiveAction:active,
.button.toggled.secondaryAction.destructiveAction:visited:active {
border-color: #A30808;
color: #A30808;
}
/*
Destructive Action
Add the class "destructiveAction" to any button
that represents an irreversible course of
action. (e.g.: Delete a record, trash a creative, etc.)
Typically these buttions would be accompanied by
some sort of "Are you sure?" prompt on click.
*/
/* line 393, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
button.destructiveAction,
input[type="button"].destructiveAction,
input[type="reset"].destructiveAction,
input[type="submit"].destructiveAction,
.button.destructiveAction,
.button.destructiveAction:visited {
color: #FFFFFF;
font-weight: 700;
text-decoration: none;
background-color: #DB1717;
border-bottom-color: #7f0d0d;
}
/* line 406, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
button.destructiveAction:hover,
input[type="button"].destructiveAction:hover,
input[type="reset"].destructiveAction:hover,
input[type="submit"].destructiveAction:hover,
.button.destructiveAction:hover {
color: #FFFFFF;
text-decoration: none;
background-color: #FF2B2B;
border-bottom-color: #c40000;
}
/* line 417, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
button.destructiveAction:active,
input[type="button"].destructiveAction:active,
input[type="reset"].destructiveAction:active,
input[type="submit"].destructiveAction:active,
.button.destructiveAction:active {
color: #FFFFFF;
text-decoration: none;
background-color: #A30808;
}
/* Activity */
/* line 430, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
button.waitIcon,
button.iconButton.waitIcon,
input[type="button"].waitIcon,
input[type="reset"].waitIcon,
input[type="submit"].waitIcon,
input[type="button"].iconButton.waitIcon,
input[type="reset"].iconButton.waitIcon,
input[type="submit"].iconButton.waitIcon,
.button.iconButton.waitIcon,
.button.waitIcon:hover,
.button.iconButton.waitIcon:active,
.button.iconButton.waitIcon:visited,
.button.iconButton.waitIcon,
.button.iconButton.waitIcon:hover,
.button.iconButton.waitIcon:active,
.button.iconButton.waitIcon:visited {
background-image: url(ui/wait-spinner-button.gif);
background-repeat: no-repeat;
background-position: center;
min-height: 0px;
color: rgba(255, 255, 255, 0);
background-color: #14789D;
border-bottom: none;
margin-top: 2px;
height: 30px;
cursor: default;
}
/* line 458, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
button.waitIcon:not(.iconButton),
button.iconButton.waitIcon:not(.iconButton),
input[type="button"].waitIcon:not(.iconButton),
input[type="reset"].waitIcon:not(.iconButton),
input[type="submit"].waitIcon:not(.iconButton),
input[type="button"].iconButton.waitIcon:not(.iconButton),
input[type="reset"].iconButton.waitIcon:not(.iconButton),
input[type="submit"].iconButton.waitIcon:not(.iconButton) {
width: auto;
}
/* line 470, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
button.destructiveAction.waitIcon,
input[type="button"].destructiveAction.waitIcon,
input[type="reset"].destructiveAction.waitIcon,
input[type="submit"].destructiveAction.waitIcon,
.button.destructiveAction.waitIcon,
.button.destructiveAction.waitIcon:hover,
.button.destructiveAction.waitIcon:active,
.button.destructiveAction.waitIcon:visited {
color: rgba(255, 255, 255, 0);
background-image: url(ui/wait-spinner-button-destructive.gif);
background-color: #A30808;
}
/* line 483, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
button.toggled.waitIcon,
input[type="button"].toggled.waitIcon,
input[type="reset"].toggled.waitIcon,
input[type="submit"].toggled.waitIcon,
.button.toggled.waitIcon,
.button.toggled.waitIcon:hover,
.button.toggled.waitIcon:active,
.button.toggled.waitIcon:visited {
background-image: url(ui/wait-spinner-button-toggled.gif);
background-color: #1BCDF4;
}
/* line 495, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
button.toggled.waitIcon:hover {
color: rgba(255, 255, 255, 0);
}
/* line 500, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
button.waitIcon:disabled,
input[type="button"].waitIcon:disabled,
input[type="reset"].waitIcon:disabled,
input[type="submit"].waitIcon:disabled,
.button.waitIcon.disabled,
.button.waitIcon.disabled:hover,
.button.waitIcon.disabled:active,
.button.waitIcon.disabled:visited,
button.destructiveAction.waitIcon:disabled,
input[type="button"].destructiveAction.waitIcon:disabled,
input[type="reset"].destructiveAction.waitIcon:disabled,
input[type="submit"].destructiveAction.waitIcon:disabled,
.button.destructiveAction.waitIcon:disabled,
.button.destructiveAction.waitIcon.disabled,
.button.destructiveAction.waitIcon.disabled:hover,
.button.destructiveAction.waitIcon.disabled:active,
.button.destructiveAction.waitIcon.disabled:visited {
background-image: url(ui/wait-spinner-button-disabled.gif);
background-color: #D6D6D6;
}
/*
Size modifier to stretch buttons to the full width of its container.
Useful for stacking buttons in a column.
*/
/* line 526, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
button.stretch,
input[type="button"].stretch,
input[type="reset"].stretch,
input[type="submit"].stretch,
.button.stretch {
width: 100%;
}
/*
Icon Buttons
Add the class .iconButton to a button or buttonized element,
followed by the class for the specific button icon.
Button icons are spaced on a 32x32px grid, but the buttons
are 32x30px Remember to offset by 1 pixel up for each icon.
Please name these styles fopr the action it represenets,
not for what the icon looks like. For example, the "Pencil"
icon is used to edit items. Therefore its style is named
"iconEdit," not "iconPencil." This separates the HTML markup
from the display and it allows us to change the look of the
icon without changing the name of the style. It also means
we always use the same icon to represent a particular action.
*/
/* line 553, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
button.iconButton,
.button.iconButton,
input[type="button"].iconButton,
input[type="reset"].iconButton,
input[type="submit"].iconButton {
padding: 0rem;
width: 32px;
line-height: 30px;
/* using pixels to keep explicit sizing with sprite */
vertical-align: middle;
position: relative;
font-family: monospace !important;
font-size: 24px;
/* hide any text */
overflow: hidden;
text-indent: 40px;
/* add icon sprite */
/* background-image:url(/assets/icons/icon-buttons-sprite.png);
background-repeat: no-repeat;
*/
}
/* line 577, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
button.iconButton:before,
.button.iconButton:before,
input[type="button"].iconButton:before,
input[type="reset"].iconButton:before,
input[type="submit"].iconButton:before {
font-family: "KSP-Icons";
text-indent: 0px;
display: block;
float: left;
margin-top: -1px;
margin-left: 0px;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-size: 32px;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* secondary action icon buttons */
/* line 605, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
button.iconButton.secondaryAction,
.button.iconButton.secondaryAction,
input[type="button"].iconButton.secondaryAction,
input[type="reset"].iconButton.secondaryAction,
input[type="submit"].iconButton.secondaryAction {
width: 28px;
}
/* line 613, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
button.iconButton.secondaryAction:before,
.button.iconButton.secondaryAction:before,
input[type="button"].iconButton.secondaryAction:before,
input[type="reset"].iconButton.secondaryAction:before,
input[type="submit"].iconButton.secondaryAction:before {
margin-top: -3px;
margin-left: -3px;
}
/*
Specific icons defined here:;
*/
/* line 626, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.iconButton.iconEdit:before {
content: "\e62b";
}
/* line 630, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.iconButton.iconReports:before {
content: "\e62c";
}
/* line 634, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.iconButton.iconPause:before {
content: "\e62d";
}
/* line 638, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.iconButton.iconResume:before {
content: "\e62e";
}
/* line 642, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.iconButton.iconShow:before {
content: "\e62f";
}
/* line 646, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.iconButton.iconAdd:before {
content: "\e630";
}
/* line 650, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.iconButton.iconRemove:before {
content: "\e632";
}
/* line 654, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.iconButton.iconRecalculate:before {
content: "\e634";
}
/* line 658, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.iconButton.iconConfigure:before {
content: "\e635";
}
/* line 662, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.iconButton.iconDownload:before {
content: "\e636";
}
/* line 666, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.iconButton.iconClose:before {
content: "\e60e";
font-size: 16px;
margin-top: 7px;
margin-left: 8px;
}
/* line 673, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.iconButton.iconClose.secondaryAction:before {
margin-top: 5px;
margin-left: 5px;
}
/* line 678, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.iconButton.iconReset:before {
content: "\e637";
}
/* line 682, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.iconButton.iconDelete:before {
content: "\e638";
}
/* line 685, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.iconButton.iconDelete.secondaryAction:before {
margin-top: -4px;
}
/* line 689, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.iconButton.iconInfo:before {
content: "\e63a";
}
/* line 693, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.iconButton.iconPhoto:before {
content: "\e63b";
}
/* line 697, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.iconButton.iconCard:before {
content: "\e63c";
}
/* line 701, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.iconButton.iconDuplicate:before {
content: "\e63d";
}
/* line 705, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.iconButton.iconMore:before {
content: "\e63e";
}
/* line 709, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.iconButton.iconSelectNone:before {
content: "\e63f";
}
/* line 713, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.iconButton.iconSelectAll:before {
content: "\e640";
}
/* line 717, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.iconButton.iconPrevious:before {
content: "\e605";
font-size: 16px;
margin-top: 7px;
margin-left: 8px;
}
/* line 723, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.iconButton.iconPrevious.secondaryAction:before {
margin-top: 5px;
margin-left: 5px;
}
/* line 728, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.iconButton.iconNext:before {
content: "\e606";
font-size: 16px;
margin-top: 7px;
margin-left: 8px;
}
/* line 734, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.iconButton.iconNext.secondaryAction:before {
margin-top: 5px;
margin-left: 5px;
}
/* line 739, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.iconButton.iconFatterRows:before {
content: "\e641";
}
/* line 743, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.iconButton.iconThinnerRows:before {
content: "\e642";
}
/* line 747, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.iconButton.iconPrint:before {
content: "\e643";
}
/* line 751, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.iconButton.iconSAM:before {
content: "\e644";
}
/* line 755, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.iconButton.iconCheck:before {
font-size: 24px;
content: "\e60d";
margin-top: 3px;
margin-left: 4px;
}
/* line 761, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.iconButton.iconCheck.secondaryAction:before {
margin-top: 0px;
margin-left: 0px;
}
/* line 766, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.iconButton.iconCrop:before {
content: "\e64f";
margin-top: 0px;
margin-left: 1px;
}
/* line 772, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.iconButton.iconCrop.secondaryAction:before {
margin-top: -2px;
margin-left: -2px;
}
/* line 777, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.iconButton.iconFav:before {
content: "\e625";
}
/* line 780, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.iconButton.iconFav.secondaryAction:before {
margin-top: -4px;
}
/* line 784, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.iconButton.iconRewind:before {
content: "\e655";
}
/* line 787, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.iconButton.iconRewind.secondaryAction:before {
margin-top: -3px;
}
/* line 791, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.iconButton.iconSelection:before {
content: "\e656";
}
/* line 794, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.iconButton.iconSelection.secondaryAction:before {
margin-top: -3px;
}
/* line 798, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.iconButton.iconHandPointer:before {
content: "\e602";
font-size: 20px;
margin-top: 5px;
margin-left: 6px;
}
/* line 804, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.iconButton.iconHandPointer.secondaryAction:before {
margin-top: 2px;
margin-left: 3px;
}
/*
Large Icon Buttons
Similar to above, but sized to 48px X 48px.
*/
/* line 817, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
button.largeIconButton,
.button.largeIconButton,
input[type="button"].largeIconButton,
input[type="reset"].largeIconButton,
input[type="submit"].largeIconButton {
width: 48px;
height: 48px;
/* using pixels to keep explicit sizing with sprite */
padding: 0px;
vertical-align: middle;
/* hide any text */
overflow: hidden;
text-indent: 50px;
font-size: 32px;
line-height: 32px;
}
/* line 834, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
button.largeIconButton:before,
.button.largeIconButton:before,
input[type="button"].largeIconButton:before,
input[type="reset"].largeIconButton:before,
input[type="submit"].largeIconButton:before {
font-family: "KSP-Icons";
font-weight: normal;
text-indent: 0px;
display: block;
position: relative;
width: 32px;
height: 32px;
top: 8px;
left: 8px;
margin-bottom: 10px;
}
/* line 851, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
button.largeIconButton:active,
.button.largeIconButton:active,
input[type="button"].largeIconButton:active,
input[type="reset"].largeIconButton:active,
input[type="submit"].largeIconButton:active,
a:active button.largeIconButton,
a:active .button.largeIconButton,
a:active input[type="button"].largeIconButton,
a:active input[type="reset"].largeIconButton,
a:active input[type="submit"].largeIconButton,
a:hover button.largeIconButton:active,
a:hover .button.largeIconButton:active {
height: 46px;
}
/* line 867, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.largeIconButton.iconAudiences:before {
content: "\e64d";
}
/* line 871, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.largeIconButton.iconCompass:before {
content: "\e64b";
}
/* line 875, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.largeIconButton.iconReports:before {
content: "\e64c";
}
/* line 879, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.largeIconButton.iconSAM:before {
content: "\e64a";
}
/*
Support for high resolution displays
*/
@media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 4 / 2), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
/* line 894, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.iconButton.iconAdd:before {
content: "\e631";
}
/* line 898, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.iconButton.iconRemove:before {
content: "\e633";
}
/* line 901, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.iconButton.iconDelete:before {
content: "\e639";
}
/* line 905, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
button.waitIcon,
button.iconButton.waitIcon,
input[type="button"].waitIcon,
input[type="reset"].waitIcon,
input[type="submit"].waitIcon,
input[type="button"].iconButton.waitIcon,
input[type="reset"].iconButton.waitIcon,
input[type="submit"].iconButton.waitIcon,
.button.iconButton.waitIcon,
.button.waitIcon:hover,
.button.iconButton.waitIcon:active,
.button.iconButton.waitIcon:visited,
.button.iconButton.waitIcon,
.button.iconButton.waitIcon:hover,
.button.iconButton.waitIcon:active,
.button.iconButton.waitIcon:visited {
background-image: url(ui/wait-spinner-button@2x.gif);
background-repeat: no-repeat;
background-size: 24px 24px;
background-position: center;
}
/* line 927, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
button.destructiveAction.waitIcon,
input[type="button"].destructiveAction.waitIcon,
input[type="reset"].destructiveAction.waitIcon,
input[type="submit"].destructiveAction.waitIcon,
.button.destructiveAction.waitIcon,
.button.destructiveAction.waitIcon:hover,
.button.destructiveAction.waitIcon:active,
.button.destructiveAction.waitIcon:visited {
background-image: url(ui/wait-spinner-button-destructive@2x.gif);
}
/* line 938, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
button.toggled.waitIcon,
input[type="button"].toggled.waitIcon,
input[type="reset"].toggled.waitIcon,
input[type="submit"].toggled.waitIcon,
.button.toggled.waitIcon,
.button.toggled.waitIcon:hover,
.button.toggled.waitIcon:active,
.button.toggled.waitIcon:visited {
background-image: url(ui/wait-spinner-button-toggled@2x.gif);
}
/* line 949, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
button.waitIcon:disabled,
input[type="button"].waitIcon:disabled,
input[type="reset"].waitIcon:disabled,
input[type="submit"].waitIcon:disabled,
.button.waitIcon:disabled,
.button.waitIcon.disabled:hover,
.button.waitIcon.disabled:active,
.button.waitIcon.disabled:visited {
background-image: url(ui/wait-spinner-button-disabled@2x.gif);
}
}
/*
* Old icon buttons - ActionIcons, Based off of jQuery UI CSS Framework
*
* Included for legacy purposes. To be removed once the KSP is fully under the
* new templates.
*/
/* line 972, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon {
display: block;
overflow: hidden;
float: left;
text-indent: -99999px;
background-repeat: no-repeat;
width: 16px;
height: 16px;
background-image: url(http://localhost:3000/images/action_icons/action_icons_white_custom.png);
border: 1px solid #9b9d9f;
background-color: #86be58;
margin: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
}
/* line 990, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.inline-action-icon {
display: inline-block;
overflow: visible;
text-indent: -99999px;
background-repeat: no-repeat;
width: 16px;
height: 16px;
background-image: url(http://localhost:3000/images/action_icons/action_icons_white_custom.png);
border: 1px solid #9b9d9f;
background-color: #86be58;
margin: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-khtml-border-radius: 2px;
border-radius: 2px;
}
/* line 1007, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-carat-1-n {
background-position: 0 0;
}
/* line 1011, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-carat-1-ne {
background-position: -16px 0;
}
/* line 1015, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-carat-1-e {
background-position: -32px 0;
}
/* line 1019, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-carat-1-se {
background-position: -48px 0;
}
/* line 1023, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-carat-1-s {
background-position: -64px 0;
}
/* line 1027, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-carat-1-sw {
background-position: -80px 0;
}
/* line 1031, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-carat-1-w {
background-position: -96px 0;
}
/* line 1035, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-carat-1-nw {
background-position: -112px 0;
}
/* line 1039, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-carat-2-n-s {
background-position: -128px 0;
}
/* line 1043, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-carat-2-e-w {
background-position: -144px 0;
}
/* line 1047, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-triangle-1-n {
background-position: 0 -16px;
}
/* line 1051, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-triangle-1-ne {
background-position: -16px -16px;
}
/* line 1055, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-triangle-1-e {
background-position: -32px -16px;
}
/* line 1059, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-triangle-1-se {
background-position: -48px -16px;
}
/* line 1063, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-triangle-1-s {
background-position: -64px -16px;
}
/* line 1067, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-triangle-1-sw {
background-position: -80px -16px;
}
/* line 1071, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-triangle-1-w {
background-position: -96px -16px;
}
/* line 1075, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-triangle-1-nw {
background-position: -112px -16px;
}
/* line 1079, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-triangle-2-n-s {
background-position: -128px -16px;
}
/* line 1083, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-triangle-2-e-w {
background-position: -144px -16px;
}
/* line 1087, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-arrow-1-n {
background-position: 0 -32px;
}
/* line 1091, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-arrow-1-ne {
background-position: -16px -32px;
}
/* line 1095, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-arrow-1-e {
background-position: -32px -32px;
}
/* line 1099, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-arrow-1-se {
background-position: -48px -32px;
}
/* line 1103, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-arrow-1-s {
background-position: -64px -32px;
}
/* line 1107, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-arrow-1-sw {
background-position: -80px -32px;
}
/* line 1111, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-arrow-1-w {
background-position: -96px -32px;
}
/* line 1115, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-arrow-1-nw {
background-position: -112px -32px;
}
/* line 1119, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-arrow-2-n-s {
background-position: -128px -32px;
}
/* line 1123, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-arrow-2-ne-sw {
background-position: -144px -32px;
}
/* line 1127, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-arrow-2-e-w {
background-position: -160px -32px;
}
/* line 1131, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-arrow-2-se-nw {
background-position: -176px -32px;
}
/* line 1135, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-arrowstop-1-n {
background-position: -192px -32px;
}
/* line 1139, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-arrowstop-1-e {
background-position: -208px -32px;
}
/* line 1143, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-arrowstop-1-s {
background-position: -224px -32px;
}
/* line 1147, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-arrowstop-1-w {
background-position: -240px -32px;
}
/* line 1151, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-arrowthick-1-n {
background-position: 0 -48px;
}
/* line 1155, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-arrowthick-1-ne {
background-position: -16px -48px;
}
/* line 1159, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-arrowthick-1-e {
background-position: -32px -48px;
}
/* line 1163, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-arrowthick-1-se {
background-position: -48px -48px;
}
/* line 1167, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-arrowthick-1-s {
background-position: -64px -48px;
}
/* line 1171, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-arrowthick-1-sw {
background-position: -80px -48px;
}
/* line 1175, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-arrowthick-1-w {
background-position: -96px -48px;
}
/* line 1179, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-arrowthick-1-nw {
background-position: -112px -48px;
}
/* line 1183, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-arrowthick-2-n-s {
background-position: -128px -48px;
}
/* line 1187, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-arrowthick-2-ne-sw {
background-position: -144px -48px;
}
/* line 1191, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-arrowthick-2-e-w {
background-position: -160px -48px;
}
/* line 1195, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-arrowthick-2-se-nw {
background-position: -176px -48px;
}
/* line 1199, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-arrowthickstop-1-n {
background-position: -192px -48px;
}
/* line 1203, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-arrowthickstop-1-e {
background-position: -208px -48px;
}
/* line 1207, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-arrowthickstop-1-s {
background-position: -224px -48px;
}
/* line 1211, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-arrowthickstop-1-w {
background-position: -240px -48px;
}
/* line 1215, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-arrowreturnthick-1-w {
background-position: 0 -64px;
}
/* line 1219, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-arrowreturnthick-1-n {
background-position: -16px -64px;
}
/* line 1223, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-arrowreturnthick-1-e {
background-position: -32px -64px;
}
/* line 1227, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-arrowreturnthick-1-s {
background-position: -48px -64px;
}
/* line 1231, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-arrowreturn-1-w {
background-position: -64px -64px;
}
/* line 1235, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-arrowreturn-1-n {
background-position: -80px -64px;
}
/* line 1239, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-arrowreturn-1-e {
background-position: -96px -64px;
}
/* line 1243, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-arrowreturn-1-s {
background-position: -112px -64px;
}
/* line 1247, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-arrowrefresh-1-w {
background-position: -128px -64px;
}
/* line 1251, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-arrowrefresh-1-n {
background-position: -144px -64px;
}
/* line 1255, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-arrowrefresh-1-e {
background-position: -160px -64px;
}
/* line 1259, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-arrowrefresh-1-s {
background-position: -176px -64px;
}
/* line 1263, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-arrow-4 {
background-position: 0 -80px;
}
/* line 1267, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-arrow-4-diag {
background-position: -16px -80px;
}
/* line 1271, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-extlink {
background-position: -32px -80px;
}
/* line 1275, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-newwin {
background-position: -48px -80px;
}
/* line 1279, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-refresh {
background-position: -64px -80px;
}
/* line 1283, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-shuffle {
background-position: -80px -80px;
}
/* line 1287, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-transfer-e-w {
background-position: -96px -80px;
}
/* line 1291, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-transferthick-e-w {
background-position: -112px -80px;
}
/* line 1295, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-folder-collapsed {
background-position: 0 -96px;
}
/* line 1299, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-folder-open {
background-position: -16px -96px;
}
/* line 1303, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-document {
background-position: -32px -96px;
}
/* line 1307, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-document-b {
background-position: -48px -96px;
}
/* line 1311, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-note {
background-position: -64px -96px;
}
/* line 1315, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-mail-closed {
background-position: -80px -96px;
}
/* line 1319, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-mail-open {
background-position: -96px -96px;
}
/* line 1323, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-suitcase {
background-position: -112px -96px;
}
/* line 1327, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-comment {
background-position: -128px -96px;
}
/* line 1331, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-person {
background-position: -144px -96px;
}
/* line 1335, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-print {
background-position: -160px -96px;
}
/* line 1339, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-trash {
background-position: -176px -96px;
}
/* line 1343, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-locked {
background-position: -192px -96px;
}
/* line 1347, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-unlocked {
background-position: -208px -96px;
}
/* line 1351, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-bookmark {
background-position: -224px -96px;
}
/* line 1355, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-tag {
background-position: -240px -96px;
}
/* line 1359, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-home {
background-position: 0 -112px;
}
/* line 1363, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-flag {
background-position: -16px -112px;
}
/* line 1367, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-calendar {
background-position: -32px -112px;
}
/* line 1371, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-cart {
background-position: -48px -112px;
}
/* line 1375, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-pencil {
background-position: -64px -112px;
}
/* line 1379, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-clock {
background-position: -80px -112px;
}
/* line 1383, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-disk {
background-position: -96px -112px;
}
/* line 1387, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-calculator {
background-position: -112px -112px;
}
/* line 1391, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-zoomin {
background-position: -128px -112px;
}
/* line 1395, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-zoomout {
background-position: -144px -112px;
}
/* line 1399, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-search {
background-position: -160px -112px;
}
/* line 1403, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-wrench {
background-position: -176px -112px;
}
/* line 1407, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-gear {
background-position: -192px -112px;
}
/* line 1411, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-heart {
background-position: -208px -112px;
}
/* line 1415, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-star {
background-position: -224px -112px;
}
/* line 1419, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-link {
background-position: -240px -112px;
}
/* line 1423, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-cancel {
background-position: 0 -128px;
}
/* line 1427, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-plus {
background-position: -16px -128px;
}
/* line 1431, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-plusthick {
background-position: -32px -128px;
}
/* line 1435, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-minus {
background-position: -48px -128px;
}
/* line 1439, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-minusthick {
background-position: -64px -128px;
}
/* line 1443, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-close {
background-position: -80px -128px;
}
/* line 1447, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-closethick {
background-position: -96px -128px;
}
/* line 1451, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-key {
background-position: -112px -128px;
}
/* line 1455, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-lightbulb {
background-position: -128px -128px;
}
/* line 1459, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-scissors {
background-position: -144px -128px;
}
/* line 1463, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-clipboard {
background-position: -160px -128px;
}
/* line 1467, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-copy {
background-position: -176px -128px;
}
/* line 1471, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-contact {
background-position: -192px -128px;
}
/* line 1475, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-image {
background-position: -208px -128px;
}
/* line 1479, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-video {
background-position: -224px -128px;
}
/* line 1483, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-script {
background-position: -240px -128px;
}
/* line 1487, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-alert {
background-position: 0 -144px;
}
/* line 1491, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-info {
background-position: -16px -144px;
}
/* line 1495, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-notice {
background-position: -32px -144px;
}
/* line 1499, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-help {
background-position: -48px -144px;
}
/* line 1503, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-check {
background-position: -64px -144px;
}
/* line 1507, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-bullet {
background-position: -80px -144px;
}
/* line 1511, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-radio-off {
background-position: -96px -144px;
}
/* line 1515, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-radio-on {
background-position: -112px -144px;
}
/* line 1519, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-pin-w {
background-position: -128px -144px;
}
/* line 1523, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-pin-s {
background-position: -144px -144px;
}
/* line 1527, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-play {
background-position: 0 -160px;
}
/* line 1531, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-pause {
background-position: -16px -160px;
}
/* line 1535, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-seek-next {
background-position: -32px -160px;
}
/* line 1539, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-seek-prev {
background-position: -48px -160px;
}
/* line 1543, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-seek-end {
background-position: -64px -160px;
}
/* line 1547, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-seek-start {
background-position: -80px -160px;
}
/* line 1551, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-seek-first {
background-position: -80px -160px;
}
/* line 1555, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-stop {
background-position: -96px -160px;
}
/* line 1559, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-eject {
background-position: -112px -160px;
}
/* line 1563, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-volume-off {
background-position: -128px -160px;
}
/* line 1567, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-volume-on {
background-position: -144px -160px;
}
/* line 1571, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-power {
background-position: 0 -176px;
}
/* line 1575, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-signal-diag {
background-position: -16px -176px;
}
/* line 1579, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-signal {
background-position: -32px -176px;
}
/* line 1583, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-battery-0 {
background-position: -48px -176px;
}
/* line 1587, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-battery-1 {
background-position: -64px -176px;
}
/* line 1591, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-battery-2 {
background-position: -80px -176px;
}
/* line 1595, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-battery-3 {
background-position: -96px -176px;
}
/* line 1599, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-circle-plus {
background-position: 0 -192px;
}
/* line 1603, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-circle-minus {
background-position: -16px -192px;
}
/* line 1607, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-circle-close {
background-position: -32px -192px;
}
/* line 1611, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-circle-triangle-e {
background-position: -48px -192px;
}
/* line 1615, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-circle-triangle-s {
background-position: -64px -192px;
}
/* line 1619, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-circle-triangle-w {
background-position: -80px -192px;
}
/* line 1623, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-circle-triangle-n {
background-position: -96px -192px;
}
/* line 1627, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-circle-arrow-e {
background-position: -112px -192px;
}
/* line 1631, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-circle-arrow-s {
background-position: -128px -192px;
}
/* line 1635, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-circle-arrow-w {
background-position: -144px -192px;
}
/* line 1639, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-circle-arrow-n {
background-position: -160px -192px;
}
/* line 1643, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-circle-zoomin {
background-position: -176px -192px;
}
/* line 1647, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-circle-zoomout {
background-position: -192px -192px;
}
/* line 1651, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-circle-check {
background-position: -208px -192px;
}
/* line 1655, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-circlesmall-plus {
background-position: 0 -208px;
}
/* line 1659, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-circlesmall-minus {
background-position: -16px -208px;
}
/* line 1663, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-circlesmall-close {
background-position: -32px -208px;
}
/* line 1667, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-squaresmall-plus {
background-position: -48px -208px;
}
/* line 1671, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-squaresmall-minus {
background-position: -64px -208px;
}
/* line 1675, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-squaresmall-close {
background-position: -80px -208px;
}
/* line 1679, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-grip-dotted-vertical {
background-position: 0 -224px;
}
/* line 1683, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-grip-dotted-horizontal {
background-position: -16px -224px;
}
/* line 1687, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-grip-solid-vertical {
background-position: -32px -224px;
}
/* line 1691, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-grip-solid-horizontal {
background-position: -48px -224px;
}
/* line 1695, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-gripsmall-diagonal-se {
background-position: -64px -224px;
}
/* line 1699, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-grip-diagonal-se {
background-position: -80px -224px;
}
/* line 1703, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-io {
background-position: -96px -224px;
}
/* line 1707, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-cr {
background-position: -110px -224px;
}
/* line 1711, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-dt {
background-position: -124px -224px;
}
/* line 1715, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/buttons.css.scss.erb */
.action-icon-gear {
background-position: -192px -114px;
}
/* CSS Document */
/***** Fonts ******/
/***** Colors *****/
/* Was Kinetic Dark Grey #6C6463 */
/* was Kinetic Dark Grey #6C6463 */
/* Kinetic Medium Blue */
/*#E8E8E8;*/
/* Explicit Kinetic Color Definitions */
/* typographic scale */
/* z-index management */
/* line 5, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
fieldset {
border: solid 1px #D6D2C4;
padding: 1.5rem 1rem;
margin-bottom: 3rem;
min-width: 0;
}
/* line 12, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
legend {
font-size: 1rem;
font-weight: 400;
letter-spacing: 0.0625rem;
text-transform: uppercase;
color: #404040;
padding: 0rem 0.375rem;
margin-left: -0.375rem;
}
/* line 22, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
.inputGroup {
padding: 0rem;
margin: 0rem;
margin-bottom: 1.5rem;
}
/* line 28, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
.inputGroup li {
padding: 0rem;
margin: 0rem;
list-style: none;
}
/* line 34, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
.inputGroup li:before {
content: none;
}
/* line 38, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
.inputGroup li label {
margin: 0rem;
padding: 0rem;
}
/* line 43, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
.required {
font-weight: 700;
color: #DB1717;
}
/* line 48, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
label + .required {
margin-left: -1.5rem;
/* account for extra margin added to left side of all labels */
}
/* line 52, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
label {
/*display: inline-block;*/
/*margin-bottom: 0.25rem;*/
line-height: 1.5rem;
max-width: 40rem;
cursor: pointer;
margin-right: 1.5rem;
}
/* line 61, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
label.leftMargin {
margin-left: 1.5rem;
}
/*
explicit disabled state for labels
*/
/* line 68, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
label.disabled {
cursor: default;
opacity: 0.3;
}
/* line 73, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input:not([type]),
input[type=text],
input[type=password],
input[type=email],
input[type=number],
input[type=range],
input[type=file],
select,
textarea {
width: 100%;
max-width: 25rem;
display: inline-block;
margin-bottom: 0rem;
font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
font-weight: 400;
font-size: 1rem;
color: #404040;
border: none;
background-color: #F4F2EA;
padding: 0.25rem 0.5625rem;
margin: 0.125rem 0;
border: solid 2px #D6D2C4;
line-height: 1.5rem;
vertical-align: middle;
min-height: 2.625rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
/* needed for mobile safari */
-webkit-border-radius: 0px;
}
/* line 108, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input.whiteField,
select.whiteField {
background-color: #FFFFFF;
}
/* line 113, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
ks-editable.whiteField input {
background-color: #FFFFFF;
}
/* Firefox does not render a focus ring
around a styled input field. So we
need to add our own for accessibility.
We'll mimmick Chrome's blue glow. */
@-moz-document url-prefix() {
/* line 123, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input:not([type]):focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=number]:focus,
select:focus,
textarea:focus {
box-shadow: 0 0 3px 2px #3688ee;
}
}
/* line 134, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input:not([type]).inlineEditField,
input[type=text].inlineEditField,
input[type=password].inlineEditField,
input[type=email].inlineEditField,
input[type=number].inlineEditField,
select.inlineEditField {
padding-top: 0px;
padding-bottom: 0px;
border: none;
line-height: 1rem;
height: 1.5rem;
min-height: 1.5rem;
vertical-align: inherit;
border: solid 1px #D6D2C4;
margin: 0;
}
/* line 151, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
select.inlineEditField {
background-position: top -88px right -160px;
}
/* line 155, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input:not([type]).inlineEditField.dollarField,
input[type=text].inlineEditField.dollarField,
input[type=password].inlineEditField.dollarField,
input[type=email].inlineEditField.dollarField,
input[type=number].inlineEditField.dollarField {
background-position: left -242px top -205px;
}
/* line 163, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input:not([type]).inlineEditField.percentField,
input[type=text].inlineEditField.percentField,
input[type=password].inlineEditField.percentField,
input[type=email].inlineEditField.percentField,
input[type=number].inlineEditField.percentField {
background-position: right -202px top -48px;
}
/* HTML5 allows any element to be user editable user the contenteditable="true" attribute.
For those elements, we add the class editable element to make the element look like
a form field */
/* line 174, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
.editableElement {
width: 25rem;
display: inline-block;
margin-bottom: 0rem;
font-weight: 400;
font-size: 1rem;
color: #404040;
border: none;
background-color: #F4F2EA;
padding: 0.375rem 0.5625rem;
border: solid 2px #D6D2C4;
line-height: 1.5rem;
vertical-align: middle;
min-height: 4.5rem;
}
/*
need to provide a hack for Chrome... when copying/pasting from one .editableElement to
another, Chrome thinks it needs to copy styles as well, unless those styles are provided
here. For some reason, Chrome copies plain text and wraps them in a span with with inline
style of word-spacing: 0.845px. By explicitly specifying that style here, Chrome will copy
the content as-is.
*/
/* line 198, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
.editableElement > span[style] {
word-spacing: 0.845px;
}
/* line 202, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input:not([type]).quarterLength,
input[type=text].quarterLength,
input[type=password].quarterLength,
input[type=email].quarterLength,
input[type=number].quarterLength,
input[type=range].quarterLength,
select.quarterLength,
textarea.quarterLength,
.stackedInput input:not([type]).quarterLength,
.stackedInput input[type=text].quarterLength,
.stackedInput input[type=password].quarterLength,
.stackedInput input[type=email].quarterLength,
.stackedInput input[type=number].quarterLength,
.stackedSelect select.quarterLength,
.bigContainer .mainColumn .stackedInput textarea.quarterLength,
.bigContainer .mainColumn .stackedInput input:not([type]).quarterLength,
.bigContainer .mainColumn .stackedInput input[type=text].quarterLength,
.bigContainer .mainColumn .stackedInput input[type=password].quarterLength,
.bigContainer .mainColumn .stackedInput input[type=email].quarterLength,
.bigContainer .mainColumn .stackedInput input[type=number].quarterLength,
.bigContainer .mainColumn .stackedSelect select.quarterLength,
.bigContainer .mainColumn .stackedInput textarea.quarterLength {
max-width: 6.25rem;
}
/* line 228, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input:not([type]).halfLength,
input[type=text].halfLength,
input[type=password].halfLength,
input[type=email].halfLength,
input[type=number].halfLength,
input[type=range].halfLength,
select.halfLength,
textarea.halfLength,
.stackedInput input:not([type]).halfLength,
.stackedInput input[type=text].halfLength,
.stackedInput input[type=password].halfLength,
.stackedInput input[type=email].halfLength,
.stackedInput input[type=number].halfLength,
.stackedSelect select.halfLength,
.stackedInput textarea.halfLength,
.bigContainer .mainColumn .stackedInput input:not([type]).halfLength,
.bigContainer .mainColumn .stackedInput input[type=text].halfLength,
.bigContainer .mainColumn .stackedInput input[type=password].halfLength,
.bigContainer .mainColumn .stackedInput input[type=email].halfLength,
.bigContainer .mainColumn .stackedInput input[type=number].halfLength,
.bigContainer .mainColumn .stackedSelect select.halfLength,
.bigContainer .mainColumn .stackedInput textarea.halfLength {
max-width: 12.5rem;
}
/* line 254, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input:not([type]).threeQuarterLength,
input[type=text].threeQuarterLength,
input[type=password].threeQuarterLength,
input[type=email].threeQuarterLength,
input[type=number].threeQuarterLength,
input[type=range].threeQuarterLength,
select.threeQuarterLength,
textarea.threeQuarterLength,
.stackedInput input:not([type]).threeQuarterLength,
.stackedInput input[type=text].threeQuarterLength,
.stackedInput input[type=password].threeQuarterLength,
.stackedInput input[type=email].threeQuarterLength,
.stackedInput input[type=number].threeQuarterLength,
.stackedSelect select.threeQuarterLength,
.stackedInput textarea.threeQuarterLength,
.bigContainer .mainColumn .stackedInput input:not([type]).threeQuarterLength,
.bigContainer .mainColumn .stackedInput input[type=text].threeQuarterLength,
.bigContainer .mainColumn .stackedInput input[type=password].threeQuarterLength,
.bigContainer .mainColumn .stackedInput input[type=email].threeQuarterLength,
.bigContainer .mainColumn .stackedInput input[type=number].threeQuarterLength,
.bigContainer .mainColumn .stackedSelect select.threeQuarterLength,
.bigContainer .mainColumn .stackedInput textarea.threeQuarterLength {
max-width: 18.75rem;
}
/* line 280, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
.stackedInput input:not([type]).fullLength,
.stackedInput input[type=text].fullLength,
.stackedInput input[type=password].fullLength,
.stackedInput input[type=email].fullLength,
.stackedInput input[type=number].fullLength,
.stackedInput input[type=range].fullLength,
.stackedSelect select.fullLength,
.bigContainer .mainColumn .stackedInput textarea.fullLength,
.bigContainer .mainColumn .stackedInput input:not([type]).fullLength,
.bigContainer .mainColumn .stackedInput input[type=text].fullLength,
.bigContainer .mainColumn .stackedInput input[type=password].fullLength,
.bigContainer .mainColumn .stackedInput input[type=email].fullLength,
.bigContainer .mainColumn .stackedInput input[type=number].fullLength,
.bigContainer .mainColumn .stackedSelect select.fullLength,
.bigContainer .mainColumn .stackedInput textarea.fullLength {
max-width: 25rem;
}
/* line 300, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input:not([type]).wider,
input[type=text].wider,
input[type=password].wider,
input[type=email].wider,
input[type=number].wider,
input[type=range].wider,
select.wider,
textarea.wider,
.stackedInput input:not([type]).wider,
.stackedInput input[type=text].wider,
.stackedInput input[type=password].wider,
.stackedInput input[type=email].wider,
.stackedInput input[type=number].wider,
.stackedSelect select.wider,
.stackedInput textarea.wider,
.bigContainer .mainColumn .stackedInput input:not([type]).wider,
.bigContainer .mainColumn .stackedInput input[type=text].wider,
.bigContainer .mainColumn .stackedInput input[type=password].wider,
.bigContainer .mainColumn .stackedInput input[type=email].wider,
.bigContainer .mainColumn .stackedInput input[type=number].wider,
.bigContainer .mainColumn .stackedSelect select.wider,
.bigContainer .mainColumn .stackedInput textarea.wider {
max-width: 37.5rem;
}
/* line 326, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input:not([type]).stretch,
input[type=text].stretch,
input[type=password].stretch,
input[type=email].stretch,
input[type=number].stretch,
input[type=range].stretch,
select.stretch,
textarea.stretch,
.stackedInput input:not([type]).stretch,
.stackedInput input[type=text].stretch,
.stackedInput input[type=password].stretch,
.stackedInput input[type=email].stretch,
.stackedInput input[type=number].stretch,
.stackedInput input[type=range].stretch,
.stackedSelect select.stretch,
.stackedInput textarea.stretch,
.bigContainer .mainColumn .stackedInput input:not([type]).stretch,
.bigContainer .mainColumn .stackedInput input[type=text].stretch,
.bigContainer .mainColumn .stackedInput input[type=password].stretch,
.bigContainer .mainColumn .stackedInput input[type=email].stretch,
.bigContainer .mainColumn .stackedInput input[type=number].stretch,
.bigContainer .mainColumn .stackedInput input[type=range].stretch,
.bigContainer .mainColumn .stackedSelect select.stretch,
.bigContainer .mainColumn .stackedInput textarea.stretch {
max-width: 100%;
}
/* line 354, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input:not([type]).stretch.minusOneIconButton,
input[type=text].stretch.minusOneIconButton,
input[type=password].stretch.minusOneIconButton,
input[type=email].stretch.minusOneIconButton,
input[type=number].stretch.minusOneIconButton,
input[type=range].stretch.minusOneIconButton,
select.stretch.minusOneIconButton,
textarea.stretch.minusOneIconButton,
.stackedInput input:not([type]).stretch.minusOneIconButton,
.stackedInput input[type=text].stretch.minusOneIconButton,
.stackedInput input[type=password].stretch.minusOneIconButton,
.stackedInput input[type=email].stretch.minusOneIconButton,
.stackedInput input[type=number].stretch.minusOneIconButton,
.stackedInput input[type=range].stretch.minusOneIconButton,
.stackedSelect select.stretch.minusOneIconButton,
.stackedInput textarea.stretch.minusOneIconButton,
.bigContainer .mainColumn .stackedInput input:not([type]).stretch.minusOneIconButton,
.bigContainer .mainColumn .stackedInput input[type=text].stretch.minusOneIconButton,
.bigContainer .mainColumn .stackedInput input[type=password].stretch.minusOneIconButton,
.bigContainer .mainColumn .stackedInput input[type=email].stretch.minusOneIconButton,
.bigContainer .mainColumn .stackedInput input[type=number].stretch.minusOneIconButton,
.bigContainer .mainColumn .stackedInput input[type=range].stretch.minusOneIconButton,
.bigContainer .mainColumn .stackedSelect select.stretch.minusOneIconButton,
.bigContainer .mainColumn .stackedInput textarea.stretch.minusOneIconButton {
max-width: calc(100% - 40px);
}
/* line 383, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input:not([type]).autoWidth,
input[type=text].autoWidth,
input[type=password].autoWidth,
input[type=email].autoWidth,
input[type=number].autoWidth,
input[type=range].autoWidth,
select.autoWidth,
textarea.autoWidth,
.stackedInput input:not([type]).autoWidth,
.stackedInput input[type=text].autoWidth,
.stackedInput input[type=password].autoWidth,
.stackedInput input[type=email].autoWidth,
.stackedInput input[type=number].autoWidth,
.stackedInput input[type=range].autoWidth,
.stackedSelect select.autoWidth,
.bigContainer .mainColumn .stackedInput textarea.autoWidth,
.bigContainer .mainColumn .stackedInput input:not([type]).autoWidth,
.bigContainer .mainColumn .stackedInput input[type=text].autoWidth,
.bigContainer .mainColumn .stackedInput input[type=password].autoWidth,
.bigContainer .mainColumn .stackedInput input[type=email].autoWidth,
.bigContainer .mainColumn .stackedInput input[type=number].autoWidth,
.bigContainer .mainColumn .stackedInput input[type=range].autoWidth,
.bigContainer .mainColumn .stackedSelect select.autoWidth,
.bigContainer .mainColumn .stackedInput textarea.autoWidth {
width: auto;
max-width: inital;
}
/* line 412, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input:not([type]).tall,
input[type=text].tall,
input[type=password].tall,
input[type=email].tall,
input[type=number].tall,
select.tall,
textarea.tall {
height: 15rem;
}
/* line 422, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input:not([type]).taller,
input[type=text].taller,
input[type=password].taller,
input[type=email].taller,
input[type=number].taller,
select.taller,
textarea.taller {
height: 22.5rem;
}
/* line 433, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input:not([type]):disabled, input[type=text]:disabled, input[type=password]:disabled, input[type=email]:disabled, input[type=number]:disabled, input[type=range]:disabled, select:disabled, textarea:disabled,
input:not([type]).disabled, input[type=text].disabled, input[type=password].disabled, input[type=email].disabled, input[type=number].disabled, input[type=range].disabled, select.disabled, textarea.disabled {
opacity: 0.5;
cursor: default;
}
/* line 439, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
textarea {
height: 4.25rem;
}
/* line 443, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
textarea.audienceList {
/*width:12rem;*/
height: 20rem;
}
/* line 448, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input::-ms-clear, input::-ms-reveal {
color: #898989;
}
/*
This normalizes a combination of an input and button side by side
to use the same width as a normal input. All of the standard width
modifiers apply except autoWidth.
Can be used with text-based drop downs
Example:
Go
*/
/* line 468, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
.inputPlusButton {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-align-items: center;
align-items: center;
width: 100%;
max-width: 25rem;
}
/* line 486, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
.inputPlusButton.quarterLength {
max-width: 6.25rem;
}
/* line 490, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
.inputPlusButton.halfLength {
max-width: 12.5rem;
}
/* line 494, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
.inputPlusButton.threeQuarterLength {
max-width: 18.75rem;
}
/* line 498, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
.inputPlusButton.fullLength {
max-width: 25rem;
}
/* line 502, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
.inputPlusButton.wider {
max-width: 37.5rem;
}
/* line 506, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
.inputPlusButton.stretch {
max-width: 100%;
}
/* line 510, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
.inputPlusButton input:not([type]),
.inputPlusButton input[type=text],
.inputPlusButton input[type=password],
.inputPlusButton input[type=email],
.inputPlusButton input[type=number],
.inputPlusButton input[type=range],
.inputPlusButton input[type=file],
.inputPlusButton select {
min-width: 0;
max-width: initial;
margin-right: 0.375rem;
-webkit-flex-grow: 1;
flex-grow: 1;
}
/* line 526, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
.inputPlusButton button,
.inputPlusButton .button {
-webkit-flex-grow: 0;
flex-grow: 0;
-webkit-flex-shrink: 0;
flex-shrink: 0;
margin-right: 0.375rem;
}
/* line 539, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
.inputPlusButton > *:last-child {
margin-right: 0;
}
/*
Explicit classes to remove added browser controls.
Normally these are good things, but can sometimes
get in the way when creating your own custom logic
for form fields.
*/
/* line 553, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input.noNativeClearControl::-ms-clear {
display: none;
}
/* line 557, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input.noNativeRevealControl::-ms-reveal {
display: none;
}
/*********** Styles for HTML 5 Range input ***********/
/* line 564, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input[type=range] {
border: none;
height: 1.5rem;
padding: 0;
background: transparent;
}
/* Webkit */
/* line 572, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
cursor: grab;
background-color: #00A9CE;
width: 20px;
height: 20px;
border-bottom: solid 2px #006a82;
border-radius: 10px;
margin-top: -7px;
}
/* line 584, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input[type=range]::-webkit-slider-runnable-track {
width: 100%;
height: 10px;
background-color: #F4F2EA;
border: solid 2px #D6D2C4;
border-radius: 5px;
margin: 8px 0px;
}
/* FireFox */
/* line 594, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input[type=range]::-moz-range-thumb {
cursor: grab;
background-color: #00A9CE;
width: 18px;
height: 17px;
border: none;
border-bottom: solid 2px #006a82;
border-radius: 10px;
}
/* line 604, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input[type=range]::-moz-range-track {
width: 100%;
height: 6px;
background-color: #F4F2EA;
border: solid 2px #D6D2C4;
border-radius: 5px;
}
/* Internet Explorer */
/* line 613, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input[type=range]::-ms-thumb {
cursor: -ms-grab;
background-color: #00A9CE;
width: 20px;
height: 19px;
border: none;
border-bottom: solid 2px #006a82;
border-radius: 10px;
margin: 0px 4px;
}
/* line 624, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input[type=range]::-ms-track {
height: 10px;
overflow: visible;
color: transparent;
background: transparent;
border: none;
border-style: solid;
border-color: transparent;
border-width: 6px 0px;
}
/* line 634, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input[type=range]::-ms-fill-lower,
input[type=range]::-ms-fill-upper {
background-color: #F4F2EA;
border: solid 2px #D6D2C4;
border-radius: 5px;
}
/* line 641, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input[type=range]::-ms-ticks {
display: none;
}
/* line 645, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input[type=range]::-ms-tooltip {
display: none;
}
/******** Styles for file upload control ************/
/* line 652, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input[type=file] {
display: inline-block;
cursor: pointer;
padding: 0.1875rem;
background-color: #F4F2EA;
border: solid 2px #D6D2C4;
font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
font-weight: 400;
font-size: 1rem;
color: #5C5C5C;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* line 670, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input[type=file].threeQuarterLength {
max-width: 18.75rem;
}
/* line 674, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input[type=file].fullLength {
max-width: 25rem;
}
/* line 678, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input[type=file].wider {
max-width: 37.5rem;
}
/* line 682, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input[type=file].stretch {
max-width: 100%;
}
/* line 686, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input[type=file]:disabled {
cursor: default;
opacity: 0.5;
color: #D6D6D6;
}
/* Firefox */
@-moz-document url-prefix() {
/* line 696, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input[type=file] {
/*-moz-box-sizing: content-box;*/
padding: 8px;
background-color: #F4F2EA;
border: solid 2px #D6D2C4;
}
}
/* Webkit browsers */
/* line 705, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input[type=file]::-webkit-file-upload-button {
background-color: #00A9CE;
border-top: none;
border-left: none;
border-right: none;
border-bottom: solid 2px #006a82;
color: #FFFFFF;
font-weight: 700;
font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
cursor: pointer;
font-size: 0.875rem;
/* 14px nominal */
text-transform: uppercase;
padding: 0rem;
padding-left: 1rem;
padding-right: 1rem;
line-height: 30px;
height: 32px;
-webkit-font-smoothing: antialiased;
-webkit-border-radius: 5px;
}
/* line 726, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input[type=file]::-webkit-file-upload-button:focus {
/*outline:none;*/
}
/* line 730, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input[type=file]::-webkit-file-upload-button:hover {
background-color: #1BCDF4;
border-bottom-color: #099aba;
}
/* line 735, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input[type=file]::-webkit-file-upload-button:active {
background-color: #14789D;
border-bottom: none;
height: 30px;
margin-top: 2px;
}
/* line 742, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input[type=file]:disabled::-webkit-file-upload-button {
background-color: #D6D6D6;
border-bottom-color: #bdbdbd;
/*text-shadow: 0px 1px 1px rgba(124, 124, 124, 1);*/
cursor: default;
-webkit-box-shadow: none;
}
/* Internet Explorer */
/* line 751, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input[type=file]::-ms-value {
border: none;
background: transparent;
/*padding: 0.375rem 0.5625rem;*/
/*box-shadow: 0px 1px 4px 0px rgba(50, 50, 50, 0.75) inset;*/
/*border-radius: 6px;*/
margin-right: 10px;
height: 32px;
box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
/* line 765, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input[type=file]::-ms-browse {
background-color: #00A9CE;
border-top: none;
border-left: none;
border-right: none;
border-bottom: solid 2px #006a82;
color: #FFFFFF;
font-weight: 700;
font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
font-size: 0.875rem;
/* 14px nominal */
text-transform: uppercase;
padding: 0rem;
padding-left: 16px;
padding-right: 16px;
line-height: 28px;
height: 30px;
vertical-align: bottom;
border-radius: 5px;
}
/* line 786, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input[type=file]::-ms-browse:hover {
cursor: pointer;
background-color: #1BCDF4;
border-bottom-color: #099aba;
}
/* line 792, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input[type=file]::-ms-browse:active {
background-color: #14789D;
border-bottom: none;
margin-top: 2px;
height: 30px;
}
/* line 799, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input[type=file]:disabled::-ms-browse {
background-color: #D6D6D6;
border-bottom-color: #bdbdbd;
/*text-shadow: 0px 1px 1px rgba(124, 124, 124, 1);*/
cursor: default;
}
/******************* SELECT ELEMENT ******************/
/* line 809, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
select {
-moz-appearance: none;
background-image: url(forms/form-element-sprite.svg);
background-repeat: no-repeat;
background-position: top -79px right -160px;
cursor: pointer;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
position: relative;
padding-right: 2rem;
padding-right: 0.375rem \9;
/* hack for IE9, since we can't hide the drop-down arrow. So by including padding, it positions the drop-down arrow over the custom arrow */
}
/*
Unfortunately, IE10 understands the IE9 hack above, and
we only want to apply it to IE 9.
This is a hack for IE10 to undo the above IE9 hack.
*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
/* line 828, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
select {
padding-right: 2rem;
}
}
/* line 834, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
select::-ms-expand {
display: none;
}
/* select options */
/* line 839, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
select option {
font-weight: 400;
color: #404040;
}
/* select options with no value are treated as placeholders */
/* line 845, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
select.placeholder option:not([value]), select.placeholder option[value=''] {
opacity: 1;
color: #C7C3B6;
font-weight: 300;
}
/* line 851, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
select.placeholder {
color: #C7C3B6;
font-weight: 300;
}
/*************** style placeholder text *******************/
/* line 858, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input.placeholder, textarea.placeholder {
opacity: 1;
color: #C7C3B6;
font-weight: 300;
}
/* line 864, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
opacity: 1;
color: #C7C3B6;
font-weight: 300;
}
/* line 870, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input:-moz-placeholder, textarea:-moz-placeholder {
/* Firefox 18- */
opacity: 1;
color: #C7C3B6;
font-weight: 300;
}
/* line 876, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input::-moz-placeholder, textarea::-moz-placeholder {
/* Firefox 19+ */
opacity: 1;
color: #C7C3B6;
font-weight: 300;
}
/* line 882, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
opacity: 1;
color: #C7C3B6;
font-weight: 300;
}
/* select options */
/* line 889, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
select option {
font-weight: 400;
color: #404040;
}
/* Assume the first option of a select tag to serve as the placeholder */
/* line 895, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
select.firstItemPlaceholder option:first-child {
opacity: 1;
color: #C7C3B6;
font-weight: 300;
}
/* line 901, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
select.firstItemPlaceholder.placeholder {
color: #C7C3B6;
font-weight: 300;
}
/* line 906, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
select.operatorSelector {
width: 4rem;
overflow: hidden;
}
/*
select.firstItemPlaceholder option:not(:first-child) {
font-weight: 400;
color: #404040;
}
*/
/* line 918, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input.dollarField {
padding-left: 1.5rem;
background-image: url(forms/form-element-sprite.svg);
background-repeat: no-repeat;
background-position: left -242px top -197px;
max-width: 8rem;
}
/* line 926, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input.percentField {
padding-right: 1.5rem;
background-image: url(forms/form-element-sprite.svg);
background-repeat: no-repeat;
background-position: right -202px top -40px;
max-width: 5rem;
}
/* line 934, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input.searchField {
padding-left: 30px;
background-image: url(forms/form-element-sprite.svg);
background-repeat: no-repeat;
background-position: left -201px top -237px;
}
/* line 943, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input[type=number] {
max-width: 8rem;
width: 100%;
padding-right: 6px;
cursor: default;
}
/* line 950, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
-moz-appearance: textfield;
margin: 0;
/*padding-right: 6px;*/
}
/*** Custom check box and radio button styles ***/
/* line 961, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input[type=radio], input[type=checkbox] {
-webkit-appearance: none;
/*-moz-appearance:none;*/
/* currently buggy in Firefox. Degrade to browser default style */
appearance: none;
display: inline-block;
position: relative;
margin-top: -4px;
width: 16px;
height: 16px;
/* needed for mobile safari */
-webkit-border-radius: 0px;
border: none;
line-height: 1.5rem;
vertical-align: middle;
margin-right: 4px;
cursor: pointer;
padding: 8px;
/* It is not possible to explicitly hide the native check box style in IE9.
But we can fake it. IE9 will scale the checkbox to fit inside the space
available -- in our case, 16px X 16px. However, by setting the padding to
8px, the avilable space is now reduced to 0px X 0px. */
}
@-moz-document url-prefix() {
/* line 986, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input[type=radio]:-moz-focusring,
input[type=checkbox]:-moz-focusring {
border: none;
}
}
/* line 992, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
h4 input[type=radio],
h4 input[type=checkbox] {
margin-top: -2px;
}
/* line 997, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input[type=radio].alignTop,
input[type=checkbox].alignTop {
vertical-align: top;
margin-top: 4px;
}
/* line 1003, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
::-ms-check {
display: none;
}
/* line 1007, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input[type=radio]:focus, input[type=checkbox]:focus {
/*outline:none*/
}
/*
need to specifiy these seprately, or the browsers start getting confused
*/
/* line 1014, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input[type=radio] {
background-image: url(forms/form-element-sprite.svg);
background-repeat: no-repeat;
background-position: -140px -120px;
}
/* line 1020, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input[type=checkbox] {
background-image: url(forms/form-element-sprite.svg);
background-repeat: no-repeat;
background-position: -120px -120px;
}
/* checked states */
/* line 1027, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input[type=radio]:checked {
background-position: -140px -140px;
}
/* line 1031, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input[type=checkbox]:checked {
background-position: -120px -140px;
}
/* active states */
/* line 1037, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input[type=radio]:active {
background-position: -140px -160px;
}
/* line 1041, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input[type=checkbox]:active,
.ui-selectee.ui-selecting input[type=checkbox] {
background-position: -120px -160px;
}
/* active checked states */
/* line 1048, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input[type=radio]:checked:active {
background-position: -140px -180px;
}
/* line 1052, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input[type=checkbox]:checked:active,
.ui-selectee.ui-selecting input[type=checkbox]:checked {
background-position: -120px -180px;
}
/* disabled states */
/* line 1060, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input[type=radio]:disabled {
cursor: default;
opacity: 0.3;
}
/* line 1065, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input[type=radio]:disabled + label {
cursor: default;
opacity: 0.3;
}
/* line 1070, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input[type=radio]:disabled:active {
background-position: -140px -120px;
}
/* line 1074, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input[type=radio]:disabled:checked:active {
background-position: -140px -140px;
}
/* line 1078, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input[type=checkbox]:disabled {
cursor: default;
opacity: 0.3;
}
/* line 1083, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input[type=checkbox]:disabled + label {
cursor: default;
opacity: 0.3;
}
/* line 1088, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input[type=checkbox]:disabled:active {
background-position: -120px -120px;
}
/* line 1092, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input[type=checkbox]:disabled:checked:active {
background-position: 20px;
}
/* change how chack boxes and radio buttons are displatyed when inside a label */
/* line 1098, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
label input[type=radio],
label input[type=checkbox] {
margin-right: 0;
}
/* line 1103, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
label.multiLineCheckRadioLabel {
display: inline-block;
position: relative;
padding-left: 1.25rem;
}
/* line 1109, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
.inputGroup li label.multiLineCheckRadioLabel {
padding-right: 0.1875rem;
padding-left: 1.4375rem;
}
/* line 1114, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
.inputGroup li label.multiLineCheckRadioLabel:hover {
background-color: #E9F6FA;
}
/* line 1119, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
.inputGroup li label.multiLineCheckRadioLabel.fullWidthClickable {
display: block;
margin-bottom: 0.375rem;
}
/* line 1124, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
label.multiLineCheckRadioLabel input[type=radio],
label.multiLineCheckRadioLabel input[type=checkbox] {
position: absolute;
top: 0.5rem;
left: 0;
}
/* line 1131, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
.inputGroup li label.multiLineCheckRadioLabel input[type=radio],
.inputGroup li label.multiLineCheckRadioLabel input[type=checkbox] {
left: 0.1875rem;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* Validation error styles
*/
/* line 1141, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
label.validationError,
div.validationError,
span.validationError,
p.validationError,
h1.validationError,
h2.validationError,
h3.validationError,
h4.validationError,
h5.validationError,
h6.validationError {
padding-left: 25px;
/* background-image:url(/assets/icons/icon-error.png);
background-repeat:no-repeat;
background-position:0px 2px; */
color: #DB1717;
position: relative;
}
/* line 1159, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
label.validationError:before,
div.validationError:before,
span.validationError:before,
p.validationError:before,
h1.validationError:before,
h2.validationError:before,
h3.validationError:before,
h4.validationError:before,
h5.validationError:before,
h6.validationError:before,
label.validationError:after,
div.validationError:after,
span.validationError:after,
p.validationError:after,
h1.validationError:after,
h2.validationError:after,
h3.validationError:after,
h4.validationError:after,
h5.validationError:after,
h6.validationError:after {
font-family: "KSP-Icons";
font-size: 32px;
line-height: 1;
position: absolute;
width: 20px;
height: 32px;
overflow: hidden;
display: block;
top: -3px;
text-indent: -6px;
left: 0;
}
/* line 1192, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
label.validationError:before,
div.validationError:before,
span.validationError:before,
p.validationError:before,
h1.validationError:before,
h2.validationError:before,
h3.validationError:before,
h4.validationError:before,
h5.validationError:before,
h6.validationError:before {
color: #FFD200;
content: "\e611";
}
/* line 1206, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
label.validationError:after,
div.validationError:after,
span.validationError:after,
p.validationError:after,
h1.validationError:after,
h2.validationError:after,
h3.validationError:after,
h4.validationError:after,
h5.validationError:after,
h6.validationError:after {
color: #000000;
content: "\e612";
}
/* line 1221, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input:not([type]).validationError, input[type=text].validationError, input[type=password].validationError, input[type=email].validationError, input[type=number].validationError, select.validationError, textarea.validationError {
/*border:solid 1px #DB1717;*/
/*color:#DB1717;*/
background-color: #FFC8BD;
border: solid 2px #DB1717;
/* -webkit-box-shadow: 0px 1px 1px 0px rgba(64, 15, 5, 0.75) inset;
-moz-box-shadow: 0px 1px 1px 0px rgba(64, 15, 5, 0.75) inset;
box-shadow: 0px 1px 1px 0px rgba(64, 15, 5, 0.75) inset;
*/
}
/* line 1232, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
html.ie input:not([type]).validationError, html.ie input[type=text].validationError, html.ie input[type=password].validationError, html.ie input[type=email].validationError, html.ie input[type=number].validationError, html.ie select.validationError, html.ie textarea.validationError {
/*box-shadow: 0px 1px 4px 0px rgba(50, 50, 50, 0.75) inset;*/
}
/* line 1236, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input.validationError.placeholder, textarea.placeholder.validationError {
opacity: 1;
color: #EE6863;
font-weight: 300;
}
/* line 1242, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input.validationError::-webkit-input-placeholder, textarea.validationError::-webkit-input-placeholder {
opacity: 1;
color: #EE6863;
font-weight: 300;
}
/* line 1248, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input.validationError:-moz-placeholder, textarea.validationError:-moz-placeholder {
/* Firefox 18- */
opacity: 1;
color: #EE6863;
font-weight: 300;
}
/* line 1254, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input.validationError::-moz-placeholder, textarea.validationError::-moz-placeholder {
/* Firefox 19+ */
opacity: 1;
color: #EE6863;
font-weight: 300;
}
/* line 1260, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
input.validationError:-ms-input-placeholder, textarea.validationError:-ms-input-placeholder {
opacity: 1;
color: #EE6863;
font-weight: 300;
}
/* line 1266, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
select.validationError.placeholder {
opacity: 1;
color: #EE6863;
font-weight: 300;
}
/* line 1272, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
select.validationError option:not([value]), select.validationError option[value=''] {
opacity: 1;
color: #EE6863;
font-weight: 300;
}
/* line 1278, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
.validationError strong {
color: #DB1717;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* jQuery UI Datepicker Widget
*
* Most of the styles are defined in ks-jquery.css -- this is
* the modification to the text field to add the calendar icon.
*
*/
/* line 1293, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
.datePicker {
margin: 0px;
box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
background-image: url(forms/form-element-sprite.svg);
background-repeat: no-repeat;
background-position: top -1px right -239px;
cursor: pointer;
z-index: 1000;
}
/* line 1307, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
.datePickerVeil {
background-color: #000000;
opacity: 0.65;
z-index: 0.9;
position: fixed;
top: 0px;
left: 0px;
display: block;
display: none;
}
/* line 1318, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/forms.css.scss.erb */
.datePicker::-ms-clear {
display: none;
}
/* CSS Document */
/***** Fonts ******/
/***** Colors *****/
/* Was Kinetic Dark Grey #6C6463 */
/* was Kinetic Dark Grey #6C6463 */
/* Kinetic Medium Blue */
/*#E8E8E8;*/
/* Explicit Kinetic Color Definitions */
/* typographic scale */
/* z-index management */
/* line 5, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.tableContainer {
margin-bottom: 3.8125rem;
overflow-x: auto;
padding-bottom: 1.5rem;
}
/* line 12, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.tableContainer.fixedHeight {
max-height: 500px;
overflow-y: scroll;
padding-bottom: 0rem;
border-top: solid 2px #ACACAC;
border-bottom: solid 2px #ACACAC;
}
/* line 20, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.tableContainer.fixedHeight thead {
border-top: none;
}
/* line 24, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.tableContainer.fixedHeight tbody {
border-bottom: none;
}
/* line 29, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.tableContainer h3 {
text-align: left;
padding-top: 1.3125rem;
margin-bottom: -.75rem;
}
/* line 35, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.tableContainer h4 {
text-align: left;
padding-top: 1.3125rem;
margin-bottom: 0rem;
/*padding-left:0.5rem; */
}
/* line 43, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table {
width: 100%;
border-collapse: collapse;
overflow-x: auto;
}
/* line 51, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.reorderColumns th:hover {
cursor: url(ui/openhand.cur), pointer;
/* for IE */
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: grap;
}
/* line 58, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.draggableCursor table.reorderColumns th:hover {
cursor: url(ui/closedhand.cur), move;
/* for IE */
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing;
}
/* line 65, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.reorderColumns th:active {
cursor: url(ui/closedhand.cur), move;
/* for IE */
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: grabbing;
}
/* line 72, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.deleteColumns th > div.columnDelete {
position: absolute;
top: 3px;
right: 3px;
cursor: pointer;
width: 9px;
height: 9px;
opacity: 0;
-webkit-transition: opacity 0.1s;
-moz-transition: opacity 0.1s;
-o-transition: opacity 0.1s;
-ms-transition: opacity 0.1s;
transition: opacity 0.1s;
background-image: url(icons/icon-delete_sm.png);
background-repeat: no-repeat;
}
/* line 90, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.deleteColumns th:hover > div.columnDelete {
opacity: 1;
}
/* line 94, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.topAlignedRows td {
vertical-align: top;
}
/* line 98, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.truncateCells {
table-layout: fixed;
}
/* line 102, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.truncateCells td,
table.truncateCells th {
text-overflow: ellipsis;
overflow: hidden;
text-align: left\9;
/* right-aligned text will overlap the ellipsis in IE9 */
}
/* line 109, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.noWrap td,
table.noWrap th {
white-space: nowrap;
}
/*
Unfortunately, IE10 understands the IE9 hack above, and
we only want to apply it to IE 9.
This is a hack for IE10 to undo the above IE9 hack.
*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
/* line 120, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.truncateCells td,
table.truncateCells th {
text-align: center;
}
/* line 124, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.truncateCells td.leftJustify,
table.truncateCells th.leftJustify {
text-align: left;
}
/* line 128, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.truncateCells td.rightJustify,
table.truncateCells th.rightJustify {
text-align: right;
}
}
/* line 134, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table ul,
table ol {
margin-bottom: 0rem;
}
/* line 139, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
th, td {
font-weight: 300;
font-size: 0.875rem;
line-height: 1.5rem;
min-width: 3.5rem;
vertical-align: middle;
padding: 0.5rem 0.3125rem 0.4375rem 0.3125rem;
text-align: center;
}
/* line 150, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.thinnerRows th,
table.thinnerRows td {
line-height: 1.25rem;
padding-top: 0.375rem;
padding-bottom: 0.375rem;
}
/* line 157, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.thinnestRows th,
table.thinnestRows td {
line-height: 1rem;
padding-top: 0.1875rem;
padding-bottom: 0.1875rem;
}
/* line 164, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.topAlign tbody tr td {
vertical-align: top;
padding-top: 0.75rem;
}
/* line 169, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.topAlign tbody tr td:last-child {
padding-top: 0.5rem;
}
/* line 174, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
thead {
border-top: solid 2px #ACACAC;
border-bottom: solid 2px #ACACAC;
}
/* line 179, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
thead th,
thead td,
tfoot th,
tfoot td {
font-weight: 400;
color: #404040;
background-color: #E8E6DD;
border-right: solid 1px #FFFFFF;
}
/* line 189, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
thead th:last-child,
thead td:last-child,
tfoot th:last-child,
tfoot td:last-child {
border-right: none;
}
/* line 195, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
thead tr.sumRow {
border-top: solid 1px #FFFFFF;
border-bottom: solid 2px #ACACAC;
}
/* line 200, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
tfoot tr.sumRow {
border-top: solid 2px #ACACAC;
}
/* line 204, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
thead tr.filterRow th {
text-align: left;
font-size: 0.75rem;
text-transform: uppercase;
/*color: #999999;*/
font-style: italic;
line-height: 0.75rem;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
height: 1.25rem;
padding-left: 20px;
background-image: url(icons/icon-filter.png);
background-repeat: no-repeat;
background-position: left 5px top 5px;
cursor: pointer;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* line 224, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
thead tr.filterRow th:hover {
background-color: #E9F6FA;
}
/* line 228, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
thead tr.filterRow th:active {
background-color: #D5EBF3;
}
/* line 232, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
thead tr.filterRow th.menuOpen {
background-color: #FFFFFF;
}
/* line 236, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.infoFooter tfoot tr {
border-top: solid 2px #ACACAC;
}
/* line 240, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.infoFooter tfoot td,
tfoot.infoFooter tfoot th {
background: none;
font-size: 0.75rem;
text-transform: uppercase;
}
/* line 247, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
tr.clickable:hover,
table.compact tr.clickable:hover {
cursor: pointer;
background-colour: #E9F6FA;
}
/* line 253, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
tr.sumRow td {
background-color: #f4f2ea;
}
/* line 257, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
tr.sumRow td:first-of-type {
position: relative;
padding-right: 40px;
vertical-align: middle;
}
/* line 262, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
tr.sumRow td:first-of-type:after {
display: block;
position: absolute;
font-family: "KSP-Icons";
font-size: 32px;
right: 4px;
top: 50%;
margin-top: -8px;
width: 32px;
height: 14px;
line-height: 14px;
color: #404040;
content: "\e627";
}
/* line 277, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
tr.sumRow td img.sumsAveragesIcon {
float: right;
margin-top: 9px;
display: none;
}
/* line 283, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
thead tr.actionsRow {
border-bottom: solid 1px #FFFFFF;
border-top: solid 2px #ACACAC;
height: 80px;
}
/* line 289, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
thead tr.actionsRow.singleStrip {
height: 38px;
}
/* line 293, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
thead tr.actionsRow.wrapAndGrow {
height: auto;
}
/* line 297, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
thead tr.actionsRow.wrapAndGrow div {
line-height: 1.75rem;
}
/* line 304, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
thead tr.actionsRow td {
vertical-align: top;
padding-top: 0rem;
padding-bottom: 0rem;
background-color: #f4f2ea;
}
/* line 311, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
thead tr.actionsRow .actionsStrip {
width: 100%;
text-align: left;
height: 32px;
margin-top: 0.25rem;
margin-bottom: 0;
}
/* line 319, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
thead tr.actionsRow.wrapAndGrow .actionsStrip {
height: auto;
margin-top: 0;
}
/* line 324, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
thead tr.actionsRow.wrapAndGrow .actionsStrip > * {
display: inline-block;
margin: 0.25rem 0;
}
/* line 329, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
thead tr.actionsRow .actionsStrip .selectionCount {
/*float:left;*/
height: 30px;
line-height: 30px;
width: 8rem;
text-align: left;
margin-right: 2rem;
}
/* line 338, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
thead tr.actionsRow.wrapAndGrow .actionsStrip .selectionCount {
float: left;
}
/* line 342, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
thead tr.actionsRow.wrapAndGrow .actionsOuter {
position: relative;
}
/* line 346, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
thead tr.actionsRow .actionsStrip .selectionCount.narrower {
width: 8rem;
margin-right: 0rem;
}
/* line 351, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
thead tr.actionsRow .actionsStrip .activationControls {
/*float:left;*/
height: 26px;
line-height: 26px;
margin-right: 4rem;
}
/* line 358, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
thead tr.actionsRow .actionsStrip .activationControls > span {
display: inline-block;
text-align: left;
min-width: 4rem;
}
/* line 364, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
thead tr.actionsRow .actionsStrip .budget,
thead tr.actionsRow .actionsStrip .bid {
height: 26px;
line-height: 26px;
white-space: nowrap;
margin-right: 1.5rem;
}
/* line 372, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
thead tr.actionsRow .actionsStrip .bid {
display: block;
padding-top: 0.5rem;
}
/* line 377, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
thead tr.actionsRow .actionsStrip .budget > span,
thead tr.actionsRow .actionsStrip .bid > span {
color: #5C5C5C;
}
/* line 382, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
thead tr.actionsRow .actionsStrip .budget .totalBudget,
thead tr.actionsRow .actionsStrip .bid .bidRange {
color: #404040;
font-weight: 400;
}
/* line 388, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
thead tr.actionsRow .actionsStrip .bid .bidCats > span {
margin-left: 1rem;
}
/* line 392, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
thead tr.actionsRow .actionsStrip .budget button,
thead tr.actionsRow .actionsStrip .bid button {
/* display:inline-block;
height: 26px;
line-height:26px;*/
}
/* line 399, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
thead tr.actionsRow .actionsStrip input[type="text"] {
width: 4rem;
padding: 0.1875rem;
padding-top: 0.28125rem;
}
/* line 405, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
thead tr.actionsRow .actionsStrip input[type="text"].dollarField {
padding-left: 1.125rem;
background-position: left 0.375rem center;
}
/* line 410, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
thead {
/*border-bottom: solid 1px #FFFFFF;*/
}
/* line 416, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
html.ie thead tr {
border-bottom: solid 1px #D6D2C4;
}
/*thead tr:first-child th:first-child {
overflow:hidden;
-moz-border-radius-topleft: 9px;
-webkit-border-top-left-radius: 0px;
border-top-left-radius: 9px;
}
thead tr:first-child th:last-child {
overflow:hidden;
-moz-border-radius-topright: 9px;
-webkit-border-top-right-radius: 9px;
border-top-right-radius: 9px;
}*/
/* line 437, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
thead th:hover {
/*cursor:pointer;*/
}
/* line 441, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
thead th:focus {
outline: none;
}
/* line 445, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
tbody {
border-bottom: solid 2px #ACACAC;
}
/* line 449, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
tbody tr {
border-bottom: solid 1px #E8E8E8;
}
/* line 453, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
tbody tr:last-child {
border-bottom: none;
}
/* line 457, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
tbody tr.groupingRow {
background-color: #E8E8E8;
border-top: solid 2px #ACACAC;
border-bottom: solid 1px #ACACAC;
}
/* line 463, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
tbody tr.groupingRow td {
font-weight: 400;
color: #404040;
}
/* line 468, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.withGroupedRows tbody:hover {
background-color: #E9F6FA;
}
/* line 472, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.withGroupedRows tbody:hover tr.groupingRow {
background-color: #D5EBF3;
}
/* line 476, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.withGroupedRows tbody:hover tr:hover {
background-color: #D5EBF3;
}
/* line 480, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
tbody tr:hover span.withHoverPreview:after {
content: "";
display: inline-block;
width: 15px;
height: 15px;
background-image: url(icons/icon-search.png);
background-repeat: no-repeat;
margin-bottom: -3px;
margin-left: 4px;
}
/* line 491, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
span.withHoverPreview,
span.withHoverPreview:after {
cursor: url(ui/zoom-in.cur), pointer;
cursor: -moz-zoom-in;
cursor: -webkit-zoom-in;
cursor: zoom-in;
white-space: nowrap;
}
/* line 501, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
td.leftJustify,
th.leftJustify {
text-align: left;
}
/* line 506, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
td.rightJustify,
th.rightJustify {
text-align: right;
}
/* line 511, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
td.placeholderCell,
th.placeholderCell {
color: #AAAAAA;
font-style: italic;
background-color: rgba(253, 251, 206, 0.3);
}
/* line 518, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
thead th.filterCell {
height: auto;
padding-bottom: 0.4rem;
}
/* line 523, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
thead th select {
width: 100%;
padding: 0rem;
margin: 0rem;
display: inline;
background-image: url(icons/icon-filter.png);
background-repeat: no-repeat;
background-position: 4px;
background-color: #f4f2ea;
border: solid 1px #d6d2c4;
padding-left: 1.25rem;
cursor: pointer;
height: 1.5rem;
color: #404040;
font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
font-weight: 300;
min-height: 0;
/* -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
*/
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
/* weird hack to make Firefox hide the drop down arrow */
text-indent: 0.01px;
text-overflow: '';
}
/* line 555, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
thead th select::-ms-expand {
display: none;
}
/* line 559, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
tfoot td, tfoot th {
color: #404040;
background-color: #E8E8E8;
border-top: solid 1px #FFFFFF;
border-right: solid 1px #FFFFFF;
text-align: center;
}
/* line 567, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
td.statusGood {
color: #FFFFFF;
background-color: #6FAE3C;
border-left: solid 1px #FFFFFF;
}
/* line 573, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
td.statusPoor {
color: #FFFFFF;
background-color: #DB1717;
border-left: solid 1px #FFFFFF;
}
/* line 579, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
tbody tr:hover, tbody tr.bodyRowSelected:hover,
tbody tr.ui-selectee.ui-selecting {
background-color: #E9F6FA;
/* -webkit-transition: background-color 0.1s;
-moz-transition: background-color 0.1s;
-o-transition: background-color 0.1s;
-ms-transition: background-color 0.1s;
transition: background-color 0.1s;*/
}
/* line 591, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.selectableRows tbody tr:hover,
table.clickableRows tbody tr:hover {
cursor: pointer;
}
/* line 596, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
tbody tr button,
tbody tr input[type="button"],
tbody tr input[type="reset"],
tbody tr input[type="submit"],
tbody tr .button {
opacity: 0.5;
-webkit-transition: opacity 0.1s;
-moz-transition: opacity 0.1s;
-o-transition: opacity 0.1s;
-ms-transition: opacity 0.1s;
transition: opacity 0.1s;
}
/* line 610, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
tbody tr:hover button,
tbody tr:hover input[type="button"],
tbody tr:hover input[type="reset"],
tbody tr:hover input[type="submit"],
tbody tr:hover .button {
opacity: 1;
}
/* line 618, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
tbody tr button.toggled,
tbody tr input[type="button"].toggled,
tbody tr input[type="reset"].toggled,
tbody tr input[type="submit"].toggled,
tbody tr .button.toggled {
opacity: 1;
}
/* line 627, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.selectableRows tbody tr:active,
table.clickableRows tbody tr:active {
background-color: #D5EBF3;
cursor: pointer;
}
/* line 633, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.selectableRows tbody tr.bodyRowSelected:active,
table.clickableRows tbody tr.bodyRowSelected:active {
background-color: #FFFFFF;
cursor: pointer;
}
/* line 639, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
tbody tr.bodyRowSelected {
background-color: #D5EBF3;
/*border-bottom:solid 1px #FFFFFF;*/
}
/*
Hack for IE. jQuery adds and removes these classes
on mouse down and mouse up, since the :active
pseudo class for the TR is not triggered when the
user clicks the child TD.
*/
/* line 650, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
tbody tr.ie_active {
background-color: #D5EBF3;
cursor: pointer;
}
/* line 655, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
tbody tr.ie_rowSelected_active {
background-color: #FFFFFF !important;
/* I haven't figured out what is overridng this */
cursor: pointer;
}
/*
End IE hack.
*/
/* for a table with selectable rows, add checkboxs to left row end */
/* line 666, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.selectableRows tbody tr td:first-child {
position: relative;
padding-left: 1.875rem;
}
/* line 671, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.selectableRows tbody tr td:first-child:before {
content: " ";
font-size: 1px;
line-height: 1px;
width: 16px;
height: 16px;
background-image: url(forms/form-element-sprite.svg);
background-repeat: no-repeat;
background-position: -120px -120px;
position: absolute;
left: 0.3125rem;
top: 0.6875rem;
}
/* line 685, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.selectableRows tbody tr.bodyRowSelected td:first-child:before {
background-position: -120px -140px;
}
/* line 689, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.dimensionMetricDivider {
border-left: solid 2px #ACACAC;
}
/*********** TABLE ROW COLOUR DENSITY **************/
/* line 696, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
tr.active_0 {
background-color: #f4d5aa;
}
/* line 700, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
tr.active_0.bodyRowSelected {
background-color: #a9bbc9;
}
/* line 704, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
tr.active_10 {
background-color: #f5d9b2;
}
/* line 708, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
tr.active_10.bodyRowSelected {
background-color: #aec0cf;
}
/* line 712, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
tr.active_20 {
background-color: #f6ddb9;
}
/* line 716, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
tr.active_20.bodyRowSelected {
background-color: #b2c5d4;
}
/* line 720, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
tr.active_30 {
background-color: #f7e1c3;
}
/* line 724, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
tr.active_30.bodyRowSelected {
background-color: #b6cad9;
}
/* line 728, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
tr.active_40 {
background-color: #f8e5cb;
}
/* line 732, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
tr.active_40.bodyRowSelected {
background-color: #bacfde;
}
/* line 736, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
tr.active_50 {
background-color: #faead5;
}
/* line 740, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
tr.active_50.bodyRowSelected {
background-color: #bfd4e3;
}
/* line 744, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
tr.active_60 {
background-color: #fbefde;
}
/* line 748, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
tr.active_60.bodyRowSelected {
background-color: #c3d9e8;
}
/* line 752, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
tr.active_70 {
background-color: #fcf4e8;
}
/* line 756, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
tr.active_70.bodyRowSelected {
background-color: #c7dded;
}
/* line 760, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
tr.active_80 {
background-color: #fdf8f0;
}
/* line 764, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
tr.active_80.bodyRowSelected {
background-color: #cbe1f2;
}
/* line 768, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
tr.active_90 {
background-color: #fefbf7;
}
/* line 772, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
tr.active_90.bodyRowSelected {
background-color: #d0e6f7;
}
/* line 776, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
tr.active_100 {
background-color: #ffffff;
}
/* line 780, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
tr.active_100.bodyRowSelected {
background-color: #d5ecfe;
}
/* style for "unread" messages, notices, etc. */
/* line 786, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
tr.unread td {
font-weight: 700;
color: #404040;
}
/* style for rows reresenting inactive / disabled items */
/* line 792, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
tr.inactive td {
color: #c9c9c9;
}
/* line 796, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
tr.accountInactive {
background-color: #F7F7F7;
cursor: default;
}
/* line 801, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
tr.errorRow {
background-color: #FEF3F3;
}
/**************** BODY ONLY TABLE ******************/
/* line 807, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.bodyOnly {
margin-bottom: 1.5rem;
table-layout: fixed;
}
/* line 812, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.bodyOnly tbody {
border: none;
}
/* line 816, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.bodyOnly tr {
border: none;
height: 1.5rem;
border-bottom: solid 1px #E8E8E8;
}
/* line 822, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.bodyOnly tr:first-child {
border-top: solid 1px #E8E8E8;
}
/* line 826, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.bodyOnly.marginBottomQuarter {
margin-bottom: 0.375rem;
}
/* line 830, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.bodyOnly.marginBottomHalf {
margin-bottom: 0.75rem;
}
/* line 834, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.bodyOnly.marginBottomThreeQuarter {
margin-bottom: 1.125rem;
}
/***************** COMPACT TABLE *******************/
/* line 841, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.compact {
margin-bottom: 1.5rem;
table-layout: fixed;
}
/* line 846, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.compact thead,
.summarySection table thead {
border-top: none;
}
/* line 851, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.compact tbody {
border: none;
}
/* line 855, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.compact tr {
border: none;
height: 1.5rem;
border-bottom: solid 1px #E8E8E8;
}
/* line 861, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.compact tr:first-child {
border-top: solid 1px #E8E8E8;
}
/* line 865, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.compact th,
table.compact td {
word-wrap: break-word;
}
/* line 870, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.compact td {
border: none;
height: 1rem;
line-height: 1rem;
font-size: 0.75rem;
}
/* line 877, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.compact td strong {
font-weight: 400;
color: #404040;
}
/* line 882, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.compact tr:hover {
background-color: #E9F6FA;
cursor: default;
}
/* line 887, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.compact tbody tr.withSidebarNote {
border-bottom: none;
}
/* line 892, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.compact tbody tr.sidebarNote td {
font-size: 0.75rem;
line-height: 1rem;
padding-bottom: 0.25rem;
padding-left: 20px;
}
/* line 899, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.compact tbody tr.sidebarNote td:before {
content: "\e617";
font-family: "KSP-Icons";
font-size: 8px;
padding-top: 2px;
padding-left: 2px;
line-height: 1;
color: #2DB3DF;
background-color: #D5ECFE;
display: block;
width: 12px;
height: 12px;
border-radius: 6px;
float: left;
margin-right: 4px;
margin-left: -16px;
margin-top: 2px;
}
/* line 918, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.compact tbody tr.sidebarNote.error td {
font-size: 0.75rem;
color: #E53411;
line-height: 1rem;
padding-bottom: 0.25rem;
padding-left: 20px;
}
/* line 926, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.compact tbody tr.sidebarNote.error td:before {
content: "\e612";
color: #000000;
font-size: 22px;
text-indent: -11px;
line-height: 14px;
background: none;
border-radius: 0px;
width: 0px;
height: 0px;
padding: 0px;
overflow: visible;
border-bottom: solid 12px #FFD200;
border-left: solid 6px transparent;
border-right: solid 6px transparent;
border-top: none;
margin-top: 1px;
margin-left: -16px;
margin-right: 4px;
}
/************** Table footer (Without DataTables.js) ****************/
/* line 950, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.tableFooter {
overflow-y: auto;
}
/* line 954, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.tableFooter .tableFooterInfo {
display: inline-block;
float: left;
text-align: left;
color: #404040;
margin-top: 0.6875rem;
padding-left: 0.25rem;
font-size: 0.75rem;
text-transform: uppercase;
font-weight: 400;
}
/* line 966, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.tableFooter .tableFooterPaginate {
display: block;
text-align: center;
white-space: nowrap;
margin-top: 0.5rem;
}
/* line 973, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.tableFooter .tableFooterPaginate button,
.tableFooter .tableFooterPaginate a {
display: inline-block;
margin: 0;
padding: 0;
width: 32px;
height: 32px;
text-indent: 40px;
overflow: hidden;
}
/* line 984, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.tableFooter .tableFooterPaginate button:before,
.tableFooter .tableFooterPaginate a:before {
display: block;
font-family: "KSP-Icons";
width: 32px;
height: 32px;
font-size: 16px;
line-height: 32px;
text-indent: 0px;
color: #FFFFFF;
text-align: center;
}
/* line 997, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.tableFooter .tableFooterPaginate button:active,
.tableFooter .tableFooterPaginate a:active {
border-bottom: none;
margin-top: 2px;
height: 30px;
}
/* line 1005, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.tableFooter .tableFooterPaginate button.next:before,
.tableFooter .tableFooterPaginate a.next:before {
margin-left: 1px;
content: "\e606";
}
/* line 1011, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.tableFooter .tableFooterPaginate button.previous:before,
.tableFooter .tableFooterPaginate a.previous:before {
margin-left: -1px;
content: "\e605";
}
/*.tableFooter .tableFooterPaginate button.next:disabled,
.tableFooter .tableFooterPaginate a.next.disabled {
background-image:url(/assets/icons/icon-next-disabled.png);
background-repeat:no-repeat;
background-position:center;
}
.tableFooter .tableFooterPaginate button.previous:disabled,
.tableFooter .tableFooterPaginate a.previous.disabled {
background-image:url(/assets/icons/icon-previous-disabled.png);
background-repeat:no-repeat;
background-position:center;
}*/
/* line 1031, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.tableFooter .tableFooterRowsPerPage {
display: inline-block;
text-align: right;
float: right;
color: #404040;
margin-top: 0.25rem;
padding-right: 0.25rem;
font-size: 0.75rem;
text-transform: uppercase;
font-weight: 400;
}
/* line 1043, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.tableFooter .tableFooterRowsPerPage select {
width: auto;
}
/****** Load More Rows Control ********/
/* line 1049, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.loadMoreRows {
background-color: #E8E8E8;
text-transform: uppercase;
text-align: center;
font-size: 14px;
font-weight: 700;
cursor: pointer;
color: #ACACAC;
padding: 6px 0;
}
/* line 1060, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.loadMoreRows:hover {
color: #656565;
}
/* line 1064, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.loadMoreRows:active {
background-color: #DDDDDD;
}
/***************** Table Header Sort Links (Without DataTables.js) ****************/
/* line 1072, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
th a.sort_link,
th a.sort_link:hover,
th a.sort_link:visited,
th a.sort_link:active {
font-weight: 400;
color: #404040;
text-decoration: none;
display: block;
padding-left: 12px;
padding-right: 12px;
position: relative;
}
/* line 1087, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
th a.sort_link:after {
position: absolute;
right: 0px;
top: 4px;
width: 10px;
height: 16px;
font-family: "KSP-Icons";
font-size: 16px;
line-height: 16px;
display: inline-block;
overflow: hidden;
color: #898989;
content: "\e607";
text-indent: -3px;
}
/* line 1103, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
th.leftJustify a.sort_link,
th.rightJustify a.sort_link {
padding-left: 0;
}
/* line 1109, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
th a.sort_link.asc:after {
content: "\e608";
color: #404040;
}
/* line 1114, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
th a.sort_link.desc:after {
content: "\e609";
color: #404040;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* DataTables custom top
*/
/* line 1123, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.dataTablesCustomTop {
overflow-y: auto;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* DataTables sorting
*/
/* line 1131, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.sorting,
.sorting_asc,
.sorting_desc {
padding-right: 20px;
padding-left: 20px;
}
/* line 1138, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
th.leftJustify.sorting,
th.leftJustify.sorting_asc,
th.leftJustify.sorting_desc,
th.rightJustify.sorting,
th.rightJustify.sorting_asc,
th.rightJustify.sorting_desc {
padding-left: 5px;
}
/* line 1148, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.sorting:before,
.sorting_asc:before,
.sorting_desc:before {
display: block;
width: 16px;
height: 16px;
padding-top: 4px;
font-size: 16px;
line-height: 16px;
font-family: "KSP-Icons";
float: right;
margin-right: -18px;
}
/* line 1162, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.thinnestRows .sorting:before,
.thinnestRows .sorting_asc:before,
.thinnestRows .sorting_desc:before {
padding-top: 0px;
}
/* line 1168, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.thinnerRows .sorting:before,
.thinnerRows .sorting_asc:before,
.thinnerRows .sorting_desc:before {
padding-top: 2px;
}
/* line 1174, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.sorting:before {
content: "\e607";
color: #898989;
}
/* line 1179, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.sorting_asc:before {
content: "\e608";
color: #404040;
}
/* line 1184, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.sorting_desc:before {
content: "\e609";
color: #404040;
}
/* line 1190, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.sorting:hover,
.sorting_asc:hover,
.sorting_desc:hover {
cursor: pointer;
background-color: #E9F6FA;
}
/* line 1197, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.sorting:active,
.sorting_asc:active,
.sorting_desc:active {
background-color: #D5EBF3;
}
/* line 1204, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.sorting_asc_disabled {
padding-right: 20px;
background-image: url(icons/icon-sort-asc-disabled.png);
background-repeat: no-repeat;
background-position: center right;
}
/* line 1211, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.sorting_desc_disabled {
padding-right: 20px;
background-image: url(icons/icon-sort-desc-disabled.png);
background-repeat: no-repeat;
background-position: center right;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* DataTables filtering
*/
/* line 1224, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.dataTables_filter {
float: right;
margin-bottom: 0.375rem;
background-color: #f4f2ea;
padding: 0.375rem 0.5625rem;
border: solid 2px #D6D2C4;
line-height: 1.5rem;
/* -webkit-box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.75) inset;
-moz-box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.75) inset;
box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.75) inset;*/
/* -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;*/
}
/*
This supports the table-search directive that mimics
the search behaviour of dataTables_filter.
*/
/* line 1247, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.tableSearch {
height: 3rem;
}
/* line 1252, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.dataTables_filter label {
margin-bottom: 0px;
margin-right: 0.25rem;
}
/* line 1257, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.dataTables_filter label * {
/*vertical-align:middle;*/
}
/* line 1261, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.dataTables_filter input:not([type=checkbox]):not([type=radio]),
html.ie .dataTables_filter input:not([type=checkbox]):not([type=radio]),
.dataTables_filter input[type=search] {
background-color: #F4F2EA;
border: none;
padding: 0rem;
padding-right: 0.375rem;
padding-left: 0.375rem;
margin: 0rem;
font-size: 1rem;
font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
color: #404040;
font-weight: 400;
vertical-align: middle;
width: 12rem;
-webkit-appearance: none;
min-height: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-border-radius: none;
-moz-border-radius: none;
border-radius: none;
display: inline;
box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
/* line 1296, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.dataTables_filter input:focus {
outline: none;
}
/* line 1300, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.dataTables_filter input::-webkit-search-cancel-button {
display: none;
}
/* line 1304, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.dataTables_filter input::-ms-clear {
display: none;
}
/* line 1308, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.dataTables_filter img {
border: none;
}
/* line 1312, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.dataTables_filter img.searchIcon {
float: left;
margin-top: 0.375rem;
position: relative;
background-image: url(icons/icon-search.png);
background-repeat: no-repeat;
}
/* line 1320, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.dataTables_filter img.clearSearch {
float: right;
margin-top: 0.375rem;
background-image: url(icons/icon-close.png);
background-repeat: no-repeat;
cursor: pointer;
opacity: 1;
}
/* line 1329, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.dataTables_filter img.hideClearSearchButton {
cursor: default;
opacity: 0;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* DataTables pagination
*/
/* line 1338, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.dataTablesCustomBottom {
text-align: center;
/*border-top:solid 2px $color-keyline-dark;*/
margin-top: 0.375rem;
}
/* line 1345, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.dataTables_paginate {
/*float:right;*/
white-space: nowrap;
/*margin-top:0.75rem;*/
}
/* line 1351, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.dataTables_length {
width: 40%;
text-align: right;
float: right;
color: #404040;
/*margin-top:0.375rem;*/
padding-right: 0.3rem;
}
/* line 1360, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.dataTables_length select {
width: 5rem;
text-align: center;
}
/* line 1365, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.dataTables_length label {
margin-right: 0px;
}
/* line 1369, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.dataTables_info {
width: 40%;
float: left;
text-align: left;
color: #404040;
margin-top: 0.375rem;
padding-left: 0.3rem;
}
/* line 1379, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.dataTables_paginate a {
font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
font-weight: 700;
color: #FFFFFF;
font-size: 1rem;
text-transform: uppercase;
width: 32px;
height: 32px;
background-color: #00A9CE;
border-top: none;
border-left: none;
border-right: none;
border-bottom: solid 2px #006a82;
text-decoration: none;
margin-left: 0.125rem;
margin-right: 0.125rem;
margin-top: 0.125rem;
display: inline-block;
overflow: hidden;
color: rgba(255, 255, 255, 0);
text-indent: 40px;
border-radius: 5px;
}
/* line 1403, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.dataTables_paginate a:before {
display: block;
font-family: "KSP-Icons";
width: 32px;
height: 32px;
font-size: 16px;
line-height: 32px;
text-indent: 0px;
color: #FFFFFF;
text-align: center;
}
/* line 1415, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.dataTables_paginate a:hover {
background-color: #1BCDF4;
border-bottom-color: #099aba;
cursor: pointer;
}
/* line 1421, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.dataTables_paginate a:active {
background-color: #14789D;
border-bottom: none;
height: 30px;
margin-top: 2px;
}
/* line 1428, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.dataTables_paginate a:focus {
outline: none;
}
/* line 1432, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.dataTables_paginate a.next:before {
margin-left: 1px;
content: "\e606";
}
/* line 1437, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.dataTables_paginate a.previous:before {
margin-left: -1px;
content: "\e605";
}
/* line 1442, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.dataTables_paginate a.next.disabled,
.dataTables_paginate a.previous.disabled {
background-color: #D6D6D6;
border-bottom-color: #bdbdbd;
cursor: default;
opacity: 0.5;
}
@media screen and (max-device-width: 768px) {
/* line 1455, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table {
display: block;
}
/* line 1459, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
td, th {
min-width: 6.5rem;
}
/* line 1463, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
tbody tr.bodyRowSelected {
background-color: #D5ECFE;
}
}
@media screen and (max-device-width: 1024px) {
/* line 1470, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.dataTables_filter img.searchIcon, .dataTables_filter img.clearSearch {
background-position: center center;
width: 20px;
height: 20px;
/*margin-top:0.6rem; */
}
}
@media screen and (max-width: 768px) {
/* line 1482, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.dataTables_filter {
float: none;
margin-top: 0.375rem;
margin-left: 0rem;
width: 100%;
padding: 0rem;
padding-left: 0.375rem;
padding-right: 0.375rem;
position: relative;
}
/* line 1494, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.dataTables_filter label {
width: 100%;
max-width: 100%;
}
/* line 1499, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.dataTables_filter input:not([type=checkbox]):not([type=radio]) {
width: 100%;
max-width: 100%;
margin: 0rem;
padding: 0rem;
padding-left: 1.375rem;
padding-right: 1.375rem;
box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
/* line 1513, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.dataTables_filter img.searchIcon {
float: none;
position: absolute;
left: 8px;
margin-top: 0.4rem;
}
/* line 1520, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.dataTables_filter img.clearSearch {
float: none;
position: absolute;
right: 8px;
margin-top: 0.4rem;
}
/* line 1527, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.dataTables_wrapper {
overflow: scroll;
}
/* line 1531, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.tableContainer .hideMobile {
display: none;
}
/* line 1536, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.dataTables_length {
width: 100%;
text-align: center;
float: none;
padding-left: 0rem;
padding-right: 0rem;
}
/* line 1544, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.dataTables_length select {
width: 3.5rem;
max-width: 3.5rem;
}
/* line 1549, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.dataTables_info {
width: 100%;
text-align: center;
float: none;
padding-left: 0rem;
padding-right: 0rem;
}
}
/* SAM Asset Details Ad List Table */
/* line 1560, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.adsList tbody tr td.buttonCell {
padding-top: 0px;
padding-bottom: 0px;
}
/* line 1565, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.adsList tr button {
opacity: 0;
}
/* line 1569, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.adsList tr:hover button {
opacity: 1;
}
/* line 1574, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.adsList tr.campaignRow {
border-top: solid 2px #ACACAC;
cursor: pointer;
}
/* line 1580, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.adsList tbody tr td {
font-weight: 300;
color: #5C5C5C;
}
/* line 1585, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.adsList tbody tr.statusActive td {
color: #404040;
font-weight: 700;
}
/* line 1590, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.adsList tbody tr.campaignRow .expandToggle {
display: inline-block;
width: 6px;
height: 10px;
margin-right: 4px;
border-left: solid 6px #00A9CE;
border-top: solid 5px transparent;
border-bottom: solid 5px transparent;
}
/* line 1600, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.adsList tbody tr.campaignRow .expandToggle:hover {
border-left-color: #1BCDF4;
}
/* line 1604, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.adsList tbody tr.campaignRow .expandToggle:active {
border-left-color: #14789D;
}
/* line 1609, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.adsList tbody tr.campaignRow .expandToggle.toggled {
border: none;
margin: 0;
margin-top: 2px;
margin-bottom: 2px;
width: 10px;
height: 6px;
border-top: solid 6px #00A9CE;
border-left: solid 5px transparent;
border-right: solid 5px transparent;
}
/* line 1621, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.adsList tbody tr.campaignRow .expandToggle.toggled:hover {
border-left-color: transparent;
border-top-color: #1BCDF4;
}
/* line 1626, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.adsList tbody tr.campaignRow .expandToggle.toggled:active {
border-left-color: transparent;
border-top-color: #14789D;
}
/* line 1631, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.adsList tbody tr.campaignRow td:first-child {
position: relative;
padding-left: 1.875rem;
}
/* line 1636, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.adsList tbody tr.campaignRow td:first-child:before {
content: " ";
position: absolute;
width: 13px;
height: 7px;
background-image: url(ui/accordion-arrow-sprite.png);
background-position: 0px -10px;
top: 1rem;
left: 0.5rem;
}
/* line 1647, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.adsList tbody tr.campaignRow.expanded td:first-child:before {
background-position: 0px 0px;
top: 1.0625rem;
left: 0.5rem;
}
/* line 1654, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.adsList tbody tr.adRow td {
font-style: italic;
}
/* line 1658, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.adsList tbody tr.adRow td:first-child {
padding-left: 3.25rem;
}
/* line 1663, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.selectableRows.adsList tbody tr.adRow td:first-child {
padding-left: 3.25rem;
}
/* line 1667, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.selectableRows.adsList tbody tr.adRow td:first-child:before {
margin-left: 1.5rem;
}
/* line 1671, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.selectableRows.adsList tbody tr.adRow.statusExpired td:first-child:before {
content: none;
}
/* line 1675, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.selectableRows.adsList tbody tr.adRow.statusExpired td:first-child {
padding-left: 1.875rem;
}
/*table.adsList tbody tr.statusPaused,*/
/* line 1682, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.adsList tbody tr.statusExpired {
background-color: #F5F5F5;
}
/*table.adsList tbody tr.statusPaused td,*/
/* line 1687, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.adsList tbody tr.statusExpired td,
table.adsList tbody tr.adRow.statusExpired:hover {
color: #999999;
}
/* line 1692, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.adsList tbody tr.adRow.statusExpired {
cursor: default;
}
/* line 1696, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.adsList tbody tr.statusPaused:hover,
table.adsList tbody tr.campaignRow.statusExpired:hover {
background-color: #E9F6FA;
}
/* line 1702, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.adsList tbody tr.adRow.bodyRowSelected,
table.adsList tbody tr.adRow.statusPaused.bodyRowSelected,
table.adsList tbody tr.adRow.statusExpired.bodyRowSelected {
background-color: #D5EBF3;
}
/** high resolution screen support **/
@media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 4 / 2), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
/* line 1717, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
thead th select {
background-image: url(icons/icon-filter@2x.png);
background-repeat: no-repeat;
background-size: 12px 9px;
}
/* line 1723, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.dataTables_filter img.searchIcon {
background-image: url(icons/icon-search@2x.png);
background-repeat: no-repeat;
background-size: 15px 15px;
}
/* line 1729, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
.dataTables_filter img.clearSearch {
background-image: url(icons/icon-close@2x.png);
background-repeat: no-repeat;
background-size: 15px 15px;
}
/* line 1735, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.deleteColumns th > div.columnDelete {
background-image: url(icons/icon-delete_sm@2x.png);
background-repeat: no-repeat;
background-size: 9px 9px;
}
/* line 1742, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
table.selectableRows.adsList tbody tr.campaignRow td:first-child:before {
background-image: url(ui/accordion-arrow-sprite@2x.png);
background-size: 70px 17px;
}
/* line 1747, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/general/tables.css.scss.erb */
tbody tr:hover span.withHoverPreview:after {
background-image: url(icons/icon-search@2x.png);
background-size: 15px 15px;
}
}
/***** Fonts ******/
/***** Colors *****/
/* Was Kinetic Dark Grey #6C6463 */
/* was Kinetic Dark Grey #6C6463 */
/* Kinetic Medium Blue */
/*#E8E8E8;*/
/* Explicit Kinetic Color Definitions */
/* typographic scale */
/* z-index management */
/*! jQuery UI - v1.10.4 - 2014-06-02
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=%22Roboto%22%2C%20%22Helvetica%20Neue%22%2C%20%22Helvetica%22%2C%20%22Arial%22%2C%20sans-serif%3B&fwDefault=normal&fsDefault=0.9375rem&cornerRadius=6px&bgColorHeader=%23828282&bgTextureHeader=flat&bgImgOpacityHeader=100&borderColorHeader=%23828282&fcHeader=%23FFFFFF&iconColorHeader=%23FFFFFF&bgColorContent=%23ffffff&bgTextureContent=flat&bgImgOpacityContent=100&borderColorContent=&fcContent=%23565656&iconColorContent=%23565656&bgColorDefault=%232db3df&bgTextureDefault=flat&bgImgOpacityDefault=100&borderColorDefault=%232db3df&fcDefault=%23ffffff&iconColorDefault=%23ffffff&bgColorHover=%2332C8F9&bgTextureHover=flat&bgImgOpacityHover=100&borderColorHover=%2332C8F9&fcHover=%23FFFFFF&iconColorHover=%23FFFFFF&bgColorActive=%23FFFFFF&bgTextureActive=flat&bgImgOpacityActive=100&borderColorActive=%232db3df&fcActive=%232db3df&iconColorActive=%232db3df&bgColorHighlight=%23fdf98c&bgTextureHighlight=flat&bgImgOpacityHighlight=100&borderColorHighlight=%23fdf98c&fcHighlight=%23565656&iconColorHighlight=%232db3df&bgColorError=%23FFC8BD&bgTextureError=flat&bgImgOpacityError=95&borderColorError=%23E53411&fcError=%23E53411&iconColorError=%23E53411&bgColorOverlay=%23000000&bgTextureOverlay=flat&bgImgOpacityOverlay=100&opacityOverlay=75&bgColorShadow=%23000000&bgTextureShadow=flat&bgImgOpacityShadow=100&opacityShadow=50&thicknessShadow=2px&offsetTopShadow=-1px&offsetLeftShadow=-1px&cornerRadiusShadow=2px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
/* line 11, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-helper-hidden {
display: none;
}
/* line 14, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
/* line 24, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
/* line 34, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse;
}
/* line 40, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-helper-clearfix:after {
clear: both;
}
/* line 43, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-helper-clearfix {
min-height: 0;
/* support: IE7 */
}
/* line 46, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter: Alpha(Opacity=0);
}
/* line 56, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-front {
z-index: 100;
}
/* Interaction Cues
----------------------------------*/
/* line 63, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-state-disabled {
cursor: default !important;
}
/* Icons
----------------------------------*/
/* states and images */
/* line 72, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
/* line 84, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1099;
}
/* line 92, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-resizable {
position: relative;
}
/* line 95, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-resizable-handle {
position: absolute;
font-size: 0.1px;
display: block;
}
/* line 100, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
display: none;
}
/* line 104, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0;
}
/* line 111, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0;
}
/* line 118, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0;
height: 100%;
}
/* line 125, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0;
height: 100%;
}
/* line 132, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-resizable-se {
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px;
}
/* line 139, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px;
}
/* line 146, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px;
}
/* line 153, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px;
}
/* line 160, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-selectable-helper {
position: absolute;
z-index: 100;
border: 1px dotted black;
}
/* line 165, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-accordion .ui-accordion-header {
display: block;
cursor: pointer;
position: relative;
margin-top: 2px;
padding: .5em .5em .5em .7em;
min-height: 0;
/* support: IE7 */
}
/* line 173, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-accordion .ui-accordion-icons {
padding-left: 2.2em;
}
/* line 176, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-accordion .ui-accordion-noicons {
padding-left: .7em;
}
/* line 179, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
padding-left: 2.2em;
}
/* line 182, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
position: absolute;
left: .5em;
top: 50%;
margin-top: -8px;
}
/* line 188, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
overflow: auto;
}
/* line 193, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default;
}
/* line 199, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-button {
display: inline-block;
position: relative;
padding: 0;
line-height: normal;
margin-right: .1em;
cursor: pointer;
vertical-align: middle;
text-align: center;
overflow: visible;
/* removes extra width in IE */
}
/* line 210, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
/* line 218, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-button-icon-only {
width: 2.2em;
}
/* button elements seem to need a little more width */
/* line 222, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
button.ui-button-icon-only {
width: 2.4em;
}
/* line 225, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-button-icons-only {
width: 3.4em;
}
/* line 228, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
button.ui-button-icons-only {
width: 3.7em;
}
/* button text element */
/* line 233, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-button .ui-button-text {
display: block;
line-height: normal;
}
/* line 237, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-button-text-only .ui-button-text {
padding: .4em 1em;
}
/* line 240, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
padding: .4em;
text-indent: -9999999px;
}
/* line 245, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
padding: .4em 1em .4em 2.1em;
}
/* line 249, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
padding: .4em 2.1em .4em 1em;
}
/* line 253, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-button-text-icons .ui-button-text {
padding-left: 2.1em;
padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
/* line 258, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
input.ui-button {
padding: .4em 1em;
}
/* button icon element(s) */
/* line 263, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
position: absolute;
top: 50%;
margin-top: -8px;
}
/* line 272, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-button-icon-only .ui-icon {
left: 50%;
margin-left: -8px;
}
/* line 276, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
left: .5em;
}
/* line 281, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
right: .5em;
}
/* button sets */
/* line 288, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-buttonset {
margin-right: 7px;
}
/* line 291, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-buttonset .ui-button {
margin-left: 0;
margin-right: -.3rem;
}
/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
/* line 298, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
border: 0;
padding: 0;
}
/* line 303, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker {
width: 17em;
/*padding: .2em .2em 0;*/
display: none;
}
/* line 308, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0;
}
/* line 312, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.5em;
height: 1.5em;
}
/* line 319, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
top: 1px;
}
/* line 323, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
/* line 326, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
/* line 329, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px;
}
/* line 332, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker .ui-datepicker-next-hover {
right: 1px;
}
/* line 335, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
}
/* line 344, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
/* line 349, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
/* line 353, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 49%;
}
/* line 357, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em;
}
/* line 363, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0;
}
/* line 369, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker td {
border: 0;
padding: 1px;
}
/* line 373, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none;
}
/* line 380, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
/* line 388, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible;
}
/* line 396, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
}
/* with multiple calendars */
/* line 401, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker.ui-datepicker-multi {
width: auto;
}
/* line 404, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker-multi .ui-datepicker-group {
float: left;
}
/* line 407, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em;
}
/* line 411, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
/* line 414, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
/* line 417, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
/* line 420, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
/* line 424, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
/* line 427, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0;
}
/* RTL support */
/* line 434, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker-rtl {
direction: rtl;
}
/* line 437, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto;
}
/* line 441, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
/* line 445, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto;
}
/* line 449, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
/* line 453, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
/* line 456, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
/* line 459, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
/* line 463, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
/* line 468, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-dialog {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
padding: .2em;
outline: 0;
}
/* line 476, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-dialog .ui-dialog-titlebar {
padding: .4em 1em;
position: relative;
}
/* line 480, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-dialog .ui-dialog-title {
float: left;
margin: .1em 0;
white-space: nowrap;
width: 90%;
overflow: hidden;
text-overflow: ellipsis;
}
/* line 488, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: .3em;
top: 50%;
width: 20px;
margin: -10px 0 0 0;
padding: 1px;
height: 20px;
}
/* line 497, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: .5em 1em;
background: none;
overflow: auto;
}
/* line 504, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin-top: .5em;
padding: .3em 1em .5em .4em;
}
/* line 511, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right;
}
/* line 514, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-dialog .ui-dialog-buttonpane button {
/*margin: .5em .4em .5em 0;*/
cursor: pointer;
}
/* line 518, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-dialog .ui-resizable-se {
width: 12px;
height: 12px;
right: -5px;
bottom: -5px;
background-position: 16px 16px;
}
/* line 525, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-draggable .ui-dialog-titlebar {
cursor: move;
}
/* line 528, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-menu {
list-style: none;
padding: 2px;
margin: 0;
display: block;
outline: none;
}
/* line 535, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-menu .ui-menu {
margin-top: -3px;
position: absolute;
}
/* line 539, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-menu .ui-menu-item {
margin: 0;
padding: 0;
width: 100%;
/* support: IE10, see #8844 */
list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
/* line 546, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-menu .ui-menu-divider {
margin: 5px -2px 5px -2px;
height: 0;
font-size: 0;
line-height: 0;
border-width: 1px 0 0 0;
}
/* line 553, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-menu .ui-menu-item a {
text-decoration: none;
display: block;
padding: 2px .4em;
line-height: 1.5;
min-height: 0;
/* support: IE7 */
font-weight: normal;
}
/* line 561, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
font-weight: normal;
margin: -1px;
}
/* line 567, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-menu .ui-state-disabled {
font-weight: normal;
margin: .4em 0 .2em;
line-height: 1.5;
}
/* line 572, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-menu .ui-state-disabled a {
cursor: default;
}
/* icon support */
/* line 577, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-menu-icons {
position: relative;
}
/* line 580, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-menu-icons .ui-menu-item a {
position: relative;
padding-left: 2em;
}
/* left-aligned */
/* line 586, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-menu .ui-icon {
position: absolute;
top: .2em;
left: .2em;
}
/* right-aligned */
/* line 593, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-menu .ui-menu-icon {
position: static;
float: right;
}
/* line 597, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-progressbar {
height: 2em;
text-align: left;
overflow: hidden;
}
/* line 602, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-progressbar .ui-progressbar-value {
margin: -1px;
height: 100%;
}
/* line 606, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-progressbar .ui-progressbar-overlay {
background: url(jqueryui/animated-overlay.gif);
height: 100%;
filter: alpha(opacity=25);
opacity: 0.25;
}
/* line 612, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-progressbar-indeterminate .ui-progressbar-value {
background-image: none;
}
/* line 615, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-slider {
position: relative;
text-align: left;
}
/* line 619, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
}
/* line 626, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0;
}
/* For IE8 - See #6727 */
/* line 636, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit;
}
/* line 641, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-slider-horizontal {
height: .8em;
}
/* line 644, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-slider-horizontal .ui-slider-handle {
top: -.3em;
margin-left: -.6em;
}
/* line 648, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
/* line 652, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
/* line 655, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
/* line 659, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-slider-vertical {
width: .8em;
height: 100px;
}
/* line 663, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-slider-vertical .ui-slider-handle {
left: -.3em;
margin-left: 0;
margin-bottom: -.6em;
}
/* line 668, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%;
}
/* line 672, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-slider-vertical .ui-slider-range-min {
bottom: 0;
}
/* line 675, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-slider-vertical .ui-slider-range-max {
top: 0;
}
/* line 678, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-spinner {
position: relative;
display: inline-block;
overflow: hidden;
padding: 0;
vertical-align: middle;
}
/* line 685, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-spinner-input {
border: none;
background: none;
color: inherit;
padding: 0;
margin: .2em 0;
vertical-align: middle;
margin-left: .4em;
margin-right: 22px;
}
/* line 695, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-spinner-button {
width: 16px;
height: 50%;
font-size: .5em;
padding: 0;
margin: 0;
text-align: center;
position: absolute;
cursor: default;
display: block;
overflow: hidden;
right: 0;
}
/* more specificity required here to override default borders */
/* line 709, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-spinner a.ui-spinner-button {
border-top: none;
border-bottom: none;
border-right: none;
}
/* vertically center icon */
/* line 715, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-spinner .ui-icon {
position: absolute;
margin-top: -8px;
top: 50%;
left: 0;
}
/* line 721, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-spinner-up {
top: 0;
}
/* line 724, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-spinner-down {
bottom: 0;
}
/* TR overrides */
/* line 729, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-spinner .ui-icon-triangle-1-s {
/* need to fix icons sprite */
background-position: -65px -16px;
}
/* line 733, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-tabs {
position: relative;
/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
/*padding: .2em;*/
}
/* line 737, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: .2em .2em 0;
}
/* line 741, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
margin: 1px .2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap;
}
/* line 751, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
float: left;
padding: .5em 1em;
text-decoration: none;
}
/* line 756, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
margin-bottom: -1px;
padding-bottom: 1px;
}
/* line 760, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
cursor: text;
}
/* line 765, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
cursor: pointer;
}
/* line 768, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 1em 1.4em;
background: none;
}
/* line 774, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-tooltip {
padding: 8px;
position: absolute;
z-index: 9999;
max-width: 300px;
-webkit-box-shadow: 0 0 5px #aaa;
box-shadow: 0 0 5px #aaa;
}
/* line 782, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
body .ui-tooltip {
border-width: 2px;
}
/* Component containers
----------------------------------*/
/* line 788, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-widget {
/*font-family: $font-body;*/
font-size: 0.9375rem;
}
/* line 792, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-widget .ui-widget {
font-size: 1em;
}
/* line 795, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
/*font-family: $font-body;*/
font-size: 1em;
}
/* line 802, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-widget-content {
border: 1px solid;
background: #ffffff url(jqueryui/ui-bg_flat_100_FFFFFF_40x100.png) 50% 50% repeat-x;
color: #656565;
}
/* line 807, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-widget-content a {
color: #656565;
}
/* line 810, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-widget-header {
border: 1px solid #828282;
background: #828282 url(jqueryui/ui-bg_flat_100_828282_40x100.png) 50% 50% repeat-x;
color: #FFFFFF;
font-weight: bold;
}
/* line 816, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-widget-header a {
color: #FFFFFF;
}
/* Interaction states
----------------------------------*/
/* line 822, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
border: 1px solid #2db3df;
background: #2db3df url(jqueryui/ui-bg_flat_100_2db3df_40x100.png) 50% 50% repeat-x;
font-weight: normal;
color: #ffffff;
}
/* line 830, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
color: #ffffff;
text-decoration: none;
}
/* line 836, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
border: 1px solid #32C8F9;
background: #32C8F9 url(jqueryui/ui-bg_flat_100_32C8F9_40x100.png) 50% 50% repeat-x;
font-weight: normal;
color: #FFFFFF;
}
/* line 847, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
color: #FFFFFF;
text-decoration: none;
}
/* line 858, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
border: 1px solid #2db3df;
background: #FFFFFF url(jqueryui/ui-bg_flat_100_FFFFFF_40x100.png) 50% 50% repeat-x;
font-weight: normal;
color: #2db3df;
}
/* line 866, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #2db3df;
text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
/* line 875, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #fdf98c;
background: #fdf98c url(jqueryui/ui-bg_flat_100_fdf98c_40x100.png) 50% 50% repeat-x;
color: #656565;
}
/* line 882, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #656565;
}
/* line 887, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
/*border: 1px solid #DB1717;*/
/*background: #FFC8BD url(/assets/jqueryui/ui-bg_flat_95_FFC8BD_40x100.png) 50% 50% repeat-x;*/
color: #DB1717;
}
/* line 894, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #DB1717;
}
/* line 899, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #DB1717;
}
/* line 904, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: bold;
}
/* line 909, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: .7;
filter: Alpha(Opacity=70);
font-weight: normal;
}
/* line 916, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: .35;
filter: Alpha(Opacity=35);
background-image: none;
}
/* line 923, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-state-disabled .ui-icon {
filter: Alpha(Opacity=35);
/* For IE8 - See #6059 */
}
/* Icons
----------------------------------*/
/* states and images */
/* line 931, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon {
width: 16px;
height: 16px;
}
/* line 935, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon,
.ui-widget-content .ui-icon {
background-image: url(jqueryui/ui-icons_565656_256x240.png);
}
/* line 939, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-widget-header .ui-icon {
background-image: url(jqueryui/ui-icons_ffffff_256x240.png);
}
/* line 942, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-state-default .ui-icon {
background-image: url(jqueryui/ui-icons_ffffff_256x240.png);
}
/* line 945, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
background-image: url(jqueryui/ui-icons_ffffff_256x240.png);
}
/* line 949, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-state-active .ui-icon {
background-image: url(jqueryui/ui-icons_2db3df_256x240.png);
}
/* line 952, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-state-highlight .ui-icon {
background-image: url(jqueryui/ui-icons_2db3df_256x240.png);
}
/* line 955, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
background-image: url(jqueryui/ui-icons_E53411_256x240.png);
}
/* positioning */
/* line 961, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-blank {
background-position: 16px 16px;
}
/* line 962, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-carat-1-n {
background-position: 0 0;
}
/* line 963, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-carat-1-ne {
background-position: -16px 0;
}
/* line 964, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-carat-1-e {
background-position: -32px 0;
}
/* line 965, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-carat-1-se {
background-position: -48px 0;
}
/* line 966, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-carat-1-s {
background-position: -64px 0;
}
/* line 967, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-carat-1-sw {
background-position: -80px 0;
}
/* line 968, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-carat-1-w {
background-position: -96px 0;
}
/* line 969, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-carat-1-nw {
background-position: -112px 0;
}
/* line 970, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-carat-2-n-s {
background-position: -128px 0;
}
/* line 971, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-carat-2-e-w {
background-position: -144px 0;
}
/* line 972, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-triangle-1-n {
background-position: 0 -16px;
}
/* line 973, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-triangle-1-ne {
background-position: -16px -16px;
}
/* line 974, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-triangle-1-e {
background-position: -32px -16px;
}
/* line 975, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-triangle-1-se {
background-position: -48px -16px;
}
/* line 976, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-triangle-1-s {
background-position: -64px -16px;
}
/* line 977, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-triangle-1-sw {
background-position: -80px -16px;
}
/* line 978, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-triangle-1-w {
background-position: -96px -16px;
}
/* line 979, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-triangle-1-nw {
background-position: -112px -16px;
}
/* line 980, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-triangle-2-n-s {
background-position: -128px -16px;
}
/* line 981, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-triangle-2-e-w {
background-position: -144px -16px;
}
/* line 982, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-arrow-1-n {
background-position: 0 -32px;
}
/* line 983, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-arrow-1-ne {
background-position: -16px -32px;
}
/* line 984, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-arrow-1-e {
background-position: -32px -32px;
}
/* line 985, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-arrow-1-se {
background-position: -48px -32px;
}
/* line 986, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-arrow-1-s {
background-position: -64px -32px;
}
/* line 987, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-arrow-1-sw {
background-position: -80px -32px;
}
/* line 988, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-arrow-1-w {
background-position: -96px -32px;
}
/* line 989, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-arrow-1-nw {
background-position: -112px -32px;
}
/* line 990, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-arrow-2-n-s {
background-position: -128px -32px;
}
/* line 991, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-arrow-2-ne-sw {
background-position: -144px -32px;
}
/* line 992, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-arrow-2-e-w {
background-position: -160px -32px;
}
/* line 993, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-arrow-2-se-nw {
background-position: -176px -32px;
}
/* line 994, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-arrowstop-1-n {
background-position: -192px -32px;
}
/* line 995, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-arrowstop-1-e {
background-position: -208px -32px;
}
/* line 996, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-arrowstop-1-s {
background-position: -224px -32px;
}
/* line 997, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-arrowstop-1-w {
background-position: -240px -32px;
}
/* line 998, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-arrowthick-1-n {
background-position: 0 -48px;
}
/* line 999, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-arrowthick-1-ne {
background-position: -16px -48px;
}
/* line 1000, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-arrowthick-1-e {
background-position: -32px -48px;
}
/* line 1001, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-arrowthick-1-se {
background-position: -48px -48px;
}
/* line 1002, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-arrowthick-1-s {
background-position: -64px -48px;
}
/* line 1003, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-arrowthick-1-sw {
background-position: -80px -48px;
}
/* line 1004, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-arrowthick-1-w {
background-position: -96px -48px;
}
/* line 1005, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-arrowthick-1-nw {
background-position: -112px -48px;
}
/* line 1006, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-arrowthick-2-n-s {
background-position: -128px -48px;
}
/* line 1007, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-arrowthick-2-ne-sw {
background-position: -144px -48px;
}
/* line 1008, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-arrowthick-2-e-w {
background-position: -160px -48px;
}
/* line 1009, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-arrowthick-2-se-nw {
background-position: -176px -48px;
}
/* line 1010, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-arrowthickstop-1-n {
background-position: -192px -48px;
}
/* line 1011, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-arrowthickstop-1-e {
background-position: -208px -48px;
}
/* line 1012, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-arrowthickstop-1-s {
background-position: -224px -48px;
}
/* line 1013, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-arrowthickstop-1-w {
background-position: -240px -48px;
}
/* line 1014, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-arrowreturnthick-1-w {
background-position: 0 -64px;
}
/* line 1015, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-arrowreturnthick-1-n {
background-position: -16px -64px;
}
/* line 1016, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-arrowreturnthick-1-e {
background-position: -32px -64px;
}
/* line 1017, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-arrowreturnthick-1-s {
background-position: -48px -64px;
}
/* line 1018, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-arrowreturn-1-w {
background-position: -64px -64px;
}
/* line 1019, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-arrowreturn-1-n {
background-position: -80px -64px;
}
/* line 1020, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-arrowreturn-1-e {
background-position: -96px -64px;
}
/* line 1021, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-arrowreturn-1-s {
background-position: -112px -64px;
}
/* line 1022, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-arrowrefresh-1-w {
background-position: -128px -64px;
}
/* line 1023, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-arrowrefresh-1-n {
background-position: -144px -64px;
}
/* line 1024, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-arrowrefresh-1-e {
background-position: -160px -64px;
}
/* line 1025, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-arrowrefresh-1-s {
background-position: -176px -64px;
}
/* line 1026, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-arrow-4 {
background-position: 0 -80px;
}
/* line 1027, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-arrow-4-diag {
background-position: -16px -80px;
}
/* line 1028, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-extlink {
background-position: -32px -80px;
}
/* line 1029, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-newwin {
background-position: -48px -80px;
}
/* line 1030, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-refresh {
background-position: -64px -80px;
}
/* line 1031, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-shuffle {
background-position: -80px -80px;
}
/* line 1032, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-transfer-e-w {
background-position: -96px -80px;
}
/* line 1033, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-transferthick-e-w {
background-position: -112px -80px;
}
/* line 1034, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-folder-collapsed {
background-position: 0 -96px;
}
/* line 1035, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-folder-open {
background-position: -16px -96px;
}
/* line 1036, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-document {
background-position: -32px -96px;
}
/* line 1037, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-document-b {
background-position: -48px -96px;
}
/* line 1038, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-note {
background-position: -64px -96px;
}
/* line 1039, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-mail-closed {
background-position: -80px -96px;
}
/* line 1040, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-mail-open {
background-position: -96px -96px;
}
/* line 1041, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-suitcase {
background-position: -112px -96px;
}
/* line 1042, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-comment {
background-position: -128px -96px;
}
/* line 1043, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-person {
background-position: -144px -96px;
}
/* line 1044, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-print {
background-position: -160px -96px;
}
/* line 1045, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-trash {
background-position: -176px -96px;
}
/* line 1046, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-locked {
background-position: -192px -96px;
}
/* line 1047, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-unlocked {
background-position: -208px -96px;
}
/* line 1048, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-bookmark {
background-position: -224px -96px;
}
/* line 1049, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-tag {
background-position: -240px -96px;
}
/* line 1050, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-home {
background-position: 0 -112px;
}
/* line 1051, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-flag {
background-position: -16px -112px;
}
/* line 1052, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-calendar {
background-position: -32px -112px;
}
/* line 1053, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-cart {
background-position: -48px -112px;
}
/* line 1054, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-pencil {
background-position: -64px -112px;
}
/* line 1055, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-clock {
background-position: -80px -112px;
}
/* line 1056, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-disk {
background-position: -96px -112px;
}
/* line 1057, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-calculator {
background-position: -112px -112px;
}
/* line 1058, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-zoomin {
background-position: -128px -112px;
}
/* line 1059, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-zoomout {
background-position: -144px -112px;
}
/* line 1060, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-search {
background-position: -160px -112px;
}
/* line 1061, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-wrench {
background-position: -176px -112px;
}
/* line 1062, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-gear {
background-position: -192px -112px;
}
/* line 1063, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-heart {
background-position: -208px -112px;
}
/* line 1064, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-star {
background-position: -224px -112px;
}
/* line 1065, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-link {
background-position: -240px -112px;
}
/* line 1066, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-cancel {
background-position: 0 -128px;
}
/* line 1067, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-plus {
background-position: -16px -128px;
}
/* line 1068, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-plusthick {
background-position: -32px -128px;
}
/* line 1069, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-minus {
background-position: -48px -128px;
}
/* line 1070, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-minusthick {
background-position: -64px -128px;
}
/* line 1071, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-close {
background-position: -80px -128px;
}
/* line 1072, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-closethick {
background-position: -96px -128px;
}
/* line 1073, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-key {
background-position: -112px -128px;
}
/* line 1074, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-lightbulb {
background-position: -128px -128px;
}
/* line 1075, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-scissors {
background-position: -144px -128px;
}
/* line 1076, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-clipboard {
background-position: -160px -128px;
}
/* line 1077, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-copy {
background-position: -176px -128px;
}
/* line 1078, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-contact {
background-position: -192px -128px;
}
/* line 1079, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-image {
background-position: -208px -128px;
}
/* line 1080, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-video {
background-position: -224px -128px;
}
/* line 1081, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-script {
background-position: -240px -128px;
}
/* line 1082, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-alert {
background-position: 0 -144px;
}
/* line 1083, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-info {
background-position: -16px -144px;
}
/* line 1084, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-notice {
background-position: -32px -144px;
}
/* line 1085, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-help {
background-position: -48px -144px;
}
/* line 1086, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-check {
background-position: -64px -144px;
}
/* line 1087, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-bullet {
background-position: -80px -144px;
}
/* line 1088, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-radio-on {
background-position: -96px -144px;
}
/* line 1089, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-radio-off {
background-position: -112px -144px;
}
/* line 1090, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-pin-w {
background-position: -128px -144px;
}
/* line 1091, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-pin-s {
background-position: -144px -144px;
}
/* line 1092, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-play {
background-position: 0 -160px;
}
/* line 1093, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-pause {
background-position: -16px -160px;
}
/* line 1094, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-seek-next {
background-position: -32px -160px;
}
/* line 1095, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-seek-prev {
background-position: -48px -160px;
}
/* line 1096, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-seek-end {
background-position: -64px -160px;
}
/* line 1097, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-seek-start {
background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
/* line 1099, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-seek-first {
background-position: -80px -160px;
}
/* line 1100, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-stop {
background-position: -96px -160px;
}
/* line 1101, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-eject {
background-position: -112px -160px;
}
/* line 1102, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-volume-off {
background-position: -128px -160px;
}
/* line 1103, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-volume-on {
background-position: -144px -160px;
}
/* line 1104, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-power {
background-position: 0 -176px;
}
/* line 1105, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-signal-diag {
background-position: -16px -176px;
}
/* line 1106, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-signal {
background-position: -32px -176px;
}
/* line 1107, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-battery-0 {
background-position: -48px -176px;
}
/* line 1108, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-battery-1 {
background-position: -64px -176px;
}
/* line 1109, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-battery-2 {
background-position: -80px -176px;
}
/* line 1110, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-battery-3 {
background-position: -96px -176px;
}
/* line 1111, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-circle-plus {
background-position: 0 -192px;
}
/* line 1112, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-circle-minus {
background-position: -16px -192px;
}
/* line 1113, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-circle-close {
background-position: -32px -192px;
}
/* line 1114, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-circle-triangle-e {
background-position: -48px -192px;
}
/* line 1115, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-circle-triangle-s {
background-position: -64px -192px;
}
/* line 1116, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-circle-triangle-w {
background-position: -80px -192px;
}
/* line 1117, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-circle-triangle-n {
background-position: -96px -192px;
}
/* line 1118, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-circle-arrow-e {
background-position: -112px -192px;
}
/* line 1119, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-circle-arrow-s {
background-position: -128px -192px;
}
/* line 1120, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-circle-arrow-w {
background-position: -144px -192px;
}
/* line 1121, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-circle-arrow-n {
background-position: -160px -192px;
}
/* line 1122, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-circle-zoomin {
background-position: -176px -192px;
}
/* line 1123, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-circle-zoomout {
background-position: -192px -192px;
}
/* line 1124, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-circle-check {
background-position: -208px -192px;
}
/* line 1125, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-circlesmall-plus {
background-position: 0 -208px;
}
/* line 1126, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-circlesmall-minus {
background-position: -16px -208px;
}
/* line 1127, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-circlesmall-close {
background-position: -32px -208px;
}
/* line 1128, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-squaresmall-plus {
background-position: -48px -208px;
}
/* line 1129, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-squaresmall-minus {
background-position: -64px -208px;
}
/* line 1130, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-squaresmall-close {
background-position: -80px -208px;
}
/* line 1131, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-grip-dotted-vertical {
background-position: 0 -224px;
}
/* line 1132, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-grip-dotted-horizontal {
background-position: -16px -224px;
}
/* line 1133, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-grip-solid-vertical {
background-position: -32px -224px;
}
/* line 1134, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-grip-solid-horizontal {
background-position: -48px -224px;
}
/* line 1135, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-gripsmall-diagonal-se {
background-position: -64px -224px;
}
/* line 1136, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon-grip-diagonal-se {
background-position: -80px -224px;
}
/* Misc visuals
----------------------------------*/
/* Corner radius */
/* line 1143, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
/*border-top-left-radius: 3px;*/
}
/* line 1149, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
/*border-top-right-radius: 3px;*/
}
/* line 1155, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
/*border-bottom-left-radius: 3px;*/
}
/* line 1161, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
/*border-bottom-right-radius: 3px;*/
}
/* Overlays */
/* line 1169, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-widget-overlay {
background: #000000 url(jqueryui/ui-bg_flat_100_000000_40x100.png) 50% 50% repeat-x;
opacity: .75;
filter: Alpha(Opacity=75);
}
/* line 1174, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-widget-shadow {
margin: -1px 0 0 -1px;
padding: 2px;
background: #000000 url(jqueryui/ui-bg_flat_100_000000_40x100.png) 50% 50% repeat-x;
opacity: .5;
filter: Alpha(Opacity=50);
border-radius: 2px;
}
/* KSP Specific Overrides */
/* line 1186, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-widget button {
font-size: 0.875rem;
}
/* line 1190, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-widget-content a {
color: #00A9CE;
}
/* line 1193, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-widget-content a:visited {
color: #00A9CE;
}
/* line 1197, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-widget-content a:hover {
color: #1BCDF4;
}
/* line 1201, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-widget-content a:active {
color: #14789D;
}
/* line 1209, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
border: none;
background: none;
background-color: #00A9CE;
border-bottom: solid 2px #006a82;
}
/* line 1219, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover {
border: none;
background: none;
background-color: #1BCDF4;
border-bottom: solid 2px #099aba;
}
/* line 1229, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
border: none;
background: none;
background-color: #14789D;
border-bottom: none;
}
/* line 1240, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-widget-header {
background: none;
background-color: #D6D2C4;
border: solid 1px #D6D2C4;
}
/* undo custom radio buttons for ui-buttonset */
/* line 1249, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-buttonset input[type=radio] {
display: none;
}
/* line 1253, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-buttonset input + label:before {
content: none;
padding: 0px;
margin: 0px;
}
/* line 1259, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-buttonset input + label {
padding: 0px;
margin: 0px;
border: none;
border-bottom: solid 2px #006a82;
font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
font-weight: 700;
font-size: 0.875rem;
/* 14px nominal */
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #FFFFFF;
height: 32px;
line-heigh: 30px;
text-transform: uppercase;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
/* line 1285, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-buttonset input + label:hover {
background-color: #1BCDF4;
border-bottom: solid 2px #099aba;
}
/* line 1290, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-buttonset input + label:active {
background-color: #14789D;
border-bottom: none;
margin-top: 2px;
height: 30px;
}
/* line 1297, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-buttonset input[type=radio]:checked + label {
border: none;
margin-top: 2px;
background-color: #1BCDF4;
height: 30px;
/*text-shadow: none;*/
}
/* line 1307, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-buttonset {
display: inline-block;
/*background-color:#00A9CE;*/
/*border: solid 1px #00A9CE;*/
overflow: hidden;
}
/* line 1318, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-buttonset span.ui-button-text {
padding: 0px;
margin: 0px;
line-height: 1.875rem;
margin-left: 0.75rem;
margin-right: 0.75rem;
}
/* line 1326, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-buttonset .ui-button {
margin-right: 0.0625rem;
}
/* line 1330, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-buttonset .ui-button:last-of-type {
margin-right: 0rem;
}
/* button element */
/* line 1338, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-button {
font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
font-weight: 700;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-transform: uppercase;
padding: 0rem;
margin: 0px;
height: 32px;
background-color: #00A9CE;
vertical-align: middle;
text-decoration: none;
border-left: none;
border-right: none;
border-top: none;
border-bottom: solid 2px #006a82;
display: inline-block;
cursor: pointer;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
/* line 1373, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-button:disabled,
.ui-button.disabled,
.ui-button.ui-disabled,
.ui-button.ui-state-disabled {
background-color: #D6D6D6;
border-bottom: none;
margin-top: 2px;
height: 30px;
cursor: default !important;
opacity: 0.5;
}
/* line 1386, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-button span.ui-button-text {
font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
font-weight: 700;
font-smoothing: antialiased;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #FFFFFF;
font-size: 0.875rem;
/* 14px nominal */
line-height: 1.875rem;
padding: 0px;
margin: 0px;
padding-left: 1rem;
padding-right: 1rem;
}
/* tabs nav */
/* line 1408, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-tabs {
border: none;
}
/* line 1412, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-tabs * {
box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
/* line 1419, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-tabs .ui-widget-header {
background-color: #FFFFFF;
border: none;
border-bottom: solid 1px #D6D2C4;
padding-left: 0.75rem;
margin-bottom: 1.5rem;
}
/* line 1427, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-tabs ul.ui-tabs-nav {
background: none;
height: 36px;
}
/* line 1432, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-tabs li.ui-state-default {
background: none;
background-color: #F4F2EA;
border-top: solid 1px #F4F2EA;
border-left: solid 1px #F4F2EA;
border-right: solid 1px #F4F2EA;
height: 31px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
border-top-right-radius: 5px;
}
/* line 1448, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
background: none;
padding: 0px 0.75rem;
margin: 0px;
height: 30px;
line-height: 32px;
color: #404040;
}
/* line 1457, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-tabs .ui-tabs-nav .ui-tabs-anchor:focus {
outline: none;
}
/* line 1461, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-tabs li.ui-tabs-active, .ui-tabs li.ui-state-default:hover.ui-tabs-active {
background: none;
background-color: #FFFFFF;
border-top: solid 1px #D6D2C4;
border-left: solid 1px #D6D2C4;
border-right: solid 1px #D6D2C4;
height: 32px;
}
/* line 1470, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-tabs li.ui-state-default:hover.ui-tabs-active .ui-tabs-anchor {
color: #404040;
}
/* line 1474, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-tabs li.ui-state-default:hover {
background: none;
background-color: #D6D2C4;
border-color: #D6D2C4;
}
/* line 1481, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-tabs li.ui-state-default:hover .ui-tabs-anchor {
/*color:#FFFFFF; */
}
/* line 1485, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-tabs.bigTabs ul {
/*height:3.1875rem;*/
height: 54px;
}
/* line 1490, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-tabs.bigTabs li.ui-state-default {
height: 49px;
margin-right: 1%;
width: 48%;
max-width: 350px;
}
/* line 1497, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-tabs.bigTabs li.ui-state-default:last-of-type {
margin-right: 0;
}
/* line 1501, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-tabs.bigTabs .ui-tabs-nav .ui-tabs-anchor {
padding-left: 1.5rem;
padding-right: 1.5rem;
font-size: 1.5rem;
color: #404040;
font-weight: 400;
height: 49px;
line-height: 3.0625rem;
width: 100%;
}
/* line 1512, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-tabs.bigTabs li.ui-tabs-active, .ui-tabs.bigTabs li.ui-state-default:hover.ui-tabs-active {
height: 50px;
}
/* line 1516, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-tabs.bigTabs .ui-tabs-nav li.ui-state-active .ui-tabs-anchor,
.ui-tabs.bigTabs .ui-tabs-nav li.ui-state-active .ui-tabs-anchor:active {
color: #404040;
}
/* line 1521, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-tabs.bigTabs .ui-tabs-panel {
padding: 0rem 0rem;
}
/* line 1525, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-tabs.bigTabs .ui-widget-header {
padding-left: 0px;
margin-bottom: 0px;
}
@media screen and (min-width: 1400px) {
/* line 1532, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-tabs.bigTabs li.ui-state-default {
margin-right: 12px;
}
}
/* line 1539, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-tabs.noExtraPadding .ui-tabs-panel {
padding: 0px;
}
/* tabs on Report screen */
/* line 1544, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-tabs.reportTabs > div {
padding: 0px;
}
/* line 1548, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-tabs.reportTabs .editable {
display: none;
margin-top: -18px;
margin-right: 8px;
vertical-align: middle;
}
/* line 1555, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-tabs.reportTabs li.ui-state-active .editable {
display: inline-block;
}
/* line 1559, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-tabs.reportTabs .tabNameEditField input {
margin: 0.375rem;
}
/* Slider */
/* line 1566, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-slider.ui-widget-content {
border: none;
background: none;
background-color: #F4F2EA;
height: 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border: solid 2px #D6D2C4;
}
/* line 1578, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-slider.padMargins {
margin-left: 7px;
margin-right: 7px;
}
/* line 1583, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-slider .ui-slider-range {
background: none;
background-color: #D5EBF3;
}
/* line 1589, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-slider.dragRangeSlider .ui-slider-range {
cursor: ew-resize;
cursor: grab;
cursor: -moz-grab;
cursor: -webkit-grab;
}
/* line 1596, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-slider.dragRangeSlider .ui-slider-range:active {
cursor: grabbing;
cursor: -moz-grabbing;
cursor: -webkit-grabbing;
}
/* line 1602, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-slider .ui-slider-handle {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
top: -6px;
z-index: 1;
cursor: ew-resize;
/* -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);*/
}
/* line 1615, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-slider .ui-slider-handle:focus {
outline: none;
}
/* line 1619, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-slider .ui-slider-handle.ui-state-active {
background: none;
background-color: #2287A8;
border: solid 1px #2287A8;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
cursor: grabbing;
cursor: -moz-grabbing;
cursor: -webkit-grabbing;
}
/* datepicker */
/* line 1636, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker {
background-color: #FFFFFF;
/*padding:0.375rem;*/
width: 16.625rem;
display: none;
background-image: url(ui/container-shim.png);
background-repeat: repeat-x;
background-position: top;
overflow: hidden;
/* -webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;*/
border: solid 1px #D6D2C4;
/* -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.65);
-moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.65);
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.65);*/
/*
position:fixed;
left:0px;
top:0px;
*/
}
/* line 1665, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker td,
.ui-datepicker th {
min-width: 1.5rem;
}
/* line 1670, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker-prev {
float: left;
margin-left: 3px;
background-image: url(icons/icon-previous.png);
background-repeat: no-repeat;
background-position: left 3px top 2px;
}
/* line 1678, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev.ui-state-hover,
.ui-datepicker .ui-datepicker-next.ui-state-hover {
top: 0px;
/*margin-top:2px;*/
}
/* line 1686, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-prev.ui-state-hover {
left: 0px;
}
/* line 1691, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-next.ui-state-hover {
right: 0px;
}
/* line 1697, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker-prev.ui-state-hover {
background-image: url(icons/icon-previous.png);
background-repeat: no-repeat;
background-position: left 3px top 2px;
}
/* line 1703, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker-prev span {
display: none !important;
}
/* line 1707, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker-next {
float: right;
margin-right: 3px;
background-image: url(icons/icon-next.png);
background-repeat: no-repeat;
background-position: right 3px top 2px;
}
/* line 1715, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker-next.ui-state-hover {
background-image: url(icons/icon-next.png);
background-repeat: no-repeat;
background-position: right 3px top 2px;
}
/* line 1721, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker-next span {
display: none !important;
}
/* line 1725, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker-title {
text-align: center;
font-weight: 400;
font-size: 1rem;
color: #000000;
padding-top: 3px;
/*margin-top: 0.1875rem;*/
}
/* line 1734, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker-header {
/*margin-bottom: 0.5625rem;*/
/*padding-left: 0.3rem;
padding-right: 0.3rem;*/
background-color: #D6D2C4;
padding: 8px;
height: 2.5rem;
}
/* line 1743, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker-header a.ui-datepicker-prev,
.ui-datepicker-header a.ui-datepicker-next {
display: inline-block;
width: 28px;
height: 28px;
color: rgba(255, 255, 255, 0);
background-color: #00A9CE;
cursor: pointer;
border: none;
border-bottom: solid 2px #006a82;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 0px;
background-image: url(icons/icon-buttons-sprite.png);
/* -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);*/
}
/* line 1766, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker-header a.ui-datepicker-prev,
.ui-datepicker-header a.ui-datepicker-prev:hover,
.ui-datepicker-header a.ui-datepicker-prev:active {
float: left;
left: 5px;
top: 5px;
background-position: -130px -66px;
}
/* line 1775, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker-header a.ui-datepicker-next,
.ui-datepicker-header a.ui-datepicker-next:hover,
.ui-datepicker-header a.ui-datepicker-next:active {
float: right;
right: 5px;
top: 5px;
background-position: -162px -66px;
}
/* line 1786, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker-header a.ui-datepicker-prev:hover,
.ui-datepicker-header a.ui-datepicker-next:hover {
background-color: #1BCDF4;
border-bottom-color: #099aba;
}
/* line 1792, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker-header a.ui-datepicker-prev:active,
.ui-datepicker-header a.ui-datepicker-next:active {
background-color: #14789D;
border-bottom: none;
height: 26px;
margin-top: 2px;
}
/* line 1800, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker-header a:focus {
outline: none;
}
/* line 1804, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker-header a.ui-datepicker-prev.ui-state-disabled,
.ui-datepicker-header a.ui-datepicker-next.ui-state-disabled,
.ui-datepicker-header a.ui-datepicker-prev.ui-state-disabled:hover,
.ui-datepicker-header a.ui-datepicker-next.ui-state-disabled:hover,
.ui-datepicker-header a.ui-datepicker-prev.ui-state-disabled:active,
.ui-datepicker-header a.ui-datepicker-next.ui-state-disabled:active {
background-color: #D6D6D6;
border-bottom: solid 2px #bdbdbd;
cursor: default;
opacity: 1;
margin-top: 0px;
height: 28px;
}
/*
.ui-datepicker-header a.ui-state-disabled.ui-datepicker-prev, .ui-datepicker-header a.ui-state-disabled.ui-datepicker-prev.ui-state-hover {
float: left;
background-image: url(/assets/icons/icon-previous-disabled.png);
background-repeat: no-repeat;
background-position: left 3px top 2px;
}
.ui-datepicker-header a.ui-state-disabled.ui-datepicker-next, .ui-datepicker-header a.ui-state-disabled.ui-datepicker-next.ui-state-hover {
float: right;
background-image: url(/assets/icons/icon-next-disabled.png);
background-repeat: no-repeat;
background-position: right 3px top 2px;
}*/
/* line 1833, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker table {
width: auto;
border-collapse: separate;
border-spacing: 3px;
clear: both;
margin: 7px auto;
}
/* line 1841, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker th {
background: none;
}
/* line 1845, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker tr {
margin: 0rem;
padding: 0rem;
border: none;
height: auto;
}
/* line 1852, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker tr:hover {
background: none;
cursor: default;
}
/* line 1856, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker td, .ui-datepicker th {
padding: 0rem;
font-weight: 300;
height: auto;
}
/* line 1862, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker .ui-datepicker-calendar .ui-state-default {
background: none;
display: inline-block;
width: 1.875rem;
height: 1.875rem;
line-height: 1.875rem;
padding: 0rem;
background-color: #F4F2EA;
border: solid 1px #F4F2EA;
text-decoration: none;
color: #656565;
cursor: pointer;
font-weight: 300;
text-align: center;
/* -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;*/
}
/* line 1882, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-week-end .ui-state-default {
/* weekend dates in the calendar */
background-color: #ebe8d9;
border: solid 1px #ebe8d9;
}
/* line 1888, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today .ui-state-default {
/* today's date in the calendar */
border: solid 1px #D6D2C4;
}
/* line 1895, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
td.ui-datepicker-current-day a, td.ui-datepicker-current-day a:active {
/* selected date in the calendar */
background-color: #D5EBF3;
font-weight: 400;
color: #404040;
}
/* line 1902, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker .ui-datepicker-calendar .ui-state-default:hover {
background-color: #E9F6FA;
}
/* line 1906, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker .ui-datepicker-calendar .ui-state-default:active,
.ui-datepicker .ui-datepicker-calendar .ui-state-active,
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-week-end .ui-state-active,
.ui-datepicker .ui-datepicker-calendar .ui-state-active:hover {
/* selected date in the calendar */
background-color: #D5EBF3;
font-weight: 400;
}
/* line 1915, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker .ui-datepicker-buttonpane button {
padding: 0rem 1rem;
margin: 0;
margin-top: 0.5625rem;
}
/* line 1921, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker .ui-timepicker-div {
padding: 0 1rem;
}
/* line 1925, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker .ui_tpicker_time_label {
display: inline;
}
/* line 1928, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker .ui_tpicker_time {
display: inline;
font-weight: 400;
margin-left: 0.5rem;
color: #404040;
}
/* line 1934, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker .ui-slider-horizontal {
margin: 0.5rem 0;
}
/* line 1937, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker .ui_tpicker_hour_label {
margin-top: 0.5rem;
font-size: 0.75rem;
text-transform: uppercase;
}
/* line 1942, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker .ui_tpicker_minute_label {
font-size: 0.75rem;
text-transform: uppercase;
}
/* line 1946, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker .ui-datepicker-buttonpane {
border-color: #e8e8e8;
margin: 1rem 0.75rem;
height: 2.1rem;
}
/* progress bar */
/* line 1954, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-progressbar {
height: 16px;
border: none;
background: none;
background-color: #F4F2EA;
margin: 0px;
margin-bottom: 1.5rem;
border: solid 2px #D6D2C4;
}
/* line 1964, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-progressbar.fullWidthCenter {
max-width: 70rem;
margin-left: auto;
margin-right: auto;
}
/* line 1970, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-progressbar .ui-progressbar-value {
background: none;
background-color: #D5EBF3;
margin: 0px;
padding: 0px;
border: none;
height: 1rem;
}
/* pop ups */
/* line 1982, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-dialog {
padding: 0px;
background-image: url(ui/container-shim.png);
background-repeat: repeat-x;
background-position: left top;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
overflow: hidden;
border: solid 2px #000000;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.65);
-moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.65);
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.65);
z-index: 1100;
}
/* line 2003, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-dialog .ui-dialog-title {
font-weight: 400;
height: 1.5rem;
line-height: 1.5rem;
font-size: 1.3rem;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
color: #000000;
}
/* line 2013, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-dialog .ui-dialog-titlebar button {
/* dialog box close button */
width: 26px;
height: 26px;
margin-top: -13px;
margin-right: 2px;
border: none;
background: none;
background-color: #00A9CE;
border-bottom: solid 2px #006a82;
}
/* line 2025, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-dialog .ui-dialog-titlebar button span.ui-icon-closethick {
/* "X" icon over close button */
background: none;
background-image: url(icons/icon-buttons-sprite.png);
background-repeat: no-repeat;
background-position: -72px -40px;
}
/* line 2032, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-dialog .ui-dialog-titlebar button.ui-state-hover {
border-bottom-color: #099aba;
background-color: #1BCDF4;
}
/* line 2037, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-dialog .ui-dialog-titlebar button.ui-state-active {
height: 24px;
margin-top: -11px;
background-color: #14789D;
border-bottom: none;
}
/* line 2044, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-dialog .ui-dialog-buttonpane {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
margin-left: 0.75rem;
margin-right: 0.75rem;
border-top: solid 1px #D6D2C4;
text-align: center;
margin-top: 0px;
}
/* line 2054, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-dialog .ui-dialog-buttonpane button {
margin-left: 0.125rem;
margin-right: 0.125rem;
}
/* line 2059, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: none;
}
/* line 2063, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-dialog .ui-dialog-buttonpane button.ui-button {
/*font-weight:900;*/
}
/* info callout */
/* line 2069, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-state-highlight {
background: none;
background-color: #fdfab2;
/* -webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;*/
}
/* line 2078, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-state-highlight span.ui-icon {
margin-top: 3px;
margin-left: 4px;
}
/* line 2083, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon.ui-icon-info {
background: none;
width: 20px;
height: 20px;
background-image: url(icons/icon-info.png);
background-repeat: no-repeat;
padding: 0px;
margin: 0px;
}
/* line 2094, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon.ui-icon-alert {
background: none;
width: 20px;
height: 18px;
background-image: url(icons/icon-error.png);
background-repeat: no-repeat;
padding: 0px;
margin: 0px;
}
/* line 2104, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-state-error p,
.ui-widget-content .ui-state-error p,
.ui-widget-header .ui-state-error p {
color: #DB1717;
}
/* accordion */
/* line 2113, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-accordion .ui-accordion-header {
font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
background: none;
border: none;
background-color: #EAE9E6;
color: #404040;
line-height: 2rem;
font-size: 1rem;
font-weight: 400;
padding: 0px 0.75rem;
}
/* line 2125, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-accordion .ui-accordion-header:before {
float: right;
content: " ";
font-size: 1px;
line-height: 1px;
width: 13px;
height: 7px;
background-image: url(ui/accordion-arrow-sprite.png);
background-repeat: no-repeat;
background-position: 0px -10px;
margin-top: 13px;
}
/* line 2138, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-accordion .ui-accordion-header.ui-accordion-header-active {
/*background-color:#D5ECFE;*/
}
/* line 2142, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-accordion .ui-accordion-header.ui-accordion-header-active:before {
float: right;
content: " ";
font-size: 1px;
line-height: 1px;
width: 13px;
height: 7px;
background-image: url(ui/accordion-arrow-sprite.png);
background-repeat: no-repeat;
background-position: 0px 0px;
margin-top: 13px;
}
/* line 2155, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-accordion .ui-accordion-header .ui-icon {
display: none;
}
/* line 2159, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-accordion .ui-accordion-content {
border: none;
padding-bottom: 0rem;
}
/******** ui-tooltip **************/
/* line 2166, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-tooltip.ui-widget {
border-width: 1px;
}
/* line 2170, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-tooltip {
/* default style */
background: none;
background-color: #fffef5;
border: solid 1px #E8E8E8;
padding: 0.5rem 0.75rem;
color: #5C5C5C;
width: auto;
max-width: 20rem;
font-size: 0.875rem;
line-height: 1.25rem;
-webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.15);
}
/* line 2193, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-tooltip p,
.ui-tooltip ul,
.ui-tooltip li {
margin-bottom: 0.75rem;
}
/* line 2202, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-tooltip.compactTooltip {
padding: 0.375rem 0.5rem;
width: auto;
min-width: 0px;
max-width: none;
white-space: nowrap;
}
/* line 2211, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-tooltip.errorTooltip {
background-color: #fef3f3;
border-color: #DB1717;
color: #DB1717;
font-weight: 400;
}
/* line 2218, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-tooltip.errorTooltip p {
margin-bottom: 0rem;
font-weight: 400;
color: #DB1717;
font-size: 0.875rem;
line-height: 1.25rem;
}
/* line 2226, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-tooltip.errorTooltip ul {
margin: 0rem;
}
/* line 2230, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-tooltip.errorTooltip ul li {
margin-left: 0.5rem;
}
/* line 2234, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-tooltip.errorTooltip ul li:before {
left: 0rem;
}
/* line 2238, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-tooltip.imageTooltip {
width: auto;
min-width: 0px;
padding: 0;
}
/* line 2244, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-tooltip.imageTooltip img {
display: block;
}
/* line 2248, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-resizable-e {
cursor: ew-resize;
}
/* line 2254, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-resizable-e {
cursor: ew-resize;
}
@media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 4 / 2), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
/* line 2267, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon.ui-icon-info {
background-image: url(icons/icon-info@2x.png);
background-repeat: no-repeat;
background-size: 20px 20px;
}
/* line 2273, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-icon.ui-icon-alert {
background-image: url(icons/icon-error@2x.png);
background-repeat: no-repeat;
background-size: 20px 18px;
}
/* line 2279, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-datepicker-header a.ui-datepicker-prev,
.ui-datepicker-header a.ui-datepicker-next,
.ui-dialog .ui-dialog-titlebar button span.ui-icon-closethick {
background-image: url(icons/icon-buttons-sprite@2x.png);
background-repeat: no-repeat;
background-size: 256px 128px;
}
/* line 2287, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-accordion .ui-accordion-header:before {
background-image: url(ui/accordion-arrow-sprite@2x.png);
background-repeat: no-repeat;
background-size: 70px 17px;
}
/* line 2293, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jquery-ui.css.scss.erb */
.ui-accordion .ui-accordion-header.ui-accordion-header-active:before {
background-image: url(ui/accordion-arrow-sprite@2x.png);
background-repeat: no-repeat;
background-size: 70px 17px;
}
}
/* jsTree KSP theme */
/***** Fonts ******/
/***** Colors *****/
/* Was Kinetic Dark Grey #6C6463 */
/* was Kinetic Dark Grey #6C6463 */
/* Kinetic Medium Blue */
/*#E8E8E8;*/
/* Explicit Kinetic Color Definitions */
/* typographic scale */
/* z-index management */
/* line 5, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.jsTreeListOutsideWrapper {
width: 100%;
/* master width of the control */
}
/* line 9, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.jsTreeListOutsideWrapper.wider {
width: 37.5rem;
}
/* line 13, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.jsTreeListOutsideWrapper.fullLength {
width: 25rem;
}
/* line 17, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.jsTreeListOutsideWrapper.threeQuarterLength {
width: 18.75rem;
}
/* line 21, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.jsTreeListOutsideWrapper.halfLength {
width: 12.5rem;
}
/* line 25, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.jsTreeListOutsideWrapper.quarterLength {
width: 6.25rem;
}
/* line 29, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.jsTreeListOutsideWrapper.scrollable {
overflow-y: inherit;
}
/* line 33, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.jsTreeListOutsideWrapper.scrollable .jsTreeListContainer {
height: 14rem;
overflow-y: scroll;
}
/* line 38, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.jsTreeListContainer li::before {
/* remove dot from */
content: none;
}
/* line 42, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.jsTreeListContainer li {
font-size: 0.875rem;
}
/* line 46, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.jsTreeListContainer {
width: 100%;
/*height:14rem; /* height of scrolling panel */
overflow: auto;
border: solid 2px #D6D2C4;
margin: 0px;
margin-bottom: 1.9rem;
}
/* line 55, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.fixedHeight10 .jsTreeListContainer {
height: 18.375rem;
overflow-y: scroll;
}
/* line 60, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.jsTreeListContainer.noBottomMargin {
margin-bottom: 0px;
}
/* line 64, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.jsTreeListContainer.marginBottomQuarter {
margin-bottom: 0.375rem;
}
/* line 68, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.jsTreeListContainer.marginBottomHalf {
margin-bottom: 0.75rem;
}
/* line 72, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.jsTreeListContainer.noBorder {
border: none;
}
/* line 76, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.jsTreeListContainer.noBottomMargin {
margin-bottom: 0rem;
}
/* line 80, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.jsTreeListContainer li.unselectable,
.jsTreeListContainer li.unselectable * {
font-size: 0.75rem;
line-height: 1rem;
height: 1rem;
min-height: 1rem;
}
/* line 88, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.jsTreeListContainer li.unselectable:last-child {
margin-bottom: 0.75rem;
}
/* line 92, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.jsTreeListContainer li.unselectable:hover,
.jsTreeListContainer li.unselectable:hover *,
.jsTreeListContainer li.unselectable .jstree-clicked,
.jsTreeListContainer li.unselectable .jstree-wholerow-clicked {
background: none;
}
/* line 99, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.jsTreeListContainer li.unselectable .jstree-checkbox {
display: none;
}
/* line 103, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.sidebarContentContainer .jsTreeListContainer {
/*height:auto;*/
}
/* line 107, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.jsTreeListOutsideWrapper h4 {
width: 15rem;
margin-bottom: 0.75rem;
}
/* line 112, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.jsTreeListContainer a, .jsTreeListContainer a:hover, .jsTreeListContainer a:active, .jsTreeListContainer a:visited {
color: #6C6463;
font-weight: 400;
}
/* line 117, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.jsTreeListContainer .jstree-leaf a, .jsTreeListContainer .jstree-leaf a:hover, .jsTreeListContainer .jstree-leaf a:active, .jsTreeListContainer.jstree-leaf a:visited {
color: #5C5C5C;
font-weight: 300;
}
/* line 122, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.jsTreeListOutsideWrapper .jsTreeSearch input:not([type=checkbox]):not([type=radio]) {
border: none;
background: none;
padding: 0rem 1.5rem;
margin: 0rem;
width: 100%;
box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-border-radius: none;
-moz-border-radius: none;
border-radius: none;
min-height: 0;
}
/* line 150, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.jsTreeListOutsideWrapper .jsTreeSearch input:not([type=checkbox]):not([type=radio]):focus {
outline: none;
}
/* line 154, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.jsTreeListOutsideWrapper .jsTreeSearch input:not([type=checkbox]):not([type=radio])::-ms-clear {
display: none;
}
/* line 158, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.jsTreeListOutsideWrapper .jsTreeSearch {
width: 100%;
margin-bottom: 0rem;
padding: 0.375rem 0.6rem;
display: block;
background-color: #F4F2EA;
border-top: solid 2px #D6D2C4;
border-left: solid 2px #D6D2C4;
border-right: solid 2px #D6D2C4;
position: relative;
}
/* line 170, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
html.ie .jsTreeListOutsideWrapper .jsTreeSearch {
/* box-shadow: 0px 1px 4px 0px rgba(50, 50, 50, 0.75) inset;*/
}
/* line 174, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.jsTreeListOutsideWrapper .jsTreeSearch .searchIcon {
position: absolute;
top: 0.75rem;
left: 0.75rem;
}
/* line 180, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.jsTreeListOutsideWrapper .jsTreeSearch .clearSearch {
position: absolute;
top: 0.75rem;
right: 0.75rem;
cursor: pointer;
display: none;
}
/* line 188, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.jsTreeListOutsideWrapper.ksTree .jsTreeSearch .searchIcon {
height: 15px;
width: 15px;
background-image: url(icons/icon-search.png);
}
/* line 194, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.jsTreeListOutsideWrapper.ksTree .jsTreeSearch .clearSearch {
height: 15px;
width: 15px;
background-image: url(icons/icon-close.png);
display: block;
}
/* line 202, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.jstree-leaf a i.jstree-themeicon {
/* hide icon for leaf elements */
display: none;
}
/* line 206, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.jstree-node,
.jstree-children,
.jstree-container-ul {
display: block;
margin: 0;
padding: 0;
list-style-type: none;
list-style-image: none;
}
/* jQuery UI Tabs conflicts when jsTree is contained within tab content */
/* line 217, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.ui-tabs .jstree-container-ul {
height: auto;
}
/* line 221, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.jstree-node {
white-space: nowrap;
}
/* line 224, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.jstree-anchor {
display: inline-block;
color: black;
white-space: nowrap;
padding: 0 4px 0 1px;
margin: 0;
vertical-align: top;
}
/* line 232, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.jstree-anchor:focus {
outline: 0;
}
/* line 235, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.jstree-anchor,
.jstree-anchor:link,
.jstree-anchor:visited,
.jstree-anchor:hover,
.jstree-anchor:active {
text-decoration: none;
color: inherit;
}
/* line 243, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.jstree-icon {
display: inline-block;
text-decoration: none;
margin: 0;
padding: 0;
vertical-align: top;
text-align: center;
}
/* line 251, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.jstree-icon:empty {
display: inline-block;
text-decoration: none;
margin: 0;
padding: 0;
vertical-align: top;
text-align: center;
}
/* line 259, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.jstree-ocl {
cursor: pointer;
}
/* line 262, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.jstree-leaf > .jstree-ocl {
cursor: default;
}
/* line 265, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.jstree .jstree-open > .jstree-children {
display: block;
}
/* line 268, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.jstree .jstree-closed > .jstree-children,
.jstree .jstree-leaf > .jstree-children {
display: none;
}
/* line 272, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.jstree-anchor > .jstree-themeicon {
margin-right: 2px;
}
/* line 275, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.jstree-no-icons .jstree-themeicon,
.jstree-anchor > .jstree-themeicon-hidden {
display: none;
}
/* line 279, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.jstree-rtl .jstree-anchor {
padding: 0 1px 0 4px;
}
/* line 282, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.jstree-rtl .jstree-anchor > .jstree-themeicon {
margin-left: 2px;
margin-right: 0;
}
/* line 286, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.jstree-rtl .jstree-node {
margin-left: 0;
}
/* line 289, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.jstree-rtl .jstree-container-ul > .jstree-node {
margin-right: 0;
}
/* line 292, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.jstree-wholerow-ul {
position: relative;
display: inline-block;
min-width: 100%;
}
/* line 298, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.ksTree .jstree-wholerow-ul {
display: inherit;
}
/* line 302, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.jstree-wholerow-ul .jstree-leaf > .jstree-ocl {
cursor: pointer;
}
/* line 305, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.jstree-wholerow-ul .jstree-anchor,
.jstree-wholerow-ul .jstree-icon {
position: relative;
}
/* line 309, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.jstree-wholerow-ul .jstree-wholerow {
width: 100%;
cursor: pointer;
position: absolute;
left: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* line 319, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.vakata-context {
display: none;
}
/* line 322, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.vakata-context,
.vakata-context ul {
margin: 0;
padding: 2px;
position: absolute;
background: #f5f5f5;
border: 1px solid #979797;
-moz-box-shadow: 5px 5px 4px -4px #666666;
-webkit-box-shadow: 2px 2px 2px #999999;
box-shadow: 2px 2px 2px #999999;
}
/* line 333, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.vakata-context ul {
list-style: none;
left: 100%;
margin-top: -2.7em;
margin-left: -4px;
}
/* line 339, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.vakata-context .vakata-context-right ul {
left: auto;
right: 100%;
margin-left: auto;
margin-right: -4px;
}
/* line 345, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.vakata-context li {
list-style: none;
display: inline;
}
/* line 349, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.vakata-context li > a {
display: block;
padding: 0 2em 0 2em;
text-decoration: none;
width: auto;
color: black;
white-space: nowrap;
line-height: 2.4em;
-moz-text-shadow: 1px 1px 0 white;
-webkit-text-shadow: 1px 1px 0 white;
text-shadow: 1px 1px 0 white;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
border-radius: 1px;
}
/* line 364, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.vakata-context li > a:hover {
position: relative;
background-color: #e8eff7;
-moz-box-shadow: 0 0 2px #0a6aa1;
-webkit-box-shadow: 0 0 2px #0a6aa1;
box-shadow: 0 0 2px #0a6aa1;
}
/* line 371, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.vakata-context li > a.vakata-context-parent {
background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAIORI4JlrqN1oMSnmmZDQUAOw==");
background-position: right center;
background-repeat: no-repeat;
}
/* line 376, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.vakata-context li > a:focus {
outline: 0;
}
/* line 379, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.vakata-context .vakata-context-hover > a {
position: relative;
background-color: #e8eff7;
-moz-box-shadow: 0 0 2px #0a6aa1;
-webkit-box-shadow: 0 0 2px #0a6aa1;
box-shadow: 0 0 2px #0a6aa1;
}
/* line 386, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.vakata-context .vakata-context-separator a,
.vakata-context .vakata-context-separator a:hover {
background: white;
border: 0;
border-top: 1px solid #e2e3e3;
height: 1px;
min-height: 1px;
max-height: 1px;
padding: 0;
margin: 0 0 0 2.4em;
border-left: 1px solid #e0e0e0;
-moz-text-shadow: 0 0 0 transparent;
-webkit-text-shadow: 0 0 0 transparent;
text-shadow: 0 0 0 transparent;
-moz-box-shadow: 0 0 0 transparent;
-webkit-box-shadow: 0 0 0 transparent;
box-shadow: 0 0 0 transparent;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
}
/* line 407, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.vakata-context .vakata-contextmenu-disabled a,
.vakata-context .vakata-contextmenu-disabled a:hover {
color: silver;
background-color: transparent;
border: 0;
box-shadow: 0 0 0;
}
/* line 414, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.vakata-context li > a > i {
text-decoration: none;
display: inline-block;
width: 2.4em;
height: 2.4em;
background: transparent;
margin: 0 0 0 -2em;
vertical-align: top;
text-align: center;
line-height: 2.4em;
}
/* line 425, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.vakata-context li > a > i:empty {
width: 2.4em;
line-height: 2.4em;
}
/* line 429, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.vakata-context li > a .vakata-contextmenu-sep {
display: inline-block;
width: 1px;
height: 2.4em;
background: white;
margin: 0 0.5em 0 0;
border-left: 1px solid #e2e3e3;
}
/* line 437, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.vakata-context .vakata-contextmenu-shortcut {
font-size: 0.8em;
color: silver;
opacity: 0.5;
display: none;
}
/* line 443, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.vakata-context-rtl ul {
left: auto;
right: 100%;
margin-left: auto;
margin-right: -4px;
}
/* line 449, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.vakata-context-rtl li > a.vakata-context-parent {
background-image: url("data:image/gif;base64,R0lGODlhCwAHAIAAACgoKP///yH5BAEAAAEALAAAAAALAAcAAAINjI+AC7rWHIsPtmoxLAA7");
background-position: left center;
background-repeat: no-repeat;
}
/* line 454, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.vakata-context-rtl .vakata-context-separator > a {
margin: 0 2.4em 0 0;
border-left: 0;
border-right: 1px solid #e2e3e3;
}
/* line 459, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.vakata-context-rtl .vakata-context-left ul {
right: auto;
left: 100%;
margin-left: -4px;
margin-right: auto;
}
/* line 465, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.vakata-context-rtl li > a > i {
margin: 0 -2em 0 0;
}
/* line 468, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.vakata-context-rtl li > a .vakata-contextmenu-sep {
margin: 0 0 0 0.5em;
border-left-color: white;
background: #e2e3e3;
}
/* line 473, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
#jstree-marker {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
border-right: 0;
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid;
width: 0;
height: 0;
font-size: 0;
line-height: 0;
}
/* line 488, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
#jstree-dnd {
line-height: 1.875rem;
margin: 0;
padding: 4px;
}
/* line 493, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
#jstree-dnd .jstree-icon,
#jstree-dnd .jstree-copy {
display: inline-block;
text-decoration: none;
margin: 0 2px 0 0;
padding: 0;
width: 16px;
height: 16px;
}
/* line 502, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
#jstree-dnd .jstree-ok {
background: green;
}
/* line 505, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
#jstree-dnd .jstree-er {
background: red;
}
/* line 508, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
#jstree-dnd .jstree-copy {
margin: 0 2px 0 2px;
}
/* line 511, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.jstree-default .jstree-node,
.jstree-default .jstree-icon {
background-repeat: no-repeat;
background-color: transparent;
}
/* line 516, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.jstree-default .jstree-anchor,
.jstree-default .jstree-wholerow {
/* transition: background-color 0.15s, box-shadow 0.15s; */
}
/* line 520, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.jstree-default .jstree-hovered {
background: #e7f4f9;
border-radius: 2px;
box-shadow: inset 0 0 1px #ccc;
}
/* line 525, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.jstree-default .jstree-clicked {
background: #beebff;
border-radius: 2px;
box-shadow: inset 0 0 1px #999;
}
/* line 530, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.jstree-default .jstree-no-icons .jstree-anchor > .jstree-themeicon {
display: none;
}
/* line 533, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.jstree-default .jstree-disabled {
background: transparent;
color: #666;
}
/* line 537, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.jstree-default .jstree-disabled.jstree-hovered {
background: transparent;
box-shadow: none;
}
/* line 541, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.jstree-default .jstree-disabled.jstree-clicked {
background: #efefef;
}
/* line 544, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/lib/jstree.css.scss.erb */
.jstree-default .jstree-disabled > .jstree-icon {
opacity: 0.8;
filter: url("data:image/svg+xml;utf8, element */
/* line 6, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tooltip.css.scss.erb */
tooltip,
ks-tooltip {
display: inline-block;
width: 20px;
height: 20px;
overflow: hidden;
vertical-align: middle;
margin-top: -4px;
position: relative;
text-indent: 20px;
/*background-image: url(/assets/icons/icon-help.png);*/
}
/* line 19, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tooltip.css.scss.erb */
tooltip:before,
ks-tooltip:before {
font-family: "KSP-Icons";
width: 20px;
height: 20px;
border-radius: 10px;
background-color: #D5ECFE;
font-size: 16px;
line-height: 1;
padding: 2px;
position: absolute;
content: "\e616";
color: #2DB3DF;
display: block;
text-align: center;
text-indent: 0px;
box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
/* this is the default style for the tooltip hover element */
/* line 43, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tooltip.css.scss.erb */
.defaultTooltipStyle {
position: absolute;
top: 0px;
left: 0px;
background-color: #fffef5;
border: solid 1px #E8E8E8;
padding: 0.5rem 0.75rem;
z-index: 4000;
color: #5C5C5C;
width: auto;
max-width: 20rem;
font-size: 0.875rem;
line-height: 1.25rem;
-webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.15);
}
/* line 67, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tooltip.css.scss.erb */
.defaultTooltipStyle,
.defaultTooltipStyle * {
pointer-events: none;
}
/*************** Hi-res imagery ***************/
@media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 4 / 2), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
/* line 81, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tooltip.css.scss.erb */
tooltip,
ks-tooltip {
/* background-image: url(/assets/icons/icon-help@2x.png);
background-repeat: no-repeat;
background-size: 20px 20px;
*/
}
}
/***** Fonts ******/
/***** Colors *****/
/* Was Kinetic Dark Grey #6C6463 */
/* was Kinetic Dark Grey #6C6463 */
/* Kinetic Medium Blue */
/*#E8E8E8;*/
/* Explicit Kinetic Color Definitions */
/* typographic scale */
/* z-index management */
/************ Tabs (Using Angular JS) **************/
/* line 5, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tabs.css.scss.erb */
ul.tabs {
border-bottom: solid 1px #D6D2C4;
width: 100%;
white-space: nowrap;
height: 2.25rem;
margin-bottom: 0.75rem;
}
@-moz-document url-prefix() {
/* line 14, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tabs.css.scss.erb */
ul.tabs {
height: 2.3125rem;
}
}
/* line 19, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tabs.css.scss.erb */
ul.tabs li {
display: inline;
float: left;
}
/* line 24, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tabs.css.scss.erb */
ul.tabs li button {
white-space: nowrap;
display: inline-block;
border: solid 1px #F4F2EA;
border-bottom: none;
background-color: #F4F2EA;
margin: 0;
margin-top: 0.25rem;
height: 1.9375rem;
line-height: 2.25rem;
margin-left: 0.375rem;
border-radius: 0px;
padding: 0 1.125rem;
font-weight: 400;
color: #5C5C5C;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
font-size: 1rem;
text-transform: none;
cursor: pointer;
-webkit-transition: margin 0.1s, height 0.1s;
-moz-transition: margin 0.1s, height 0.1s;
-ms-transition: margin 0.1s, height 0.1s;
transition: margin 0.1s, height 0.1s;
}
/* line 50, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tabs.css.scss.erb */
ul.tabs li button:focus {
margin-top: 0;
height: 2.1875rem;
}
/* line 55, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tabs.css.scss.erb */
ul.tabs li button:hover {
/* mouse over state */
margin-top: 0;
height: 2.1875rem;
text-decoration: none;
}
/* line 61, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tabs.css.scss.erb */
ul.tabs li button:active {
/* mouse down state */
border-color: #e7e3d4;
background-color: #e7e3d4;
margin-top: 0;
outline: none;
}
/* line 68, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tabs.css.scss.erb */
ul.tabs li button:disabled {
border-color: #f0f0f0;
background-color: #f0f0f0;
color: #bdbdbd;
cursor: default;
pointer-events: none;
/* remove hover event from firing */
}
/*
The unavailable class looks similar to the :disabled state,
but it allows you keep the tab enabled. This is useful for
a tab that would have content under normal circumstances,
but for whatever reason it does not under a specific condition.
This allows you to 1) make the tab look different than a normal
tab, and 2) have a message in the tab content that explains
the exceptional condition.
If you were to simply use the :disabled state, then the tab
would not be clickable, and therefore cannot trigger associated
content.
*/
/* line 90, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tabs.css.scss.erb */
ul.tabs li button.unavailable {
border-color: #f0f0f0;
background-color: #f0f0f0;
color: #bdbdbd;
}
/* line 96, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tabs.css.scss.erb */
ul.tabs li button.unavailable:active {
border-color: #D6D6D6;
background-color: #D6D6D6;
color: #a3a3a3;
}
/* Selected tab */
/* line 105, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tabs.css.scss.erb */
ul.tabs li button.selected,
ul.tabs li button.unavailable.selected {
white-space: nowrap;
border: solid 1px #D6D2C4;
border-bottom: none;
background-color: #FFFFFF;
height: 2.25rem;
line-height: 2.125rem;
font-weight: 400;
margin-top: 0;
color: #404040;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
cursor: default;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
transition: none;
}
@-moz-document url-prefix() {
/* line 127, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tabs.css.scss.erb */
ul.tabs li button.selected {
height: 2.3125rem;
}
}
/* line 132, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tabs.css.scss.erb */
ul.tabs li button.selected:focus {
outline: none;
}
/* line 136, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tabs.css.scss.erb */
.nowrapTabContainer {
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden;
margin-bottom: 1.5rem;
}
/* line 143, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tabs.css.scss.erb */
.nowrapTabContainer ul.tabs {
margin-bottom: 0;
}
/* line 147, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tabs.css.scss.erb */
.nowrapTabContainer ul.tabs li {
float: none;
}
/* line 151, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tabs.css.scss.erb */
.nowrapTabContainer ul.tabs li button {
margin-left: 0;
}
/* line 155, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tabs.css.scss.erb */
.nowrapTabContainer ul.tabs li:first-child button {
margin-left: 0.375rem;
}
/* line 159, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tabs.css.scss.erb */
.nowrapTabContainer ul.tabs li:last-child button {
margin-right: 0.375rem;
}
/***** Fonts ******/
/***** Colors *****/
/* Was Kinetic Dark Grey #6C6463 */
/* was Kinetic Dark Grey #6C6463 */
/* Kinetic Medium Blue */
/*#E8E8E8;*/
/* Explicit Kinetic Color Definitions */
/* typographic scale */
/* z-index management */
/**************** Fixed Search ****************/
/* line 5, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fixed-search.css.scss.erb */
.fixedSearch {
position: fixed;
top: 42px;
left: -450px;
width: 450px;
background-color: #554F4E;
padding: 8px;
padding-bottom: 0px;
height: 76px;
-moz-border-radius-topright: 9px;
-webkit-border-top-right-radius: 9px;
border-top-right-radius: 9px;
perspective: 500px;
-moz-border-radius-bottomright: 9px;
-webkit-border-bottom-right-radius: 9px;
border-bottom-right-radius: 9px;
}
/* line 24, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fixed-search.css.scss.erb */
.fixedSearch .toggleControl {
display: block;
float: right;
}
/* line 29, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fixed-search.css.scss.erb */
.fixedSearch .toggleControl a.showControl {
display: block;
padding: 20px 0px;
}
/* line 34, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fixed-search.css.scss.erb */
.fixedSearch .toggleControl .hideControl {
display: none;
}
/* line 38, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fixed-search.css.scss.erb */
.fixedSearch.toggled .toggleControl .hideControl {
display: inline-block;
}
/* line 42, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fixed-search.css.scss.erb */
.fixedSearch.toggled .toggleControl .showControl {
display: none;
}
/* line 46, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fixed-search.css.scss.erb */
.fixedSearch .advancedLink {
font-size: 0.75rem;
text-transform: uppercase;
text-decoration: none;
color: #FFFFFF;
line-height: 1rem;
}
/* line 53, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fixed-search.css.scss.erb */
.fixedSearch .advancedLink:visited {
color: #FFFFFF;
text-decoration: none;
}
/* line 58, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fixed-search.css.scss.erb */
.fixedSearch .advancedLink:hover {
color: #FFFFFF;
text-decoration: underline;
}
/* line 63, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fixed-search.css.scss.erb */
.fixedSearch .advancedLink:active {
color: #FFFFFF;
text-decoration: underline;
}
/***** Fonts ******/
/***** Colors *****/
/* Was Kinetic Dark Grey #6C6463 */
/* was Kinetic Dark Grey #6C6463 */
/* Kinetic Medium Blue */
/*#E8E8E8;*/
/* Explicit Kinetic Color Definitions */
/* typographic scale */
/* z-index management */
/************* Star Rating Widget *************/
/* line 6, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/star-rating.css.scss.erb */
.starRating {
display: inline-block;
width: 98px;
height: 16px;
background-image: url(icons/icon-stars-sprite.png);
background-repeat: no-repeat;
text-indent: -9999px;
line-height: 18px;
}
/* line 16, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/star-rating.css.scss.erb */
.starRating.stars0 {
background-position: -100px 0px;
}
/* line 20, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/star-rating.css.scss.erb */
.starRating.stars1 {
background-position: -80px 0px;
}
/* line 24, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/star-rating.css.scss.erb */
.starRating.stars2 {
background-position: -60px 0px;
}
/* line 28, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/star-rating.css.scss.erb */
.starRating.stars3 {
background-position: -40px 0px;
}
/* line 32, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/star-rating.css.scss.erb */
.starRating.stars4 {
background-position: -20px 0px;
}
/* line 36, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/star-rating.css.scss.erb */
.starRating.stars5 {
background-position: 0px 0px;
}
/* High resolution screen support */
@media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 4 / 2), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
/* line 48, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/star-rating.css.scss.erb */
.starRating {
background-image: url(icons/icon-stars-sprite@2x.png);
background-repeat: no-repeat;
background-size: 197px 16px;
}
}
/***** Fonts ******/
/***** Colors *****/
/* Was Kinetic Dark Grey #6C6463 */
/* was Kinetic Dark Grey #6C6463 */
/* Kinetic Medium Blue */
/*#E8E8E8;*/
/* Explicit Kinetic Color Definitions */
/* typographic scale */
/* z-index management */
/****************** Draggable *****************/
/* line 5, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/draggable.css.scss.erb */
.draggable {
position: absolute;
width: auto;
background-color: #FDFBCE;
border: solid 1px #E8E8E8;
padding: 0.375rem;
color: #404040;
z-index: 9999;
opacity: 0.85;
pointer-events: none;
}
/* line 18, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/draggable.css.scss.erb */
.draggableCursor {
cursor: url(ui/closedhand.cur), move !important;
/* for IE */
cursor: -webkit-grabbing !important;
cursor: -moz-grabbing !important;
cursor: grabbing !important;
/* Using !important to force cascade to all elements.
Do not use this class as a parmanent application
of style, but for transient scenarios, like while
the mpouse is down. */
}
/* line 29, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/draggable.css.scss.erb */
.unselectable {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* line 37, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/draggable.css.scss.erb */
.insertionCaret {
pointer-events: none;
position: absolute;
width: 1px;
height: 1px;
margin-left: -7px;
border-top: solid 7px #000000;
border-left: solid 7px transparent;
border-right: solid 7px transparent;
border-bottom: solid 7px #000000;
background-image: url(ui/vline-black.png);
background-repeat: repeat-y;
}
/* line 51, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/draggable.css.scss.erb */
.dropDelete {
text-align: center;
margin-bottom: 0.75rem;
border: solid 1px #E8E8E8;
font-size: 0.75rem;
text-transform: uppercase;
font-weight: 400;
padding: 0.375rem;
opacity: 0;
transition: opacity 0.1s ease, background-color 0.1s ease, border-color 0.1s ease;
background-color: #F5F5F5;
}
/* line 64, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/draggable.css.scss.erb */
.dropDelete.visible {
opacity: 1;
}
/* line 68, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/draggable.css.scss.erb */
.dropDelete.hovering,
.dropDelete.dndDragover {
border-color: #DB1717;
color: #DB1717;
background-color: #fef3f3;
}
/***** Fonts ******/
/***** Colors *****/
/* Was Kinetic Dark Grey #6C6463 */
/* was Kinetic Dark Grey #6C6463 */
/* Kinetic Medium Blue */
/*#E8E8E8;*/
/* Explicit Kinetic Color Definitions */
/* typographic scale */
/* z-index management */
/*************** Note Container *****************/
/* line 5, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/note-container.css.scss.erb */
.noteContainer .noteDisplayMode,
.noteContainer .noteEditMode {
margin-bottom: 0.75rem;
}
/* line 10, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/note-container.css.scss.erb */
.noteContainer h6 {
letter-spacing: 0px;
font-size: 0.75rem;
}
/* line 15, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/note-container.css.scss.erb */
.noteContainer .noteDisplayMode {
cursor: pointer;
}
/* line 19, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/note-container.css.scss.erb */
.noteContainer .noteDisplayMode:after {
content: "Click to edit";
width: 16px;
height: 16px;
text-indent: -9999px;
display: inline-block;
font-size: 0.75rem;
color: #00A9CE;
background-image: url(icons/icon-edit.png);
background-repeat: no-repeat;
margin-left: 4px;
vertical-align: middle;
margin-bottom: 3px;
}
/* line 34, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/note-container.css.scss.erb */
.noteContainer .noteEditMode {
text-align: center;
}
/* line 38, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/note-container.css.scss.erb */
.noteContainer .noteEditMode textArea {
width: 100%;
margin-bottom: 0.375rem;
}
/* line 43, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/note-container.css.scss.erb */
.noteContainer .noteEditMode button {
margin-top: 0px;
margin-bottom: 0px;
}
/*************** Hi-res imagery ***************/
@media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 4 / 2), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
/* line 58, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/note-container.css.scss.erb */
.noteContainer .noteDisplayMode:after {
background-image: url(icons/icon-edit@2x.png);
background-repeat: no-repeat;
background-size: 16px 16px;
}
}
/***** Fonts ******/
/***** Colors *****/
/* Was Kinetic Dark Grey #6C6463 */
/* was Kinetic Dark Grey #6C6463 */
/* Kinetic Medium Blue */
/*#E8E8E8;*/
/* Explicit Kinetic Color Definitions */
/* typographic scale */
/* z-index management */
/*************************** Creative Tile *****************************/
/* line 5, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile {
width: 288px;
/* make sure to adjust width of .blankTile class below to match */
height: 370px;
background-color: #F6F5F3;
background-repeat: no-repeat;
background-position: 12px 12px;
padding: 12px;
padding-top: 10px;
position: relative;
position: relative;
display: inline-block;
}
/* line 18, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile.withNameInputField {
height: 382px;
}
/* line 22, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
.blankTile {
width: 288px;
margin-bottom: 0px;
}
/* line 28, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile:hover {
background-color: #E9F6FA;
}
/* line 32, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile[channel=facebook],
creative-tile[type^=fb_] {
background-image: url(icons/channels/fb_xsm.png);
}
/* line 37, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile[channel=twitter],
creative-tile[type^=tw_] {
background-image: url(icons/channels/tw_xsm.png);
}
/* line 42, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile[channel=pinterest],
creative-tile[type^=pi_] {
background-image: url(icons/channels/pin_xsm.png);
}
/* line 47, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile[channel=instagram],
creative-tile[type^=ig_] {
background-image: url(icons/channels/inst_xsm.png);
}
/* line 52, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile[channel=snapchat]:after,
creative-tile[type^=sc_]:after {
content: "";
position: absolute;
display: block;
width: 20px;
height: 20px;
top: 12px;
left: 12px;
background-image: url(icons/channels/channel-icon-sprite_sc.png);
background-position: -244px -74px;
}
/* line 65, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile.noChannelIcon {
background-image: none;
}
/* line 69, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile .iconStrip {
padding-left: 28px;
height: 24px;
margin-bottom: 8px;
}
/* line 75, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile.noChannelIcon .iconStrip {
padding-left: 0;
}
/* line 79, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile .iconStrip > span {
margin-right: 2px;
display: inline-block;
}
/* line 84, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile .iconStrip > span:last-of-type {
margin-right: 0px;
}
/* line 88, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile .iconStrip .promoted {
background-image: url(icons/icon-dollar-sign.png);
background-repeat: no-repeat;
background-position: 0px 4px;
width: 8px;
height: 24px;
}
/* line 96, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile .iconStrip .scheduled {
background-image: url(icons/icon-calendar.png);
background-repeat: no-repeat;
background-position: 0px 3px;
width: 18px;
height: 24px;
}
/* line 104, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile .iconStrip .tagged {
width: 16px;
height: 24px;
position: relative;
}
/* line 111, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile .iconStrip .tagged:before {
font-family: "KSP-Icons";
font-size: 16px;
content: "\e652";
display: block;
position: absolute;
top: 0px;
left: 0px;
color: #898989;
}
/* line 124, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile .iconStrip .visibility {
width: 24px;
height: 24px;
}
/* line 129, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile .iconStrip .visibility.published {
background-image: url(icons/icon-visible.png);
}
/* line 133, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile .iconStrip .visibility.unpublished {
background-image: url(icons/icon-invisible.png);
}
/* line 138, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile .creativeID {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* line 144, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile .creativeStats {
font-size: 0.75rem;
line-height: 1rem;
text-transform: uppercase;
margin-bottom: 0px;
}
/* line 151, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile .creativeStats dt,
creative-tile .creativeStats dd {
line-height: 1rem;
}
/* line 156, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile .creativePreviewMatte {
overflow: hidden;
margin-bottom: 11px;
background-color: #ebe9e4;
padding: 3px;
border-radius: 3px;
clear: both;
position: relative;
}
/* line 168, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile:hover .creativePreviewMatte {
background-color: #d4eef5;
}
/* line 173, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile .creativePreviewContainer {
height: 250px;
cursor: url(ui/zoom-in.cur), pointer;
cursor: -moz-zoom-in;
cursor: -webkit-zoom-in;
cursor: zoom-in;
transition: opacity 1s, filter 1s;
}
/* line 181, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile.statusPaused .creativePreviewContainer {
opacity: 0.5;
filter: grayscale(100%);
}
/* line 186, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile .creativePreviewMatte .pausedIndicator {
position: absolute;
width: 100%;
color: #FFF;
text-align: center;
top: 110px;
left: 0px;
font-weight: 700;
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
pointer-events: none;
}
/* line 198, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile .creativePreviewMatte .pausedIndicator .icon {
color: #FFF;
bottom: -2px;
height: 13px;
}
/* line 204, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile .creativePreviewMatte .pausedIndicator .icon:before {
text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
}
/* line 208, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile .creativePreviewContainer a {
pointer-events: none;
}
/* line 212, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile .servingIndicator {
line-height: 1.5rem;
display: block;
white-space: nowrap;
font-size: 14px;
text-transform: uppercase;
height: 24px;
color: #FFFFFF;
font-weight: 700;
border-radius: 14px;
border-bottom: solid 1px #3f6222;
background-color: #6FAE3C;
padding-right: 10px;
padding-left: 6px;
position: absolute;
top: 9px;
right: 12px;
}
/* line 231, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile .servingIndicator:before {
content: "\e60d";
font-family: "KSP-Icons";
font-size: 16px;
display: inline-block;
margin-right: 5px;
vertical-align: middle;
margin-top: -2px;
}
/* line 241, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile .rejectedIndicator {
line-height: 1.5rem;
display: block;
white-space: nowrap;
font-size: 14px;
text-transform: uppercase;
height: 24px;
color: #FFFFFF;
font-weight: 700;
border-radius: 14px;
border-bottom: solid 1px #7f0d0d;
background-color: #DB1717;
padding-right: 10px;
padding-left: 8px;
position: absolute;
top: 10px;
left: 94px;
}
/* line 260, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile .rejectedIndicator:before {
content: "\e60e";
font-family: "KSP-Icons";
font-size: 12px;
display: inline-block;
margin-right: 5px;
}
/* line 268, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile .errorIndicator {
line-height: 1.5rem;
display: block;
white-space: nowrap;
font-size: 14px;
text-transform: uppercase;
height: 24px;
color: #FFFFFF;
font-weight: 700;
border-radius: 14px;
border-bottom: solid 1px #7f0d0d;
background-color: #DB1717;
padding-right: 10px;
padding-left: 8px;
position: absolute;
top: 10px;
left: 50%;
transform: translateX(-50%);
}
/* line 287, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile .errorIndicator:before {
content: "\e60e";
font-family: "KSP-Icons";
font-size: 12px;
display: inline-block;
margin-right: 5px;
}
/* line 295, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile .reviewIndicator {
line-height: 1.5rem;
display: block;
white-space: nowrap;
font-size: 14px;
text-transform: uppercase;
height: 24px;
color: #FFFFFF;
font-weight: 700;
border-radius: 14px;
border-bottom: solid 1px #389fc4;
background-color: #86c5dc;
padding-right: 10px;
padding-left: 10px;
position: absolute;
top: 9px;
right: 12px;
}
/* line 314, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile .actions {
display: block;
opacity: 0;
text-align: left;
-ms-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2;
position: absolute;
right: 12px;
bottom: 10px;
}
/* line 327, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile:hover .actions {
opacity: 1;
}
/* line 331, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile .actions.review,
creative-tile .actions.rejected {
width: 100%;
right: initial;
left: 0px;
text-align: center;
}
/* line 339, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile .actions.review button,
creative-tile .actions.review .button,
creative-tile .actions.rejected button,
creative-tile .actions.rejected .button {
margin-right: 2rem;
}
/* line 346, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile .actions.review button:last-child,
creative-tile .actions.review .button:last-child,
creative-tile .actions.rejected button:last-child,
creative-tile .actions.rejected .button:last-child {
margin-right: 0;
}
/*creative-tile .actions button.destructiveAction {
float: right;
}
*/
/* line 358, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile .removeButton {
opacity: 0;
position: absolute;
top: 6px;
right: 6px;
-ms-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2;
}
/* line 370, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile:hover .removeButton {
opacity: 1;
}
/* selectable modifier */
/* line 376, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile.selectable {
background-position: 36px 12px;
cursor: pointer;
border: solid 0px #00A9CE;
}
/* line 384, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile.selectable:before {
content: " ";
position: absolute;
display: block;
width: 16px;
height: 16px;
top: 14px;
left: 12px;
background-image: url(forms/check-radio-sprite.png);
background-position: 0px 0px;
}
/* line 396, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile[channel=snapchat].selectable:after,
creative-tile[type^=sc_].selectable:after {
left: 36px;
}
/* line 401, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile[channel=snapchat].selectable.selected:after,
creative-tile[type^=sc_].selectable.selected:after {
left: 33px;
top: 9px;
}
/* line 408, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile.selectable .iconStrip {
padding-left: 52px;
}
/* line 412, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile.selectable.selected {
padding: 9px;
padding-top: 7px;
border: solid 3px #00A9CE;
background-position: 33px 9px;
background-color: #D5EBF3;
}
/* line 420, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile.selectable.selected:hover {
background-color: #d7ecf4;
}
/* line 424, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile.selectable.selected:before {
background-position: 0px -20px;
top: 11px;
left: 9px;
}
/* line 430, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile.selectable.selected .actions {
right: 9px;
bottom: 7px;
}
/* line 435, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile.selectable.selected .servingIndicator {
right: 9px;
top: 6px;
}
/* line 441, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile.selectable .activityStatus {
margin-left: 48px;
}
/* line 445, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile.selectable.selected .creativePreviewMatte,
creative-tile.selectable.selected:hover .creativePreviewMatte {
background-color: #add8e8;
}
/* line 450, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile.selectable.selected .removeButton {
top: 3px;
right: 3px;
}
/* line 455, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
.creativeTileHoverPreview {
position: absolute;
top: 0px;
left: 0px;
pointer-events: none;
background-color: #d4eef5;
padding: 12px;
z-index: 4000;
-webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.35);
-moz-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.35);
box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.35);
}
/* line 471, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
small-creative-tile .creativePreviewContainer {
position: relative;
}
/* line 475, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
small-creative-tile .creativePreviewContainer .creativePreviewContainerMask {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: url(ui/zoom-in.cur), pointer;
cursor: -moz-zoom-in;
cursor: -webkit-zoom-in;
cursor: zoom-in;
}
/************** Locked Creative ***************/
/* line 489, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile[locked=true],
creative-tile.locked {
background-color: #FFE3E3;
}
/* line 494, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile[locked=true] .creativePreviewMatte,
creative-tile.locked .creativePreviewMatte {
background-color: #FFCDCD;
}
/* line 499, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile[locked=true]:hover,
creative-tile.locked:hover {
background-color: #ffd8d8;
}
/* line 504, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile[locked=true]:hover .creativePreviewMatte,
creative-tile.locked:hover .creativePreviewMatte {
background-color: #fcbfbf;
}
/* line 511, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile .lockIndicator {
display: block;
position: absolute;
top: 10px;
right: 12px;
color: #DB1717;
font-weight: 400;
}
/* line 520, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile .lockIndicator .icon.iconLocked {
top: -1px;
}
/************** Rejected / Error Creative *************/
/* line 527, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile[rejected=true],
creative-tile.rejected {
background-color: #FFE3E3;
}
/* line 532, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile[rejected=true] .creativePreviewMatte,
creative-tile.rejected .creativePreviewMatte {
background-color: #FFCDCD;
}
/* line 537, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile[rejected=true]:hover,
creative-tile.rejected:hover {
background-color: #ffd8d8;
}
/* line 542, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile[rejected=true]:hover .creativePreviewMatte,
creative-tile.rejected:hover .creativePreviewMatte {
background-color: #fcbfbf;
}
/* line 548, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile[error=true],
creative-tile.error {
background-color: #FFE3E3;
}
/* line 553, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile[error=true] .creativePreviewMatte,
creative-tile.error .creativePreviewMatte {
background-color: #FFCDCD;
}
/* line 558, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile[error=true]:hover,
creative-tile.error:hover {
background-color: #ffd8d8;
}
/* line 563, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile[error=true]:hover .creativePreviewMatte,
creative-tile.error:hover .creativePreviewMatte {
background-color: #fcbfbf;
}
/******************* Compact ******************/
/* line 571, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile.compact {
width: 150px;
/*height: 184px;*/
height: auto;
padding: 8px;
padding-top: 24px;
background-image: none;
position: relative;
}
/* line 581, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile.compact.noChannelIcon {
padding-top: 8px;
/*height: 168px;*/
}
/* line 586, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile.compact:not(.noChannelIcon):after {
content: "";
background-position: -266px -74px;
width: 12px;
height: 12px;
position: absolute;
top: 8px;
left: 8px;
}
/* line 596, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile[channel=facebook].compact:after,
creative-tile[type=fb_post].compact:after {
background-image: url(icons/channels/channel-icon-sprite_fb.png);
}
/* line 601, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile[channel=twitter].compact:after,
creative-tile[type=tw_status].compact:after {
background-image: url(icons/channels/channel-icon-sprite_tw.png);
}
/* line 606, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile[channel=pinterest].compact:after,
creative-tile[type=pi_pin].compact:after {
background-image: url(icons/channels/channel-icon-sprite_pi.png);
}
/* line 612, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile.compact .iconStrip {
display: none;
}
/* line 616, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile.compact .creativePreviewMatte {
margin-bottom: 4px;
}
/* line 620, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile.compact .creativePreviewMatte .creativePreviewContainer {
height: 128px;
}
/* line 624, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile.compact dl.creativeStats {
overflow: hidden;
min-height: 2rem;
}
/* line 629, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile.compact dl.creativeStats dt {
display: none;
}
/* line 633, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile.compact dl.creativeStats dd {
white-space: nowrap;
text-transform: none;
}
/* line 639, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
.blankTile.compact {
width: 150px;
}
/* line 643, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile.compact[rejected=true] .rejectedIndicator,
creative-tile.compact.rejected .rejectedIndicator {
z-index: 1;
left: 32px;
top: 5px;
font-size: 11px;
line-height: 15px;
height: 16px;
}
/* line 653, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile.compact[rejected=true] .rejectedIndicator:before,
creative-tile.compact.rejected .rejectedIndicator:before {
position: relative;
font-size: 11px;
}
/* line 659, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile.compact[locked=true] .lockIndicator,
creative-tile.compact.locked .lockIndicator {
z-index: 1;
width: 16px;
overflow: hidden;
white-space: nowrap;
top: 0px;
right: 3px;
}
/* line 669, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile.compact .errorIndicator {
z-index: 1;
top: 5px;
font-size: 11px;
line-height: 15px;
height: 16px;
}
/*************** Hi-res imagery ***************/
@media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 4 / 2), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
/* line 687, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile[channel=facebook],
creative-tile[type=fb_post] {
background-image: url(icons/channels/fb_xsm@2x.png);
background-repeat: no-repeat;
background-size: 20px 20px;
}
/* line 694, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile[channel=twitter],
creative-tile[type=tw_status] {
background-image: url(icons/channels/tw_xsm@2x.png);
background-repeat: no-repeat;
background-size: 20px 20px;
}
/* line 701, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile[channel=pinterest],
creative-tile[type=pi_pin] {
background-image: url(icons/channels/pin_xsm@2x.png);
background-repeat: no-repeat;
background-size: 20px 20px;
}
/* line 708, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile[channel=instagram],
creative-tile[type=ig_post] {
background-image: url(icons/channels/inst_xsm@2x.png);
background-repeat: no-repeat;
background-size: 20px 20px;
}
/* line 715, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile[channel=snapchat]:after,
creative-tile[type^=sc_]:after {
background-size: 158px 73px;
background-position: -98px -49px;
}
/* line 722, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile.noChannelIcon {
background-image: none;
}
/* line 726, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile.compact {
background-image: none;
}
/* line 730, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile.compact:not(.noChannelIcon):after {
background-size: 158px 73px;
background-position: -138px -49px;
}
/* line 737, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile.selectable:before {
background-image: url(forms/check-radio-sprite@2x.png);
background-repeat: no-repeat;
background-size: 36px 76px;
}
/* line 743, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile .iconStrip .promoted {
background-image: url(icons/icon-dollar-sign@2x.png);
background-repeat: no-repeat;
background-size: 8px 15px;
}
/* line 749, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile .iconStrip .scheduled {
background-image: url(icons/icon-calendar@2x.png);
background-repeat: no-repeat;
background-size: 25px 18px;
}
/* line 755, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile .iconStrip .visibility.published {
background-image: url(icons/icon-visible@2x.png);
background-repeat: no-repeat;
background-size: 24px 24px;
}
/* line 761, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-tile .iconStrip .visibility.unpublished {
background-image: url(icons/icon-invisible@2x.png);
background-repeat: no-repeat;
background-size: 24px 24px;
}
/* line 767, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-tile.css.scss.erb */
creative-details .previewContainer .dockToggle:before {
background-image: url(ui/lr-control-sprite@2x.png);
background-size: 17px 13px;
}
}
/***** Fonts ******/
/***** Colors *****/
/* Was Kinetic Dark Grey #6C6463 */
/* was Kinetic Dark Grey #6C6463 */
/* Kinetic Medium Blue */
/*#E8E8E8;*/
/* Explicit Kinetic Color Definitions */
/* typographic scale */
/* z-index management */
/************ FB Interest Bucket Selection ************/
/* line 5, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/interest-buckets.css.scss.erb */
.ngdialog.bucketSelector .ngdialog-content > .ngDialogContentContainer {
padding: 0;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
}
/* line 12, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/interest-buckets.css.scss.erb */
.bucketSelector .searchContainer {
padding: 10px;
border-bottom: solid 1px #D6D2C4;
flex-shrink: 0;
}
/* line 18, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/interest-buckets.css.scss.erb */
.bucketSelector .searchContainer input[type=text].searchField.stretch {
width: calc(100% - 24px);
}
/* line 22, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/interest-buckets.css.scss.erb */
.bucketSelector .searchContainer tooltip {
float: right;
margin-top: 10px;
}
/* line 27, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/interest-buckets.css.scss.erb */
.bucketSelector .interestBucketGrid {
height: 0;
flex-grow: 1;
padding: 5px;
background-color: #F6F5F3;
/*
Flex container disabled in favour of using a Masonry Layout
*/
/* display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-content: flex-start;
align-items: flex-start; */
overflow-y: auto;
}
/********** Interest Bucket Selection JQueryUI *************/
/* line 47, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/interest-buckets.css.scss.erb */
.jquiInterestBucketGrid {
display: block;
}
/* line 51, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/interest-buckets.css.scss.erb */
.jquiInterestBucketGrid .searchContainer {
padding-left: 0rem;
padding-right: 0rem;
padding-top: 0.1875rem;
}
/* line 57, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/interest-buckets.css.scss.erb */
.jquiInterestBucketGrid .searchContainer .searchTooltip {
display: inline-block;
vertical-align: bottom;
margin-bottom: 0.625rem;
}
/* line 63, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/interest-buckets.css.scss.erb */
.jquiInterestBucketGrid .interestBucketGridOuterContainer {
position: relative;
min-height: 80px;
}
/* line 68, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/interest-buckets.css.scss.erb */
.jquiInterestBucketGrid .interestBucketGridOuterContainer .waitIcon.cover {
display: none;
}
/* line 72, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/interest-buckets.css.scss.erb */
.jquiInterestBucketGrid .interestBucketGridOuterContainer.searchingBuckets .waitIcon.cover {
display: block;
}
/* line 76, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/interest-buckets.css.scss.erb */
.jquiInterestBucketGrid .interestBucketGridOuterContainer .waitIcon.loadingBuckets {
display: none;
}
/* line 80, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/interest-buckets.css.scss.erb */
.jquiInterestBucketGrid .interestBucketGridOuterContainer.loadingBuckets .waitIcon.loadingBuckets {
display: block;
}
/* line 84, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/interest-buckets.css.scss.erb */
.jquiInterestBucketGrid.bucketSelector .interestBucketGrid {
overflow: initial;
}
/********** Interest Bucket Tile *************/
/* line 91, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/interest-buckets.css.scss.erb */
interest-bucket-tile,
.interestBucketTile {
width: 300px;
background-color: #FFFFFF;
border: solid 1px #D6D2C4;
padding: 10px;
margin: 5px;
}
/* line 100, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/interest-buckets.css.scss.erb */
interest-bucket-tile h6,
.interestBucketTile h6 {
font-weight: 400;
text-transform: none;
letter-spacing: 0px;
margin-bottom: 0.375rem;
}
/* Selectable Modifier */
/* line 110, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/interest-buckets.css.scss.erb */
interest-bucket-tile.selectable,
.interestBucketTile.selectable {
position: relative;
cursor: pointer;
}
/* line 116, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/interest-buckets.css.scss.erb */
interest-bucket-tile.selectable:before,
.interestBucketTile.selectable:before {
content: "";
position: absolute;
top: 15px;
left: 10px;
width: 16px;
height: 16px;
background-image: url(forms/check-radio-sprite.png);
background-position: 0px 0px;
}
/* line 129, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/interest-buckets.css.scss.erb */
interest-bucket-tile.selectable:hover,
.interestBucketTile.selectable:hover {
background-color: #E9F6FA;
border-color: #00A9CE;
/* #a7c7d0; */
}
/* line 135, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/interest-buckets.css.scss.erb */
interest-bucket-tile.selectable.selected,
.interestBucketTile.selectable.selected {
background-color: #D5EBF3;
border: solid 2px #00A9CE;
/* #92c0d1; */
padding: 9px;
}
/* line 142, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/interest-buckets.css.scss.erb */
interest-bucket-tile.selectable.selected:before,
.interestBucketTile.selectable.selected:before {
top: 14px;
left: 9px;
background-position: 0px -20px;
}
/* line 149, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/interest-buckets.css.scss.erb */
interest-bucket-tile.selectable h6,
.interestBucketTile.selectable h6 {
margin-left: 24px;
}
/* selectable, without check box */
/* line 156, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/interest-buckets.css.scss.erb */
interest-bucket-tile.selectable.noCheckBox:before,
.interestBucketTile.selectable.noCheckBox:before {
content: none;
}
/* line 161, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/interest-buckets.css.scss.erb */
interest-bucket-tile.selectable.noCheckBox h6,
.interestBucketTile.selectable.noCheckBox h6 {
margin-left: 0px;
}
/*************** Hi-res imagery ***************/
@media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 4 / 2), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
/* line 177, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/interest-buckets.css.scss.erb */
interest-bucket-tile.selectable:before,
.interestBucketTile.selectable:before {
background-image: url(forms/check-radio-sprite@2x.png);
background-repeat: no-repeat;
background-size: 36px 76px;
}
}
/***** Fonts ******/
/***** Colors *****/
/* Was Kinetic Dark Grey #6C6463 */
/* was Kinetic Dark Grey #6C6463 */
/* Kinetic Medium Blue */
/*#E8E8E8;*/
/* Explicit Kinetic Color Definitions */
/* typographic scale */
/* z-index management */
/************ Creative Composer Overlay ***************/
/* line 5, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-composer.css.scss.erb */
.creativeComposerOverlay .ngdialog {
-webkit-align-content: stretch;
align-content: stretch;
-webkit-justify-content: stretch;
justify-content: stretch;
}
/* line 14, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-composer.css.scss.erb */
.creativeComposerOverlay .ngdialog-content {
-webkit-flex-grow: 1;
flex-grow: 1;
margin: 1.5rem;
min-width: none;
max-width: none;
min-height: none;
max-height: none;
}
/* line 26, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-composer.css.scss.erb */
.creativeComposerOverlay.twTweet .ngdialog-content {
max-height: 800px;
}
/* line 30, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-composer.css.scss.erb */
.creativeComposerOverlay.piPin .ngdialog-content {
/*max-width: 600px;*/
}
/* line 34, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-composer.css.scss.erb */
.creativeComposerOverlay .ngdialog-content .ngDialogContentContainer {
overflow-y: hidden;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-content: stretch;
align-content: stretch;
padding: 0px;
}
/* line 51, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-composer.css.scss.erb */
.creativeComposerOverlay .ngdialog-content .ngDialogContentContainer > .formContainer {
-webkit-flex-grow: 1;
flex-grow: 1;
padding: 0;
/*0.75rem;*/
width: 0;
border-right: solid 1px #E8E8E8;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: stretch;
justify-content: stretch;
}
/* line 71, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-composer.css.scss.erb */
.creativeComposer > .formContainer {
-webkit-flex-grow: 1;
flex-grow: 1;
padding: 0;
/*0.75rem;*/
width: 0;
border-right: solid 1px #E8E8E8;
}
/* line 80, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-composer.css.scss.erb */
.creativeComposerOverlay .ngdialog-content .ngDialogContentContainer > .formContainer .fixedOptions,
.creativeComposer > .formContainer .topOptions {
padding: 0.75rem 1.125rem;
border-bottom: solid 1px #E8E8E8;
}
/* line 88, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-composer.css.scss.erb */
.creativeComposerOverlay .ngdialog-content .ngDialogContentContainer > .formContainer .scrollingOptions {
-webkit-flex-grow: 1;
flex-grow: 1;
height: 0;
padding: 1.125rem;
overflow: auto;
}
/* line 96, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-composer.css.scss.erb */
.creativeComposer > .formContainer .bottomOptions {
padding: 1.125rem;
}
/* line 101, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-composer.css.scss.erb */
.creativeComposerOverlay .ngdialog-content .ngDialogContentContainer > .previewContainer,
.creativeComposer > .previewContainer {
width: 400px;
overflow: auto;
padding-right: 0rem;
background-color: #f6f5f3;
/* #F6F7F8; */
padding: 12px;
}
/* line 110, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-composer.css.scss.erb */
.creativeComposerOverlay.fbPost .ngdialog-content .ngDialogContentContainer > .previewContainer {
width: 536px;
}
/* line 114, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-composer.css.scss.erb */
.creativeComposer.fbPost > .previewContainer {
width: 522px;
}
/* line 118, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-composer.css.scss.erb */
.creativeComposerOverlay.twTweet .ngdialog-content .ngDialogContentContainer > .previewContainer {
width: 620px;
}
/* line 122, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-composer.css.scss.erb */
.creativeComposer.twTweet > .previewContainer {
width: 616px;
}
/* line 126, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-composer.css.scss.erb */
.creativeComposerOverlay.inPost .ngdialog-content .ngDialogContentContainer > .previewContainer {
width: 340px;
}
/* line 130, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-composer.css.scss.erb */
.creativeComposer.inPost > .previewContainer {
width: 320px;
}
/* line 134, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-composer.css.scss.erb */
.creativeComposerOverlay.piPin .ngdialog-content .ngDialogContentContainer > .previewContainer {
width: 276px;
}
/* line 138, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-composer.css.scss.erb */
.creativeComposer.piPin > .previewContainer {
width: 262px;
}
/* line 142, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-composer.css.scss.erb */
.creativeComposerOverlay.instagramPost .ngdialog-content .ngDialogContentContainer > .previewContainer {
width: 340px;
}
/* line 146, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-composer.css.scss.erb */
.creativeComposerOverlay.scSnapAd .ngdialog-content .ngDialogContentContainer > .previewContainer {
width: 384px;
}
/* line 150, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-composer.css.scss.erb */
.creativeComposer.scSnapAd > .previewContainer {
width: 364;
}
/* line 155, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/creative-composer.css.scss.erb */
.creativeComposerOverlay .ngdialog-content .ngDialogContentContainer > .previewContainer > h5:first-child,
.creativeComposer > .previewContainer > h5:first-child {
margin-top: 0.5rem;
margin-bottom: 1.125rem;
}
/***** Fonts ******/
/***** Colors *****/
/* Was Kinetic Dark Grey #6C6463 */
/* was Kinetic Dark Grey #6C6463 */
/* Kinetic Medium Blue */
/*#E8E8E8;*/
/* Explicit Kinetic Color Definitions */
/* typographic scale */
/* z-index management */
/* Facebook Schedule Selector */
/* line 5, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-schedule-selector.css.scss.erb */
.scheduleSelector {
width: 64.75rem;
position: relative;
margin-bottom: 1.5rem;
}
/* line 11, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-schedule-selector.css.scss.erb */
.scheduleSelector ul {
display: inline-block;
margin-bottom: 0;
}
/* line 16, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-schedule-selector.css.scss.erb */
.scheduleSelector > ul {
display: block;
}
/* line 20, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-schedule-selector.css.scss.erb */
.scheduleSelector li {
max-width: none;
}
/* line 24, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-schedule-selector.css.scss.erb */
.scheduleSelector > ul > li {
padding: 0.375rem;
border-bottom: solid 1px #E8E8E8;
/*margin-bottom: 0.375rem;*/
}
/* line 30, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-schedule-selector.css.scss.erb */
.scheduleSelector > ul > li:last-child {
border-bottom: none;
margin-bottom: 0;
}
/* line 35, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-schedule-selector.css.scss.erb */
.scheduleSelector ul li {
white-space: nowrap;
}
/* line 39, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-schedule-selector.css.scss.erb */
.scheduleSelector ul li ul li {
display: inline-block;
width: 2rem;
background-color: #F4F2EA;
border: solid 1px #D6D2C4;
text-align: center;
margin-right: 0.375rem;
border-radius: 3px;
color: #404040;
font-weight: 400;
cursor: pointer;
padding: 1px;
}
/* line 53, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-schedule-selector.css.scss.erb */
.scheduleSelector .dayLabel {
display: inline-block;
width: 7rem;
}
/* line 58, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-schedule-selector.css.scss.erb */
.scheduleSelector ul li ul li:hover {
background-color: #E9F6FA;
}
/* line 62, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-schedule-selector.css.scss.erb */
.scheduleSelector ul li ul li.selected,
.scheduleSelector ul li ul li.selected:hover {
background-color: #D5EBF3;
border: solid 2px #00A9CE;
padding: 0px;
}
/* line 71, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-schedule-selector.css.scss.erb */
.scheduleSelector ul li ul li.selected:active {
background-color: #00A9CE;
border: solid 2px #00A9CE;
padding: 0px;
color: #FFFFFF;
}
/* line 77, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-schedule-selector.css.scss.erb */
.scheduleSelector ul li ul li:active {
background-color: #FFFFFF;
color: #404040;
border: solid 1px #D6D2C4;
padding: 1px;
}
/* line 84, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-schedule-selector.css.scss.erb */
.scheduleSelector .globalControls {
text-align: right;
padding: 0.375rem;
}
/* line 89, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-schedule-selector.css.scss.erb */
.scheduleSelector .globalControls a {
margin-left: 0.75rem;
}
/* line 93, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-schedule-selector.css.scss.erb */
.scheduleSelector .globalControls a:first-child {
margin-left: 0;
}
/* line 97, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-schedule-selector.css.scss.erb */
.scheduleSelector .lasso {
position: absolute;
border: dotted 1px #000000;
}
/* line 102, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-schedule-selector.css.scss.erb */
.disabledPeriods {
width: 64.75rem;
padding: 0.75rem;
border: solid 1px #E8E8E8;
margin-bottom: 1.5rem;
}
/***** Fonts ******/
/***** Colors *****/
/* Was Kinetic Dark Grey #6C6463 */
/* was Kinetic Dark Grey #6C6463 */
/* Kinetic Medium Blue */
/*#E8E8E8;*/
/* Explicit Kinetic Color Definitions */
/* typographic scale */
/* z-index management */
/*********** Facebook Post Preview ************/
/* line 5, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview {
font-family: helvetica, arial, 'lucida grande', sans-serif;
font-weight: normal;
font-size: 12px;
color: #222222;
position: relative;
width: auto;
margin-bottom: 0px;
overflow: hidden;
text-align: left;
word-spacing: 0;
/* Fix yet another chrome rendering bug...
animating fadeout wasn't working properly.
This inexplicably fixes it. */
backface-visibility: hidden;
}
/* line 23, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview .matte {
width: auto;
display: inline-block;
}
/* line 28, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview .postContainer {
background-color: #FFFFFF;
border: solid 1px #DFE0E4;
padding: 12px;
position: relative;
}
/* line 36, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview .fbButton {
border-style: solid;
border-width: 1px;
border-color: #cccccc #c5c6c8 #b6b7b9;
color: #4e5665;
text-shadow: 0 1px 0 #fff;
padding: 0 8px;
background-color: #f6f7f8;
background: -moz-linear-gradient(90deg, white 0%, #f6f7f8 100%);
background: -webkit-linear-gradient(90deg, white 0%, #f6f7f8 100%);
background: -ms-linear-gradient(90deg, white 0%, #f6f7f8 100%);
background: linear-gradient(180deg, white 0%, #f6f7f8 100%);
-webkit-box-shadow: rgba(0, 0, 0, 0.04706) 0px 1px 1px 0px;
-moz-box-shadow: rgba(0, 0, 0, 0.04706) 0px 1px 1px 0px;
box-shadow: rgba(0, 0, 0, 0.04706) 0px 1px 1px 0px;
border-radius: 2px;
display: inline-block;
font-size: 12px;
line-height: 22px;
font-weight: bold;
white-space: nowrap;
}
/* line 59, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview .fbPreviewHighlight {
border: solid 1px #E57200;
min-height: 12px;
background-color: #FDFBCE;
}
/* line 65, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview .fbIcon {
background-image: url(previews/fb/fb-icon-sprite.png);
}
/* line 69, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview .fbIcon.world {
width: 10px;
height: 10px;
display: inline-block;
overflow: hidden;
background-position: -14px -186px;
}
/* line 77, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview .fbIcon.like {
width: 13px;
height: 13px;
display: inline-block;
overflow: hidden;
background-position: -1px -245px;
}
/* line 85, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview .fbIcon.mailOffer {
width: 16px;
height: 12px;
display: inline-block;
overflow: hidden;
background-position: -0px -19px;
background-image: url(previews/fb/fb-offers-sprite.png);
margin-bottom: -1px;
}
/* line 95, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview .videoCard .playButton {
position: absolute;
width: 72px;
height: 72px;
background-image: url(previews/fb/fb-play-buttons-sprite.png);
top: 50%;
left: 50%;
margin-left: -36px;
margin-top: -36px;
}
/* line 106, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview .videoCard .videoThumbnailContainer {
position: absolute;
display: block;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-size: cover;
background-position: 50% 50%;
}
/* Desktop News Feed Modifier */
/* line 119, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .postContainer {
width: 496px;
border-radius: 3px;
padding-bottom: 7px;
}
/* line 126, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .postType {
font-size: 12px;
line-height: 15px;
color: #9197A3;
border-bottom: solid 1px #E5E5E5;
padding-bottom: 9px;
margin-bottom: 12px;
}
/* line 135, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .bottomActions {
margin-top: 20px;
color: #6D84B4;
font-size: 12px;
line-height: 16px;
border-top: solid 1px #E5E5E5;
padding-top: 7px;
}
/* line 144, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .bottomActions .like,
.fbPostPreview.desktopNewsFeed .bottomActions .comment,
.fbPostPreview.desktopNewsFeed .bottomActions .share {
color: #7F7F7F;
font-weight: bold;
margin-right: 34px;
}
/* line 152, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .bottomActions .like:before,
.fbPostPreview.desktopNewsFeed .bottomActions .comment:before,
.fbPostPreview.desktopNewsFeed .bottomActions .share:before {
content: "";
display: inline-block;
width: 14px;
height: 14px;
background-image: url(previews/fb/fb-icon-sprite.png);
vertical-align: middle;
margin-top: -2px;
margin-right: 6px;
}
/* line 165, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .bottomActions .like:before {
background-position: -1px -245px;
}
/* line 169, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .bottomActions .comment:before {
background-position: -34px -228px;
}
/* line 173, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .bottomActions .share:before {
background-position: -30px -245px;
}
/* line 177, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .bottomActions .share {
margin-right: 0;
}
/* line 181, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .avatar {
margin-bottom: 11px;
}
/* line 185, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .avatar > img {
width: 40px;
height: 40px;
background-color: #F6F7F8;
border: solid 1px #CBCCCB;
float: left;
margin-right: 8px;
}
/* line 195, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .avatar .lineOne {
display: block;
}
/* line 199, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .avatar .lineTwo {
color: #3B5998;
line-height: 19px;
display: block;
color: #999999;
}
/* line 206, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .avatar .profileName {
color: #3B5998;
font-size: 14px;
font-weight: bold;
line-height: 19px;
}
/* line 213, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .link {
color: #3B5998;
}
/* line 221, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .postContent {
clear: both;
}
/* line 225, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .postContent .postCard {
/*border: solid 1px #CECDCA;*/
/* -webkit-box-shadow: rgba(0, 0, 0, 0.0980392) 0px 1px 4px 0px;
-moz-box-shadow: rgba(0, 0, 0, 0.0980392) 0px 1px 4px 0px;
box-shadow: rgba(0, 0, 0, 0.0980392) 0px 1px 4px 0px;
*/
-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.1) 0px 1px 4px 0px;
-moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.1) 0px 1px 4px 0px;
box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.1) 0px 1px 4px 0px;
}
/* line 236, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .postContent .postText {
font-size: 13px;
line-height: 18px;
margin-bottom: 5px;
white-space: pre-wrap;
}
/* line 243, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .postContent .postCard .picture {
background-color: #F6F7F8;
/*border-bottom: solid 1px #CECDCA;*/
text-align: left;
position: relative;
max-height: 246px;
overflow: hidden;
}
/* line 252, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .postContent .postCard .picture:after {
content: "";
display: block;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;
-moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;
box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;
background-color: transparent;
}
/* line 266, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .postContent .postPhoto .picture {
text-align: left;
}
/* line 270, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .postContent .picture img {
width: 100%;
display: block;
margin-top: 123px;
transform: translateY(-50%);
object-fit: contain;
object-position: 0% 0%;
}
/* line 281, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .postContent .postPhoto .picture img {
margin-top: 0;
transform: none;
max-width: 100%;
}
/* line 288, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .postContent .postPhoto .picture img.portraitOrientation {
max-height: 394px;
}
/* line 293, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .postContent .postCard .bottomContent {
position: relative;
padding: 8px 11px 10px 11px;
min-height: 66px;
}
/* line 301, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .postContent .postCard .bottomContent.withButton {
padding-bottom: 16px;
}
/* line 306, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .postContent .postCard .bottomContent .companyName {
color: #3B5998;
font-size: 14px;
font-weight: bold;
line-height: 19px;
display: block;
}
/* line 314, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .postContent .postCard .bottomContent .companyType,
.fbPostPreview.desktopNewsFeed .postContent .postCard .bottomContent .numLikes {
color: #141823;
font-size: 12px;
line-height: 16px;
display: block;
}
/* line 322, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .postContent .postCard .bottomContent .headline {
color: #141823;
font-size: 18px;
line-height: 22px;
min-height: 22px;
font-family: Georgia, 'lucida grande', tahoma, verdana, arial, sans-serif;
font-weight: 500;
margin-bottom: 5px;
display: block;
}
/* line 333, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .postContainer.offerPost .postContent .postCard .bottomContent {
height: auto;
padding: 10px;
position: relative;
min-height: 0px;
}
/* line 340, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .postContainer.offerPost .postContent .postCard .bottomContent .fbButton {
position: absolute;
bottom: 10px;
right: 10px;
}
/* line 346, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .postContainer.offerPost .postContent .postCard .bottomContent .headline {
color: #3b5998;
font-family: Helvetica, Arial, 'lucida grande', sans-serif;
font-weight: bold;
font-size: 13px;
line-height: 18px;
min-height: 18px;
height: 18px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 0px;
margin-right: 100px;
}
/* line 362, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .postContent .postCard .bottomContent .offerExpires,
.fbPostPreview.desktopNewsFeed .postContent .postCard .bottomContent .offerNumClaimed {
line-height: 14px;
height: 14px;
margin-right: 100px;
}
/* line 369, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .postContent .postCard .bottomContent .description {
font-size: 12px;
line-height: 16px;
max-height: 80px;
overlfow: hidden;
word-wrap: break-word;
display: block;
}
/* line 378, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .postContent .postCard .bottomContent.withButton .description {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding-right: 12px;
}
/* line 387, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .postContent .postCard .bottomContent .displayLink,
.fbPostPreview.desktopNewsFeed .postContent .videoCard .bottomContent .displayLink {
color: #9197A3;
font-size: 11px;
line-height: 11px;
padding-top: 10px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
text-transform: uppercase;
display: block;
}
/* line 400, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .postContent .postCard .bottomContent.withButton .displayLink,
.fbPostPreview.desktopNewsFeed .postContent .videoCard .bottomContent.withButton .displayLink {
padding-top: 18px;
margin-right: 90px;
min-height: 29px;
}
/* line 407, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .postContent .videoCard {
-moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 4px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 4px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 1px 4px rgba(0, 0, 0, 0.1);
}
/* line 413, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .postContent .videoContainer {
position: relative;
background-color: #F6F7F8;
/*height: 300px;*/
}
/* line 419, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .postContent .videoContainer:after {
content: "";
position: absolute;
display: block;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: transparent;
-moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
pointer-events: none;
}
/* line 434, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .postContent .videoContainer video {
width: 100%;
height: auto;
max-height: 353px;
/* height of 4x3 video at 100% width (470px) */
min-height: 265px;
/* height of 16x9 video at 100% width (470px) */
}
/* line 441, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .postContent .videoCard .bottomContent {
position: relative;
padding: 10px;
}
/* line 446, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .postContent .videoCard .bottomContent .headline {
color: #141823;
font-size: 18px;
line-height: 22px;
min-height: 22px;
font-family: Georgia, 'lucida grande', tahoma, verdana, arial, sans-serif;
font-weight: 500;
margin-bottom: 5px;
display: block;
}
/* line 458, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .postContent .videoCard .bottomContent .description {
font-size: 12px;
line-height: 16px;
max-height: 80px;
overlfow: hidden;
word-wrap: break-word;
display: block;
}
/* line 467, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .postContent .videoCard .bottomContent .displayLink {
margin-top: 10px;
height: 21px;
margin-right: 96px;
}
/* line 476, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .postContent .videoCard .bottomContent.withButton .displayLink {
margin-top: 10px;
}
/* line 480, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .postContainer.multiProductAd {
overflow: visible;
}
/* line 484, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .multiProductCard {
width: 494px;
margin-left: -12px;
position: relative;
}
/* line 490, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .multiProductList {
overflow: hidden;
width: 494px;
height: 374px;
display: block;
white-space: nowrap;
margin-bottom: 0px;
}
/* line 499, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .multiProductList li {
display: inline-block;
margin-right: 6px;
height: 370px;
width: 300px;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1) inset, 0 1px 4px rgba(0, 0, 0, 0.05);
vertical-align: top;
position: relative;
}
/* line 509, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .multiProductList li:first-child {
margin-left: 12px;
}
/* line 513, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .multiProductList li:last-child {
margin-right: 12px;
}
/* line 518, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .multiProductList li .imgContainer {
display: block;
border: none;
outline: none;
width: 298px;
height: 299px;
margin: 1px 0 0 1px;
overflow: hidden;
border-bottom: solid 1px #e5e5e5;
background-color: #F6F7F8;
position: relative;
}
/* line 531, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .multiProductList li .imgContainer img {
width: auto;
height: 298px;
display: block;
position: absolute;
top: 0px;
left: 50%;
transform: translateX(-50%);
}
/* line 541, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .multiProductList li.moreLink .imgContainer {
background-color: #FFFFFF;
text-align: center;
}
/* line 546, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .multiProductList li.moreLink .imgContainer img {
width: 120px;
height: 120px;
margin: 90px auto 0px auto;
}
/* line 552, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .multiProductList li .title {
display: block;
font-weight: bold;
font-size: 12px;
color: #000000;
margin: 9px;
margin-bottom: 0px;
height: 36px;
line-height: 18px;
white-space: normal;
overflow: hidden;
}
/* line 565, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .multiProductList li .title span {
display: block;
text-transform: uppercase;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* line 573, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .multiProductList li.moreLink .title {
margin-top: 19px;
text-align: center;
height: auto;
}
/* line 579, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .multiProductList li .description {
display: block;
margin: 0px 9px;
color: #B2B2B2;
font-size: 12px;
line-height: 18px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* line 590, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .multiProductList.withButton li .title,
.fbPostPreview.desktopNewsFeed .multiProductList.withButton li .description {
padding-right: 83px;
}
/* line 595, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .multiProductList li .description.shorter {
/*padding-right: 84px;*/
}
/* line 599, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .multiProductList li .fbButton {
position: absolute;
right: 10px;
bottom: 20px;
}
/* line 605, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .multiProductCard .slideControl {
position: absolute;
display: block;
width: 32px;
height: 30px;
background-color: #FFFFFF;
border: solid 1px #dfe0e4;
top: 172px;
cursor: pointer;
background-image: url(previews/fb/fb-multi-arrows.png);
}
/* line 617, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .multiProductCard .slideControl.left {
left: -1px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}
/* line 623, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .multiProductCard .slideControl.right {
right: -1px;
background-position: -32px 0px;
border-top-left-radius: 2px;
border-bottom-lefzt-radius: 2px;
}
/* line 631, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .fbButton.topRight {
display: none;
}
/* line 635, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .bottomContent .fbButton {
position: absolute;
right: 12px;
bottom: 16px;
}
/* line 641, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .postContainer.videoPost .bottomContent .fbButton {
bottom: 10px;
}
/* line 647, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .fbButton .fbIcon.like {
margin-bottom: -2px;
}
/* line 651, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .suggestedBanner {
color: #9197a3;
border-bottom: solid 1px #E5E5E5;
padding-bottom: 9px;
margin-bottom: 12px;
font-size: 12px;
line-height: 15px;
}
/* line 660, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .postContainer.appPost .postContent .postCard .headline {
max-height: 66px;
text-overflow: ellipsis;
overflow: hidden;
}
/* line 665, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .postContainer.appPost .postContent .postCard .description {
margin-right: 90px;
height: 16px;
}
/* line 669, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .postContainer.appPost .postContent .postCard .bottomContent .fbButtonb {
bottom: 10px;
}
/* line 673, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .postContainer.socialAdPage:before {
content: none;
}
/* line 677, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .postContainer.socialAdPage .socialAdCard {
border: solid 1px #DFDFDF;
margin-bottom: 8px;
position: relative;
}
/* line 684, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .postContainer.socialAdPage .socialAdCard .bottomContent {
padding: 10px;
position: relative;
}
/* line 691, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .postContainer.socialAdPage .socialAdCard .bottomContent .headline {
font-size: 14px;
line-height: 18px;
font-weight: bold;
color: #3F5D9A;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* line 701, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .postContainer.socialAdPage .socialAdCard .bottomContent .description {
font-size: 12px;
line-height: 16px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* line 709, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .postContainer.socialAdPage .socialAdCard .bottomContent .likeCount {
font-size: 12px;
line-height: 16px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
}
/* line 718, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .postContainer.socialAdPage .socialAdCard .bottomContent .fbButton:before {
content: "";
width: 12px;
height: 13px;
display: inline-block;
background-image: url(previews/fb/fb-button-sprite.png);
background-repeat: no-repeat;
background-position: -38px -45px;
margin-right: 4px;
vertical-align: middle;
margin-top: -2px;
}
/* line 733, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .postContainer.eventPost .eventCard {
margin-bottom: 8px;
position: relative;
-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.1) 0px 1px 4px 0px;
-moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.1) 0px 1px 4px 0px;
box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.1) 0px 1px 4px 0px;
}
/* line 741, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .postContainer.eventPost .eventCard .picture {
position: relative;
height: 246px;
overflow: hidden;
}
/* line 748, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .postContainer.eventPost .eventCard .picture:after {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background: transparent;
-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;
-moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;
box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;
}
/* line 763, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .postContainer.eventPost .eventCard .bottomContent {
padding: 10px;
position: relative;
}
/* line 770, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .postContainer.eventPost .eventCard .bottomContent .headline {
font-size: 14px;
line-height: 18px;
font-weight: bold;
color: #000000;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-left: 70px;
height: 18px;
}
/* line 782, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .postContainer.eventPost .eventCard .bottomContent .eventDate {
width: 60px;
position: absolute;
top: 12px;
left: 5px;
}
/* line 789, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .postContainer.eventPost .eventCard .bottomContent .eventDate .day {
font-size: 32px;
height: 32px;
line-height: 32px;
display: block;
text-align: center;
color: #141823;
}
/* line 798, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .postContainer.eventPost .eventCard .bottomContent .eventDate .month {
display: block;
font-size: 12px;
line-height: 12px;
height: 12px;
text-transform: uppercase;
text-align: center;
color: #EC1C2B;
}
/* line 808, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .postContainer.eventPost .eventCard .bottomContent .eventDetails,
.fbPostPreview.desktopNewsFeed .postContainer.eventPost .eventCard .bottomContent .description {
font-size: 12px;
line-height: 16px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-left: 70px;
height: 16px;
margin-right: 110px;
}
/* line 820, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .postContainer.eventPost .eventCard .bottomContent .description {
color: #9197A3;
}
/* line 824, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .postContainer.eventPost .eventCard .bottomContent .attendeeCount {
font-size: 12px;
line-height: 16px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
}
/* line 833, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .postContainer.eventPost .eventCard .bottomContent .fbButton:before {
content: "";
display: inline-block;
width: 11px;
height: 11px;
background-image: url(previews/fb/fb-icon-sprite.png);
background-position: -14px -275px;
margin-right: 6px;
vertical-align: baseline;
margin-bottom: -1px;
margin-left: 1px;
}
/*
Small Hero Image
Rules for when the hero image is 397px in width or smaller.
This makes the hero image a small square on the left, with
headline and description to its right.
*/
/* line 855, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.smallHeroImage.desktopNewsFeed .postContainer:not(.offerPost) .postContent .postCard {
height: 158px;
position: relative;
}
/* line 860, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.smallHeroImage.desktopNewsFeed .postContainer:not(.offerPost) .postContent .postCard .picture {
width: 158px;
height: 158px;
float: left;
}
/* line 866, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.smallHeroImage.desktopNewsFeed .postContainer:not(.offerPost) .postContent .postCard .picture img {
display: block;
width: 158px;
height: 158px;
margin: 0 0;
transform: none;
object-fit: cover;
object-position: 50% 50%;
}
/* line 876, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.smallHeroImage.desktopNewsFeed .postContainer:not(.offerPost) .postContent .postCard .bottomContent {
margin-left: 158px;
position: relative;
height: 158px;
overflow: hidden;
opacity: 0.999;
/* this creates a new stacking context, so we can layer certain things abopve and blow a bottom mask, to simulate line clamping */
}
/* line 884, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.smallHeroImage.desktopNewsFeed .postContainer:not(.offerPost) .postContent .postCard .bottomContent:after {
content: "";
position: absolute;
display: block;
width: calc(100% - 1px);
height: 46px;
left: 0px;
bottom: 1px;
background-color: #FFFFFF;
z-index: 2;
}
/* line 896, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.smallHeroImage.desktopNewsFeed .postContainer:not(.offerPost) .postContent .postCard .bottomContent .description {
max-height: none;
white-space: normal;
}
/* line 901, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.smallHeroImage.desktopNewsFeed .postContainer:not(.offerPost) .postContent .postCard .bottomContent .displayLink {
position: absolute;
left: 8px;
bottom: 20px;
z-index: 3;
padding: 0;
}
/* line 910, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.smallHeroImage.desktopNewsFeed .postContainer:not(.offerPost) .postContent .postCard .bottomContent .fbButton {
z-index: 3;
}
/* line 914, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.smallHeroImage.desktopNewsFeed .postContainer .postContent .postPhoto .picture img {
width: initial;
}
/* Mobile News Feed Modifier */
/* line 922, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .matte {
padding: 0px 0px;
background-color: #DCDEE3;
}
/* line 927, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContainer {
border-radius: 4px;
width: 320px;
/* border: solid 1px #c3c4c9;
border-top-color: #ccced3;
border-bottom-color: #b3b5b9;
*/
border: none;
padding: 0px;
color: #141823;
overflow: hidden;
position: relative;
border-radius: 0px;
}
/* line 942, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContainer:after {
content: "";
position: absolute;
width: 12px;
height: 7px;
top: 18px;
right: 10px;
background-image: url(previews/fb/fb-sprite-newer-icons.png);
background-position: -252px -78px;
}
/* line 953, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .avatar {
margin: 10px;
}
/* line 957, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .avatar:after {
content: "";
display: block;
clear: both;
}
/* line 963, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .avatar > img {
width: 40px;
height: 40px;
background-color: #F6F7F8;
border: solid 1px #CBCCCB;
float: left;
margin-right: 8px;
}
/* line 973, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .avatar .lineOne {
font-size: 14px;
line-height: 17px;
display: block;
padding-top: 3px;
padding-bottom: 3px;
max-width: 260px;
}
/* line 982, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .avatar .lineTwo {
color: #9197A3;
font-size: 12px;
line-height: 16px;
display: block;
margin-left: 48px;
margin-right: 48px;
}
/* line 991, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .avatar .profileName {
font-weight: bold;
}
/* line 995, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .link {
font-weight: bold;
}
/* line 999, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContent {
clear: both;
margin: 0px 10px;
}
/* line 1004, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContent .postText {
margin-bottom: 8px;
font-size: 14px;
line-height: 18px;
white-space: pre-wrap;
}
/* line 1011, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContent .postCard {
/*border: solid 1px #D3D6DB;*/
border-radius: 4px;
/* -webkit-box-shadow: rgba(0, 0, 0, 0.01) 0px 1px 4px 0px;
-moz-box-shadow: rgba(0, 0, 0, 0.01) 0px 1px 4px 0px;
box-shadow: rgba(0, 0, 0, 0.01) 0px 1px 4px 0px;*/
-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.1) 0px 1px 4px 0px;
-moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.1) 0px 1px 4px 0px;
box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.1) 0px 1px 4px 0px;
margin-bottom: 10px;
overflow: hidden;
padding-bottom: 30px;
}
/* line 1025, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContainer.offerPost .postContent .postCard {
padding-bottom: 0px;
}
/* line 1029, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContainer.offerPost .postContent .bottomContent {
height: auto;
min-height: 0px;
}
/* line 1034, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContainer.offerPost .postContent .bottomContent .headline {
font-weight: normal;
line-height: 17px;
height: 17px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
margin-right: 100px;
}
/* line 1044, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContainer.offerPost .postContent .bottomContent .offerExpires {
margin-right: 100px;
font-size: 12px;
line-height: 16px;
height: 16px;
color: #939393;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
/* line 1055, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContent .postCard .picture {
background-color: #F6F7F8;
text-align: center;
position: relative;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
overflow: hidden;
height: 156px;
}
/* line 1065, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContent .postCard .picture:after {
content: "";
position: absolute;
display: block;
background-color: transparent;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
border-top-right-radius: 4px;
border-top-left-radius: 4px;
-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;
-moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;
box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;
}
/* line 1081, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContent .postPhoto {
text-align: center;
margin-bottom: 10px;
}
/* line 1086, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContent .postPhoto .picture {
border-bottom: none;
max-height: 481px;
overflow: hidden;
margin-right: -10px;
margin-left: -10px;
}
/* line 1094, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContent .picture img {
max-width: 100%;
display: block;
margin-top: 78px;
transform: translateY(-50%);
}
/* line 1102, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContent .postPhoto .picture img {
margin-top: 0;
transform: none;
}
/* line 1107, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContent .postCard .bottomContent {
position: relative;
padding: 8px;
height: 40px;
}
/* line 1113, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContainer.offerPost .postContent .postCard .bottomContent {
min-height: 0px;
}
/* line 1118, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContent .postCard .bottomContent .headline {
color: #141823;
font-size: 14px;
line-height: 18px;
min-height: 18px;
max-height: 36px;
font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
display: block;
}
/* line 1130, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContent.offerPost .postCard .bottomContent .headline {
/*color: #3b5998;*/
font-weight: bold;
font-size: 14px;
line-height: 18px;
height: 18px;
white-space: nowrap;
text-overflow: ellipsis;
display: block;
}
/* line 1142, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContent .postCard .bottomContent .description {
font-size: 12px;
line-height: 16px;
height: 16px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
}
/* line 1152, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContent .postCard .bottomContent .offerExpires,
.fbPostPreview.mobileNewsFeed .postContent .postCard .bottomContent .offerNumClaimed {
line-height: 14px;
height: 14px;
}
/* line 1159, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContent .postCard .bottomContent .displayLink {
color: #9197A3;
font-size: 12px;
line-height: 16px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
display: block;
position: absolute;
bottom: -22px;
left: 2px;
margin-left: 6px;
height: 18px;
padding-top: 2px;
background-color: #FFFFFF;
width: calc(100% - 16px);
}
/* line 1177, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContent .postCard .bottomContent .displayLink.fbPreviewHighlight,
.fbPostPreview.mobileNewsFeed .postContent .videoCard .bottomContent .displayLink.fbPreviewHighlight {
background-color: #FDFBCE;
}
/* line 1182, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContent .postCard .bottomContent.withButton .headline,
.fbPostPreview.mobileNewsFeed .postContent .postCard .bottomContent.withButton .offerTitle,
.fbPostPreview.mobileNewsFeed .postContent .postCard .bottomContent.withButton .description,
.fbPostPreview.mobileNewsFeed .postContent .postCard .bottomContent.withButton .displayLink {
margin-right: 90px;
}
/* line 1192, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContent .videoCard {
margin-bottom: 10px;
-moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0px 1px 3px 0px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0px 1px 3px 0px rgba(0, 0, 0, 0.4);
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0px 1px 3px 0px rgba(0, 0, 0, 0.4);
}
/* line 1199, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContent .videoContainer {
position: relative;
background-color: #F6F7F8;
width: 100%;
}
/* line 1205, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContent video {
width: 100%;
height: auto;
max-height: 225px;
min-height: 169px;
}
/* line 1212, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContent .videoContainer:after {
content: "";
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
-moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
-webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
pointer-events: none;
}
/* line 1225, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContent .videoCard .bottomContent {
padding: 10px;
position: relative;
}
/* line 1230, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContent .videoCard .bottomContent .headline {
color: #141823;
font-size: 14px;
line-height: 18px;
min-height: 18px;
max-height: 36px;
font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
display: block;
margin-right: 90px;
}
/* line 1245, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContent .videoCard .bottomContent .description {
font-size: 12px;
line-height: 16px;
height: 16px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
}
/* line 1255, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContent .videoCard .bottomContent .displayLink {
color: #9197A3;
font-size: 12px;
line-height: 16px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
display: block;
height: 18px;
margin-right: 90px;
}
/* line 1267, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContent .videoCard .bottomContent .fbButton {
position: absolute;
right: 10px;
top: 50%;
margin-top: -14px;
}
/* line 1274, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContainer.multiProductAd {
/*overflow: visible;*/
}
/* line 1278, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .multiProductCard {
width: 320px;
margin-left: -10px;
position: relative;
}
/* line 1284, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .multiProductList {
overflow: hidden;
width: 320px;
display: block;
white-space: nowrap;
margin-bottom: 12px;
}
/* line 1292, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .multiProductList:hover {
overflow: auto;
}
/* line 1296, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .multiProductList li {
display: inline-block;
margin-right: 10px;
height: 302px;
width: 232px;
-moz-box-shadow: rgba(0, 0, 0, 0.04706) 0px 1px 4px 0px;
-webkit-box-shadow: rgba(0, 0, 0, 0.04706) 0px 1px 4px 0px;
box-shadow: rgba(0, 0, 0, 0.04706) 0px 1px 4px 0px;
vertical-align: top;
border: solid 1px #CCCCCC;
border-radius: 4px;
overflow: hidden;
background-color: #FFFFFF;
position: relative;
}
/* line 1312, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .multiProductList li:first-child {
margin-left: 10px;
}
/* line 1316, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .multiProductList li:last-child {
margin-right: 10px;
}
/* line 1321, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .multiProductList li .imgContainer {
display: block;
border: none;
outline: none;
min-height: 229px;
max-height: 229px;
overflow: hidden;
border-bottom: solid 1px #e5e5e5;
background-color: #F6F7F8;
position: relative;
}
/* line 1333, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .multiProductList li .imgContainer img {
width: auto;
height: 228px;
display: block;
position: absolute;
top: 0px;
left: 50%;
transform: translateX(-50%);
}
/* line 1343, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .multiProductList li.moreLink .imgContainer {
background-color: #FFFFFF;
text-align: center;
}
/* line 1348, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .multiProductList li.moreLink .imgContainer img {
width: 120px;
height: 120px;
margin: 40px auto 0px auto;
}
/* line 1354, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .multiProductList li .title {
display: block;
font-weight: bold;
font-size: 14px;
margin: 8px;
margin-bottom: 4px;
height: 36px;
line-height: 18px;
white-space: normal;
overflow: hidden;
}
/* line 1366, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .multiProductList li.moreLink .title {
/*margin-top: 14px;*/
}
/* line 1370, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .multiProductList li .description {
display: block;
margin: 0px 9px;
font-size: 12px;
line-height: 15px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
/* line 1380, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .multiProductList li.withButton .description {
max-width: 130px;
}
/* line 1384, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .multiProductList li .description.shorter {
padding-right: 84px;
}
/* line 1388, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .multiProductList li .fbButton {
position: absolute;
right: 8px;
bottom: 11px;
}
/* line 1394, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .multiProductCard .slideControl {
position: absolute;
display: none;
width: 32px;
height: 30px;
background-color: #FFFFFF;
border: solid 1px #dfe0e4;
top: 122px;
cursor: pointer;
background-image: url(previews/fb/fb-multi-arrows.png);
}
/* line 1406, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .multiProductCard .slideControl.left {
left: -1px;
}
/* line 1410, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .multiProductCard .slideControl.right {
right: -1px;
background-position: -32px 0px;
}
/* line 1416, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContainer.eventPost .eventCard {
border-radius: 4px;
-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.1) 0px 1px 4px 0px;
-moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.1) 0px 1px 4px 0px;
box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset, rgba(0, 0, 0, 0.1) 0px 1px 4px 0px;
margin-bottom: 10px;
overflow: hidden;
}
/* line 1425, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContainer.eventPost .eventCard .picture {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
overflow: hidden;
position: relative;
height: 156px;
}
/* line 1433, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContainer.eventPost .eventCard .picture:after {
content: "";
position: absolute;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: transparent;
-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;
-moz-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;
box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;
}
/* line 1449, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContainer.eventPost .bottomContent {
position: relative;
padding-top: 12px;
height: 60px;
}
/* line 1455, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContainer.eventPost .bottomContent .eventDate {
position: absolute;
width: 50px;
top: 10px;
left: 10px;
}
/* line 1462, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContainer.eventPost .bottomContent .eventDate .day {
font-size: 30px;
line-height: 30px;
height: 30px;
color: #000000;
text-align: center;
display: block;
font-weight: 300;
}
/* line 1472, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContainer.eventPost .bottomContent .eventDate .month {
display: block;
font-size: 11px;
line-height: 11px;
height: 11px;
color: #EC1C2B;
text-align: center;
text-transform: uppercase;
}
/* line 1482, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContainer.eventPost .eventCard .bottomContent .headline {
font-size: 14px;
line-height: 18px;
min-height: 18px;
max-height: 36px;
text-overflow: ellipsis;
overflow: hidden;
color: #000000;
font-weight: bold;
margin-left: 70px;
width: 180px;
padding: 0px;
}
/* line 1496, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContainer.eventPost .bottomContent .eventDetails {
margin-left: 70px;
color: #4E5665;
font-size: 12px;
line-height: 12px;
height: 12px;
width: 180px;
}
/* line 1505, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContainer.eventPost .bottomContent .description {
display: none;
}
/* line 1510, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .fbButton {
height: 28px;
line-height: 28px;
}
/* line 1515, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .bottomContent .fbButton {
position: absolute;
right: 10px;
bottom: -8px;
}
/* line 1524, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContainer.offerPost .bottomContent .fbButton {
top: 50%;
margin-top: -14px;
right: 10px;
}
/* line 1530, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContainer.eventPost .bottomContent .fbButton {
overflow: hidden;
position: absolute;
width: 30px;
height: 44px;
border-radius: 0px;
border: none;
border-left: solid 1px #E6E6E6;
top: 8px;
right: 10px;
background: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
white-space: nowrap;
padding-top: 11px;
padding-left: 10px;
}
/* line 1549, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContainer.eventPost .bottomContent .fbButton:before {
content: "";
display: inline-block;
width: 18px;
height: 20px;
background-image: url(previews/fb/fb-emoticons.png);
background-position: -3px -491px;
margin-right: 10px;
}
/* line 1559, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .fbButton.topRight {
display: none;
}
/* line 1563, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .bottomActions {
/*background-color: #f3f3f3;*/
border-top: solid 1px #E5E5E5;
padding: 7px 10px;
margin: 0px 10px;
text-align: center;
white-space: nowrap;
overflow: hidden;
}
/* line 1573, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .bottomActions span {
display: inline-block;
width: 33.333%;
text-align: center;
color: #7F7F7F;
font-weight: bold;
line-height: 22px;
}
/* line 1582, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .bottomActions span.like {
/*border-right: solid 1px #d6d8db;*/
text-align: left;
}
/* line 1587, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .bottomActions span.like:before {
content: "";
width: 15px;
height: 15px;
display: inline-block;
overflow: hidden;
background-image: url(previews/fb/fb-sprite-newer-icons.png);
background-position: -155px -110px;
margin-bottom: -2px;
margin-right: 4px;
}
/* line 1600, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .bottomActions span.comment:before {
content: "";
width: 12px;
height: 12px;
display: inline-block;
overflow: hidden;
background-image: url(previews/fb/fb-sprite-newer-icons.png);
background-position: -140px -114px;
margin-bottom: -2px;
margin-right: 4px;
}
/* line 1613, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .bottomActions span.share {
/*border-left: solid 1px #d6d8db; */
text-align: right;
}
/* line 1618, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .bottomActions span.share:before {
content: "";
width: 14px;
height: 12px;
display: inline-block;
overflow: hidden;
background-image: url(previews/fb/fb-sprite-newer-icons.png);
background-position: -189px -113px;
margin-bottom: -2px;
margin-right: 4px;
}
/* line 1631, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .suggestedBanner {
color: #999999;
border-bottom: solid 1px #E5E5E5;
padding-bottom: 8px;
margin: 10px;
margin-bottom: 10px;
font-size: 13px;
line-height: 17px;
font-weight: bold;
}
/* line 1642, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContainer:before {
/*top: 46px;*/
}
/* line 1646, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContainer.appPost:before {
top: 47px;
}
/* line 1650, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContainer.appPost:after {
top: 57px;
}
/* line 1655, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContainer.appPost .postCard .headline,
.fbPostPreview.mobileNewsFeed .postContainer.appPost .videoCard .headline {
margin-right: 90px;
}
/* line 1660, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContainer.appPost .postCard .stars,
.fbPostPreview.mobileNewsFeed .postContainer.appPost .videoCard .stars {
display: block;
width: 50px;
height: 10px;
background-image: url(previews/fb/fb-app-stars.png);
margin-top: 4px;
}
/* line 1669, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContainer.appPost .postCard .availableOn,
.fbPostPreview.mobileNewsFeed .postContainer.appPost .videoCard .availableOn {
display: block;
color: #9197a3;
font-size: 12px;
line-height: 16px;
margin-top: 8px;
}
/* line 1678, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContainer.leadAd .leadAdCard {
border: solid 1px #E5E5E5;
border-radius: 4px;
overflow: hidden;
height: 114px;
margin-bottom: 16px;
position: relative;
}
/* line 1687, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContainer.leadAd .leadAdCard .picture {
float: left;
width: 112px;
height: 112px;
text-align: center;
overflow: hidden;
}
/* line 1695, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContainer.leadAd .leadAdCard .picture img {
height: 112px;
width: auto;
max-width: none;
margin-left: -51px;
}
/* line 1703, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContainer.leadAd .leadAdCard .rightContent {
padding: 8px 8px 0px 8px;
margin-left: 112px;
}
/* line 1708, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContainer.leadAd .leadAdCard .rightContent .fbButton {
position: absolute;
bottom: 8px;
right: 8px;
}
/* line 1714, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContainer.leadAd .leadAdCard .rightContent .headlineDescContainer {
max-height: 36px;
overflow: hidden;
}
/* line 1719, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContainer.leadAd .leadAdCard .rightContent .headline {
font-size: 14px;
line-height: 18px;
font-weight: bold;
max-height: 36px;
overflow: hidden;
text-overflow: ellipsis;
}
/* line 1728, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContainer.leadAd .leadAdCard .rightContent .description {
font-size: 12px;
line-height: 16px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 0px;
}
/* line 1737, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContainer.leadAd .leadAdCard .rightContent .displayLink {
font-size: 12px;
line-height: 16px;
color: #9197A3;
margin-top: 4px;
}
/* line 1744, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContainer.leadAd .bottomActions .like,
.fbPostPreview.mobileNewsFeed .postContainer.leadAd .bottomActions .comment {
text-align: center;
width: 50%;
}
/* line 1750, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContainer.leadAd .bottomActions .share {
display: none;
}
/* line 1754, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContainer.socialAdPage:before {
content: none;
}
/* line 1758, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContainer.socialAdPage .socialAdCard {
border: solid 1px #DFDFDF;
background-color: #F7F7F7;
margin-bottom: 8px;
position: relative;
}
/* line 1765, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContainer.socialAdPage .socialAdCard:after {
content: "";
width: 23px;
height: 25px;
display: block;
background-image: url(previews/fb/fb-mobile-sprite.png);
background-repeat: no-repeat;
background-position: -66px -420px;
position: absolute;
bottom: 30px;
right: 20px;
}
/* line 1778, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContainer.socialAdPage .socialAdCard .bottomContent {
margin: 10px 68px 10px 10px;
border-right: solid 1px #DFDFDF;
}
/* line 1785, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContainer.socialAdPage .socialAdCard .bottomContent .headline {
font-size: 14px;
line-height: 18px;
font-weight: bold;
color: #3F5D9A;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* line 1795, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContainer.socialAdPage .socialAdCard .bottomContent .description {
font-size: 12px;
line-height: 16px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* line 1803, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContainer.socialAdPage .socialAdCard .bottomContent .likeCount {
font-size: 12px;
line-height: 16px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: block;
color: #7C7C7C;
}
/* line 1813, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContainer.socialAdPage .socialAdCard .bottomContent .fbButton {
display: none;
}
/* Right Column Modifier */
/* line 1820, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.rightColumn {
overflow: visible;
}
/* line 1824, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.rightColumn .postContainer {
width: 274px;
border: none;
padding: 10px 10px;
}
/* line 1830, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.rightColumn .avatar,
.fbPostPreview.rightColumn .bottomActions,
.fbPostPreview.rightColumn .postContent .bottomContent .description,
.fbPostPreview.rightColumn .fbButton.topRight {
display: none;
}
/* line 1837, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.rightColumn .postContent .postCard .picture {
background-color: #F6F7F8;
margin-bottom: 5px;
text-align: center;
height: 132px;
overflow: hidden;
}
/* line 1845, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.rightColumn .postContent .postPhoto {
margin-bottom: 16px;
}
/* line 1849, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.rightColumn .postContent .postPhoto .picture {
margin-bottom: 5px;
text-align: center;
}
/* line 1854, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.rightColumn .postContent .picture img {
max-width: 100%;
display: block;
margin-top: 66px;
transform: translateY(-50%);
}
/* line 1862, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.rightColumn .postContent .postPhoto .picture img {
margin-top: 0;
transform: none;
max-height: 200px;
}
/* line 1868, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.rightColumn .postContent .bottomContent .headline {
padding-top: 10px;
font-weight: bold;
font-size: 12px;
line-height: 15px;
color: #3B5998;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* line 1880, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.rightColumn .postContent .bottomContent .displayLink {
font-size: 12px;
line-height: 15px;
color: #3B5998;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* line 1890, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.rightColumn .postContent .bottomContent .postText {
color: #9197A3;
font-size: 12px;
line-height: 15px;
margin: 0;
padding: 0;
}
/* line 1898, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.rightColumn .postContainer.multiProductAd {
padding: 14px 10px;
}
/* line 1902, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.rightColumn .multiProductCard {
margin-bottom: 16px;
}
/* line 1906, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.rightColumn .multiProductList {
white-space: nowrap;
margin-bottom: 20px;
height: 125px;
}
/* line 1912, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.rightColumn .multiProductList li {
display: inline-block;
}
/* line 1916, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.rightColumn .multiProductList li:first-child {
float: left;
}
/* line 1920, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.rightColumn .multiProductList li:nth-child(2) {
float: right;
}
/* line 1925, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.rightColumn .multiProductList li .imgContainer {
display: block;
border: none;
outline: none;
height: 125px;
width: 125px;
overflow: hidden;
background-color: #F6F7F8;
position: relative;
}
/* line 1936, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.rightColumn .multiProductList li .imgContainer img {
width: auto;
height: 125px;
display: block;
position: absolute;
top: 0px;
left: 50%;
transform: translateX(-50%);
}
/* line 1947, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.rightColumn .multiProductList li .title {
display: none;
}
/* line 1952, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.rightColumn .multiProductList li .description {
display: none;
}
/* line 1956, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.rightColumn .multiProductCard .slideControl {
display: none;
}
/* line 1960, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.rightColumn .postContent .bottomContent .profileName {
color: #3B5998;
font-size: 12px;
line-height: 15px;
font-weight: bold;
}
/* line 1967, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.rightColumn .postContent .bottomContent .displayLink {
font-size: 12px;
line-height: 15px;
text-transform: uppercase;
}
/* line 1973, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.rightColumn .postContent .bottomContent .postText {
color: #9197A3;
font-size: 12px;
line-height: 15px;
padding-top: 6px;
}
/* line 1980, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.rightColumn .postContent .videoCard {
overflow: hidden;
margin-bottom: 16px;
}
/* line 1985, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.rightColumn .postContent .videoContainer {
position: relative;
background-color: #F6F7F8;
}
/* line 1990, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.rightColumn .postContent .videoContainer video {
width: 100%;
height: 143px;
}
/* line 1995, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.rightColumn .postContainer.appPost .postContent .postCard {
margin-bottom: 16px;
}
/* line 1999, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.rightColumn .postContainer.appPost .postContent .bottomContent .postText {
padding-bottom: 6px;
}
/* line 2003, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.rightColumn .postContainer.appPost .postContent .bottomContent .displayLink {
text-transform: none;
}
/* line 2007, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.rightColumn .dpaMulti .postContent .bottomContent .displayLink {
text-transform: uppercase;
}
/* line 2011, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.rightColumn .postContainer.socialAdPage {
width: 274px;
padding: 10px;
background-color: #FFF;
border: none;
}
/* line 2018, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.rightColumn .postContainer.socialAdPage .picture img {
width: 100%;
height: auto;
display: block;
}
/* line 2024, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.rightColumn .postContainer.socialAdPage .bottomContent .postText {
padding-bottom: 6px;
}
/* line 2028, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.rightColumn .postContainer.socialAdPage .bottomContent .likeCount {
color: #9197a3;
font-size: 11px;
line-height: 13px;
}
/* line 2034, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.rightColumn .postContainer.socialAdPage .bottomContent .likeCount:before {
content: "\00B7";
margin-right: 4px;
}
/* line 2039, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.rightColumn .postContainer.eventPost {
width: 274px;
padding: 10px;
background-color: #FFF;
border: none;
}
/* line 2046, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.rightColumn .postContainer.eventPost .picture img {
width: 100%;
height: auto;
display: block;
}
/* line 2052, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.rightColumn .postContainer.eventPost .bottomContent {
padding-top: 14px;
}
/* line 2056, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.rightColumn .postContainer.eventPost .bottomContent .headline {
font-size: 12px;
min-height: 15px;
line-height: 15px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
color: #3B5998;
font-weight: normal;
padding-top: 0px;
padding-bottom: 3px;
}
/* line 2069, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.rightColumn .postContainer.eventPost .bottomContent .eventDetails {
color: #999999;
font-size: 11px;
line-height: 15px;
padding-bottom: 6px;
}
/* line 2076, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.rightColumn .postContainer.eventPost .bottomContent .link {
color: #3B5998;
font-size: 12px;
line-height: 16px;
height: 16px;
}
/* line 2083, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.rightColumn .postContainer.eventPost .bottomContent .postText {
padding-top: 0px;
padding-bottom: 0px;
font-size: 12px;
line-height: 15px;
color: #9197A3;
}
/* line 2091, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.rightColumn .postContainer.eventPost .bottomContent .attendeeCount {
color: #9197a3;
font-size: 11px;
line-height: 13px;
}
/* line 2097, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.rightColumn .postContainer.eventPost .bottomContent .attendeeCount:before {
content: "\00B7";
margin-right: 4px;
}
/* line 2102, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.rightColumn .postContainer.eventPost .eventCard .picture {
height: 132px;
overflow: hidden;
}
/* High resolution screen support */
@media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 4 / 2), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
/* line 2115, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview .fbIcon {
background-image: url(previews/fb/fb-icon-sprite@2x.png);
background-repeat: no-repeat;
background-size: 51px 310px;
}
/* line 2121, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview .fbIcon.mailOffer {
background-image: url(previews/fb/fb-offers-sprite@2x.png);
background-repeat: no-repeat;
background-size: 17px 34px;
}
/* line 2127, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview .videoCard .playButton {
background-image: url(previews/fb/fb-play-buttons-sprite@2x.png);
background-repeat: no-repeat;
background-size: 73px 183px;
}
/* line 2133, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContainer:after {
height: 8px;
background-image: url(previews/fb/fb-sprite-newer-icons@2x.png);
background-position: -269px -78px;
background-size: 401px 184px;
}
/* line 2140, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .bottomActions span.like:before,
.fbPostPreview.mobileNewsFeed .bottomActions span.comment:before,
.fbPostPreview.mobileNewsFeed .bottomActions span.share:before {
background-image: url(previews/fb/fb-sprite-newer-icons@2x.png);
background-repeat: no-repeat;
background-size: 401px 184px;
}
/* line 2148, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .bottomActions span.comment:before {
background-position: -140px -114px;
}
/* line 2152, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .bottomActions span.share:before {
width: 15px;
background-position: -190px -113px;
}
/* line 2157, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .fbButton.topRight:before,
.fbPostPreview.desktopNewsFeed .postContainer.socialAdPage .socialAdCard .bottomContent .fbButton:before {
background-image: url(previews/fb/fb-button-sprite@2x.png);
background-repeat: no-repeat;
background-size: 64px 65px;
}
/* line 2164, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .bottomActions .like:before,
.fbPostPreview.desktopNewsFeed .bottomActions .comment:before,
.fbPostPreview.desktopNewsFeed .bottomActions .share:before {
background-image: url(previews/fb/fb-icon-sprite@2x.png);
background-size: 51px 310px;
}
/* line 2172, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .fbButton.topRight,
.fbPostPreview.mobileNewsFeed .postContainer.socialAdPage .socialAdCard:after {
background-image: url(previews/fb/fb-mobile-sprite@2x.png);
background-repeat: no-repeat;
background-size: 109px 550px;
background-position: -66px -418px;
}
/* line 2180, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .multiProductCard .slideControl {
background-image: url(previews/fb/fb-multi-arrows@2x.png);
background-size: 64px 30px;
}
/* line 2185, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.mobileNewsFeed .postContainer.appPost .postCard .stars {
background-image: url(previews/fb/fb-app-stars@2x.png);
background-size: 50px 10px;
}
/* line 2190, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/fb-post-preview.css.scss.erb */
.fbPostPreview.desktopNewsFeed .postContainer.eventPost .eventCard .bottomContent .fbButton:before {
background-image: url(previews/fb/fb-icon-sprite@2x.png);
background-size: 51px 310px;
}
}
/***** Fonts ******/
/***** Colors *****/
/* Was Kinetic Dark Grey #6C6463 */
/* was Kinetic Dark Grey #6C6463 */
/* Kinetic Medium Blue */
/*#E8E8E8;*/
/* Explicit Kinetic Color Definitions */
/* typographic scale */
/* z-index management */
/********************* Tweet Compoiser Overlay *******************/
/* line 5, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tw-tweet-composer.css.scss.erb */
.tweetComposer .twitterAccount {
margin-top: 0.75rem;
overflow-y: auto;
margin-left: 0.75rem;
}
/* line 11, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tw-tweet-composer.css.scss.erb */
.tweetComposer .twitterAccount img {
float: left;
margin-right: 8px;
}
/* line 16, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tw-tweet-composer.css.scss.erb */
.tweetComposer .twitterAccount .accountName {
color: #404040;
font-weight: 400;
display: block;
line-height: 1.125rem;
padding-top: 0.375rem;
}
/* line 24, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tw-tweet-composer.css.scss.erb */
.tweetComposer .twitterAccount .twitterHandle {
display: block;
line-height: 1.125rem;
}
/* line 30, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tw-tweet-composer.css.scss.erb */
.tweetComposer .tweetText {
width: 100%;
max-width: 100%;
}
/* line 35, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tw-tweet-composer.css.scss.erb */
.tweetComposer .charCount {
float: right;
}
/* line 39, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tw-tweet-composer.css.scss.erb */
.tweetComposer .tweetText textarea {
width: 100%;
}
/* line 43, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tw-tweet-composer.css.scss.erb */
.tweetComposer .visibilitySwitchContainer {
float: left;
width: 16rem;
}
/* line 48, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tw-tweet-composer.css.scss.erb */
.tweetComposer .visibilitySwitchContainer label:first-child {
margin-right: 0.5rem;
line-height: 28px;
}
/* line 53, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tw-tweet-composer.css.scss.erb */
.tweetComposer .attachedPhoto {
width: 10rem;
float: left;
height: 9rem;
}
/* line 59, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tw-tweet-composer.css.scss.erb */
.tweetComposer .attachedLeadGenCards {
float: left;
}
/* line 64, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tw-tweet-composer.css.scss.erb */
.tweetComposer .attachedPhoto button,
.tweetComposer .attachedLeadGenCards button {
margin: 0px;
margin-right: 4px;
}
/* line 70, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tw-tweet-composer.css.scss.erb */
.tweetComposer .attachedPhoto a,
.tweetComposer .attachedLeadGenCards a,
.tweetComposer .attachedPhoto a:visited,
.tweetComposer .attachedLeadGenCards a:visited {
color: #2DB3DF;
}
/* line 77, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tw-tweet-composer.css.scss.erb */
.tweetComposer .attachedPhoto a:hover,
.tweetComposer .attachedLeadGenCards a:hover {
color: #32C8F9;
}
/* line 82, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tw-tweet-composer.css.scss.erb */
.tweetComposer .bigTweetButton {
float: right;
margin: 0px;
width: 90px;
height: 90px;
line-height: 0.875rem;
padding-top: 66px;
padding-bottom: 10px;
text-align: center;
background-image: url(icons/channels/twitter-bird-white.png);
background-repeat: no-repeat;
background-position: center top 12px;
}
/* line 96, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tw-tweet-composer.css.scss.erb */
.tweetComposer #tabs-bulk .column1_2,
.tweetComposer #tabs-bulk .column1_4 {
height: 10rem;
}
/* line 102, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tw-tweet-composer.css.scss.erb */
.tweetComposer #tabs-bulk .column1_4.leadGenCardsColumn {
padding-top: 0.5rem;
}
/* line 106, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tw-tweet-composer.css.scss.erb */
.tweetComposer #tabs-bulk .bigTweetButton {
/*float:none;*/
margin-top: 1.5rem;
}
/* line 111, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tw-tweet-composer.css.scss.erb */
.tweetComposer .tabs ul *:focus {
outline: none !important;
}
@media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 4 / 2), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
/* line 123, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tw-tweet-composer.css.scss.erb */
.tweetComposer .bigTweetButton {
background-image: url(icons/channels/twitter-bird-white@2x.png);
background-repeat: no-repeat;
background-size: 53px 44px;
}
}
/***** Fonts ******/
/***** Colors *****/
/* Was Kinetic Dark Grey #6C6463 */
/* was Kinetic Dark Grey #6C6463 */
/* Kinetic Medium Blue */
/*#E8E8E8;*/
/* Explicit Kinetic Color Definitions */
/* typographic scale */
/* z-index management */
/************ Twitter Tweet Preview ****************/
/* line 6, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tw-tweet-preview.css.scss.erb */
.twTweetPreview .tweetContainer {
width: 590px;
background-color: #FFFFFF;
border: solid 1px #E1E8ED;
padding: 13px 15px 15px 15px;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: normal;
color: #292F33;
}
/* line 16, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tw-tweet-preview.css.scss.erb */
.twTweetPreview .twPreviewHighlight {
border: solid 1px #E57200;
min-height: 12px;
background-color: #FDFBCE;
}
/* line 22, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tw-tweet-preview.css.scss.erb */
.twTweetPreview a,
.twTweetPreview a:visited,
.twTweetPreview a:active,
.twTweetPreview a:hover {
color: #0084B4;
text-decoration: none;
}
/* line 30, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tw-tweet-preview.css.scss.erb */
.twTweetPreview a:hover {
text-decoration: underline;
}
/* line 34, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tw-tweet-preview.css.scss.erb */
.twTweetPreview .tweetHeader {
font-size: 13px;
line-height: 14px;
color: #8899A6;
margin-bottom: 4px;
}
/* line 42, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tw-tweet-preview.css.scss.erb */
.twTweetPreview .tweetHeader .avatar {
width: 24px;
height: 24px;
vertical-align: top;
margin-right: 6px;
float: left;
}
/* line 50, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tw-tweet-preview.css.scss.erb */
.twTweetPreview .tweetHeader .profileFullName {
font-weight: bold;
font-size: 14px;
color: #292F33;
}
/* line 56, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tw-tweet-preview.css.scss.erb */
.twTweetPreview .tweetContent {
margin-left: 30px;
}
/* line 60, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tw-tweet-preview.css.scss.erb */
.twTweetPreview .tweetContent .tweetText {
display: block;
margin-bottom: 5px;
font-size: 16px;
line-height: 22px;
}
/* line 67, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tw-tweet-preview.css.scss.erb */
.twTweetPreview .tweetContent .tweetPhoto {
height: 260px;
border-radius: 5px;
border: solid 1px #E1E8ED;
background-color: #EAF2F7;
background-size: cover;
display: block;
margin: 10px 0px 15px 0px;
}
/* line 77, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tw-tweet-preview.css.scss.erb */
.twTweetPreview .tweetBottomContent {
font-size: 12px;
line-height: 12px;
margin-left: 30px;
margin-bottom: 2px;
}
/* line 84, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tw-tweet-preview.css.scss.erb */
.twTweetPreview .tweetBottomContent .reply,
.twTweetPreview .tweetBottomContent .retweet,
.twTweetPreview .tweetBottomContent .favorite {
font-weight: bold;
color: #8899A6;
margin-right: 34px;
}
/* line 92, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tw-tweet-preview.css.scss.erb */
.twTweetPreview .tweetBottomContent .reply:before {
content: "";
display: inline-block;
width: 17px;
height: 12px;
background-image: url(previews/tw/twitter-icon-sprite.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
/* line 102, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tw-tweet-preview.css.scss.erb */
.twTweetPreview .tweetBottomContent .retweet:before {
content: "";
display: inline-block;
width: 21px;
height: 13px;
background-image: url(previews/tw/twitter-icon-sprite.png);
background-repeat: no-repeat;
background-position: -18px 0px;
vertical-align: middle;
margin-top: -2px;
margin-right: 8px;
}
/* line 115, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tw-tweet-preview.css.scss.erb */
.twTweetPreview .tweetBottomContent .favorite:before {
content: "";
display: inline-block;
width: 15px;
height: 14px;
background-image: url(previews/tw/twitter-icon-sprite.png);
background-repeat: no-repeat;
background-position: -40px 0px;
margin-top: -3px;
vertical-align: middle;
margin-right: 8px;
}
/* line 128, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tw-tweet-preview.css.scss.erb */
.twTweetPreview .tweetBottomContent .more:before {
content: "";
display: inline-block;
width: 19px;
height: 6px;
margin-top: 2px;
background-image: url(previews/tw/twitter-icon-sprite.png);
background-repeat: no-repeat;
background-position: -56px 0px;
}
/* line 139, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tw-tweet-preview.css.scss.erb */
.twTweetPreview .tweetBottomContent .contentualLink {
display: inline-block;
float: right;
}
/* High resolution screen support */
@media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 4 / 2), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
/* line 153, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tw-tweet-preview.css.scss.erb */
.twTweetPreview .tweetBottomContent .reply:before,
.twTweetPreview .tweetBottomContent .retweet:before,
.twTweetPreview .tweetBottomContent .favorite:before,
.twTweetPreview .tweetBottomContent .more:before {
background-image: url(previews/tw/twitter-icon-sprite@2x.png);
background-repeat: no-repeat;
background-size: 75px 14px;
}
}
/***** Fonts ******/
/***** Colors *****/
/* Was Kinetic Dark Grey #6C6463 */
/* was Kinetic Dark Grey #6C6463 */
/* Kinetic Medium Blue */
/*#E8E8E8;*/
/* Explicit Kinetic Color Definitions */
/* typographic scale */
/* z-index management */
/*********** Pinterest Board Selector Strip **************/
/* line 5, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-board-selector.css.scss.erb */
.pinBoardSelector .filterOptions {
/*overflow-y: auto;*/
}
/* line 9, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-board-selector.css.scss.erb */
.pinBoardSelector .filterOptions .title {
display: block;
margin-bottom: 0.375rem;
}
/* line 14, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-board-selector.css.scss.erb */
.pinBoardSelector .filterOptions .boardSearch {
display: inline-block;
margin-right: 1.5rem;
}
/* line 19, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-board-selector.css.scss.erb */
.pinBoardSelector .filterOptions .boardTypes {
display: inline-block;
}
@media screen and (min-width: 1100px) {
/* line 25, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-board-selector.css.scss.erb */
.pinBoardSelector .filterOptions .title {
display: inline-block;
margin-right: 2rem;
}
/* line 30, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-board-selector.css.scss.erb */
.pinBoardSelector .filterOptions .boardSearch {
margin-top: -12px;
float: right;
margin-right: 0px;
}
}
/* line 37, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-board-selector.css.scss.erb */
.pinBoardSelector > p {
margin-bottom: 0px;
fonr-weight: 400;
}
/* line 43, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-board-selector.css.scss.erb */
.pinBoardSelector .pinBoardList {
padding: 16px 0px 16px 16px;
white-space: nowrap;
overflow-x: scroll;
background-color: #F4F2EA;
border: solid 1px #D6D2C4;
}
/* line 51, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-board-selector.css.scss.erb */
.pinBoardSelector .pinBoardList .pinBoard {
margin-right: 10px;
vertical-align: top;
}
/* line 56, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-board-selector.css.scss.erb */
.pinBoardSelector .pinBoardList .pinBoard:last-of-type {
margin-right: 16px;
}
/***** Fonts ******/
/***** Colors *****/
/* Was Kinetic Dark Grey #6C6463 */
/* was Kinetic Dark Grey #6C6463 */
/* Kinetic Medium Blue */
/*#E8E8E8;*/
/* Explicit Kinetic Color Definitions */
/* typographic scale */
/* z-index management */
/************** Pinterest Board Thumbnail ****************/
/* line 5, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-board.css.scss.erb */
.pinBoard {
display: inline-block;
background-color: #FFFFFF;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
overflow: hidden;
padding: 10px;
-webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 1px 2px 0px;
-moz-box-shadow: rgba(0, 0, 0, 0.35) 0px 1px 2px 0px;
box-shadow: rgba(0, 0, 0, 0.35) 0px 1px 2px 0px;
position: relative;
width: 235px;
height: 233px;
overflow: hidden;
}
/* line 22, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-board.css.scss.erb */
.pinBoard.selectable {
cursor: pointer;
}
/* line 26, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-board.css.scss.erb */
.pinBoard.selectable:after {
content: " ";
position: absolute;
width: 16px;
height: 16px;
display: block;
background-image: url(forms/check-radio-sprite.png);
background-repeat: no-repeat;
background-position: 0px 0px;
top: 11px;
left: 10px;
}
/* line 39, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-board.css.scss.erb */
.pinBoard.selectable .boardName {
padding-left: 21px;
}
/* line 43, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-board.css.scss.erb */
.pinBoard.selectable:hover {
/*background-color: $color-table-row-hover;*/
}
/* line 47, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-board.css.scss.erb */
.pinBoard.selectable.selected {
background-color: #D5EBF3;
}
/* line 51, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-board.css.scss.erb */
.pinBoard.selectable.selected:after {
background-position: 0px -20px;
}
/* line 55, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-board.css.scss.erb */
.pinBoard .boardName {
padding: 0px;
margin: 0px;
margin-bottom: 6px;
font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
font-weight: bold;
color: #555555;
font-size: 14px;
line-height: 18px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 209px;
}
/* line 70, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-board.css.scss.erb */
.pinBoard .boardInfo {
height: 161px;
overflow: hidden;
}
/* line 75, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-board.css.scss.erb */
.pinBoard img {
display: block;
}
/* line 79, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-board.css.scss.erb */
.pinBoard .boardCover {
margin-bottom: 4px;
}
/* line 83, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-board.css.scss.erb */
.pinBoard .boardCover,
.pinBoard .boardThumbs li {
overflow: hidden;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: solid 1px #555555;
-webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 2px 0px inset;
-moz-box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 2px 0px inset;
box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 2px 0px inset;
}
/* line 97, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-board.css.scss.erb */
.pinBoard .boardCover {
width: 215px;
height: 145px;
overflow: hidden;
}
/* line 103, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-board.css.scss.erb */
.pinBoard .boardCover img {
width: 216px;
height: 146px;
margin-top: -1px;
}
/* line 109, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-board.css.scss.erb */
.pinBoard .boardThumbs {
overflow-y: auto;
margin-bottom: 0px;
}
/* line 114, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-board.css.scss.erb */
.pinBoard .boardThumbs li {
display: inline-block;
float: left;
margin-top: 3px;
margin-right: 4px;
margin-bottom: 8px;
}
/* line 122, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-board.css.scss.erb */
.pinBoard .boardThumbs li:last-of-type {
margin-right: 0px;
}
/* line 126, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-board.css.scss.erb */
.pinBoard .boardThumbs li {
width: 69px;
height: 69px;
overflow: hidden;
}
/* line 132, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-board.css.scss.erb */
.pinBoard .boardThumbs li img {
width: 71px;
height: 71px;
margin-top: -1px;
margin-left: -1px;
}
/* line 139, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-board.css.scss.erb */
.pinBoard .boardDesc {
white-space: normal;
font-size: 14px;
line-height: 16px;
/*margin-bottom: 12px;*/
font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
font-weight: normal;
}
/* line 148, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-board.css.scss.erb */
.pinBoard .boardCategory {
font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
font-size: 12px;
color: #404040;
font-weight: normal;
}
/* line 155, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-board.css.scss.erb */
.pinBoard .boardMeta {
position: absolute;
bottom: 8px;
left: 10px;
}
/* line 161, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-board.css.scss.erb */
.pinBoard .boardPinCount {
display: inline-block;
background-color: rgba(68, 68, 68, 0.7);
color: #FFFFFF;
font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
font-size: 12px;
font-weight: bold;
line-height: 12px;
padding: 5px 6px 4px 6px;
text-shadow: rgba(0, 0, 0, 0.7) 0px -1px 0px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px 0px inset, rgba(255, 255, 255, 0.29804) 0px 1px 0px 0px;
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px 0px inset, rgba(255, 255, 255, 0.29804) 0px 1px 0px 0px;
box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 5px 0px inset, rgba(255, 255, 255, 0.29804) 0px 1px 0px 0px;
}
/* line 181, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-board.css.scss.erb */
.pinBoard .boardPinCount:before {
content: " ";
display: inline-block;
width: 7px;
height: 9px;
background-image: url(ui/pinterest-sprite.png);
background-repeat: no-repeat;
background-position: -138px -87px;
margin-right: 3px;
}
/* High resolution screen support */
/***** Fonts ******/
/***** Colors *****/
/* Was Kinetic Dark Grey #6C6463 */
/* was Kinetic Dark Grey #6C6463 */
/* Kinetic Medium Blue */
/*#E8E8E8;*/
/* Explicit Kinetic Color Definitions */
/* typographic scale */
/* z-index management */
/************************ Pin Selector ********************/
/* line 6, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-selector.css.scss.erb */
.pinSelector {
overflow-y: auto;
}
/* line 10, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-selector.css.scss.erb */
.pinSelector.withSelectedSidebar {
background-image: url(ui/vline.png);
background-repeat: repeat-y;
background-position: right 272px center;
}
/* line 17, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-selector.css.scss.erb */
.pinSelector.withSelectedSidebar .pinListing {
margin-right: 296px;
}
/* line 21, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-selector.css.scss.erb */
.pinSelector .pinListing .searchAndNew input.searchField {
display: inline-block;
margin-top: 0.375rem;
margin-bottom: 0.375rem;
width: 100%;
max-width: 25rem;
}
/********* selected Pins widget *******/
/* line 31, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-selector.css.scss.erb */
.pinSelector .selectedPins {
float: right;
width: 248px;
}
/* line 36, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-selector.css.scss.erb */
.selectedPins {
margin-bottom: 1.5rem;
}
/* line 40, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-selector.css.scss.erb */
.selectedPins h4 {
font-size: 1.125rem;
margin-bottom: 1.5rem;
}
/* line 45, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-selector.css.scss.erb */
.selectedPins h4 span {
display: inline-block;
float: right;
margin-top: -4px;
}
/* line 51, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-selector.css.scss.erb */
.selectedPins h4 button {
margin-left: 0px;
}
/* line 55, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-selector.css.scss.erb */
.selectedPins .buttonContainer {
text-align: center;
}
/* line 59, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-selector.css.scss.erb */
.selectedPins .buttonContainer span {
display: block;
margin-bottom: 0.375rem;
}
/* line 64, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-selector.css.scss.erb */
.selectedPins .buttonContainer span:last-of-type {
margin-bottom: 1.5rem;
}
/* line 68, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-selector.css.scss.erb */
.selectedPins .pin {
/*float:left;*/
}
/* line 73, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-selector.css.scss.erb */
.pinGrid {
overflow-y: auto;
}
/* line 76, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-selector.css.scss.erb */
.pinGrid .pin {
/*float: left;*/
margin-right: 8px;
margin-bottom: 8px;
}
/***** Fonts ******/
/***** Colors *****/
/* Was Kinetic Dark Grey #6C6463 */
/* was Kinetic Dark Grey #6C6463 */
/* Kinetic Medium Blue */
/*#E8E8E8;*/
/* Explicit Kinetic Color Definitions */
/* typographic scale */
/* z-index management */
/********************** Pin *********************/
/* line 5, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-preview.css.scss.erb */
.pin {
width: 236px;
clear: none;
position: relative;
background-color: #FFFFFF;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
overflow: hidden;
-webkit-box-shadow: rgba(0, 0, 0, 0.21961) 0px 1px 2px 0px;
-moz-box-shadow: rgba(0, 0, 0, 0.21961) 0px 1px 2px 0px;
box-shadow: rgba(0, 0, 0, 0.21961) 0px 1px 2px 0px;
}
/* line 20, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-preview.css.scss.erb */
.pin .pinMeta {
padding: 10px 16px;
border-bottom: solid 1px #E7E7E7;
margin-bottom: 8px;
}
/* line 26, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-preview.css.scss.erb */
.pin .pinMeta p {
font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
font-size: 13px;
font-weight: normal;
color: #333333;
margin: 0px;
line-height: 17px;
}
/* line 36, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-preview.css.scss.erb */
.pin .pinMeta .videoLength {
font-size: 14px;
color: #333333;
font-weight: 400;
}
/* line 42, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-preview.css.scss.erb */
.pin .pinSocialMeta {
font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
font-size: 11px;
color: #999999;
line-height: 11px;
height: 11px;
font-weight: normal;
margin-top: 4px;
}
/* line 52, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-preview.css.scss.erb */
.pin .pinSocialMeta .likes,
.pin .pinSocialMeta .repins {
margin-right: 8px;
}
/* line 57, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-preview.css.scss.erb */
.pin .pinSocialMeta .repins:before {
display: inline-block;
content: " ";
width: 14px;
height: 11px;
margin-bottom: -2px;
margin-right: 3px;
background-image: url(ui/pinterest-sprite.png);
background-position: -174px -157px;
background-repeat: no-repeat;
}
/* line 69, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-preview.css.scss.erb */
.pin .pinSocialMeta .likes:before {
display: inline-block;
content: " ";
width: 14px;
height: 11px;
margin-bottom: -3px;
margin-right: 1px;
background-image: url(ui/pinterest-sprite.png);
background-position: -22px -171px;
background-repeat: no-repeat;
}
/* line 81, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-preview.css.scss.erb */
.pin .pinCredits {
padding: 10px 16px;
padding-top: 4px;
}
/* line 86, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-preview.css.scss.erb */
.pin .pinCredits p {
margin: 0px;
font-size: 11px;
line-height: 15px;
font-weight: bold;
color: #999999;
font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
/* line 95, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-preview.css.scss.erb */
.pin .pinCredits p.withAvatar {
color: #555555;
position: relative;
padding-left: 35px;
height: 31px;
}
/* line 102, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-preview.css.scss.erb */
.pin .pinCredits p.withAvatar img {
position: absolute;
top: 1px;
left: 0px;
width: 30px;
height: 30px;
border-radius: 50%;
overflow: hidden;
}
/* line 112, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-preview.css.scss.erb */
.pin .pinCredits p.withAvatar:after {
content: "";
position: absolute;
top: 1px;
left: 0px;
width: 30px;
height: 30px;
display: block;
border-radius: 50%;
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.33) inset;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.33) inset;
}
/* line 127, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-preview.css.scss.erb */
.pin .pinCredits .creditTitle {
color: #717171;
}
/* line 131, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-preview.css.scss.erb */
.pin .pinPostDateStamp {
margin: 0px;
font-size: 11px;
line-height: 15px;
font-weight: normal;
color: #999999;
font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
padding: 0px 16px 6px 16px;
text-transform: uppercase;
}
/* line 142, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-preview.css.scss.erb */
.pin .pinButtons,
.pin > button {
position: absolute;
bottom: 9px;
right: 10px;
opacity: 0;
transition: opacity 0.1s ease;
}
/* line 152, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-preview.css.scss.erb */
.pin:hover .pinButtons,
.pin:hover > button {
opacity: 1;
}
/* line 158, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-preview.css.scss.erb */
.pin.selectable {
cursor: pointer;
}
/* line 162, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-preview.css.scss.erb */
.pin.selectable:hover {
background-color: #E9F6FA;
}
/* line 166, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-preview.css.scss.erb */
.pin.selectable.selected {
/*background-color: $color-table-row-selected;*/
}
/* line 170, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-preview.css.scss.erb */
.pin.selectable:before {
/* content: " ";
width: 16px;
height: 16px;
position: absolute;
top: 10px;
left: 10px;
background-image:url(/assets/forms/check-radio-sprite.png);
background-repeat: no-repeat;
background-position: 0px 0px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.35); */
}
/* line 189, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-preview.css.scss.erb */
.pin.selectable.selected:before {
/*background-position: 0px -20px;*/
content: "Added";
width: auto;
height: 24px;
position: absolute;
top: 10px;
right: 10px;
padding-left: 22px;
padding-right: 8px;
color: #FFFFFF;
font-weight: 700;
text-transform: uppercase;
font-size: 0.75rem;
line-height: 23px;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;
border-bottom: solid 1px #3f6222;
background-color: #6fae3c;
background-image: url(icons/icon-check-sm.png);
background-repeat: no-repeat;
background-position: left 2px top 1px;
}
/* line 218, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-preview.css.scss.erb */
.pin img.pinImage,
.pin video.pinVideo {
max-width: 100%;
height: auto;
display: block;
}
/* line 226, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-preview.css.scss.erb */
.pin.compact {
display: block;
float: none;
margin: 0px;
padding: 0.375rem;
border-bottom: solid 1px #E8E8E8;
width: auto;
min-width: 175px;
background: none;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
overflow: auto;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
/* line 246, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-preview.css.scss.erb */
.pin.compact:last-of-type {
/*border-bottom: solid 1px $color-keyline-light;*/
border-bottom: none;
}
/* line 251, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-preview.css.scss.erb */
.pin.compact .thumbnail {
width: 80px;
height: 80px;
background-position: 50% 50%;
background-size: cover;
float: left;
cursor: zoom-in;
/*margin-bottom: 4px;*/
}
/* line 261, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-preview.css.scss.erb */
.pin.compact p.description {
height: 76px;
margin-left: 86px;
margin-bottom: 0px;
padding-top: 4px;
padding-right: 20px;
overflow: hidden;
font-size: 14px;
line-height: 18px;
}
/* line 272, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-preview.css.scss.erb */
.pin.compact:hover {
background-color: #E9F6FA;
-webkit-transition: background-color 0.1s ease, color 0.1s ease;
-moz-transition: background-color 0.1s ease, color 0.1s ease;
transition: background-color 0.1s ease, color 0.1s ease;
}
/* line 280, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-preview.css.scss.erb */
.pin.compact:hover p.description {
color: #404040;
}
/* line 284, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-preview.css.scss.erb */
.pin.compact .removeLink {
position: absolute;
top: 0px;
right: 8px;
opacity: 0;
-webkit-transition: opacity 0.1s ease;
-moz-transition: opacity 0.1s ease;
transition: opacity 0.1s ease;
color: #DB1717;
}
/* line 295, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-preview.css.scss.erb */
.pin.compact .removeLink:hover {
text-decoration: none;
}
/* line 299, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-preview.css.scss.erb */
.pin.compact:hover .removeLink {
opacity: 1;
}
/* line 303, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-preview.css.scss.erb */
.pin.compact .links {
margin-top: 0.375rem;
margin-left: 85px;
}
/* line 308, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-preview.css.scss.erb */
.pin.compact .links a {
font-size: 0.75rem;
line-height: 1rem;
text-transform: uppercase;
}
/* line 314, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-preview.css.scss.erb */
.pin.compact .actions {
position: absolute;
top: 4px;
right: 4px;
width: 32px;
opacity: 0;
-webkit-transition: opacity 0.1s ease;
-moz-transition: opacity 0.1s ease;
transition: opacity 0.1s ease;
}
/* line 325, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-preview.css.scss.erb */
.pin.compact:hover .actions {
opacity: 1;
}
/* line 329, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-preview.css.scss.erb */
.pin.compact .actions button {
margin-bottom: 3px;
}
/* line 333, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-preview.css.scss.erb */
.pin.compact .destURL {
display: block;
clear: left;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-size: 13px;
line-height: 17px;
padding-left: 14px;
background-image: url(icons/icon-link_sm.png);
background-repeat: no-repeat;
background-position: left top 4px;
}
/* line 348, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-preview.css.scss.erb */
.pin.compact.inline {
padding: 0px;
overflow-y: auto;
}
/* line 353, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-preview.css.scss.erb */
.pin.compact.inline,
.pin.compact.inline:hover {
background: none;
}
/* line 358, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-preview.css.scss.erb */
.pin.compact.inline .thumbnail {
margin-right: 5px;
margin-bottom: 0px;
}
/* line 363, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-preview.css.scss.erb */
.pin.compact.inline p.description {
height: auto;
max-height: 75px;
margin-left: 0px;
clear: none;
padding-top: 0px;
padding-right: 0px;
}
/* line 372, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-preview.css.scss.erb */
.pin.compact.inline:hover p.description {
color: #5C5C5C;
}
/* line 376, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-preview.css.scss.erb */
.pin.compact.inline .destURL {
display: block;
white-space: nowrap;
max-height: 17px;
/*word-wrap: break-word;*/
clear: none;
margin-top: 4px;
}
/* line 385, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-preview.css.scss.erb */
.customizedPPIndicator {
display: inline-block;
height: 16px;
width: 16px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background-color: #FDFBCE;
background-repeat: no-repeat;
background-position: center center;
}
/* line 397, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-preview.css.scss.erb */
.customizedPPIndicator.customizedDestinationURL {
background-image: url(icons/icon-link_sm.png);
}
/* line 401, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-preview.css.scss.erb */
.customizedPPIndicator.customizedAudienceTarget {
background-image: url(icons/icon-target_sm.png);
}
/* line 405, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-preview.css.scss.erb */
.customizedPPIndicator.note {
background-image: url(icons/icon-note_sm.png);
}
/* Error Pin / Locked Pin */
/* line 412, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-preview.css.scss.erb */
.pin.error,
.pin.locked {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
/* line 419, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-preview.css.scss.erb */
.pin.error .errorOverlay,
.pin.locked .errorOverlay {
position: absolute;
top: 0px;
left: 0px;
width: 236px;
height: 100%;
background-color: rgba(0, 0, 0, 0.65);
padding: 14px 16px 12px 40px;
font-size: 0.875rem;
background-image: url(icons/icon-error.png);
background-repeat: no-repeat;
background-position: 10px 14px;
}
/* line 435, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-preview.css.scss.erb */
.pin.locked .errorOverlay:before {
content: "\e650";
width: 38px;
height: 38px;
font-size: 38px;
line-height: 1;
font-family: "KSP-Icons";
color: #DB1717;
display: block;
top: 5px;
left: 3px;
position: absolute;
}
/* line 449, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-preview.css.scss.erb */
.pin.locked .errorOverlay {
background-image: none;
}
/* line 453, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-preview.css.scss.erb */
.pin.error .errorOverlay p,
.pin.locked .errorOverlay p {
margin-bottom: 0.375rem;
font-weight: 400;
color: #FFFFFF;
font-size: 0.875rem;
line-height: 1.25rem;
}
/* line 462, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-preview.css.scss.erb */
.pin.error .errorOverlay p.errorTitle,
.pin.locked .errorOverlay p.errorTitle {
font-weight: 700;
font-size: 1rem;
}
/* line 468, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-preview.css.scss.erb */
.piPinPreview .piPreviewHighlight {
border: solid 1px #E57200;
min-height: 12px;
background-color: #FDFBCE;
}
/* line 474, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-preview.css.scss.erb */
.piPinPreview .pin .pinCredits .creditTitle {
display: inline-block;
width: 100%;
}
@media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 4 / 2), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
/* .pin.selectable:before {
background-image:url(/assets/forms/check-radio-sprite@2x.png);
background-repeat:no-repeat;
background-size: 36px 76px;
}*/
/* line 494, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-preview.css.scss.erb */
.pin.selectable.selected:before {
background-image: url(icons/icon-check-sm@2x.png);
background-repeat: no-repeat;
background-size: 20px 20px;
}
/* line 501, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-preview.css.scss.erb */
.pin .pinSocialMeta .repins:before {
background-image: url(ui/pinterest-sprite@2x.png);
background-repeat: no-repeat;
background-size: 179px 179px;
background-position: -107px -153px;
}
/* line 507, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-preview.css.scss.erb */
.pin .pinSocialMeta .likes:before {
background-image: url(ui/pinterest-sprite@2x.png);
background-repeat: no-repeat;
background-size: 179px 179px;
background-position: -47px -168px;
}
/* line 514, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-preview.css.scss.erb */
.pin.error .errorOverlay {
background-image: url(icons/icon-error@2x.png);
background-repeat: no-repeat;
background-size: 20px 18px;
}
/* line 520, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-preview.css.scss.erb */
.pinBoard .boardPinCount:before {
background-image: url(ui/pinterest-sprite@2x.png);
background-repeat: no-repeat;
background-size: 179px 179px;
background-position: -168px -34px;
}
/* line 527, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-preview.css.scss.erb */
.pinBoard.selectable:after {
background-image: url(forms/check-radio-sprite@2x.png);
background-repeat: no-repeat;
background-size: 36px 76px;
}
/* line 533, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-preview.css.scss.erb */
.pin.compact .destURL {
background-image: url(icons/icon-link.png);
background-repeat: no-repeat;
background-size: 10px 10px;
}
}
/***** Fonts ******/
/***** Colors *****/
/* Was Kinetic Dark Grey #6C6463 */
/* was Kinetic Dark Grey #6C6463 */
/* Kinetic Medium Blue */
/*#E8E8E8;*/
/* Explicit Kinetic Color Definitions */
/* typographic scale */
/* z-index management */
/**************** Pinterest Terms Search *****************/
/* line 6, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-terms-search.css.scss.erb */
.pinTermsSearch.withSelectedSidebar {
background-image: url(ui/vline.png);
background-repeat: repeat-y;
background-position: left 66.6% center;
min-height: 400px;
}
/*.pinTermsSearch .searchAndImport {
overflow-y: auto;
}*/
/* line 17, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-terms-search.css.scss.erb */
.pinTermsSearch .searchAndImport .searchField {
margin-bottom: 0.375rem;
}
/* line 21, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-terms-search.css.scss.erb */
.pinTermsSearch .searchAndImport span.floatRight {
margin-top: 0px;
}
@media screen and (min-width: 1100px) {
/* line 27, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-terms-search.css.scss.erb */
.pinTermsSearch .searchAndImport .searchField {
margin-bottom: 0px;
width: 18.75rem;
}
/* line 32, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-terms-search.css.scss.erb */
.pinTermsSearch .searchAndImport span.floatRight {
margin-top: 4px;
}
/* line 37, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-terms-search.css.scss.erb */
.pinTermsSearch.withSelectedSidebar .searchAndImport .searchField {
margin-bottom: 0.375rem;
width: 100%;
}
/* line 42, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-terms-search.css.scss.erb */
.pinTermsSearch.withSelectedSidebar .searchAndImport span.floatRight {
margin-top: 0px;
}
}
@media screen and (min-width: 1450px) {
/* line 50, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-terms-search.css.scss.erb */
.pinTermsSearch.withSelectedSidebar .searchAndImport .searchField {
width: 18.75rem;
margin-bottom: 0px;
}
/* line 55, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-terms-search.css.scss.erb */
.pinTermsSearch.withSelectedSidebar .searchAndImport span.floatRight {
margin-top: 4px;
}
}
/* line 63, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-terms-search.css.scss.erb */
.pinTermsSearchResults .resultsHeader {
border-bottom: solid 2px #E8E8E8;
padding-bottom: 0.375rem;
overflow-y: auto;
margin-top: 0.75rem;
}
/* line 70, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-terms-search.css.scss.erb */
.pinTermsSearchResults .resultsHeader h4 {
display: inline-block;
margin: 0px;
float: left;
font-size: 1rem;
padding-left: 0.375rem;
}
/* line 78, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-terms-search.css.scss.erb */
.pinTermsSearchResults .resultsHeader h4:first-child {
width: 35%;
}
/* line 82, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-terms-search.css.scss.erb */
.pinTermsSearchResults .resultsHeader h4:nth-child(2) {
width: 65%;
}
/* line 87, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-terms-search.css.scss.erb */
.pinTermsSearchResults .resultsRow {
overflow-y: auto;
overflow-x: hidden;
padding: 0.75rem 0px;
border-bottom: solid 1px whitesmoke;
position: relative;
}
/* line 95, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-terms-search.css.scss.erb */
.pinTermsSearchResults .resultsRow:nth-child(odd) {
/*background-color: lighten($color-keyline-light, 5%);*/
}
/* line 99, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-terms-search.css.scss.erb */
.pinTermsSearchResults .resultsRow:hover {
background-color: #E9F6FA;
}
/* line 103, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-terms-search.css.scss.erb */
.pinTermsSearchResults .resultsRow ul {
float: left;
padding-right: 1.5rem;
padding-left: 0.375rem;
margin-bottom: 0rem;
}
/* line 110, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-terms-search.css.scss.erb */
.pinTermsSearchResults .resultsRow ul li {
/*line-height: $baseline-scale;*/
/*vertical-align: middle;*/
}
/* line 115, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-terms-search.css.scss.erb */
.pinTermsSearchResults .resultsRow ul:first-child {
width: 35%;
}
/* line 119, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-terms-search.css.scss.erb */
.pinTermsSearchResults .resultsRow ul:nth-child(2) {
width: 65%;
padding-right: 116px;
}
/*@media screen and (min-width: 1000px) {
.pinTermsSearchResults .resultsHeader h4:first-child {
width:30%;
}
.pinTermsSearchResults .resultsHeader h4:nth-child(2) {
width:70%;
}
.pinTermsSearchResults .resultsRow ul:first-child {
width: 30%;
}
.pinTermsSearchResults .resultsRow ul:nth-child(2) {
width: 70%;
}
.pinTermsSearch input.searchField {
width: 25rem;
}
}*/
/* line 147, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-terms-search.css.scss.erb */
.pinTermsSearchResults .resultsRow button {
opacity: 0;
position: absolute;
top: 8px;
right: 0.375rem;
-webkit-transition: opacity 0.1s ease;
-moz-transition: opacity 0.1s ease;
-o-transition: opacity 0.1s ease;
-ms-transition: opacity 0.1s ease;
transition: opacity 0.1s ease;
}
/* line 159, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-terms-search.css.scss.erb */
.pinTermsSearchResults .resultsRow:hover button {
opacity: 1;
position: absolute;
right: 0.375rem;
}
/* line 166, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-terms-search.css.scss.erb */
.pinTermsSearch > .pinTermsSelected {
padding-right: 0rem;
padding-left: 1.5rem;
}
/* line 171, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-terms-search.css.scss.erb */
.pinTermsSearch > .pinTermsSelected h5 {
margin-top: 0.375rem;
position: relative;
}
/* line 176, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-terms-search.css.scss.erb */
.pinTermsSearch > .pinTermsSelected h5 span.buttons {
display: block;
margin-top: 0.375rem;
position: relative;
}
/* line 182, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-terms-search.css.scss.erb */
.pinTermsSearch > .pinTermsSelected h5 span.buttons button {
margin-left: 0px;
}
@media screen and (min-width: 1650px) {
/* line 187, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/pi-pin-terms-search.css.scss.erb */
.pinTermsSearch > .pinTermsSelected h5 span.buttons {
position: absolute;
margin-top: 0px;
right: 0px;
top: -4px;
}
}
/***** Fonts ******/
/***** Colors *****/
/* Was Kinetic Dark Grey #6C6463 */
/* was Kinetic Dark Grey #6C6463 */
/* Kinetic Medium Blue */
/*#E8E8E8;*/
/* Explicit Kinetic Color Definitions */
/* typographic scale */
/* z-index management */
/* line 7, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/insta-post-preview.css.scss.erb */
.instagramPostPreview .matte {
background-color: #FFFFFF;
border: solid 1px rgba(0, 0, 0, 0.3);
width: 294px;
}
/* line 12, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/insta-post-preview.css.scss.erb */
.instagramPostPreview .postContainer {
position: relative;
width: 292px;
}
/* line 17, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/insta-post-preview.css.scss.erb */
.instagramPostPreview .postContainer .postHeader {
position: relative;
height: 84px;
background-image: url(previews/insta/insta-header-white.png);
background-position: top center;
background-repeat: no-repeat;
}
/* line 25, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/insta-post-preview.css.scss.erb */
.instagramPostPreview .postContainer .postHeader:after {
content: "Sponsored";
position: absolute;
padding-right: 12px;
top: 56px;
right: 12px;
background-image: url(previews/insta/chevron-down.png);
background-repeat: no-repeat;
background-position: right 0px top 3px;
height: 11px;
font-size: 11px;
line-height: 11px;
color: #000000;
font-weight: 500;
font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
}
/* line 42, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/insta-post-preview.css.scss.erb */
.instagramPostPreview .postContainer .postHeader .avatar {
width: 28px;
height: 28px;
display: inline-block;
vertical-align: middle;
position: absolute;
top: 48px;
left: 10px;
border-radius: 14px;
overflow: hidden;
}
/* line 54, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/insta-post-preview.css.scss.erb */
.instagramPostPreview .postContainer .postHeader .account {
position: absolute;
font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
font-size: 11px;
line-height: 26px;
font-weight: 500;
color: #000000;
white-space: nowrap;
display: inline-block;
position: absolute;
top: 49px;
left: 44px;
}
/* line 68, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/insta-post-preview.css.scss.erb */
.instagramPostPreview .postContainer img.postPhoto {
display: block;
width: 292px;
height: auto;
min-height: 50px;
background-color: #e5e5e5;
}
/* line 76, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/insta-post-preview.css.scss.erb */
.instagramPostPreview .postContainer .videoContainer {
position: relative;
min-height: 50px;
background-color: #e5e5e5;
}
/* line 82, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/insta-post-preview.css.scss.erb */
.instagramPostPreview .postContainer .videoContainer video {
width: 292px;
height: auto;
}
/* line 87, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/insta-post-preview.css.scss.erb */
.instagramPostPreview .postContainer .videoContainer .playButton {
position: absolute;
width: 72px;
height: 72px;
background-image: url(previews/fb/fb-play-buttons-sprite.png);
top: 50%;
left: 50%;
margin-left: -36px;
margin-top: -36px;
cursor: pointer;
}
/* line 99, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/insta-post-preview.css.scss.erb */
.instagramPostPreview .postContainer .videoContainer .videoThumbnailContainer {
position: absolute;
display: block;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-size: cover;
background-position: 50% 50%;
}
/* line 110, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/insta-post-preview.css.scss.erb */
.instagramPostPreview .postContainer .postCarousel {
display: block;
white-space: nowrap;
overflow: hidden;
position: relative;
height: 292px;
}
/* line 118, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/insta-post-preview.css.scss.erb */
.instagramPostPreview .postContainer .postCarousel .imgContainer {
position: relative;
top: 0px;
left: 0px;
width: 292px;
height: auto;
}
/* line 126, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/insta-post-preview.css.scss.erb */
.instagramPostPreview .postContainer .postCarousel img.postPhoto {
position: relative;
display: inline-block;
top: 0px;
}
/* line 132, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/insta-post-preview.css.scss.erb */
.instagramPostPreview .postContainer .postCarousel .navArrow {
position: absolute;
top: calc(50% - 16px);
width: 18px;
height: 32px;
display: block;
background-image: url(previews/insta/insta-sprite.png);
background-size: 26px 280px;
cursor: pointer;
opacity: 0.5;
-ms-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
}
/* line 148, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/insta-post-preview.css.scss.erb */
.instagramPostPreview .postContainer .postCarousel .navArrow:hover {
opacity: 1;
}
/* line 152, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/insta-post-preview.css.scss.erb */
.instagramPostPreview .postContainer .postCarousel .navArrow.left {
left: 25px;
background-position: 0px 0px;
}
/* line 157, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/insta-post-preview.css.scss.erb */
.instagramPostPreview .postContainer .postCarousel .navArrow.right {
right: 25px;
background-position: 0px -34px;
}
/* line 163, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/insta-post-preview.css.scss.erb */
.instagramPostPreview .postContainer .ctaContainer {
line-height: 20px;
text-align: right;
margin: 0 10px;
height: 36px;
border-bottom: solid 1px #e5e5e5;
position: relative;
}
/* line 172, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/insta-post-preview.css.scss.erb */
.instagramPostPreview .postContainer .ctaContainer:before {
content: "";
position: absolute;
width: 21px;
height: 18px;
background-image: url(previews/insta/like-icon.png);
top: 9px;
left: 1px;
}
/* line 182, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/insta-post-preview.css.scss.erb */
.instagramPostPreview .postContainer .ctaContainer:after {
content: "";
position: absolute;
width: 20px;
height: 18px;
background-image: url(previews/insta/comment-icon.png);
top: 9px;
left: 37px;
}
/* line 193, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/insta-post-preview.css.scss.erb */
.instagramPostPreview .postContainer .ctaContainer a,
.instagramPostPreview .postContainer .ctaContainer a:hover,
.instagramPostPreview .postContainer .ctaContainer a:visited,
.instagramPostPreview .postContainer .ctaContainer a:active {
display: inline-block;
border: solid 1px #009fdf;
color: #009fdf;
font-size: 9px;
font-weight: 500;
line-height: 17px;
font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
text-decoration: none;
border-radius: 3px;
padding: 0px 10px;
background-color: #FFFFFF;
margin-top: 8px;
margin-right: 1px;
text-transform: uppercase;
}
/* line 213, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/insta-post-preview.css.scss.erb */
.instagramPostPreview .postContainer .ctaContainer a:active {
background-color: #CCCCCC;
box-shadow: rgba(0, 0, 0, 0.09804) 0px 1px 0px 0px inset;
}
/* line 218, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/insta-post-preview.css.scss.erb */
.instagramPostPreview .postContainer .message {
font-size: 11px;
line-height: 15px;
font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
color: #000000;
padding: 2px 6px 4px 6px;
overflow: hidden;
height: 50px;
margin: 6px 6px 36px 6px;
letter-spacing: 0.5px;
}
/* line 230, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/insta-post-preview.css.scss.erb */
.instagramPostPreview .postContainer .message .account {
font-weight: 500;
color: #000000;
}
/* line 235, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/insta-post-preview.css.scss.erb */
.instagramPostPreview .instaPreviewHighlight {
border: solid 1px #E57200;
min-height: 12px;
background-color: #FDFBCE;
}
/* line 242, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/insta-post-preview.css.scss.erb */
.instagramPostPreview .postContainer .videoCard {
display: block;
position: absolute;
width: 292px;
height: 292px;
background-color: #F6F7F8;
top: 76px;
}
/* line 251, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/insta-post-preview.css.scss.erb */
.instagramPostPreview .videoCard .playButton {
position: absolute;
width: 72px;
height: 72px;
background-image: url(previews/fb/fb-play-buttons-sprite.png);
top: 50%;
left: 50%;
margin-left: -36px;
margin-top: -36px;
}
/* High resolution screen support */
@media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 4 / 2), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
/* line 272, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/insta-post-preview.css.scss.erb */
.instagramPostPreview .videoCard .playButton {
background-image: url(previews/fb/fb-play-buttons-sprite@2x.png);
background-repeat: no-repeat;
background-size: 73px 183px;
}
/* line 278, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/insta-post-preview.css.scss.erb */
.instagramPostPreview .postContainer .postCarousel .navArrow {
background-image: url(previews/insta/insta-sprite@2x.png);
background-size: 25px 270px;
}
/* line 283, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/insta-post-preview.css.scss.erb */
.instagramPostPreview .postContainer .videoContainer .playButton {
background-image: url(previews/fb/fb-play-buttons-sprite@2x.png);
background-repeat: no-repeat;
background-size: 73px 183px;
}
}
/***** Fonts ******/
/***** Colors *****/
/* Was Kinetic Dark Grey #6C6463 */
/* was Kinetic Dark Grey #6C6463 */
/* Kinetic Medium Blue */
/*#E8E8E8;*/
/* Explicit Kinetic Color Definitions */
/* typographic scale */
/* z-index management */
/*************** Media Browser ***************/
/* line 6, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/media-browser.css.scss.erb */
.ngdialog.mediaBrowser {
z-index: 3100;
}
/* line 10, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/media-browser.css.scss.erb */
.ngdialog.mediaBrowser .ngdialog-content > .ngDialogContentContainer {
padding: 0;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
}
/* line 22, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/media-browser.css.scss.erb */
.mediaBrowser .fixedOptions {
padding: 0.75rem 1.125rem;
border-bottom: solid 1px #E8E8E8;
}
/* line 27, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/media-browser.css.scss.erb */
.mediaBrowser .scrollingOptions {
-webkit-flex-grow: 1;
flex-grow: 1;
height: 0;
padding: 1.125rem;
overflow: auto;
background-color: #F6F5F3;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-align-content: flex-start;
align-content: flex-start;
}
/**************** Media Tile ****************/
/* line 57, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/media-browser.css.scss.erb */
.mediaTile {
padding: 8px;
margin: 5px;
background-color: #FFFFFF;
border: solid 1px #E8E8E8;
display: inline-block;
}
/* line 65, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/media-browser.css.scss.erb */
.mediaTile.selectable {
position: relative;
cursor: pointer;
}
/* line 70, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/media-browser.css.scss.erb */
.mediaTile.selectable:after {
content: "";
display: block;
position: absolute;
width: 16px;
height: 16px;
background-image: url(forms/check-radio-sprite.png);
background-repeat: no-repeat;
background-position: 0px 0px;
position: absolute;
top: 16px;
left: 16px;
}
/* line 85, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/media-browser.css.scss.erb */
.singleSelect .mediaTile.selectable:after {
background-position: -20px 0px;
}
/* line 89, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/media-browser.css.scss.erb */
.mediaTile.selected {
padding: 7px;
border: solid 2px #00A9CE;
background-color: #E9F6FA;
}
/* line 95, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/media-browser.css.scss.erb */
.mediaTile.selectable.selected:after {
background-position: 0px -20px;
top: 15px;
left: 15px;
}
/* line 101, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/media-browser.css.scss.erb */
.singleSelect .mediaTile.selectable.selected:after {
background-position: -20px -20px;
}
/* line 106, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/media-browser.css.scss.erb */
.mediaTile .thumbnailContainer {
width: 210px;
height: 210px;
background-color: #F5F5F5;
overflow: hidden;
display: block;
}
/* line 114, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/media-browser.css.scss.erb */
.mediaTile.selected .thumbnailContainer {
background-color: #D5EBF3;
}
/* line 118, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/media-browser.css.scss.erb */
.mediaTile .thumbnailContainer img,
.mediaTile .thumbnailContainer video {
display: block;
background-color: #000000;
}
/* line 125, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/media-browser.css.scss.erb */
.mediaTile .details {
font-weight: 400;
display: block;
margin-top: 8px;
text-transform: uppercase;
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 210px;
height: 1.5rem;
}
/****** Load More Tiles ********/
/* line 140, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/media-browser.css.scss.erb */
.loadMoreTiles {
background-color: #E8E8E8;
text-transform: uppercase;
text-align: center;
font-size: 14px;
font-weight: 700;
cursor: pointer;
color: #ACACAC;
padding: 6px 0;
-webkit-flex-grow: 1;
flex-grow: 1;
width: 100%;
}
/* line 154, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/media-browser.css.scss.erb */
.loadMoreTiles:hover {
color: #656565;
}
/* line 158, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/media-browser.css.scss.erb */
.loadMoreTiles:active {
background-color: #DDDDDD;
}
/*************** Hi-res imagery ***************/
@media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 4 / 2), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
/* line 172, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/media-browser.css.scss.erb */
.mediaTile.selectable:after {
background-image: url(forms/check-radio-sprite@2x.png);
background-repeat: no-repeat;
background-size: 36px 76px;
}
}
/***** Fonts ******/
/***** Colors *****/
/* Was Kinetic Dark Grey #6C6463 */
/* was Kinetic Dark Grey #6C6463 */
/* Kinetic Medium Blue */
/*#E8E8E8;*/
/* Explicit Kinetic Color Definitions */
/* typographic scale */
/* z-index management */
/* line 3, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/anomalies.css.scss.erb */
.anomalySensitivitySliderContainer {
width: 30rem;
}
/* line 7, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/anomalies.css.scss.erb */
.anomalySensitivitySliderContainer .columnContainer .column1_2:last-of-type {
text-align: right;
padding-right: 0;
}
/* line 12, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/anomalies.css.scss.erb */
.anomalySensitivitySliderContainer .ticks {
position: relative;
margin: 6px 0 0 0;
display: block;
height: 8px;
}
/* line 19, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/anomalies.css.scss.erb */
.anomalySensitivitySliderContainer .ticks .tick {
display: block;
height: 8px;
width: 2px;
background-color: #404040;
position: absolute;
}
/* line 28, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/anomalies.css.scss.erb */
.anomalySensitivitySliderContainer .ticks .tick:nth-child(1) {
left: 0.75rem;
}
/* line 32, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/anomalies.css.scss.erb */
.anomalySensitivitySliderContainer .ticks .tick:nth-child(2) {
left: 10.1875rem;
}
/* line 36, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/anomalies.css.scss.erb */
.anomalySensitivitySliderContainer .ticks .tick:nth-child(3) {
right: 10.1875rem;
}
/* line 40, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/anomalies.css.scss.erb */
.anomalySensitivitySliderContainer .ticks .tick:nth-child(4) {
right: 0.75rem;
}
/***** Fonts ******/
/***** Colors *****/
/* Was Kinetic Dark Grey #6C6463 */
/* was Kinetic Dark Grey #6C6463 */
/* Kinetic Medium Blue */
/*#E8E8E8;*/
/* Explicit Kinetic Color Definitions */
/* typographic scale */
/* z-index management */
/* line 3, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/simple-creative-tile.css.scss.erb */
.simpleCreativeTile {
padding: 4px;
display: inline-block;
background-color: #FBFAF8;
margin-right: 0.75rem;
margin-bottom: 0.75rem;
position: relative;
border: solid 1px #D6D2C4;
}
/* line 13, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/simple-creative-tile.css.scss.erb */
.simpleCreativeTile.selectable {
cursor: pointer;
}
/* line 17, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/simple-creative-tile.css.scss.erb */
.simpleCreativeTile.selectable:after {
content: "";
display: block;
position: absolute;
top: 4px;
left: 4px;
width: 16px;
height: 16px;
background-image: url(forms/form-element-sprite.svg);
background-repeat: no-repeat;
background-position: -120px -120px;
}
/* line 30, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/simple-creative-tile.css.scss.erb */
.simpleCreativeTile.selectable.selected:after {
top: 3px;
left: 3px;
background-position: -120px -140px;
}
/* line 36, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/simple-creative-tile.css.scss.erb */
.simpleCreativeTile.selectable:hover {
background-color: #E9F6FA;
border-color: #00A9CE;
}
/* line 41, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/simple-creative-tile.css.scss.erb */
.simpleCreativeTile.selected {
background-color: #E9F6FA;
border-color: #00A9CE;
border-width: 2px;
padding: 3px;
}
/* line 48, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/simple-creative-tile.css.scss.erb */
.simpleCreativeTile > .previewContainer {
display: block;
width: 192px;
height: 192px;
overflow: hidden;
cursor: url(ui/zoom-in.cur), pointer;
cursor: -moz-zoom-in;
cursor: -webkit-zoom-in;
cursor: zoom-in;
}
/* line 60, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/simple-creative-tile.css.scss.erb */
.simpleCreativeTile > .previewContainer * {
pointer-events: none;
}
/* line 64, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/simple-creative-tile.css.scss.erb */
.simpleCreativeTile iframe.fbAdCreativePreview {
width: 496px;
height: 512px;
border: 0;
}
/* line 70, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/simple-creative-tile.css.scss.erb */
.simpleCreativeTile > .caption,
.simpleCreativeTile > .meta {
display: block;
font-size: 0.75rem;
line-height: 1rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-align: center;
font-weight: 400;
color: #404040;
}
/* line 83, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/simple-creative-tile.css.scss.erb */
.simpleCreativeTile .actionButtons {
position: absolute;
display: block;
top: 4px;
right: 4px;
opacity: 0;
height: 32px;
-moz-transition: opacity 0.2s;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
}
/* line 95, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/simple-creative-tile.css.scss.erb */
.simpleCreativeTile.selected > .actionButtons {
top: 3px;
right: 3px;
}
/* line 101, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/simple-creative-tile.css.scss.erb */
.simpleCreativeTile > .actionButtons button:active,
.simpleCreativeTile > .actionButtons .button:active {
position: relative;
top: 2px;
}
/* line 107, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/simple-creative-tile.css.scss.erb */
.simpleCreativeTile:hover > .actionButtons {
opacity: 1;
}
/* used in a flex container to make the last items left aligned to the rest of the content */
/* line 112, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/simple-creative-tile.css.scss.erb */
.dummySimpleCreativeTile {
display: inline-block;
width: 202px;
margin-right: 12px;
}
/***** Fonts ******/
/***** Colors *****/
/* Was Kinetic Dark Grey #6C6463 */
/* was Kinetic Dark Grey #6C6463 */
/* Kinetic Medium Blue */
/*#E8E8E8;*/
/* Explicit Kinetic Color Definitions */
/* typographic scale */
/* z-index management */
/* line 3, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tag-insert.css.scss.erb */
.tagInsert {
display: inline-block;
border: solid 1px #ACACAC;
background-color: #FFFFFF;
padding: 0 0.375rem;
margin: 0 0.0625rem;
font-size: 0.875rem;
color: #404040;
line-height: 1.125rem;
text-transform: lowercase;
font-family: Monaco, "Lucida Console", "Lucida Sans Typewriter", Consolas, "Andale Mono", "Courier New", Courier, monospace;
}
/* line 15, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tag-insert.css.scss.erb */
.tagInsert.capitalize {
text-transform: capitalize;
}
/* line 19, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tag-insert.css.scss.erb */
.tagInsert .removeLink {
margin-left: 0.375rem;
color: #D6D6D6;
cursor: pointer;
font-size: 0.75rem;
font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
}
/* line 27, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tag-insert.css.scss.erb */
.tagInsert .removeLink:hover {
color: #DB1717;
}
/* line 31, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tag-insert.css.scss.erb */
.tagInsert .removeLink:before {
content: "\00D7";
}
/* line 35, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tag-insert.css.scss.erb */
.tagInsert .textTransformLink {
color: #D6D6D6;
cursor: pointer;
margin-left: 0.375rem;
font-size: 0.75rem;
font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
padding: 0 3px;
border-radius: 20px;
}
/* line 45, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tag-insert.css.scss.erb */
.tagInsert .textTransformLink:before {
content: "Aa";
text-transform: capitalize;
}
/* line 50, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/tag-insert.css.scss.erb */
.tagInsert.capitalize .textTransformLink {
color: #FFFFFF;
background-color: #C4D600;
}
/***** Fonts ******/
/***** Colors *****/
/* Was Kinetic Dark Grey #6C6463 */
/* was Kinetic Dark Grey #6C6463 */
/* Kinetic Medium Blue */
/*#E8E8E8;*/
/* Explicit Kinetic Color Definitions */
/* typographic scale */
/* z-index management */
/* line 3, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/sticky-sidebar.css.scss.erb */
.sidebarContentContainer[ks-sticky-sidebar] {
padding-top: 0;
}
/* line 7, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/sticky-sidebar.css.scss.erb */
[ks-sticky-sidebar] .fixedContent {
border-bottom: solid 1px #E8E8E8;
}
/* line 11, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/sticky-sidebar.css.scss.erb */
[ks-sticky-sidebar] .fixedContent > :first-child {
margin-top: 0;
}
/* line 15, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/sticky-sidebar.css.scss.erb */
[ks-sticky-sidebar] .scrollingContent {
overflow-y: auto;
}
/* line 19, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/sticky-sidebar.css.scss.erb */
[ks-sticky-sidebar] .fixedContent,
[ks-sticky-sidebar] .scrollingContent {
padding-top: 1.5rem;
}
/* line 24, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/sticky-sidebar.css.scss.erb */
[ks-sticky-sidebar].fixed {
position: fixed;
}
/* line 28, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/sticky-sidebar.css.scss.erb */
[ks-sticky-sidebar].fixed .scrollingContent {
overflow-x: visible;
overflow-y: auto;
}
/***** Fonts ******/
/***** Colors *****/
/* Was Kinetic Dark Grey #6C6463 */
/* was Kinetic Dark Grey #6C6463 */
/* Kinetic Medium Blue */
/*#E8E8E8;*/
/* Explicit Kinetic Color Definitions */
/* typographic scale */
/* z-index management */
/* Style the source element to indicate it is a date picker widget field */
/* line 4, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/ks-datetime-picker.css.scss.erb */
*[datetime-picker],
*[ks-datetime-picker] {
background-image: url(forms/form-element-sprite.svg);
background-repeat: no-repeat;
background-position: top -1px right -239px;
cursor: pointer;
text-transform: uppercase;
}
/* line 13, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/ks-datetime-picker.css.scss.erb */
*[datetime-picker]::-webkit-input-placeholder,
*[ks-datetime-picker]::-webkit-input-placeholder {
text-transform: none;
}
/* line 17, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/ks-datetime-picker.css.scss.erb */
*[datetime-picker]:-moz-placeholder,
*[ks-datetime-picker]:-moz-placeholder {
text-transform: none;
}
/* line 21, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/ks-datetime-picker.css.scss.erb */
*[datetime-picker]::-moz-placeholder,
*[ks-datetime-picker]::-moz-placeholder {
text-transform: none;
}
/* line 25, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/ks-datetime-picker.css.scss.erb */
*[datetime-picker]:-ms-input-placeholder,
*[ks-datetime-picker]:-ms-input-placeholder {
text-transform: none;
}
/* CSS Keyframe Animation Definitions */
@-webkit-keyframes angularjs-datetime-picker-fadeout {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes angularjs-datetime-picker-fadeout {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes angularjs-datetime-picker-fadein {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes angularjs-datetime-picker-fadein {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
/* line 72, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/ks-datetime-picker.css.scss.erb */
.angularjs-datetime-picker {
font-size: 0.875rem;
border: 1px solid #D6D2C4;
display: inline-block;
background: #FFFFFF;
-webkit-animation: angularjs-datetime-picker-fadein 0.2s;
animation: angularjs-datetime-picker-fadein 0.2s;
z-index: 4000;
}
/* line 83, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/ks-datetime-picker.css.scss.erb */
.angularjs-datetime-picker > .adp-month {
text-align: center;
background: #D6D2C4;
text-transform: uppercase;
font-weight: 400;
color: #404040;
position: relative;
padding: 6px;
font-size: 1rem;
line-height: 32px;
}
/* line 95, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/ks-datetime-picker.css.scss.erb */
.angularjs-datetime-picker > .adp-month > button {
position: absolute;
displaty: block;
width: 32px;
text-indent: -9999px;
overflow: hidden;
background-repeat: no-repeat;
font-family: monospace !important;
font-size: 24px;
line-height: 30px;
padding-left: 0;
}
/* line 109, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/ks-datetime-picker.css.scss.erb */
.angularjs-datetime-picker > .adp-month > button:before {
font-family: "KSP-Icons";
text-indent: 0px;
display: block;
float: left;
margin-top: -1px;
margin-left: 0px;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-size: 32px;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* line 132, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/ks-datetime-picker.css.scss.erb */
.angularjs-datetime-picker > .adp-month > button.adp-prev {
left: 6px;
}
/* line 135, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/ks-datetime-picker.css.scss.erb */
.angularjs-datetime-picker > .adp-month > button.adp-prev:before {
content: "\e605";
font-size: 16px;
margin-top: 7px;
margin-left: 8px;
}
/* line 142, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/ks-datetime-picker.css.scss.erb */
.angularjs-datetime-picker > .adp-month > button.adp-next {
right: 6px;
}
/* line 145, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/ks-datetime-picker.css.scss.erb */
.angularjs-datetime-picker > .adp-month > button.adp-next:before {
content: "\e606";
font-size: 16px;
margin-top: 7px;
margin-left: 9px;
}
/* line 152, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/ks-datetime-picker.css.scss.erb */
.angularjs-datetime-picker > .adp-days {
width: 224px;
/* 32 x 7 */
margin: 10px 16px;
/*text-align: center;*/
}
/* line 157, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/ks-datetime-picker.css.scss.erb */
.angularjs-datetime-picker > .adp-days > .adp-day-of-week, .angularjs-datetime-picker > .adp-days > .adp-day {
background-color: transparent;
border: 1px solid transparent;
width: 30px;
line-height: 28px;
height: 30px;
margin: 1px;
display: block;
float: left;
text-align: center;
}
/* line 169, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/ks-datetime-picker.css.scss.erb */
.angularjs-datetime-picker > .adp-days > .adp-day {
background-color: #F4F2EA;
border: 1px solid #F4F2EA;
color: #5C5C5C;
}
/* line 176, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/ks-datetime-picker.css.scss.erb */
.angularjs-datetime-picker > .adp-days > .adp-day-of-week {
font-weight: 300;
color: #404040;
}
/* line 180, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/ks-datetime-picker.css.scss.erb */
.angularjs-datetime-picker > .adp-days > .adp-day:not(.selectable) {
background-color: transparent;
border: 1px solid transparent;
color: #D6D6D6;
cursor: default;
pointer-events: none;
}
/* line 188, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/ks-datetime-picker.css.scss.erb */
.angularjs-datetime-picker > .adp-days > .adp-day.selectable {
cursor: pointer;
}
/* line 192, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/ks-datetime-picker.css.scss.erb */
.angularjs-datetime-picker > .adp-days > .adp-day.selectable.weekend {
background-color: #ebe8d9;
border: solid 1px #ebe8d9;
}
/* line 197, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/ks-datetime-picker.css.scss.erb */
.angularjs-datetime-picker > .adp-days > .adp-day.today {
border: solid 1px #D6D2C4;
}
/* line 200, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/ks-datetime-picker.css.scss.erb */
.angularjs-datetime-picker > .adp-days > .adp-day.selectable.weekend.today {
border: solid 1px #ccc7b5;
}
/* line 204, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/ks-datetime-picker.css.scss.erb */
.angularjs-datetime-picker > .adp-days > .adp-day.selected,
.angularjs-datetime-picker > .adp-days > .adp-day.selectable.weekend.selected,
.angularjs-datetime-picker > .adp-days > .adp-day.selectable.selected:hover {
background: #D5EBF3;
color: #404040;
font-weight: 400;
}
/* line 211, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/ks-datetime-picker.css.scss.erb */
.angularjs-datetime-picker > .adp-days > .adp-day.selectable:hover {
background: #E9F6FA;
}
/* line 214, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/ks-datetime-picker.css.scss.erb */
.angularjs-datetime-picker > .adp-days:after {
content: '';
display: block;
clear: left;
height: 0;
}
/* line 221, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/ks-datetime-picker.css.scss.erb */
.angularjs-datetime-picker label.timeLabel,
.angularjs-datetime-picker label.hourLabel,
.angularjs-datetime-picker label.minutesLabel {
width: 50px;
margin-right: 0px;
}
/* line 228, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/ks-datetime-picker.css.scss.erb */
.angularjs-datetime-picker .timeValue {
color: #404040;
font-weight: 400;
}
/* line 234, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/ks-datetime-picker.css.scss.erb */
.angularjs-datetime-picker input[type=range] {
width: 166px;
}
/***** Fonts ******/
/***** Colors *****/
/* Was Kinetic Dark Grey #6C6463 */
/* was Kinetic Dark Grey #6C6463 */
/* Kinetic Medium Blue */
/*#E8E8E8;*/
/* Explicit Kinetic Color Definitions */
/* typographic scale */
/* z-index management */
/* line 4, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/slideshow-overlay.css.scss.erb */
.ngdialog.slideshowOverlay .ngDialogContentContainer {
padding-left: 0px;
padding-right: 0px;
overflow: hidden;
position: relative;
}
/* line 11, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/slideshow-overlay.css.scss.erb */
.slideshowStrip {
white-space: nowrap;
height: 400px;
}
/* line 16, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/slideshow-overlay.css.scss.erb */
.slideshowStripSlide {
display: inline-block;
width: 100%;
height: 400px;
overflow: hidden;
white-space: normal;
padding: 0 50px;
}
/* line 25, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/slideshow-overlay.css.scss.erb */
.slideshowStripNav {
text-align: center;
}
/* line 29, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/slideshow-overlay.css.scss.erb */
.slideshowStripNav .slideshowStripNavBullet {
display: inline-block;
width: 10px;
height: 10px;
margin: 10px 5px 2px 5px;
border-radius: 5px;
background-color: #E8E8E8;
vertical-align: middle;
transition: all 0.5s;
}
/* line 40, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/slideshow-overlay.css.scss.erb */
.slideshowStripNav .slideshowStripNavBullet.current {
background-color: #E57200;
}
/* line 44, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/slideshow-overlay.css.scss.erb */
.slideshowStripPrevSlide,
.slideshowStripNextSlide {
position: absolute;
top: 190px;
width: 32px;
height: 64px;
color: #E8E8E8;
font-family: "KSP-Icons";
font-size: 64px;
line-height: 64px;
text-indent: -16px;
}
/* line 57, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/slideshow-overlay.css.scss.erb */
.slideshowStripPrevSlide {
left: 10px;
}
/* line 60, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/slideshow-overlay.css.scss.erb */
.slideshowStripPrevSlide:before {
content: "\e645";
}
/* line 64, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/slideshow-overlay.css.scss.erb */
.slideshowStripNextSlide {
right: 10px;
}
/* line 67, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/slideshow-overlay.css.scss.erb */
.slideshowStripNextSlide:before {
content: "\e646";
}
/* line 71, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/slideshow-overlay.css.scss.erb */
.slideshowStripPrevSlide:hover,
.slideshowStripPrevSlide:active,
.slideshowStripNextSlide:hover,
.slideshowStripNextSlide:active {
text-decoration: none;
}
/***** Fonts ******/
/***** Colors *****/
/* Was Kinetic Dark Grey #6C6463 */
/* was Kinetic Dark Grey #6C6463 */
/* Kinetic Medium Blue */
/*#E8E8E8;*/
/* Explicit Kinetic Color Definitions */
/* typographic scale */
/* z-index management */
/* line 3, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/dpa-product-feed-table.css.scss.erb */
table.dpaProductFeed {
table-layout: fixed;
}
/* line 7, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/dpa-product-feed-table.css.scss.erb */
table.dpaProductFeed col {
width: 100px;
}
/* line 11, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/dpa-product-feed-table.css.scss.erb */
table.dpaProductFeed th,
table.dpaProductFeed td {
text-align: left;
vertical-align: top;
}
/* line 17, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/dpa-product-feed-table.css.scss.erb */
table.dpaProductFeed img {
width: 100%;
height: auto;
display: block;
}
/* line 23, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/dpa-product-feed-table.css.scss.erb */
table.dpaProductFeed a {
display: inline-block;
width: 100%;
word-wrap: break-word;
overflow: hidden;
max-height: 9rem;
}
/* line 31, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/dpa-product-feed-table.css.scss.erb */
table.dpaProductFeed tfoot td {
text-align: center;
}
/* line 35, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/dpa-product-feed-table.css.scss.erb */
table.dpaProductCatlogIndex tbody tr:not(.groupingRow) td:first-child {
padding-left: 3rem;
font-style: italic;
}
/***** Fonts ******/
/***** Colors *****/
/* Was Kinetic Dark Grey #6C6463 */
/* was Kinetic Dark Grey #6C6463 */
/* Kinetic Medium Blue */
/*#E8E8E8;*/
/* Explicit Kinetic Color Definitions */
/* typographic scale */
/* z-index management */
/******* ks-universal-search ********/
/*
* Styling for the ks-universal-search
* directive in ks-core
*
*/
/* line 10, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search {
display: inline-block;
width: 100%;
max-width: 25rem;
vertical-align: middle;
margin: 0.125rem 0;
}
/* line 18, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search.wider {
max-width: 37.5rem;
}
/* line 23, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search.stretch {
max-width: 100%;
}
/* line 28, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search > div {
position: relative;
display: inline-block;
border: solid 2px #D6D2C4;
background-color: #F4F2EA;
width: 100%;
overflow: visible;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-align-content: flex-start;
align-content: flex-start;
padding-left: 36px;
padding-right: 30px;
}
/* line 58, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search > div:before {
content: "\e629";
font-family: "KSP-Icons";
font-size: 32px;
display: block;
position: absolute;
top: 7px;
left: 2px;
color: #898989;
}
/* line 69, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search.validationError > div {
border-color: #DB1717;
background-color: #FFC8BD;
}
/* line 74, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search.validationError > div:before {
color: #404040;
}
/* line 78, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search auto-complete-div {
-webkit-flex-grow: 1;
flex-grow: 1;
min-width: 10rem;
}
/* line 84, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search auto-complete-div > input:not([type]),
ks-universal-search auto-complete-div > input[type=text] {
border: none;
background-color: transparent;
outline: none;
width: 100%;
max-width: initial;
padding-left: 0;
min-height: 0;
margin-top: 3px;
margin-bottom: 3px;
}
@-moz-document url-prefix() {
/* line 98, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search auto-complete-div > input:not([type]):focus,
ks-universal-search auto-complete-div > input[type=text]:focus {
box-shadow: none;
}
}
/***** Suggestions *****/
/* line 105, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .suggestions {
position: absolute;
left: -2px !important;
/* Using !important here because the script
is positioning this with inline CSS. I want
to override that. Should address in script
at some point. */
width: calc(100% + 4px);
outline: none;
background-color: #FFFFFF;
border: solid 1px #D6D2C4;
display: none;
max-height: 20.5rem;
overflow: auto;
z-index: 4000;
}
/* line 121, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .suggestions li {
padding: 6px;
border-bottom: solid 1px #E8E8E8;
max-width: none;
color: #404040;
font-weight: 400;
}
/* line 129, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .suggestions li:last-of-type {
border-bottom: none;
}
/* line 133, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .suggestions li.selected,
ks-universal-search .suggestions li.selected:hover {
background-color: #E9F6FA;
}
/* line 138, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .suggestions li:hover {
background-color: #F5F5F5;
cursor: pointer;
}
/* line 143, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .suggestions li.loading {
text-transform: uppercase;
font-size: 0.75rem;
text-align: center;
color: #999999;
}
/* line 150, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .suggestions li.loading:hover {
background-color: transparent;
cursor: default;
}
/* line 155, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .suggestions li.loading:before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
background-image: url(ui/wait-spinner_xsm.gif);
background-repeat: no-repeat;
margin-bottom: -4px;
}
/* line 165, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .suggestions li.loading:after {
content: "\2026";
/* ... (ellipsis) */
margin-left: -2px;
}
/* ksTag/ksResultTag base classes */
/* line 174, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag {
display: inline-block;
position: relative;
min-width: 5rem;
max-width: 10rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding-right: 1rem;
padding-left: 0.25rem;
border: solid 1px #ACACAC;
background-color: #FFFFFF;
font-weight: 400;
font-size: 0.75rem;
text-transform: uppercase;
color: #404040;
line-height: 1.375rem;
margin-top: 0.4375rem;
margin-right: 0.25rem;
}
/* line 198, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag .abvr {
font-weight: 700;
color: #404040;
}
/* line 204, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag:last-of-type {
margin-right: 10px;
}
/* line 208, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag .tagDelete {
position: absolute;
display: block;
right: 0px;
top: 0px;
text-align: center;
width: 1rem;
color: #DB1717;
}
/* line 217, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag .tagDelete:hover {
text-decoration: none;
color: #FF2B2B;
}
/* line 222, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag .tagDelete:active {
text-decoration: none;
color: #A30808;
}
/* line 227, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag .tagDelete:visited {
text-decoration: none;
color: #DB1717;
}
/* line 233, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksResultTag {
display: inline-block;
position: relative;
white-space: nowrap;
padding: 0 0.375em;
border: solid 1px #ACACAC;
background-color: #FFFFFF;
font-size: 0.75rem;
text-transform: uppercase;
color: #404040;
font-weight: 700;
line-height: 1.375rem;
top: -1px;
}
/* ksTag/ksResultTag colour coded object type */
/* Agencies */
/* line 255, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag.AG {
background-color: #FFFBB3;
border-color: #CAB32B;
}
/* line 259, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag.AG:hover {
background-color: #FFFDE1;
}
/* line 264, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag.AG .abvr {
color: #B7970B;
}
/* line 268, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag.AG .tagDelete {
color: #B7970B;
}
/* line 270, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag.AG .tagDelete:hover {
color: #D5BA1C;
}
/* line 273, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag.AG .tagDelete:active {
color: #998407;
}
/* line 276, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag.AG .tagDelete:visited {
color: #B7970B;
}
/* line 281, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksResultTag.AG {
background-color: #FFFBB3;
border-color: #CAB32B;
color: #B7970B;
}
/* Advertisers */
/* line 289, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag.ADV {
background-color: #FFD9B3;
border-color: #D66B00;
}
/* line 293, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag.ADV:hover {
background-color: #FFE7CF;
}
/* line 298, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag.ADV .abvr {
color: #D66B00;
}
/* line 302, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag.ADV .tagDelete {
color: #D66B00;
}
/* line 304, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag.ADV .tagDelete:hover {
color: #EE7600;
}
/* line 307, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag.ADV .tagDelete:active {
color: #854200;
}
/* line 310, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag.ADV .tagDelete:visited {
color: #D66B00;
}
/* line 315, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksResultTag.ADV {
background-color: #FFD9B3;
border-color: #D66B00;
color: #D66B00;
}
/* Insertion Orders */
/* line 323, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag.IO {
background-color: #C8F5FF;
border-color: #00A9CE;
}
/* line 327, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag.IO:hover {
background-color: #E0FAFF;
}
/* line 332, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag.IO .abvr {
color: #00A9CE;
}
/* line 336, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag.IO .tagDelete {
color: #00A9CE;
}
/* line 338, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag.IO .tagDelete:hover {
color: #00C6F1;
}
/* line 341, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag.IO .tagDelete:active {
color: #006B82;
}
/* line 344, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag.IO .tagDelete:visited {
color: #00A9CE;
}
/* line 349, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksResultTag.IO {
background-color: #C8F5FF;
border-color: #00A9CE;
color: #00A9CE;
}
/* Line Items */
/* line 357, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag.LI {
background-color: #EBF29E;
border-color: #9CAA00;
}
/* line 361, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag.LI:hover {
background-color: #F5F9C8;
}
/* line 366, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag.LI .abvr {
color: #9CAA00;
}
/* line 370, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag.LI .tagDelete {
color: #9CAA00;
}
/* line 372, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag.LI .tagDelete:hover {
color: #A7B700;
}
/* line 375, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag.LI .tagDelete:active {
color: #6A7300;
}
/* line 378, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag.LI .tagDelete:visited {
color: #9CAA00;
}
/* line 383, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksResultTag.LI {
background-color: #EBF29E;
border-color: #9CAA00;
color: #9CAA00;
}
/* Campaigns (FB, TW, PI, etc. All get the same treatment) */
/* line 391, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag.CMP {
background-color: #DCDAFF;
border-color: #7A6E9F;
}
/* line 395, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag.CMP:hover {
background-color: #E9E8FF;
}
/* line 400, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag.CMP .abvr {
color: #7A6E9F;
}
/* line 404, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag.CMP .tagDelete {
color: #7A6E9F;
}
/* line 406, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag.CMP .tagDelete:hover {
color: #9471FF;
}
/* line 409, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag.CMP .tagDelete:active {
color: #2E1679;
}
/* line 412, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag.CMP .tagDelete:visited {
color: #7A6E9F;
}
/* line 417, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksResultTag.CMP {
background-color: #DCDAFF;
border-color: #7A6E9F;
color: #7A6E9F;
}
/* Facebook Ad Sets */
/* line 426, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag.AS {
background-color: #FFCCD3;
border-color: #B95361;
}
/* line 430, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag.AS:hover {
background-color: #FFDDE2;
}
/* line 435, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag.AS .abvr {
color: #B95361;
}
/* line 439, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag.AS .tagDelete {
color: #B95361;
}
/* line 441, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag.AS .tagDelete:hover {
color: #E22942;
}
/* line 444, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag.AS .tagDelete:active {
color: #790A1A;
}
/* line 447, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag.AS .tagDelete:visited {
color: #B95361;
}
/* line 452, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksResultTag.AS {
background-color: #FFCCD3;
border-color: #B95361;
color: #B95361;
}
/* Pinterest Ad Group */
/* line 459, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag.PAG {
background-color: #FFCCD3;
border-color: #B95361;
}
/* line 463, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag.PAG:hover {
background-color: #FFDDE2;
}
/* line 468, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag.PAG .abvr {
color: #B95361;
}
/* line 472, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag.PAG .tagDelete {
color: #B95361;
}
/* line 474, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag.PAG .tagDelete:hover {
color: #E22942;
}
/* line 477, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag.PAG .tagDelete:active {
color: #790A1A;
}
/* line 480, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag.PAG .tagDelete:visited {
color: #B95361;
}
/* line 485, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksResultTag.PAG {
background-color: #FFCCD3;
border-color: #B95361;
color: #B95361;
}
/* Channels */
/* line 492, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag.CH {
background-color: #FFDDFE;
border-color: #AD6DAB;
}
/* line 496, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag.CH:hover {
background-color: #FFE9FE;
}
/* line 501, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag.CH .abvr {
color: #AD6DAB;
}
/* line 505, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag.CH .tagDelete {
color: #AD6DAB;
}
/* line 507, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag.CH .tagDelete:hover {
color: #CA84C8;
}
/* line 510, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag.CH .tagDelete:active {
color: #854183;
}
/* line 513, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag.CH .tagDelete:visited {
color: #AD6DAB;
}
/* line 518, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksResultTag.CH {
background-color: #FFDDFE;
border-color: #AD6DAB;
color: #AD6DAB;
}
/* KSP User */
/* line 525, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag.KUSR {
background-color: #FAF4EA;
border-color: #E57200;
}
/* line 529, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag.KUSR:hover {
background-color: #FFFFFF;
}
/* line 534, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag.KUSR .abvr {
color: #6C6463;
}
/* line 538, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksResultTag.KUSR {
background-color: #FAF4EA;
border-color: #E57200;
color: #6C6463;
}
/* line 544, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag.KUSR .abvr:before,
ks-universal-search .ksResultTag.KUSR:before {
content: "";
display: inline-block;
width: 12px;
height: 12px;
vertical-align: baseline;
margin-bottom: -2px;
margin-right: 3px;
/* specify !important it doesn't get overriden by a channel logo */
background-image: url(kinetic-social-logo-smile_micro.png) !important;
background-size: 12px 12px !important;
background-position: 0px 0px !important;
background-repeat: no-repeat;
}
/*
WILDCARD is used to represent a free-form search term.
It gets no special styling other than to remove the minimum width
*/
/* line 566, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag.WILDCARD {
min-width: 0;
}
/* Channel Icons */
/* line 571, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search.channelIcons .ksTag.icon-fb .abvr:before,
ks-universal-search.channelIcons .ksResultTag.icon-fb:before,
ks-universal-search.channelIcons .ksTag.icon-tw .abvr:before,
ks-universal-search.channelIcons .ksResultTag.icon-tw:before,
ks-universal-search.channelIcons .ksTag.icon-pin .abvr:before,
ks-universal-search.channelIcons .ksResultTag.icon-pin:before,
ks-universal-search.channelIcons .ksTag.icon-inst .abvr:before,
ks-universal-search.channelIcons .ksResultTag.icon-inst:before,
ks-universal-search.channelIcons .ksTag.icon-sc .abvr:before,
ks-universal-search.channelIcons .ksResultTag.icon-sc:before {
content: "";
display: inline-block;
width: 12px;
height: 12px;
vertical-align: baseline;
margin-bottom: -2px;
margin-right: 3px;
background-position: -266px -74px;
}
/* line 593, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search.channelIcons .ksTag.icon-fb .abvr:before,
ks-universal-search.channelIcons .ksResultTag.icon-fb:before {
background-image: url(icons/channels/channel-icon-sprite_fb.png);
}
/* line 598, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search.channelIcons .ksTag.icon-tw .abvr:before,
ks-universal-search.channelIcons .ksResultTag.icon-tw:before {
background-image: url(icons/channels/channel-icon-sprite_tw.png);
}
/* line 603, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search.channelIcons .ksTag.icon-pin .abvr:before,
ks-universal-search.channelIcons .ksResultTag.icon-pin:before {
background-image: url(icons/channels/channel-icon-sprite_pi.png);
}
/* line 608, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search.channelIcons .ksTag.icon-inst .abvr:before,
ks-universal-search.channelIcons .ksResultTag.icon-inst:before {
background-image: url(icons/channels/channel-icon-sprite_ig.png);
}
/* line 613, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search.channelIcons .ksTag.icon-sc .abvr:before,
ks-universal-search.channelIcons .ksResultTag.icon-sc:before {
background-image: url(icons/channels/channel-icon-sprite_sc.png);
}
/* line 619, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search ks-tooltip {
position: absolute;
top: 9px;
right: 8px;
}
/** high resolution screen support **/
@media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 4 / 2), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
/* line 636, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .suggestions li.loading:before {
background-image: url(ui/wait-spinner_xsm@2x.gif);
background-size: 16px 16px;
}
/* line 641, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search.channelIcons .ksTag.icon-fb .abvr:before,
ks-universal-search.channelIcons .ksResultTag.icon-fb:before,
ks-universal-search.channelIcons .ksTag.icon-tw .abvr:before,
ks-universal-search.channelIcons .ksResultTag.icon-tw:before,
ks-universal-search.channelIcons .ksTag.icon-pin .abvr:before,
ks-universal-search.channelIcons .ksResultTag.icon-pin:before,
ks-universal-search.channelIcons .ksTag.icon-inst .abvr:before,
ks-universal-search.channelIcons .ksResultTag.icon-inst:before,
ks-universal-search.channelIcons .ksTag.icon-sc .abvr:before,
ks-universal-search.channelIcons .ksResultTag.icon-sc:before {
background-size: 158px 73px;
background-position: -138px -49px;
}
/* line 655, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/widgets/universal-search.css.scss.erb */
ks-universal-search .ksTag.KUSR .abvr:before,
ks-universal-search .ksResultTag.KUSR:before {
background-image: url(kinetic-social-logo-smile_sm.png) !important;
}
}
@charset "UTF-8";
/* CSS Document */
/***** Fonts ******/
/***** Colors *****/
/* Was Kinetic Dark Grey #6C6463 */
/* was Kinetic Dark Grey #6C6463 */
/* Kinetic Medium Blue */
/*#E8E8E8;*/
/* Explicit Kinetic Color Definitions */
/* typographic scale */
/* z-index management */
/******************** LEGACY *********************/
/* New FB Campaign, separates each input group */
/* line 8, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
div.form_line {
margin-bottom: 1.5rem;
}
/* line 12, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
a.remove_button, a.remove_button:visited {
background-color: #2DB3DF;
width: 20px;
height: 20px;
float: right;
display: inline-block;
-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
}
/* line 24, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
a.remove_button:before {
content: "×";
color: #FFFFFF;
font-weight: 700;
font-size: 1.2rem;
line-height: 20px;
text-shadow: 0px 1px 1px #074155;
}
/* line 33, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
a.remove_button:hover {
background-color: #32C8F9;
cursor: pointer;
}
/* line 38, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
a.remove_button:active {
background-color: #2287A8;
cursor: pointer;
}
/* FB Creatives Preview */
/* line 45, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
#creative_inventory {
width: 600px;
float: left;
margin-left: 10px;
}
/* line 51, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
#creative_inventory .creatives_container {
height: 30rem;
overflow-y: auto;
padding: 0 10px;
clear: both;
margin-top: 25px;
}
/* line 59, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.creative_collection {
max-width: 50rem;
}
/* line 62, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
#creative_library .creatives_container {
height: 30rem;
overflow-y: auto;
padding: 0 10px;
}
/* line 68, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
#creative_prospective .creatives_container {
height: 260px;
overflow-y: auto;
padding: 0 10px;
}
/* line 74, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.creative_collection {
padding: 10px;
}
/* line 78, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.creative_container {
float: left;
width: 246px;
min-height: 165px;
padding: 8px;
margin: 8px 12px 8px 0;
background-color: #fff;
box-shadow: 0 0 4px;
cursor: pointer;
}
/* line 88, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.creative_container:hover {
background-color: #e8e8e8;
}
/* line 92, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.creative_container.selected {
background-color: #D5ECFE;
}
/* line 96, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.creative_container.error {
border: 2px solid red;
color: inherit !important;
}
/* line 101, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.creative_container .preview_container {
cursor: pointer;
position: relative;
min-height: 164px;
width: 246px;
}
/* line 108, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.creative_container .preview_overlay {
z-index: 1000;
position: absolute;
width: 100%;
bottom: 0;
}
/* line 115, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.creative_container .overlay_background {
z-index: -1;
position: absolute;
top: 0;
height: 100%;
width: 100%;
opacity: 0.7;
background-color: black;
}
/* line 125, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.creative_container .overlay_content {
z-index: 2000;
padding: 8px 10px;
color: white;
}
/* line 131, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.creative_container .error_overlay {
z-index: 1000;
position: absolute;
width: 100%;
top: 0;
}
/* highslide */
/* line 140, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.high_slide_label A:after {
content: "[*]";
vertical-align: super;
}
/* line 145, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.closebutton {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/highslide/close.png', sizingMethod='scale');
background: none;
cursor: hand;
}
/* line 151, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-viewport {
position: fixed;
left: 0px;
top: 0px;
width: 100vw;
height: 100vh;
}
/* line 159, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-scroll-down, .highslide-scroll-up {
position: relative;
overflow: hidden;
}
/* line 164, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-scroll-down div, .highslide-scroll-up div {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/highslide/scrollarrows.png', sizingMethod='scale');
background: none !important;
position: absolute;
cursor: hand;
width: 75px;
height: 75px !important;
}
/* line 173, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-thumbstrip-horizontal .highslide-scroll-down div {
left: -50px;
top: -15px;
}
/* line 178, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-thumbstrip-horizontal .highslide-scroll-up div {
top: -15px;
}
/* line 182, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-thumbstrip-vertical .highslide-scroll-down div {
top: -50px;
}
/* line 186, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-thumbstrip .highslide-marker {
border-color: white;
}
/* line 190, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.dark .highslide-thumbstrip-horizontal .highslide-marker {
border-color: #111;
}
/* line 194, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-viewport .highslide-marker {
border-color: #333;
}
/* line 198, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-thumbstrip {
float: left;
}
/* line 202, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.text-controls .highslide-controls {
width: 480px;
}
/* line 206, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.text-controls a span {
width: 4em;
}
/* line 210, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.text-controls .highslide-full-expand a span {
width: 0;
}
/* line 214, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.text-controls .highslide-close a span {
width: 0;
}
/* line 218, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.in-page .highslide-thumbstrip-horizontal .highslide-marker {
border-bottom: gray;
}
/* line 222, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-container table {
background: none;
}
/* line 226, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide {
outline: none;
text-decoration: none;
}
/* line 231, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide img {
border: 2px solid silver;
}
/* line 235, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide:hover img {
border-color: gray;
}
/* line 239, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-active-anchor img {
visibility: hidden;
}
/* line 243, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-gallery .highslide-active-anchor img {
border-color: black;
visibility: visible;
cursor: default;
}
/* line 249, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-image {
border-width: 2px;
border-style: solid;
border-color: white;
}
/* line 255, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-wrapper, .highslide-outline {
background: white;
}
/* line 259, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.glossy-dark {
background: #111;
}
/* line 263, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-number {
font-weight: bold;
color: gray;
font-size: 0.9em;
}
/* line 269, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-caption {
display: none;
font-size: 1em;
padding: 5px;
}
/* line 275, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-heading {
display: none;
color: #999 !important;
font-family: 'Muli', serif !important;
font-weight: 400 !important;
font-size: 18px !important;
padding: 0px !important;
}
/* line 284, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-dimming {
background: black;
}
/* line 288, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
a.highslide-full-expand {
background: url(http://localhost:3000/images/highslide/fullexpand.gif) no-repeat;
display: block;
margin: 0 10px 10px 0;
width: 34px;
height: 34px;
}
/* line 296, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-loading {
display: block;
color: black;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
padding: 3px;
border: 1px solid white;
background-color: white;
padding-left: 22px;
background-image: url(http://localhost:3000/images/highslide/loader.white.gif);
background-repeat: no-repeat;
background-position: 3px 1px;
}
/* line 312, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
a.highslide-credits, a.highslide-credits i {
padding: 2px;
color: silver;
text-decoration: none;
font-size: 10px;
}
/* line 319, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
a.highslide-credits:hover, a.highslide-credits:hover i {
color: white;
background-color: gray;
}
/* line 324, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-move, .highslide-move * {
cursor: move;
}
/* line 328, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-viewport {
display: none;
position: fixed;
width: 100%;
height: 100%;
z-index: 1;
background: none;
left: 0;
top: 0;
}
/* line 339, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-overlay {
display: none;
}
/* line 343, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.hidden-container {
display: none;
}
/* line 347, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.closebutton {
position: relative;
top: -15px;
left: 15px;
width: 30px;
height: 30px;
cursor: pointer;
background: url(http://localhost:3000/images/highslide/close.png);
}
/* line 357, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-gallery ul {
list-style-type: none;
margin: 0;
padding: 0;
}
/* line 363, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-gallery ul li {
display: block;
position: relative;
float: left;
width: 106px;
height: 106px;
border: 1px solid silver;
background: #ededed;
margin: 2px;
padding: 0;
line-height: 0;
overflow: hidden;
}
/* line 377, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-gallery ul a {
position: absolute;
top: 50%;
left: 50%;
}
/* line 383, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-gallery ul img {
position: relative;
top: -50%;
left: -50%;
}
/* line 389, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
html > body .highslide-gallery ul li {
display: table;
text-align: center;
}
/* line 394, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
html > body .highslide-gallery ul li {
text-align: center;
}
/* line 398, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
html > body .highslide-gallery ul a {
position: static;
display: table-cell;
vertical-align: middle;
}
/* line 404, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
html > body .highslide-gallery ul img {
position: static;
}
/* line 408, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-controls {
width: 195px;
height: 40px;
background: url(http://localhost:3000/images/highslide/controlbar-white.gif) 0 -90px no-repeat;
margin: 20px 15px 10px 0;
}
/* line 415, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-controls ul {
position: relative;
left: 15px;
height: 40px;
list-style: none;
margin: 0;
padding: 0;
background: url(http://localhost:3000/images/highslide/controlbar-white.gif) right -90px no-repeat;
}
/* line 425, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-controls li {
float: left;
padding: 5px 0;
margin: 0;
list-style: none;
}
/* line 432, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-controls a {
background-image: url(http://localhost:3000/images/highslide/controlbar-white.gif);
display: block;
float: left;
height: 30px;
width: 30px;
outline: none;
}
/* line 441, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-controls a.disabled {
cursor: default;
}
/* line 445, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-controls a.disabled span {
cursor: default;
}
/* line 449, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-controls a span {
display: none;
cursor: pointer;
}
/* line 454, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-controls .highslide-previous a {
background-position: 0 0;
}
/* line 458, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-controls .highslide-previous a:hover {
background-position: 0 -30px;
}
/* line 462, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-controls .highslide-previous a.disabled {
background-position: 0 -60px !important;
}
/* line 466, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-controls .highslide-play a {
background-position: -30px 0;
}
/* line 470, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-controls .highslide-play a:hover {
background-position: -30px -30px;
}
/* line 474, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-controls .highslide-play a.disabled {
background-position: -30px -60px !important;
}
/* line 478, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-controls .highslide-pause a {
background-position: -60px 0;
}
/* line 482, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-controls .highslide-pause a:hover {
background-position: -60px -30px;
}
/* line 486, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-controls .highslide-next a {
background-position: -90px 0;
}
/* line 490, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-controls .highslide-next a:hover {
background-position: -90px -30px;
}
/* line 494, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-controls .highslide-next a.disabled {
background-position: -90px -60px !important;
}
/* line 498, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-controls .highslide-move a {
background-position: -120px 0;
}
/* line 502, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-controls .highslide-move a:hover {
background-position: -120px -30px;
}
/* line 506, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-controls .highslide-full-expand a {
background-position: -150px 0;
}
/* line 510, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-controls .highslide-full-expand a:hover {
background-position: -150px -30px;
}
/* line 514, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-controls .highslide-full-expand a.disabled {
background-position: -150px -60px !important;
}
/* line 518, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-controls .highslide-close a {
background-position: -180px 0;
}
/* line 522, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-controls .highslide-close a:hover {
background-position: -180px -30px;
}
/* line 526, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-maincontent {
display: none;
}
/* line 530, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-html {
background-color: white;
}
/* line 534, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.mobile .highslide-html {
border: 1px solid silver;
}
/* line 538, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-html-content {
display: none;
width: 400px;
padding: 0 5px 5px 5px;
}
/* line 544, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-header {
padding-bottom: 5px;
}
/* line 548, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-header ul {
margin: 0;
padding: 0;
text-align: right;
}
/* line 554, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-header ul li {
display: inline;
padding-left: 1em;
}
/* line 559, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next {
display: none;
}
/* line 563, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-header a {
font-weight: bold;
color: gray;
text-transform: uppercase;
text-decoration: none;
}
/* line 570, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-header a:hover {
color: black;
}
/* line 574, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-header .highslide-move a {
cursor: move;
}
/* line 578, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-footer {
height: 16px;
}
/* line 582, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-footer .highslide-resize {
display: block;
float: right;
margin-top: 5px;
height: 11px;
width: 11px;
background: url(http://localhost:3000/images/highslide/resize.gif) no-repeat;
}
/* line 591, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-footer .highslide-resize span {
display: none;
}
/* line 595, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-body h5 {
color: #999 !important;
font-family: 'Muli', serif !important;
font-weight: 100 !important;
font-size: 12px !important;
margin: 0 !important;
}
/* line 603, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-resize {
cursor: nw-resize;
}
/* line 607, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.draggable-header .highslide-header {
height: 18px;
border-bottom: 1px solid #dddddd;
}
/* line 612, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.draggable-header .highslide-heading {
position: absolute;
margin: 0px 3px;
}
/* line 617, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.draggable-header .highslide-header .highslide-move {
cursor: move;
display: block;
height: 16px;
position: absolute;
right: 24px;
top: 0;
width: 100%;
z-index: 1;
}
/* line 628, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.draggable-header .highslide-header .highslide-move * {
display: none;
}
/* line 632, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.draggable-header .highslide-header .highslide-close {
position: absolute;
right: 2px;
top: 2px;
z-index: 5;
padding: 0;
}
/* line 640, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.draggable-header .highslide-header .highslide-close a {
display: block;
height: 16px;
width: 16px;
background-image: url(http://localhost:3000/images/highslide/closeX.png);
}
/* line 647, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.draggable-header .highslide-header .highslide-close a:hover {
background-position: 0 16px;
}
/* line 651, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.draggable-header .highslide-header .highslide-close span {
display: none;
}
/* line 655, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.draggable-header .highslide-maincontent {
padding-top: 3px;
}
/* line 659, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.titlebar .highslide-header {
height: 18px;
border-bottom: 1px solid #dddddd;
}
/* line 664, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.titlebar .highslide-heading {
position: absolute;
width: 90%;
margin: 1px 0 1px 5px;
color: #666666;
}
/* line 671, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.titlebar .highslide-header .highslide-move {
cursor: move;
display: block;
height: 16px;
position: absolute;
right: 24px;
top: 0;
width: 100%;
z-index: 1;
}
/* line 682, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.titlebar .highslide-header .highslide-move * {
display: none;
}
/* line 686, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.titlebar .highslide-header li {
position: relative;
top: 3px;
z-index: 2;
padding: 0 0 0 1em;
}
/* line 693, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.titlebar .highslide-maincontent {
padding-top: 1em;
}
/* line 697, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.no-footer .highslide-footer {
display: none;
}
/* line 701, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.wide-border {
background: white;
}
/* line 705, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.wide-border .highslide-image {
border-width: 10px;
}
/* line 709, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.wide-border .highslide-caption {
padding: 0 10px 10px 10px;
}
/* line 713, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.borderless .highslide-image {
border: none;
}
/* line 717, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.borderless .highslide-caption {
border-bottom: 1px solid white;
border-top: 1px solid white;
background: silver;
}
/* line 723, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.outer-glow {
background: #444;
}
/* line 727, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.outer-glow .highslide-image {
border: 5px solid #444444;
}
/* line 731, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.outer-glow .highslide-caption {
border: 5px solid #444444;
border-top: none;
padding: 5px;
background-color: gray;
}
/* line 738, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.colored-border {
background: white;
}
/* line 742, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.colored-border .highslide-image {
border: 2px solid green;
}
/* line 746, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.colored-border .highslide-caption {
border: 2px solid green;
border-top: none;
}
/* line 751, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.dark {
background: #111;
}
/* line 755, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.dark .highslide-image {
border-color: black black #202020 black;
background: gray;
}
/* line 760, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.dark .highslide-caption {
color: white;
background: #111;
}
/* line 765, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.dark .highslide-controls, .dark .highslide-controls ul, .dark .highslide-controls a {
background-image: url(http://localhost:3000/images/highslide/controlbar-black-border.gif);
}
/* line 769, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.floating-caption .highslide-caption {
position: absolute;
padding: 1em 0 0 0;
background: none;
color: white;
border: none;
font-weight: bold;
}
/* line 778, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.controls-in-heading .highslide-heading {
color: gray;
font-weight: bold;
height: 20px;
overflow: hidden;
cursor: default;
padding: 0 0 0 22px;
margin: 0;
background: url(http://localhost:3000/images/highslide/icon.gif) no-repeat 0 1px;
}
/* line 789, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.controls-in-heading .highslide-controls {
width: 105px;
height: 20px;
position: relative;
margin: 0;
top: -23px;
left: 7px;
background: none;
}
/* line 799, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.controls-in-heading .highslide-controls ul {
position: static;
height: 20px;
background: none;
}
/* line 805, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.controls-in-heading .highslide-controls li {
padding: 0;
}
/* line 809, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.controls-in-heading .highslide-controls a {
background-image: url(http://localhost:3000/images/highslide/controlbar-white-small.gif);
height: 20px;
width: 20px;
}
/* line 815, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.controls-in-heading .highslide-controls .highslide-move {
display: none;
}
/* line 819, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.controls-in-heading .highslide-controls .highslide-previous a {
background-position: 0 0;
}
/* line 823, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.controls-in-heading .highslide-controls .highslide-previous a:hover {
background-position: 0 -20px;
}
/* line 827, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.controls-in-heading .highslide-controls .highslide-previous a.disabled {
background-position: 0 -40px !important;
}
/* line 831, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.controls-in-heading .highslide-controls .highslide-play a {
background-position: -20px 0;
}
/* line 835, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.controls-in-heading .highslide-controls .highslide-play a:hover {
background-position: -20px -20px;
}
/* line 839, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.controls-in-heading .highslide-controls .highslide-play a.disabled {
background-position: -20px -40px !important;
}
/* line 843, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.controls-in-heading .highslide-controls .highslide-pause a {
background-position: -40px 0;
}
/* line 847, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.controls-in-heading .highslide-controls .highslide-pause a:hover {
background-position: -40px -20px;
}
/* line 851, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.controls-in-heading .highslide-controls .highslide-next a {
background-position: -60px 0;
}
/* line 855, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.controls-in-heading .highslide-controls .highslide-next a:hover {
background-position: -60px -20px;
}
/* line 859, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.controls-in-heading .highslide-controls .highslide-next a.disabled {
background-position: -60px -40px !important;
}
/* line 863, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.controls-in-heading .highslide-controls .highslide-full-expand a {
background-position: -100px 0;
}
/* line 867, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.controls-in-heading .highslide-controls .highslide-full-expand a:hover {
background-position: -100px -20px;
}
/* line 871, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.controls-in-heading .highslide-controls .highslide-full-expand a.disabled {
background-position: -100px -40px !important;
}
/* line 875, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.controls-in-heading .highslide-controls .highslide-close a {
background-position: -120px 0;
}
/* line 879, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.controls-in-heading .highslide-controls .highslide-close a:hover {
background-position: -120px -20px;
}
/* line 883, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.text-controls .highslide-controls {
width: auto;
height: auto;
margin: 0;
text-align: center;
background: none;
}
/* line 891, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.text-controls ul {
position: static;
background: none;
height: auto;
left: 0;
}
/* line 898, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.text-controls .highslide-move {
display: none;
}
/* line 902, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.text-controls li {
background-image: url(http://localhost:3000/images/highslide/controlbar-text-buttons.png);
background-position: right top !important;
padding: 0;
margin-left: 15px;
display: block;
width: auto;
}
/* line 911, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.text-controls a {
background: url(http://localhost:3000/images/highslide/controlbar-text-buttons.png) no-repeat;
background-position: left top !important;
position: relative;
left: -10px;
display: block;
width: auto;
height: auto;
text-decoration: none !important;
}
/* line 922, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.text-controls a span {
background: url(http://localhost:3000/images/highslide/controlbar-text-buttons.png) no-repeat;
margin: 1px 2px 1px 10px;
display: block;
min-width: 4em;
height: 18px;
line-height: 18px;
padding: 1px 0 1px 18px;
color: #333;
font-family: "Trebuchet MS", Arial, sans-serif;
font-size: 12px;
font-weight: bold;
white-space: nowrap;
}
/* line 937, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.text-controls .highslide-next {
margin-right: 1em;
}
/* line 941, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.text-controls .highslide-full-expand a span {
min-width: 0;
margin: 1px 0;
padding: 1px 0 1px 10px;
}
/* line 947, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.text-controls .highslide-close a span {
min-width: 0;
}
/* line 951, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.text-controls a:hover span {
color: black;
}
/* line 955, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.text-controls a.disabled span {
color: #999;
}
/* line 959, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.text-controls .highslide-previous span {
background-position: 0 -40px;
}
/* line 963, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.text-controls .highslide-previous a.disabled {
background-position: left top !important;
}
/* line 967, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.text-controls .highslide-previous a.disabled span {
background-position: 0 -140px;
}
/* line 971, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.text-controls .highslide-play span {
background-position: 0 -60px;
}
/* line 975, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.text-controls .highslide-play a.disabled {
background-position: left top !important;
}
/* line 979, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.text-controls .highslide-play a.disabled span {
background-position: 0 -160px;
}
/* line 983, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.text-controls .highslide-pause span {
background-position: 0 -80px;
}
/* line 987, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.text-controls .highslide-next span {
background-position: 0 -100px;
}
/* line 991, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.text-controls .highslide-next a.disabled {
background-position: left top !important;
}
/* line 995, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.text-controls .highslide-next a.disabled span {
background-position: 0 -200px;
}
/* line 999, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.text-controls .highslide-full-expand span {
background: none;
}
/* line 1003, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.text-controls .highslide-full-expand a.disabled {
background-position: left top !important;
}
/* line 1007, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.text-controls .highslide-close span {
background-position: 0 -120px;
}
/* line 1011, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-thumbstrip {
height: 100%;
direction: ltr;
}
/* line 1016, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-thumbstrip div {
overflow: hidden;
}
/* line 1020, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-thumbstrip table {
position: relative;
padding: 0;
border-collapse: collapse;
}
/* line 1026, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-thumbstrip td {
padding: 1px;
}
/* line 1030, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-thumbstrip a {
outline: none;
}
/* line 1034, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-thumbstrip img {
display: block;
border: 1px solid gray;
margin: 0 auto;
}
/* line 1040, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-thumbstrip .highslide-active-anchor img {
visibility: visible;
}
/* line 1044, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-thumbstrip .highslide-marker {
position: absolute;
width: 0;
height: 0;
border-width: 0;
border-style: solid;
border-color: transparent;
}
/* line 1053, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-thumbstrip-horizontal div {
width: auto;
}
/* line 1057, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-thumbstrip-horizontal .highslide-scroll-up {
display: none;
position: absolute;
top: 3px;
left: 3px;
width: 25px;
height: 42px;
}
/* line 1066, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-thumbstrip-horizontal .highslide-scroll-up div {
margin-bottom: 10px;
cursor: pointer;
background: url(http://localhost:3000/images/highslide/scrollarrows.png) left center no-repeat;
height: 42px;
}
/* line 1073, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-thumbstrip-horizontal .highslide-scroll-down {
display: none;
position: absolute;
top: 3px;
right: 3px;
width: 25px;
height: 42px;
}
/* line 1082, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-thumbstrip-horizontal .highslide-scroll-down div {
margin-bottom: 10px;
cursor: pointer;
background: url(http://localhost:3000/images/highslide/scrollarrows.png) center right no-repeat;
height: 42px;
}
/* line 1089, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-thumbstrip-horizontal table {
margin: 2px 0 10px 0;
}
/* line 1093, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-viewport .highslide-thumbstrip-horizontal table {
margin-left: 10px;
}
/* line 1097, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-thumbstrip-horizontal img {
width: auto;
height: 40px;
}
/* line 1102, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-thumbstrip-horizontal .highslide-marker {
top: 47px;
border-left-width: 6px;
border-right-width: 6px;
border-bottom: 6px solid gray;
}
/* line 1109, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {
margin-left: 10px;
}
/* line 1113, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.dark .highslide-thumbstrip-horizontal .highslide-marker, .highslide-viewport .highslide-thumbstrip-horizontal .highslide-marker {
border-bottom-color: white !important;
}
/* line 1117, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-thumbstrip-vertical-overlay {
overflow: hidden !important;
}
/* line 1121, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-thumbstrip-vertical div {
height: 100%;
}
/* line 1125, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-thumbstrip-vertical a {
display: block;
}
/* line 1129, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-thumbstrip-vertical .highslide-scroll-up {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 25px;
}
/* line 1138, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-thumbstrip-vertical .highslide-scroll-up div {
margin-left: 10px;
cursor: pointer;
background: url(http://localhost:3000/images/highslide/scrollarrows.png) top center no-repeat;
height: 25px;
}
/* line 1145, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-thumbstrip-vertical .highslide-scroll-down {
display: none;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 25px;
}
/* line 1154, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-thumbstrip-vertical .highslide-scroll-down div {
margin-left: 10px;
cursor: pointer;
background: url(http://localhost:3000/images/highslide/scrollarrows.png) bottom center no-repeat;
height: 25px;
}
/* line 1161, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-thumbstrip-vertical table {
margin: 10px 0 0 10px;
}
/* line 1165, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-thumbstrip-vertical img {
width: 60px;
}
/* line 1169, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-thumbstrip-vertical .highslide-marker {
left: 0;
margin-top: 8px;
border-top-width: 6px;
border-bottom-width: 6px;
border-left: 6px solid gray;
}
/* line 1177, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.dark .highslide-thumbstrip-vertical .highslide-marker, .highslide-viewport .highslide-thumbstrip-vertical .highslide-marker {
border-left-color: white;
}
/* line 1181, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-viewport .highslide-thumbstrip-float {
overflow: auto;
}
/* line 1185, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-thumbstrip-float ul {
margin: 2px 0;
padding: 0;
}
/* line 1190, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-thumbstrip-float li {
display: block;
height: 60px;
margin: 0 2px;
list-style: none;
float: left;
}
/* line 1198, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-thumbstrip-float img {
display: inline;
border-color: silver;
max-height: 56px;
}
/* line 1204, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-thumbstrip-float .highslide-active-anchor img {
border-color: black;
}
/* line 1208, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-thumbstrip-float .highslide-scroll-up div, .highslide-thumbstrip-float .highslide-scroll-down div {
display: none;
}
/* line 1212, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.highslide-thumbstrip-float .highslide-marker {
display: none;
}
/* Misc overrides */
/* line 1218, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.api_radius {
margin-right: 5px;
}
/* line 1222, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
#fb_target_api_age_min,
#fb_target_api_age_max,
#fb_target_api_college_year_start,
#fb_target_api_college_year_end {
width: 100px;
}
/* line 1229, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.text {
margin: 10px 0;
}
/* line 1232, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.or_divider {
font-weight: bold;
margin: 1px 0 10px;
}
/* line 1236, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.step_div {
position: relative;
}
/* line 1239, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.notice {
/*background-color:#fff693;*/
color: #404040;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 0.375rem;
border-bottom: solid 1px #e7e5ba;
margin-bottom: 0.375rem;
font-weight: 400;
}
/* line 1250, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.notice:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
/* line 1255, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.notice strong {
/*display:block;
margin-bottom:1rem;*/
}
/* line 1259, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.notice ul {
margin-bottom: 10px;
}
/* line 1262, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.notice li {
list-style-type: circle;
margin-left: 30px;
}
/* line 1266, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.mainColumn {
position: relative;
}
/* line 1269, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
#creative_inventory {
position: absolute;
top: 60px;
left: 850px;
}
/* line 1274, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
#targeting_spec {
margin-bottom: 1.8rem;
}
/* line 1278, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
#side_nav {
float: right;
width: 250px;
}
/* line 1282, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
#side_nav li {
padding: 5px 10px;
}
/* line 1285, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
#side_nav li.selected {
background-color: #2db3df;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
/* line 1291, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
#side_nav li.selected a {
color: white;
}
/* line 1294, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
#side_nav table {
margin-bottom: 1rem;
}
/* line 1297, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
#side_nav td {
padding: 5px 10px 5px 0;
}
/* line 1300, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.reach_estimate > div {
font-weight: bold;
margin-top: 0.5rem;
}
/* line 1304, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.ks_table.striped {
max-width: 35rem;
}
/* line 1307, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.ks_table.striped > div:nth-child(odd) {
background-color: #e8e8e8;
}
/* line 1310, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.ks_table > div > label {
width: 14rem;
line-height: 1.75rem;
margin: 0rem;
}
/* line 1315, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.ks_table.striped > div > label {
margin-left: 0.75rem;
width: 13.25rem;
}
/* line 1319, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.ks_table > div > span {
font-weight: 400;
color: #404040;
}
/* line 1324, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.preview_section {
padding-bottom: 3rem;
border-bottom: 1px solid #e8e8e8;
}
/* line 1328, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
table.action_spec_context {
border-spacing: 6px;
border-collapse: separate;
}
/* line 1332, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.creative_collection.ui-widget-content {
border: none;
}
/* line 1335, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
#segments_count, #ads_count {
white-space: nowrap;
}
/************* Twitter Keyword Entry Popup *****************/
/* line 1342, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.import_twitter_dialog textarea {
width: 100%;
height: 92%;
resize: none;
}
/* line 1348, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.import_twitter_dialog_annotation {
margin-top: 2px;
margin-bottom: 6px;
}
/* News Popup */
/* line 1354, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
#news_popup {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 100;
}
/* line 1363, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
#news_background {
height: 100%;
width: 100%;
background: rgba(0, 0, 0, 0.65);
}
/* line 1369, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
#news_body {
position: absolute;
left: 50%;
top: 50%;
height: 480px;
width: 800px;
margin-left: -405px;
margin-top: -245px;
background: white;
border: 2px solid #000000;
overflow: hidden;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.65);
-moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.65);
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.65);
background-image: url(ui/container-shim.png);
/* fixes rough corners */
background-repeat: repeat-x;
background-position: top;
}
/* line 1396, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
#news_header {
height: 3rem;
background: #E5E3DB;
position: relative;
}
/* line 1403, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
#news_content_iframe {
height: 420px;
width: 800px;
overflow: hidden;
border: 1px solid #ccc;
}
/* line 1410, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.news_content {
border: 1px solid #ccc;
height: 420px;
width: 800px;
overflow: hidden;
}
/* line 1417, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
#news_popup #news_title {
line-height: 3rem;
font-size: 1.8125rem;
color: #404040;
font-weight: normal;
padding-left: 0.75rem;
}
/* line 1425, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
#news_body iframe {
width: 800px;
height: 420px;
border: 0;
}
/* line 1431, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
#news_close_link {
position: absolute;
right: 1rem;
top: 0.75rem;
}
/* line 1437, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
#news_close_link a,
#news_close_link a:visited {
text-decoration: none;
font-size: 0.75rem;
line-height: 1rem;
text-transform: uppercase;
}
/* line 1445, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
#news_close_link a:hover,
#news_close_link a:active {
text-decoration: underline;
}
/* line 1451, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
#news_checkbox {
position: absolute;
right: 5rem;
top: 0.75rem;
}
/* Simple Drag and Drop CSS */
/* line 1458, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.simple_drag_drop_choose {
cursor: pointer;
}
/* line 1462, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.simple_drag_drop_file_info_div {
display: block;
min-width: 500px;
}
/* line 1467, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.simple_drag_drop_zone_error {
color: red;
}
/* line 1471, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.simple_drag_drop_remove {
color: red;
cursor: pointer;
float: right;
}
/* line 1477, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.simple_drag_drop_zone_div {
border: 2px dashed #bbb;
padding: 5px;
}
/* line 1482, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.simple_drag_drop_zone {
padding: 25px;
font: 20pt bold;
color: #bbb;
text-align: center;
}
/* line 1491, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.simple_drag_drop_zone_div .file_info {
position: relative;
}
/* line 1495, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/legacy.css.scss.erb */
.simple_drag_drop_zone_div .file_info img {
max-width: 200px;
height: auto;
}
/***** Fonts ******/
/***** Colors *****/
/* Was Kinetic Dark Grey #6C6463 */
/* was Kinetic Dark Grey #6C6463 */
/* Kinetic Medium Blue */
/*#E8E8E8;*/
/* Explicit Kinetic Color Definitions */
/* typographic scale */
/* z-index management */
/*********** Flash Alerts **************/
/* line 5, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/flash-alerts.css.scss.erb */
.flashAlertsContainer {
width: 100%;
text-align: center;
}
/* line 10, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/flash-alerts.css.scss.erb */
.flashAlertsContainer .closeControl {
position: absolute;
top: 12px;
right: 10px;
margin: 0px;
cursor: pointer;
width: 16px;
height: 16px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background-color: rgba(0, 0, 0, 0.1);
text-align: center;
font-weight: 400;
font-size: 16px;
line-height: 16px;
pointer-events: auto;
}
/* line 29, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/flash-alerts.css.scss.erb */
.flashAlertsContainer .notice,
.flashAlertsContainer .warning,
.flashAlertsContainer .alert,
.flashAlertsContainer .error {
position: relative;
}
/* line 36, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/flash-alerts.css.scss.erb */
.flashAlertsContainer .notice.hide,
.flashAlertsContainer .warning.hide,
.flashAlertsContainer .alert.hide,
.flashAlertsContainer .error.hide {
white-space: nowrap;
overflow: hidden;
height: 0px !important;
width: 0px !important;
margin-bottom: 0px;
padding: 0px;
border-width: 0px;
-webkit-transition: all 2.2s;
-moz-transition: all 2.2s;
-ms-transition: all 2.2s;
transition: all 0.2s;
}
/* line 54, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/flash-alerts.css.scss.erb */
.flashAlertsContainer .notice.block,
.flashAlertsContainer .warning.block,
.flashAlertsContainer .alert.block,
.flashAlertsContainer .error.block {
display: block;
}
/* line 61, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/flash-alerts.css.scss.erb */
.flashAlertsContainer .notice {
display: table;
margin: 0rem auto 1.5rem auto;
text-align: left;
background-image: url(icons/icon-check-sm.png);
background-repeat: no-repeat;
background-position: top 10px left 9px;
padding: 0.5rem 36px;
/* padding-right:0.75rem;
padding-left: 36px;*/
background-color: #d6ecc4;
color: #404040;
line-height: 1.5;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
/* line 80, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/flash-alerts.css.scss.erb */
.flashAlertsContainer .notice .closeControl {
background-color: #c0dea8;
color: #869d73;
}
/* line 85, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/flash-alerts.css.scss.erb */
.flashAlertsContainer .notice .closeControl:hover {
background-color: #a5d083;
color: #6d825b;
}
/* line 90, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/flash-alerts.css.scss.erb */
.flashAlertsContainer .notice .closeControl:active {
background-color: #98c971;
color: #607351;
}
/* line 98, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/flash-alerts.css.scss.erb */
.flashAlertsContainer .warning {
display: table;
margin: 0rem auto 1.5rem auto;
text-align: left;
background-image: url(icons/icon-info.png);
background-repeat: no-repeat;
background-position: top 10px left 9px;
padding: 0.5rem 36px;
/* padding:0.5rem;
padding-right:0.75rem;*/
padding-left: 36px;
background-color: #fcf9b6;
color: #404040;
line-height: 1.5;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
/* line 118, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/flash-alerts.css.scss.erb */
.flashAlertsContainer .warning .closeControl {
background-color: #ece99b;
color: #a79f5b;
}
/* line 123, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/flash-alerts.css.scss.erb */
.flashAlertsContainer .warning .closeControl:hover {
background-color: #e0db5b;
color: #76703f;
}
/* line 128, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/flash-alerts.css.scss.erb */
.flashAlertsContainer .warning .closeControl:active {
background-color: #dcd645;
color: #666136;
}
/* line 134, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/flash-alerts.css.scss.erb */
.flashAlertsContainer .alert {
display: table;
margin: 0rem auto 1.5rem auto;
text-align: left;
background-image: url(icons/icon-error.png);
background-repeat: no-repeat;
background-position: top 7px left 9px;
padding: 0.375rem 36px;
color: #404040;
line-height: 1.5;
border: solid 2px #DB1717;
overflow: hidden;
background-color: #fef3f3;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
/* line 155, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/flash-alerts.css.scss.erb */
.flashAlertsContainer .alert:before {
content: "Alert:";
color: #404040;
font-weight: 700;
font-size: 0.75rem;
text-transform: uppercase;
line-height: 1.5;
margin-right: 0.25rem;
}
/* line 166, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/flash-alerts.css.scss.erb */
.flashAlertsContainer .alert .closeControl {
top: 10px;
right: 8px;
background-color: #f4dcdc;
color: #c68b8b;
}
/* line 173, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/flash-alerts.css.scss.erb */
html.ie .flashAlertsContainer .alert .closeControl {
top: 12px;
right: 10px;
}
/* line 178, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/flash-alerts.css.scss.erb */
html.ie .flashAlertsContainer .alert.block .closeControl {
top: 10px;
right: 8px;
}
/* line 183, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/flash-alerts.css.scss.erb */
.flashAlertsContainer .alert .closeControl:hover {
background-color: #eec9c9;
color: #be7a7a;
}
/* line 188, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/flash-alerts.css.scss.erb */
.flashAlertsContainer .alert .closeControl:active {
background-color: #e8b5b5;
color: #b56969;
}
/* line 193, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/flash-alerts.css.scss.erb */
.flashAlertsContainer .error {
display: table;
margin: 0rem auto 1.5rem auto;
text-align: left;
background-image: url(icons/icon-error.png);
background-repeat: no-repeat;
background-position: top 9px left 9px;
padding: 0.5rem 36px;
color: #FFFFFF;
font-weight: 400;
line-height: 1.5;
background-color: #DB1717;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
/* line 212, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/flash-alerts.css.scss.erb */
.flashAlertsContainer .error:before {
content: "Error:";
color: #FFFFFF;
font-weight: 700;
font-size: 0.75rem;
text-transform: uppercase;
line-height: 1.5;
margin-right: 0.25rem;
}
/* line 223, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/flash-alerts.css.scss.erb */
.flashAlertsContainer .error .closeControl {
background-color: #c81616;
color: #f8baba;
}
/* line 228, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/flash-alerts.css.scss.erb */
.flashAlertsContainer .error .closeControl:hover {
background-color: #b11313;
color: #f6a3a3;
}
/* line 233, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/flash-alerts.css.scss.erb */
.flashAlertsContainer .error .closeControl:active {
background-color: #9a1111;
color: #f38c8c;
}
@media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 4 / 2), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
/* line 245, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/flash-alerts.css.scss.erb */
.flashAlertsContainer .notice {
background-image: url(icons/icon-check-sm@2x.png);
background-repeat: no-repeat;
background-size: 20px 20px;
}
/* line 251, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/flash-alerts.css.scss.erb */
.flashAlertsContainer .warning {
background-image: url(icons/icon-info@2x.png);
background-repeat: no-repeat;
background-size: 20px 20px;
}
/* line 257, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/flash-alerts.css.scss.erb */
.flashAlertsContainer .alert,
.flashAlertsContainer .error {
background-image: url(icons/icon-error@2x.png);
background-repeat: no-repeat;
background-size: 20px 18px;
}
}
/***** Fonts ******/
/***** Colors *****/
/* Was Kinetic Dark Grey #6C6463 */
/* was Kinetic Dark Grey #6C6463 */
/* Kinetic Medium Blue */
/*#E8E8E8;*/
/* Explicit Kinetic Color Definitions */
/* typographic scale */
/* z-index management */
/*************** KS Tooltip *****************/
/* line 6, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/ks-tooltip.css.scss.erb */
.ks_tooltip_trigger {
outline: none;
position: relative;
text-decoration: none;
display: inline-block;
width: 20px;
height: 20px;
line-height: 1.5rem;
background-image: url(icons/icon-help.png);
background-repeat: no-repeat;
}
/* line 19, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/ks-tooltip.css.scss.erb */
.ks_tooltip_trigger SUP {
outline: none;
font-weight: bold;
color: transparent;
/* #A7A7A7 */
}
/* line 25, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/ks-tooltip.css.scss.erb */
.ks_tooltip_trigger:hover {
text-decoration: none;
}
/* line 29, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/ks-tooltip.css.scss.erb */
.ks_tooltip_trigger:hover .ks_tooltip_wrapper {
visibility: visible;
}
/* line 33, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/ks-tooltip.css.scss.erb */
.ks_tooltip_wrapper {
outline: none;
width: 300px;
visibility: hidden;
position: absolute;
z-index: 1000;
border: none;
white-space: normal;
color: #565656;
background-color: #FDFAB2;
overflow: hidden;
padding: 0.375rem;
padding-left: 1.55rem;
background-image: url(icons/icon-info.png);
background-repeat: no-repeat;
background-position: left 0.4375rem top 0.6875rem;
-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.5);
}
/* line 57, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/ks-tooltip.css.scss.erb */
.ks_tooltip_wrapper_top_right {
bottom: 100%;
padding-bottom: 7px;
left: 15px;
margin-bottom: -5px;
-moz-border-radius-topright: 6px;
-webkit-border-top-right-radius: 6px;
border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-webkit-border-top-left-radius: 6px;
border-top-left-radius: 6px;
-moz-border-radius-bottomright: 6px;
-webkit-border-bottom-right-radius: 6px;
border-bottom-right-radius: 6px;
}
/* line 74, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/ks-tooltip.css.scss.erb */
.ks_tooltip_wrapper_bottom_right {
top: 100%;
padding-top: 7px;
left: 15px;
margin-top: -5px;
-moz-border-radius-topright: 6px;
-webkit-border-top-right-radius: 6px;
border-top-right-radius: 6px;
-moz-border-radius-bottomleft: 6px;
-webkit-border-bottom-left-radius: 6px;
border-bottom-left-radius: 6px;
-moz-border-radius-bottomright: 6px;
-webkit-border-bottom-right-radius: 6px;
border-bottom-right-radius: 6px;
}
/* line 91, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/ks-tooltip.css.scss.erb */
.ks_tooltip_wrapper_top_left {
bottom: 100%;
right: 15px;
padding-bottom: 7px;
margin-bottom: -5px;
-moz-border-radius-topright: 6px;
-webkit-border-top-right-radius: 6px;
border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-webkit-border-top-left-radius: 6px;
border-top-left-radius: 6px;
-moz-border-radius-bottomleft: 6px;
-webkit-border-bottom-left-radius: 6px;
border-bottom-left-radius: 6px;
}
/* line 109, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/ks-tooltip.css.scss.erb */
.ks_tooltip_wrapper_bottom_left {
top: 100%;
right: 15px;
padding-top: 7px;
margin-top: -5px;
-moz-border-radius-topleft: 6px;
-webkit-border-top-left-radius: 6px;
border-top-left-radius: 6px;
-moz-border-radius-bottomleft: 6px;
-webkit-border-bottom-left-radius: 6px;
border-bottom-left-radius: 6px;
-moz-border-radius-bottomright: 6px;
-webkit-border-bottom-right-radius: 6px;
border-bottom-right-radius: 6px;
}
/* line 128, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/ks-tooltip.css.scss.erb */
.ks_tooltip_wrapper .ks_tooltip_title {
outline: none;
font-weight: 400;
color: #404040;
display: block;
left: 0;
padding: 3px 8px;
text-align: left;
}
/* line 138, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/ks-tooltip.css.scss.erb */
.ks_tooltip_wrapper .ks_tooltip_content {
outline: none;
padding: 3px 8px;
display: block;
font-weight: 300;
text-align: left;
}
/* High resolution screen support */
@media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 4 / 2), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
/* line 156, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/ks-tooltip.css.scss.erb */
.ks_tooltip_trigger {
background-image: url(icons/icon-help@2x.png);
background-size: 20px 20px;
background-repeat: no-repeat;
}
/* line 162, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/legacy/ks-tooltip.css.scss.erb */
.ks_tooltip_wrapper {
background-image: url(icons/icon-info@2x.png);
background-repeat: no-repeat;
background-size: 20px 20px;
}
}
/***** Fonts ******/
/***** Colors *****/
/* Was Kinetic Dark Grey #6C6463 */
/* was Kinetic Dark Grey #6C6463 */
/* Kinetic Medium Blue */
/*#E8E8E8;*/
/* Explicit Kinetic Color Definitions */
/* typographic scale */
/* z-index management */
/***************************** Campaign Summary Screen *******************************/
/* line 5, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.campaignSummary h3 {
clear: both;
float: left;
width: 15rem;
margin-top: 0rem;
}
/* line 12, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.campaignSummary .preview_section {
padding-left: 16.5rem;
margin-bottom: 1.5rem;
border-bottom: 2px solid #e8e8e8;
}
/* line 18, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.campaignSummary .preview_section h4:first-of-type {
margin-top: 0rem;
}
/* line 22, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.campaignSummary .preview_section .creativePreview {
display: inline-block;
float: left;
margin-right: 0.75rem;
margin-bottom: 0.75rem;
}
/* line 29, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.campaignSummary .preview_section iframe {
margin: 0px !important;
/* margin is specified as an inline style. remember to remove this when the screen is redesigned */
}
/* line 33, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.summarySection {
border-bottom: solid 2px #E8E8E8;
margin-bottom: 1.5rem;
padding-bottom: 3rem;
vertical-align: top;
overflow-y: auto;
}
/* line 41, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.summarySection:last-of-type {
border-bottom: none;
margin-bottom: 0rem;
padding-bottom: 0rem;
vertical-align: top;
}
/* line 48, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.summarySection .summarySectionTitleBlock {
display: inline-block;
width: 14rem;
float: left;
}
/* line 54, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.summarySection .summarySectionTitleBlock h3 {
margin-top: 0rem;
}
/* line 58, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.summarySection .summarySectionTitleBlock h3 button,
.summarySection .summarySectionTitleBlock h3 .button {
vertical-align: middle;
margin-bottom: 0.375rem;
margin-left: 0.375rem;
}
/* line 65, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.summarySection .summarySectionDetailsBlock {
margin-left: 15rem;
padding-top: 0.375rem;
overflow: auto;
}
/* line 71, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.summarySection .summarySectionDetailsBlockError {
border: solid 1px #DB1717;
padding: 0.75rem;
padding-left: 38px;
background-color: #fef3f3;
color: #404040;
margin-bottom: 1.5rem;
background-image: url(icons/icon-error.png);
background-repeat: no-repeat;
background-position: top 12px left 12px;
}
/* line 84, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.summarySection .summarySectionDetailsBlockError .errorHeading {
color: #DB1717;
font-weight: 400;
}
/* line 89, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.summarySection table tbody {
border: none;
}
/* line 93, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.summarySection table {
table-layout: fixed;
border-collapse: collapse;
width: 100%;
border: solid 1px transparent;
/* this keeps the table from overflowing when child elements have a border */
box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
/* line 105, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.summarySection table tr {
border: none;
height: auto;
}
/* line 110, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.summarySection table tr:hover {
background: none;
}
/* line 114, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.summarySection table tr:active {
cursor: default;
}
/* line 119, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.summarySection table tr:nth-child(odd) {
background-color: #F5F5F5;
}
/* line 124, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.summarySection table td,
.summarySection table th {
text-align: left;
line-height: 1.5rem;
vertical-align: top;
padding-top: 0.375rem;
padding-bottom: 0.375rem;
height: auto;
}
/* line 135, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.summarySection table td p:last-child {
margin-bottom: 0rem;
}
/* line 139, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.summarySection table td:first-child {
width: 10rem;
}
/* line 143, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.summarySection table td:not(:first-child) {
color: #404040;
font-weight: 400;
}
/* line 149, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.summarySection table tr.errorRow {
border: solid 1px #DB1717;
background-color: #fef3f3;
}
/* line 155, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.summarySection table tr.errorRow .errorHeading {
color: #DB1717;
font-weight: 400;
}
/* line 160, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.summarySection table tr.errorRow p.errorDescription {
padding-left: 26px;
background-image: url(icons/icon-error.png);
background-repeat: no-repeat;
background-position: top left;
}
/* line 167, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.summarySection table table {
margin-top: -1px;
}
/* line 171, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.summarySection table table,
.summarySection table table td:first-child {
width: auto;
}
/* line 176, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.summarySection table table tr {
border-bottom: solid 1px #DDDDDD;
background: none !important;
}
/* line 182, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.summarySection table td.rightJustify,
.summarySection table th.rightJustify {
text-align: right;
}
/* line 188, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.summarySection table table tbody tr:last-child {
border-bottom: none;
}
/* line 193, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.summarySection table table tr td:last-child {
color: #404040;
font-weight: 400;
}
/* line 199, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.summarySection table table td,
.summarySection table table th {
background: none;
border: none;
width: auto;
/*padding: 0rem;*/
padding-right: 1rem;
line-height: 1.5rem;
}
/* line 209, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.summarySection table table td:first-child,
.summarySection table table th:first-child {
padding-left: 0rem;
}
/* line 214, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.summarySection table table td:last-child,
.summarySection table table th:last-child {
/* padding-right:0rem; */
}
/* line 219, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.summarySection table table td:first-child,
.summarySection table table th:first-child {
width: 10rem;
}
/* line 224, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.summarySection table table td:last-child,
.summarySection table table th:last-child {
width: auto;
}
/* line 229, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.summarySection table table:first-child tr:first-child > td,
.summarySection table table:first-child tr:first-child > th {
padding-top: 0rem;
}
/* line 234, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.summarySection table table:first-child thead + tbody tr:first-child td {
padding-top: 0.375rem;
}
/* line 238, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.summarySection table table:last-child tr:last-child td {
padding-bottom: 0rem;
}
/* line 242, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.summarySection table.promotedPinsList {
table-layout: fixed;
}
/* line 246, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.summarySection table.promotedPinsList td {
vertical-align: top;
}
/* line 249, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.summarySection table.promotedPinsList .pin.compact.inline .thumbnail {
margin-bottom: 0px;
}
/* line 253, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.summarySection table.promotedPinsList td:first-child {
width: 10rem;
}
/* line 257, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.summarySection table.promotedPinsList td:last-child {
width: 44px;
/*vertical-align:middle;*/
text-align: right;
}
/* line 263, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.summarySection table.promotedPinsList td:nth-child(2) > p {
/*line-height: 1rem;*/
word-wrap: break-word;
border-bottom: solid 1px #DDDDDD;
}
/* line 269, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.summarySection table.promotedPinsList td:nth-child(2) > p > strong {
color: #404040;
}
/* line 273, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.summarySection table.promotedPinsList td:nth-child(2) > p:last-child {
border-bottom: none;
}
/* line 277, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.summarySection table.promotedPinsList span.details {
display: block;
font-size: 0.75rem;
line-height: 1rem;
}
/* line 283, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.summarySectionDetailsBlock .summarySectionAdDetails {
display: -webkit-flex;
-webkit-flex-direction: row;
-webkit-flex-wrap: nowrap;
-webkit-justify-items: flex-start;
-webkit-align-items: flex-start;
-webkit-align-content: flex-start;
-webkit-margin-bottom: 0.75rem;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-items: flex-start;
align-items: flex-start;
align-content: flex-start;
padding-bottom: 0.75rem;
border-bottom: solid 1px #E8E8E8;
margin-bottom: 0.75rem;
}
/* line 304, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.summarySectionDetailsBlock .summarySectionAdDetails:last-child {
padding-bottom: 0;
border-bottom: none;
margin-bottom: 0;
}
/* line 310, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.summarySectionDetailsBlock .summarySectionAdDetails creative-tile {
-webkit-flex-grow: 0;
flex-grow: 0;
margin-right: 0.75rem;
}
/* line 316, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.summarySectionDetailsBlock .summarySectionAdDetails .adDetails {
-webkit-flex-grow: 1;
flex-grow: 1;
}
/* line 320, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.summarySectionDetailsBlock .summarySectionAdDetails .adDetails ul {
max-width: none;
}
/* line 323, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.summarySectionDetailsBlock .summarySectionAdDetails .adDetails ul li {
word-break: break-all;
padding: 0.375rem;
}
/******************* CREATIVES MANAGER **********************/
/* line 330, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.creativesManagerContainer button {
margin: 0rem;
}
/* line 334, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.creativesManagerContainer h4 {
margin-bottom: 0.75rem;
}
/* line 338, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.creativesManagerContainer .creativesManagerSelectedCreatives {
padding-left: 31rem;
}
/* line 342, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.creativesManagerContainer .creativesBuilderPreviewContainer .creativesBuilderPreview {
border: solid 1px #E8E8E8;
display: inline-block;
float: left;
margin-right: 0.75rem;
margin-bottom: 0.75rem;
padding: 0.375rem;
}
/* line 351, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.creativesManagerContainer .creativesBuilderContainer {
float: left;
width: 29rem;
}
/* line 356, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.creativesManagerContainer .creativesBuilderContainer .creativesBuilderForm {
width: 29rem;
}
/* line 360, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.creativesManagerContainer .creativesBuilderContainer .creativesBuilderPreviewContainer {
width: 27rem;
}
/* line 365, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.creativesManagerContainer .creativesBuilderContainer .inputBlock {
display: block;
margin-bottom: 0.375rem;
}
/* line 370, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.creativesManagerContainer .creativesBuilderContainer .inputBlock * {
vertical-align: middle;
}
/* line 374, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.creativesManagerContainer .creativesBuilderContainer input:not([type]),
.creativesManagerContainer .creativesBuilderContainer input[type=text],
.creativesManagerContainer .creativesBuilderContainer input[type=password],
.creativesManagerContainer .creativesBuilderContainer input[type=email],
.creativesManagerContainer .creativesBuilderContainer select,
.creativesManagerContainer .creativesBuilderContainer textarea {
width: 24rem;
}
/* line 383, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.creativesManagerContainer .creativesBuilderContainer .creativesBuilderPreviewContainer {
border-top: solid 1px #E8E8E8;
padding-top: 1.5rem;
}
/* KSP-8112 */
/* line 389, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.creativesManagerContainer #regular_adtype_container #selected_images .inline_image {
max-width: 110px;
max-height: 80px;
}
/************************** Reach & Frequency ***********************/
/* line 397, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.freqCapToggle label.switchLabel {
font-weight: 400;
color: #404040;
}
/* line 402, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.freqCapToggle input[type=text] {
text-align: center;
width: 4rem;
}
/* line 408, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.reachFrequencyPrediction p.parameters {
max-width: 100%;
width: 100%;
text-align: center;
}
/* line 414, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.reachFrequencyPrediction p.parameters span:not(:last-of-type) {
margin-right: 1.5rem;
}
/* line 418, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.reachFrequencyPrediction p.parameters span label {
margin-right: 0px;
}
/* line 422, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.reachFrequencyPrediction p.legend {
margin-left: auto;
margin-right: auto;
text-align: center;
width: 40rem;
}
/* Media query to adjust creative manager layout */
@media screen and (min-width: 1520px) {
/* line 435, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.summarySection .summarySectionDetailsBlockError {
background-image: url(icons/icon-error@2x.png);
background-repeat: no-repeat;
background-size: 20px 18px;
}
/* line 441, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.summarySection table tr.errorRow p.errorDescription {
background-image: url(icons/icon-error@2x.png);
background-repeat: no-repeat;
background-size: 20px 18px;
}
/* line 447, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.creativesManagerContainer .creativesManagerSelectedCreatives {
padding-left: 56rem;
}
/* line 451, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.creativesManagerContainer .creativesBuilderContainer .creativesBuilderPreviewContainer {
width: 16rem;
}
/* line 455, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.creativesManagerContainer .creativesBuilderContainer {
width: 52rem;
}
/* line 459, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.creativesManagerContainer .creativesBuilderContainer .creativesBuilderForm {
float: left;
margin-right: 2rem;
}
/* line 464, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.creativesManagerContainer .creativesBuilderContainer .creativesBuilderPreviewContainer {
float: left;
border-top: none;
padding-top: 0rem;
}
}
/******* R&F HUD DISPLAY IN HIGHCHARTS ********/
/* line 475, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.hudLabel {
font-size: 0.75rem;
font-weight: 300;
text-transform: uppercase;
font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
line-height: 1rem;
}
/* line 483, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-wizard.css.scss.erb */
.hudValue {
font-size: 0.75rem;
font-weight: 400;
text-transform: uppercase;
font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
line-height: 1rem;
}
/***** Fonts ******/
/***** Colors *****/
/* Was Kinetic Dark Grey #6C6463 */
/* was Kinetic Dark Grey #6C6463 */
/* Kinetic Medium Blue */
/*#E8E8E8;*/
/* Explicit Kinetic Color Definitions */
/* typographic scale */
/* z-index management */
/***************************** IOG Index Containers ***************************/
/* line 6, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummaryGroup {
margin-bottom: 1.5rem;
}
/* line 10, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummaryGroup h3 {
margin: 0px;
margin-bottom: 0.375rem;
font-size: 1.5rem;
}
/* line 16, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary {
border-top: solid 2px #E8E8E8;
overflow-y: auto;
transition: background-color 0.1s ease;
position: relative;
}
/* line 23, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary.standalone,
.iogSummary.standalone:last-of-type {
background-color: transparent;
border: none;
padding: 0px;
overflow-y: inherit;
}
/* line 31, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary.standalone:after {
content: "";
display: block;
clear: both;
}
/* line 38, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary.standalone:hover,
.iogSummary.standalone.paused,
.iogSummary.standalone.scheduled,
.iogSummary.standalone.expired {
background-color: transparent;
}
/* line 45, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary.standalone .channelLogo {
float: left;
margin-top: 1px;
margin-right: 6px;
}
/* line 51, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary.standalone .parentCategories {
line-height: 1rem;
}
/* line 55, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary.standalone .monitorToggle {
font-size: 0.75rem;
float: right;
cursor: pointer;
text-transform: uppercase;
}
/* line 62, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary.standalone .monitorToggle:after {
content: "";
background-image: url(ui/accordion-arrow-sprite.png);
background-position: -60px -9px;
background-repeat: no-repeat;
display: inline-block;
height: 7px;
margin-bottom: 1px;
margin-left: 6px;
width: 13px;
}
/* line 74, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary.standalone .monitorToggle.toggled:after {
background-position: -60px 0px;
}
/* line 78, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary.standalone .iogSummaryHeader {
cursor: pointer;
height: 2.5rem;
}
/* line 83, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary.standalone .iogSearch {
height: 2.5rem;
}
/* line 87, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary.standalone .basicInfo {
margin-bottom: 0;
}
/* line 91, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary.standalone .expandableMonitorGraphs {
padding-top: 0.75rem;
height: 140px;
}
/* line 96, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary.standalone .expandableMonitorGraphs.fadeTransition {
transition: opacity 0.2s;
}
/* line 101, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary.standalone .expandableMonitorGraphs.faded {
opacity: 0.2;
}
/* line 106, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary.paused,
.iogSummary.scheduled,
.iogSummary.expired {
background-color: #F5F5F5;
}
/* line 112, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary:before {
content: "";
text-transform: uppercase;
font-size: 0.75rem;
position: absolute;
top: 6px;
left: 0px;
width: 100%;
text-align: center;
display: block;
font-weight: 700;
color: #656565;
}
/* line 126, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary.readOnly:before {
content: "Read Only";
color: #EEC400;
}
/* line 131, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary.standalone.readOnly:before {
color: #BBBBBB;
}
/* line 135, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary.paused:before {
content: "Paused";
color: #BBBBBB;
}
/* line 141, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary.paused.readOnly:before {
content: "Paused - Read Only";
color: #BBBBBB;
}
/* line 146, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary.scheduled:before {
content: "Scheduled";
color: #BBBBBB;
}
/* line 151, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary.expired:before {
content: "Expired";
color: #BBBBBB;
}
/* line 158, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary:hover {
background: #e9f6fa;
}
/* line 162, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary.clickable:hover {
cursor: pointer;
}
/* line 166, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary:last-of-type {
border-bottom: solid 2px #E8E8E8;
}
/* line 170, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .parentCategories {
margin-top: 0.75rem;
margin-bottom: 0.375rem;
font-size: 0.875rem;
line-height: 1.5rem;
text-transform: uppercase;
width: 100%;
padding: 0px 0.375rem;
box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
/* line 186, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .parentCategories a strong,
.iogSummary .parentCategories a:visited strong {
color: #00A9CE;
}
/* line 191, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .parentCategories a:hover strong {
color: #1BCDF4;
}
/* line 195, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .parentCategories a:active strong {
color: #14789D;
}
/* line 199, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary.standalone .parentCategories {
padding: 0;
margin: 0;
}
/* line 204, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .statusMessage {
margin-left: 0.375rem;
}
/* line 208, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .basicInfo {
float: left;
width: 18.5rem;
padding-left: 0.375rem;
margin-bottom: 0.75rem;
min-height: 132px;
box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
/* line 221, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary.standalone .basicInfo {
float: none;
display: block;
padding-left: 0px;
width: auto;
}
/* line 228, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .basicInfo img.channelIcon,
.iogSummary .basicInfo svg.channelIcon {
margin-top: 0.25rem;
display: inline;
float: left;
}
/* line 235, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary.paused .basicInfo img.channelIcon,
.iogSummary.scheduled .basicInfo img.channelIcon,
.iogSummary.paused .basicInfo svg.channelIcon,
.iogSummary.scheduled .basicInfo svg.channelIcon {
filter: gray;
/* IE9 Greyscale filter */
opacity: 0.65;
}
/* An SVG filter named "greyscale" is written
directly in the DOM and referenced here.
This works in all browsers, except IE 9 and
Firefox (Firefox specific rule below) */
/* line 247, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary.paused .basicInfo .svgImg,
.iogSummary.scheduled .basicInfo .svgImg {
filter: url(styleguide.css);
}
/* need to target Firefox specifically and
load ther SVG filter as an external file.
Referencing the filter in the DOM as above
doesn't seem to work for Firefox */
@-moz-document url-prefix() {
/* line 257, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary.paused .basicInfo .svgImg,
.iogSummary.scheduled .basicInfo .svgImg {
filter: url(svg/desaturate.svg);
}
}
/* line 264, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary.paused .tagFlag,
.iogSummary.scheduled .tagFlag {
background-color: #999999;
}
/* line 269, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .basicInfo h4 {
margin: 0px;
margin-bottom: 0.1875rem;
margin-left: 42px;
font-size: 1.125rem;
}
/* line 276, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .basicInfo p.details {
margin-left: 42px;
line-height: 1.25rem;
margin-bottom: 0.5625rem;
font-size: 0.875rem;
text-transform: uppercase;
}
/* line 284, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .basicInfo .actions {
margin-left: 42px;
margin-bottom: 0.5625rem;
opacity: 0;
transition: opacity 0.1s ease;
}
/* line 291, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .basicInfo .actions button, .iogSummary .basicInfo .actions .button {
margin-right: 3px;
}
/* line 295, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary:hover .basicInfo .actions {
opacity: 1;
}
/* line 299, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .indicatorBank {
float: left;
width: 23rem;
margin-left: 1.5rem;
margin-top: -0.75rem;
padding-right: 1rem;
}
/* line 309, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary.standalone .indicatorBank {
width: 50%;
margin: 0;
}
/* line 314, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .indicatorBank table tr {
height: 1.5rem;
}
/* line 318, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .indicatorBank table thead,
.iogSummary .indicatorBank table tbody {
border-top: none;
border-bottom: none;
}
/* line 324, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .indicatorBank table thead tr:first-child,
.iogSummary .indicatorBank table thead tr:first-child td {
background: none;
border: none;
font-weight: 400;
color: #404040;
text-transform: uppercase;
}
/* line 333, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .indicatorBank table td,
.iogSummary .indicatorBank table th {
height: 1.5rem;
line-height: 1.5rem;
padding: 0rem;
padding-left: 0.375rem;
font-size: 0.8125rem;
text-align: left;
}
/* line 343, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .indicatorBank table td {
border-left: none;
border-right: none;
}
/* line 348, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .indicatorBank table thead th {
font-weight: 400;
color: #404040;
}
/* line 353, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .indicatorBank table thead th:first-child {
/* -moz-border-radius-topleft: 6px;
-webkit-border-top-left-radius: 6px;
border-top-left-radius: 6px; */
}
/* line 359, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .indicatorBank table thead th:last-child {
border-right: none;
/* -moz-border-radius-topright: 6px;
-webkit-border-top-right-radius: 6px;
border-top-right-radius: 6px;*/
}
/* line 367, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .indicatorBank table tbody tr {
background-color: #FFFFFF;
border-bottom: solid 1px #E8E8E8;
}
/* line 372, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .indicatorBank table tbody tr:last-child {
border-bottom: solid 1px #FFFFFF;
}
/* line 376, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .indicatorBank table tbody tr:hover {
background-color: #FFFFFF;
/*cursor:default;*/
}
/* line 381, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary:not(.paused):not(.expired) .indicatorBank table tbody tr.noDelivery,
.iogSummary:not(.paused):not(.expired) .indicatorBank table tbody tr.noDelivery:hover,
.iogSummary:not(.paused):not(.expired) .indicatorBank table tbody tr.noDelivery td,
.iogSummary:not(.paused):not(.expired) .indicatorBank table tbody tr.noDelivery td.statusPoor {
background-color: #DB1717;
font-weight: 700;
color: #FFFFFF;
}
/* line 390, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .indicatorBank table tbody td:not(:first-child) {
font-weight: 400;
color: #404040;
}
/* line 395, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .indicatorBank table tbody td.statusPoor,
.iogSummary .indicatorBank table tbody tr.showErrorsWhenPaused td.statusPoor {
background-color: #FFFFFF;
color: #B72A0E;
background-image: url(icons/icon-error_sm.png);
background-repeat: no-repeat;
background-position: left 6px top 5px;
padding-left: 22px;
}
/* line 405, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary.paused .indicatorBank table tbody td.statusPoor {
color: #404040;
background-image: none;
padding-left: 6px;
}
/* line 411, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .delivery {
padding-left: 45rem;
padding-right: 0.375rem;
margin-top: -2.625rem;
}
/* line 418, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary.standalone .delivery {
width: 50%;
float: left;
padding-left: 1rem;
margin-top: -1.25rem;
}
/* line 425, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .delivery .graphContainer {
position: relative;
}
/* line 429, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .delivery .graphContainer .hitArea {
position: absolute;
top: 82px;
width: 100%;
height: 40px;
z-index: 10;
}
/* line 437, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .delivery .graphContainer .flight {
position: absolute;
top: 43px;
width: 80%;
}
/* line 443, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .delivery .graphContainer .flight .startDate,
.iogSummary .delivery .graphContainer .flight .endDate {
display: inline-block;
float: left;
text-align: left;
font-size: 0.8125rem;
font-weight: 400;
color: #404040;
text-transform: uppercase;
}
/* line 454, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .delivery .graphContainer .flight .endDate {
float: right;
text-align: right;
margin-right: 4px;
}
/* line 460, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .delivery .graphContainer .flight .progressBar {
height: 5px;
display: block;
background-color: #DDDDDD;
/* #C5C5C5; */
margin-top: 24px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
}
/* line 470, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .delivery .graphContainer .flight .progressBar .progress {
width: 0%;
height: 5px;
background-color: #437791;
}
/* line 476, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary.paused .delivery .graphContainer .flight .progressBar .progress {
background-color: #888888;
}
/* line 480, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .delivery .graphContainer .flight .progressBar .marker {
margin-top: -8px;
margin-left: 0%;
width: 2px;
height: 11px;
background-color: #2E5264;
display: none;
}
/* line 489, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary.paused .delivery .graphContainer .flight .progressBar .marker {
background-color: #777777;
}
/* line 493, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .delivery .graphContainer .budget {
position: absolute;
top: 82px;
width: 100%;
height: 18px;
background-color: #DDDDDD;
/* #C5C5C5; */
}
/* line 501, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .delivery .graphContainer .media {
position: absolute;
top: 104px;
width: 100%;
height: 18px;
background-color: #DDDDDD;
/* #C5C5C5; */
}
/* line 509, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .delivery .graphContainer .barsContainer {
position: relative;
height: 18px;
overflow-x: hidden;
overflow-y: hidden;
}
/* line 516, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .delivery .graphContainer .budget .spend,
.iogSummary .delivery .graphContainer .media .progress {
height: 18px;
width: 0%;
background-color: #437791;
position: absolute;
z-index: 3;
top: 0px;
text-align: right;
margin-left: -10px;
}
/* line 528, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary.paused .delivery .graphContainer .budget .spend,
.iogSummary.paused .delivery .graphContainer .media .progress {
background-color: #888888;
}
/* line 533, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .delivery .graphContainer .budget .spend:before,
.iogSummary .delivery .graphContainer .media .progress:before {
content: " ";
font-size: 1px;
line-height: 1px;
display: inline-block;
width: 20px;
height: 18px;
margin-right: -10px;
background-image: url(ui/bar-graph-tips-sprite.png);
background-repeat: no-repeat;
background-position: top 0px right 0px;
}
/* line 548, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary.paused .delivery .graphContainer .budget .spend:before,
.iogSummary.paused .delivery .graphContainer .media .progress:before {
background-position: top -80px right 0px;
}
/* line 553, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .delivery .graphContainer .budget .revenue {
height: 18px;
width: 0%;
background-color: #6FAE3C;
text-align: right;
position: absolute;
z-index: 2;
top: 0px;
text-align: right;
margin-left: -10px;
}
/* line 565, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary.paused .delivery .graphContainer .budget .revenue {
background-color: #AAAAAA;
}
/* line 569, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .delivery .graphContainer .budget .revenue:before {
content: " ";
font-size: 1px;
line-height: 1px;
display: inline-block;
width: 20px;
height: 18px;
margin-right: -10px;
background-image: url(ui/bar-graph-tips-sprite.png);
background-repeat: no-repeat;
background-position: top -20px right 0px;
}
/* line 583, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary.paused .delivery .graphContainer .budget .revenue:before {
background-position: top -100px right 0px;
}
/* line 588, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .delivery .graphContainer .budget .addedValue {
height: 18px;
width: 0%;
background-color: #4E7A2A;
position: absolute;
z-index: 1;
top: 0px;
text-align: right;
margin-left: -10px;
}
/* line 599, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary.paused .delivery .graphContainer .budget .addedValue {
background-color: #777777;
}
/* line 603, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .delivery .graphContainer .budget .addedValue:before {
content: " ";
font-size: 1px;
line-height: 1px;
display: inline-block;
width: 20px;
height: 18px;
margin-right: -10px;
background-image: url(ui/bar-graph-tips-sprite.png);
background-repeat: no-repeat;
background-position: top -40px right 0px;
}
/* line 617, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary.paused .delivery .graphContainer .budget .addedValue:before {
background-position: top -120px right 0px;
}
/* line 621, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .delivery .graphContainer .budget.statusPoor .spend,
.iogSummary .delivery .graphContainer .budget.statusPoor .revenue,
.iogSummary .delivery .graphContainer .budget.statusPoor .addedValue,
.iogSummary .delivery .graphContainer .media.statusPoor .progress {
background-color: #DB1717;
}
/* line 628, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary.paused .delivery .graphContainer .budget.statusPoor .spend,
.iogSummary.paused .delivery .graphContainer .budget.statusPoor .revenue,
.iogSummary.paused .delivery .graphContainer .budget.statusPoor .addedValue,
.iogSummary.paused .delivery .graphContainer .media.statusPoor .progress {
background-color: #777777;
}
/* line 635, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .delivery .graphContainer .budget.statusPoor .spend:before,
.iogSummary .delivery .graphContainer .budget.statusPoor .revenue:before,
.iogSummary .delivery .graphContainer .budget.statusPoor .addedValue:before,
.iogSummary .delivery .graphContainer .media.statusPoor .progress:before {
background-position: top -60px right 0px;
}
/* line 642, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary.paused .delivery .graphContainer .budget.statusPoor .spend:before,
.iogSummary.paused .delivery .graphContainer .budget.statusPoor .revenue:before,
.iogSummary.paused .delivery .graphContainer .budget.statusPoor .addedValue:before,
.iogSummary.paused .delivery .graphContainer .media.statusPoor .progress:before {
background-position: top -140px right 0px;
}
/* line 649, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .delivery .graphContainer .label {
height: 18px;
line-height: 18px;
font-size: 0.875rem;
color: #FFFFFF;
font-weight: 700;
position: absolute;
top: 0px;
z-index: 4;
text-transform: uppercase;
padding-left: 3px;
/*text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.25);*/
}
/* line 663, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .delivery .graphContainer .statusPoor .label {
padding-left: 18px;
background-image: url(icons/icon-error_sm.png);
background-repeat: no-repeat;
background-position: left 3px top 3px;
}
/* line 670, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary.paused .delivery .graphContainer .statusPoor .label {
padding-left: 3px;
background-image: none;
}
/* line 675, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .delivery .goalLine {
position: absolute;
top: 44px;
left: 80%;
width: 100px;
margin-left: -50px;
}
/* line 683, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .delivery .goalLine p {
text-align: center;
line-height: 0.8125rem;
font-size: 0.8125rem;
margin: 0px;
}
/* line 691, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .delivery .goalLine .marker {
height: 90px;
width: 1px;
margin: auto;
border-left: dotted 2px #59C2E6;
}
/* line 698, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary.paused .delivery .goalLine .marker,
.iogSummary.scheduled .delivery .goalLine .marker {
border-left-color: #999999;
}
/* line 703, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .delivery .graphContainer .details {
z-index: 8;
}
/* line 707, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .delivery .graphContainer .details > div {
display: inline-block;
position: absolute;
font-size: 0.8125rem;
line-height: 1rem;
font-weight: 400;
color: #FFFFFF;
padding: 2px 6px;
background-color: #DDDDDD;
-moz-border-radius-topleft: 6px;
-webkit-border-top-left-radius: 6px;
border-top-left-radius: 6px;
-moz-border-radius-topright: 6px;
-webkit-border-top-right-radius: 6px;
border-top-right-radius: 6px;
-moz-border-radius-bottomright: 6px;
-webkit-border-bottom-right-radius: 6px;
border-bottom-right-radius: 6px;
opacity: 0;
}
/* line 731, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .delivery .graphContainer .details span.value {
font-weight: 700;
}
/* line 735, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .delivery .graphContainer .details > div.detailsSpend {
top: 54px;
background-color: #4C88A6;
z-index: 4;
}
/* line 741, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .delivery .graphContainer .details > div.detailsSpend:before {
content: " ";
font-size: 1px;
line-height: 1px;
display: inline-block;
position: absolute;
width: 0px;
height: 0px;
bottom: -8px;
left: 0px;
border-top: 8px solid #4C88A6;
border-right: 5px solid transparent;
}
/* line 756, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .delivery .graphContainer .details > div.detailsAddedValue {
top: 54px;
background-color: #619934;
z-index: 3;
}
/* line 762, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .delivery .graphContainer .details > div.detailsAddedValue:before {
content: " ";
font-size: 1px;
line-height: 1px;
display: inline-block;
position: absolute;
width: 0px;
height: 0px;
bottom: -8px;
left: 0px;
border-top: 8px solid #619934;
border-right: 5px solid transparent;
}
/* line 777, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .delivery .graphContainer .details > div.detailsRevenue {
top: 11px;
background-color: #82CC45;
z-index: 2;
}
/* line 783, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .delivery .graphContainer .details > div.detailsRevenue:before {
content: " ";
font-size: 1px;
line-height: 1px;
display: inline-block;
position: absolute;
width: 0px;
height: 0px;
bottom: -35px;
left: 0px;
border-top: 37px solid #82CC45;
border-right: 7px solid transparent;
}
/* line 798, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .delivery .graphContainer .details > div.detailsMedia {
top: 130px;
background-color: #4C88A6;
z-index: 1;
-moz-border-radius-topleft: 0px;
-webkit-border-top-left-radius: 0px;
border-top-left-radius: 0px;
-moz-border-radius-topright: 6px;
-webkit-border-top-right-radius: 6px;
border-top-right-radius: 6px;
-moz-border-radius-bottomright: 6px;
-webkit-border-bottom-right-radius: 6px;
border-bottom-right-radius: 6px;
-moz-border-radius-bottomleft: 6px;
-webkit-border-bottom-left-radius: 6px;
border-bottom-left-radius: 6px;
}
/* line 818, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .delivery .graphContainer .details > div.detailsMedia:before {
content: " ";
font-size: 1px;
line-height: 1px;
display: inline-block;
position: absolute;
width: 0px;
height: 0px;
top: -8px;
left: 0px;
border-bottom: 8px solid #4C88A6;
border-right: 5px solid transparent;
}
/* line 833, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .delivery .graphContainer .details > div.statusPoor {
background-color: #f43737;
padding-left: 18px;
background-image: url(icons/icon-error_sm.png);
background-repeat: no-repeat;
background-position: left 3px top 3px;
}
/* line 841, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .delivery .graphContainer .details > div.detailsSpend.statusPoor:before,
.iogSummary .delivery .graphContainer .details > div.detailsRevenue.statusPoor:before,
.iogSummary .delivery .graphContainer .details > div.detailsAddedValue.statusPoor:before {
border-top-color: #f43737;
}
/* line 847, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .delivery .graphContainer .details > div.detailsMedia.statusPoor:before {
border-bottom-color: #f43737;
}
/* line 853, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .expando {
clear: both;
padding: 1.5rem 0.375rem 3rem 2rem;
overflow-y: auto;
position: relative;
}
/* line 860, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .expando .bigActionButtons {
float: right;
width: 6rem;
}
/* line 865, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .expando .bigActionButtons p {
text-align: center;
margin-bottom: 0.75rem;
}
/* line 870, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .expando .chartFilters {
float: left;
width: 13rem;
/*padding-top:1.5rem;*/
text-align: center;
/* background-color:#dddddd; */
}
/* line 878, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .expando .chartFilters p {
text-align: center;
}
/* line 882, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .expando .chartFilters p label img {
vertical-align: -6px;
margin-left: 3px;
}
/* line 887, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .expando .chartFilters p:first-child label:last-of-type {
margin-right: 0px;
}
/* line 891, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .expando .chartFilters .budgetDeliveryToggleContainer {
margin-bottom: 1.5rem;
text-align: center;
}
/* line 896, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .expando .chartFilters .budgetDeliveryToggleContainer label {
margin: 0px;
font-weight: 400;
color: #404040;
}
/* line 902, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .expando .chartFilters .budgetDeliveryToggleContainer label:last-of-type {
margin-left: 6px;
}
/* line 906, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .expando .chartFilters .budgetDeliveryToggleContainer label:last-of-type:before {
margin-right: 8px;
}
/* line 910, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .expando .chartFilters .chartFiltersTimeSlider {
margin: 0rem 1rem;
}
/* line 914, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .expando .chartFilters .chartFiltersTimeSliderLabels {
margin-top: 0.75rem;
width: 15rem;
margin-left: -1rem;
white-space: nowrap;
margin-bottom: 1.5rem;
}
/* line 922, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .expando .chartFilters .chartFiltersTimeSliderLabels span {
display: inline-block;
width: 25%;
text-align: center;
font-weight: 400;
color: #404040;
}
/* line 930, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .expando .chartFilters .chartFiltersMetrics {
display: inline-block;
text-align: left;
}
/* line 935, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .expando .chartFilters .chartFiltersMetrics li {
white-space: nowrap;
}
/* line 939, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .expando .chartFilters .chartFiltersMetrics label {
font-weight: 400;
color: #404040;
margin-right: 0rem;
}
/* line 945, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .expando .chartContainer {
padding-left: 14.5rem;
padding-right: 6rem;
}
/* line 950, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .expando .chartContainer .chart {
height: 260px;
width: 100%;
}
@media (min-width: 1400px) {
/* line 957, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .indicatorBank {
width: 28rem;
}
/* line 961, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .delivery {
padding-left: 50rem;
}
}
@media (min-width: 1500px) {
/* line 969, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .indicatorBank {
width: 33rem;
}
/* line 973, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .delivery {
padding-left: 55rem;
}
}
@media (min-width: 1600px) {
/* line 981, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .indicatorBank {
width: 38rem;
}
/* line 985, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .delivery {
padding-left: 60rem;
}
}
@media (min-width: 1700px) {
/* line 993, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .indicatorBank {
width: 43rem;
}
/* line 997, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .delivery {
padding-left: 65rem;
}
}
@media (min-width: 1800px) {
/* line 1005, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .indicatorBank {
width: 48rem;
}
/* line 1009, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .delivery {
padding-left: 70rem;
}
}
/* High resolution Srceen support */
@media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 4 / 2), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
/* line 1025, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .indicatorBank table tbody td.statusPoor,
.iogSummary .indicatorBank table tbody tr.showErrorsWhenPaused td.statusPoor {
background-image: url(icons/icon-error_sm@2x.png);
background-repeat: no-repeat;
background-size: 13px 12px;
}
/* line 1033, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .delivery .graphContainer .budget .spend:before,
.iogSummary .delivery .graphContainer .media .progress:before,
.iogSummary .delivery .graphContainer .budget .revenue:before,
.iogSummary .delivery .graphContainer .budget .addedValue:before,
.iogSummary .delivery .graphContainer .budget .statusPoor:before {
background-image: url(ui/bar-graph-tips-sprite@2x.png);
background-repeat: no-repeat;
background-size: 20px 158px;
}
/* line 1043, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary .delivery .graphContainer .statusPoor .label,
.iogSummary .delivery .graphContainer .details > div.statusPoor {
background-image: url(icons/icon-error_sm@2x.png);
background-repeat: no-repeat;
background-size: 13px 12px;
}
/* line 1050, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/iog-index.css.scss.erb */
.iogSummary.standalone .monitorToggle:after {
background-image: url(ui/accordion-arrow-sprite@2x.png);
background-repeat: no-repeat;
background-size: 70px 17px;
}
}
/***** Fonts ******/
/***** Colors *****/
/* Was Kinetic Dark Grey #6C6463 */
/* was Kinetic Dark Grey #6C6463 */
/* Kinetic Medium Blue */
/*#E8E8E8;*/
/* Explicit Kinetic Color Definitions */
/* typographic scale */
/* z-index management */
/********************** Campaign Index ***********************/
/* line 6, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignIndexFilters {
font-weight: 400;
margin-top: 0.75rem;
}
/* line 11, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.bigContainer .titleBar .bulkSelectControl {
margin-right: 0.75rem;
}
/* line 15, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignContainer {
margin-bottom: 3rem;
border-bottom: solid 2px #ACACAC;
}
/* line 20, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignContainer table tbody {
border-bottom: none;
}
/* line 25, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignContainer h4 {
margin-bottom: 0.375rem;
}
/* line 29, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignContainer h4 label {
margin-bottom: 0rem;
}
/* line 33, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignContainer h4 .tagFlag {
margin-top: -0.375rem;
margin-bottom: 0rem;
margin-left: 0.25rem;
font-size: 1rem;
line-height: 1rem;
padding: 0.25rem 0.5rem;
font-weight: 400;
}
/* line 43, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignContainer .actions {
opacity: 0;
margin-top: -0.375rem;
transition: opacity 0.1s ease;
}
/*.campaignContainer:hover .actions {
opacity: 1;
}*/
/* line 53, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignContainer.hover .actions {
opacity: 1;
}
/* line 57, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignContainer .actions.faded {
opacity: 0;
}
/* line 61, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignContainer .editable:after {
opacity: 0;
transition: opacity 0.1s ease;
}
/* line 66, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignContainer editable:after {
opacity: 0;
}
/* line 70, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignContainer:hover editable:after {
opacity: 1;
}
/* line 74, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignContainer:hover .editable:after {
opacity: 1;
}
/* line 78, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignContainer tr.statusError strong.errorText {
font-weight: 700;
padding-left: 16px;
background-image: url(icons/icon-error_sm.png);
background-repeat: no-repeat;
background-position: 0px 3px;
}
/* line 86, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignContainer dl {
margin-bottom: 0.375rem;
}
/* line 90, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignContainer p.errorDescription {
clear: both;
border: solid 1px #DB1717;
padding: 0.375rem;
padding-left: 38px;
background-color: #fef3f3;
color: #404040;
font-weight: 400;
max-width: 100%;
background-image: url(icons/icon-error.png);
background-repeat: no-repeat;
background-position: 9px 7px;
margin-bottom: 0.375rem;
}
/* line 105, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignContainer .tableContainer {
clear: both;
padding-bottom: 0px;
margin-bottom: 0rem;
}
/* line 111, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignContainer table thead th {
cursor: default;
}
/* line 115, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignContainer table tbody tr {
cursor: pointer;
}
/* line 119, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignContainer .campaignStatus {
text-transform: uppercase;
}
/* line 123, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignContainer.statusPaused h4,
.campaignContainer.statusExpired h4,
.campaignContainer.statusScheduled h4,
.campaignContainer.statusIncomplete h4,
.campaignContainer.statusError h4 {
color: #999999;
}
/* line 131, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignContainer.statusPaused table th,
.campaignContainer.statusExpired table th,
.campaignContainer.statusScheduled table th,
.campaignContainer.statusIncomplete table th,
.campaignContainer.statusError table th {
background-color: #F5F5F5;
}
/* line 139, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignContainer.statusPaused table thead,
.campaignContainer.statusExpired table thead,
.campaignContainer.statusScheduled table thead,
.campaignContainer.statusIncomplete table thead,
.campaignContainer.statusError table thead {
border-top-color: #e8e8e8;
border-bottom-color: #e8e8e8;
}
/* line 148, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignContainer.statusPaused,
.campaignContainer.statusExpired,
.campaignContainer.statusScheduled,
.campaignContainer.statusIncomplete,
.campaignContainer.statusError {
border-bottom-color: #e8e8e8;
}
/* line 156, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignContainer.statusIncomplete .campaignStatus,
.campaignContainer.statusError .campaignStatus {
padding-left: 22px;
background-image: url(icons/icon-error.png);
background-repeat: no-repeat;
color: #DB1717;
}
/* line 164, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignContainer.expanded table.rolledUpStats tbody tr {
background-color: #E9F6FA;
}
/* line 168, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignContainer table.rolledUpStats tbody tr:active,
.campaignContainer.expanded table.rolledUpStats tbody tr:active {
background-color: #D5EBF3;
}
/* line 173, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignContainer .campaignPromtedPins {
padding: 16px;
border: solid 6px #E9F6FA;
border-top: none;
}
/*.campaignContainer .campaignPromtedPins h5 > button.iconResume {
margin-right: 1.5rem;
margin-left: 0px;
}
.campaignContainer .campaignPromtedPins h5 > button.iconPause {
margin-left: 1.5rem;
margin-right: 0px;
}
*/
/* line 193, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignContainer .expando {
border: solid 6px #e9f6fa;
border-top: none;
padding: 16px;
}
/* line 199, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignContainer .expando .expandoHeader,
.campaignPromtedPins .campaignPromtedPinsHeader {
margin-bottom: 0.375rem;
}
/* line 204, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignContainer .expando .expandoHeader > *,
.campaignPromtedPins .campaignPromtedPinsHeader > * {
vertical-align: middle;
}
/* line 209, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignContainer .expando .expandoHeader h5,
.campaignPromtedPins .campaignPromtedPinsHeader h5 {
display: inline;
}
/* line 214, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignContainer .expando .expandoHeader input[type=checkbox] + label:last-of-type,
.campaignPromtedPins .campaignPromtedPinsHeader input[type=checkbox] + label:last-of-type {
margin-right: 0px;
}
/*.bigContainer > .body.withLeftSidebar .campaignPromtedPins .campaignPromtedPinsHeader h5,
.bigContainer > .body.withRightSidebar .campaignPromtedPins .campaignPromtedPinsHeader h5 {
display: block;
}
@media screen and (min-width: 1250px) {
.bigContainer > .body.withLeftSidebar .campaignPromtedPins .campaignPromtedPinsHeader h5,
.bigContainer > .body.withRightSidebar .campaignPromtedPins .campaignPromtedPinsHeader h5 {
display: inline;
}
}*/
/* line 233, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignContainer .expando .expandoHeader > span.floatRight,
.campaignPromtedPins .campaignPromtedPinsHeader > span.floatRight {
margin-top: 4px;
}
/* line 238, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignContainer .expando .experimentSummary {
float: left;
width: 250px;
}
/* line 243, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignContainer .expando .experimentSegmentationDetails {
margin-left: 250px;
}
/* line 247, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignContainer .expando .experimentSegmentationDetails ul li ul {
display: inline;
}
/* line 252, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignContainer .campaignPromtedPins table {
background-color: #FFFFFF;
}
/* line 256, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignPromtedPins table.selectableRows tbody tr td:first-child {
padding-left: 5px;
}
/* line 261, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignPromtedPins table.selectableRows tbody tr td:first-child:before {
/*top: 40px;*/
position: relative;
display: inline-block;
left: 0px;
top: 2px;
margin-right: 4px;
}
/* line 270, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignContainer .expando table.selectableRows tbody tr td:first-child:before {
top: 16px;
}
/* line 274, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignContainer .expando table tbody tr:last-child,
.campaignPromtedPins table tbody tr {
border-bottom: solid 1px #E8E8E8;
}
/* line 280, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignPromtedPins table tbody tr.statusPaused,
.campaignPromtedPins table tbody tr.statusError {
background-color: #F5F5F5;
}
/* line 285, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignPromtedPins table tbody tr.statusPaused:hover,
.campaignPromtedPins table tbody tr.statusPaused.bodyRowSelected:hover,
.campaignPromtedPins table tbody tr.statusError:hover,
.campaignPromtedPins table tbody tr.statusError.bodyRowSelected:hover {
background-color: #E9F6FA;
}
/* line 292, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignPromtedPins table tbody tr.statusPaused:active,
.campaignPromtedPins table tbody tr.statusPaused.bodyRowSelected,
.campaignPromtedPins table tbody tr.statusError:active,
.campaignPromtedPins table tbody tr.statusError.bodyRowSelected {
background-color: #D5EBF3;
}
/* line 299, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignPromtedPins table tbody tr.statusPaused.bodyRowSelected:active,
.campaignPromtedPins table tbody tr.statusError.bodyRowSelected:active {
background-color: #F5F5F5;
}
/* line 305, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignContainer .expando table tbody tr.incompleteAdSetSetup {
background-color: #f7f7f7;
cursor: default;
}
/* line 310, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignContainer .expando table tbody tr.incompleteAdSetSetup td {
font-style: italic;
color: #9c9c9c;
}
/* line 315, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignContainer .expando table.selectableRows tbody tr.incompleteAdSetSetup td:first-child:before {
background-image: none;
}
/* line 319, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignContainer .expando table.selectableRows tbody tr.expiredAdSet td:first-child:before {
background-image: none;
}
/**** IOG Summary at top of Page ****/
/* line 326, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignHeader.withIOGSummary {
margin-bottom: 0.75rem;
}
/* line 330, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignHeader .iogSummary {
margin-left: 0rem;
margin-right: 0rem;
color: #FFFFFF;
font-weight: 400;
}
/* line 337, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignHeader .iogSummary.standalone .monitorToggle:after {
background-position: -20px -9px;
}
/* line 341, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignHeader .iogSummary.standalone .monitorToggle.toggled:after {
background-position: -20px 0px;
}
/* line 345, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignHeader .iogSummary .parentCategories {
color: #FFFFFF;
/*$color-main-nav-links;*/
}
/* line 349, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignHeader .iogSummary .parentCategories strong {
color: #FAF4EA;
}
/* line 353, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignHeader .iogSummary .parentCategories img.alignMiddle {
float: none;
margin: 0;
margin-top: -4px;
}
/* line 359, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignHeader .iogSummary.standalone:before {
display: none;
}
/* line 363, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignHeader .iogSummary .parentCategories a,
.campaignHeader .iogSummary .parentCategories a strong,
.campaignHeader .iogSummary .parentCategories a:hover strong,
.campaignHeader .iogSummary .parentCategories a:visited strong,
.campaignHeader .iogSummary .parentCategories a:active strong,
.campaignHeader .iogSummary .parentCategories .mimicLinkStyle,
.campaignHeader .iogSummary .parentCategories .mimicLinkStyle strong,
.campaignHeader .iogSummary .parentCategories .mimicLinkStyle:hover strong,
.campaignHeader .iogSummary .parentCategories .mimicLinkStyle:visited strong,
.campaignHeader .iogSummary .parentCategories .mimicLinkStyle:active strong {
color: #7DE8FF;
}
/* line 376, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignHeader .iogSummary.standlone .indicatorBank {
clear: left;
}
/* line 381, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignHeader .iogSummary .indicatorBank table thead tr:first-child td {
color: #FFFFFF;
}
/* line 385, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignHeader .iogSummary .indicatorBank table tbody tr,
.campaignHeader .iogSummary .indicatorBank table tbody tr:hover,
.campaignHeader .iogSummary .indicatorBank table tbody tr:last-child {
background-color: #554F4E;
border-bottom-color: #6C6463;
}
/* line 393, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignHeader .iogSummary .indicatorBank table td,
.campaignHeader .iogSummary .indicatorBank table th,
.campaignHeader .iogSummary .indicatorBank table tbody td:not(:first-child) {
color: #FFFFFF;
font-weight: 400;
}
/* line 400, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignHeader .iogSummary .indicatorBank table thead tr:last-of-type th {
border-right-color: #6C6463;
background-color: #7a7170;
font-weight: 700;
text-transform: uppercase;
}
/* line 407, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignHeader .iogSummary .indicatorBank table tbody td.statusPoor,
.campaignHeader .iogSummary .indicatorBank table tbody tr.showErrorsWhenPaused td.statusPoor {
background-color: #554F4E;
color: #ff8484;
/* #fb8888; */
}
/* line 415, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignHeader .iogSummary .delivery .graphContainer .flight .startDate,
.campaignHeader .iogSummary .delivery .graphContainer .flight .endDate {
color: #FFFFFF;
}
/* line 420, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignHeader .iogSummary .delivery .graphContainer .flight .progressBar,
.campaignHeader .iogSummary .delivery .graphContainer .budget,
.campaignHeader .iogSummary .delivery .graphContainer .media {
background-color: #554F4E;
}
/* line 426, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignHeader .iogSummary .delivery .graphContainer .flight .progressBar .progress {
background-color: #4b85a2;
}
/* line 430, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignHeader .iogSummary.paused .delivery .graphContainer .flight .progressBar .progress {
background-color: #888888;
}
/* line 435, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignHeader.withIOGSummary + .topFiltersToggleControl,
.campaignHeader.withIOGSummary + .topFiltersOuterDiv .topFiltersToggleControl {
margin-top: 0;
margin-bottom: 0;
}
/* line 441, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignContainer table tbody tr.active td {
font-weight: bold;
color: #404040;
}
/* High resolutino screen support */
@media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 4 / 2), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
/* line 458, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignContainer.statusIncomplete .campaignStatus,
.campaignContainer.statusError .campaignStatus {
background-image: url(icons/icon-error@2x.png);
background-repeat: no-repeat;
background-size: 20px 18px;
}
/* line 465, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/campaign-index.css.scss.erb */
.campaignContainer tr.statusError strong.errorText {
background-image: url(icons/icon-error_sm@2x.png);
background-repeat: no-repeat;
background-size: 13px 12px;
}
}
/***** Fonts ******/
/***** Colors *****/
/* Was Kinetic Dark Grey #6C6463 */
/* was Kinetic Dark Grey #6C6463 */
/* Kinetic Medium Blue */
/*#E8E8E8;*/
/* Explicit Kinetic Color Definitions */
/* typographic scale */
/* z-index management */
/**************************** New Content Advertiser Mapper Screen ***********************************/
/* line 6, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/advertiser-mapper.css.scss.erb */
.advertiserMapper {
overflow-y: auto;
}
/* line 10, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/advertiser-mapper.css.scss.erb */
.advertiserMapper .contentPreviewContainer .contentPreview {
/* clear:both; */
overflow-y: auto;
margin-bottom: 1.5rem;
}
/* line 16, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/advertiser-mapper.css.scss.erb */
.advertiserMapper .contentPreviewContainer .contentPreview img {
float: left;
margin-right: 0.75rem;
}
/* line 22, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/advertiser-mapper.css.scss.erb */
.advertiserMapper .contentPreviewContainer .contentPreview .contentDescription {
float: left;
}
/* line 26, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/advertiser-mapper.css.scss.erb */
.advertiserMapper .contentPreviewContainer .contentPreview .contentDescription * {
margin-bottom: 0rem;
}
/* line 30, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/advertiser-mapper.css.scss.erb */
.advertiserMapper form p {
margin-bottom: 0.75rem;
}
/* line 34, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/advertiser-mapper.css.scss.erb */
.advertiserMapperContainer {
overflow-y: auto;
overflow-x: inherit;
}
/* line 39, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/advertiser-mapper.css.scss.erb */
.advertiserMapperContainer .advertiserMapperContentList {
float: left;
width: 19rem;
padding-right: 2rem;
background-image: url(ui/chevron-right-lg.png);
background-repeat: no-repeat;
background-position: top 10rem right;
}
/* line 48, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/advertiser-mapper.css.scss.erb */
.advertiserMapperContainer .advertiserMapperLinkedObjects {
padding-left: 20rem;
}
/* line 52, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/advertiser-mapper.css.scss.erb */
.advertiserMapperContainer .advertiserMapperLinkedObjects h3 {
margin-top: 0px;
}
/* line 56, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/advertiser-mapper.css.scss.erb */
.advertiserMapperContainer .advertiserMapperLinkedObjects span.pageIcon {
padding-left: 30px;
background-image: url(icons/icon-page.png);
background-repeat: no-repeat;
display: inline-block;
height: 24px;
line-height: 1.5rem;
}
/* line 66, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/advertiser-mapper.css.scss.erb */
.advertiserMapperContainer .advertiserMapperLinkedObjects span.appIcon {
padding-left: 30px;
background-image: url(icons/icon-app.png);
background-repeat: no-repeat;
display: inline-block;
height: 24px;
line-height: 1.5rem;
}
/* line 75, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/advertiser-mapper.css.scss.erb */
.advertiserMapper .comboBox {
margin-bottom: 1.5rem;
}
/* line 79, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/advertiser-mapper.css.scss.erb */
.advertiserMapperContentList p {
margin-bottom: 0.75rem;
}
/* line 83, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/advertiser-mapper.css.scss.erb */
.advertiserMapperContentList input[type=checkbox] {
float: left;
top: 8px;
/*margin-top: 6px;*/
}
/* line 89, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/advertiser-mapper.css.scss.erb */
.advertiserMapperContentList label {
display: block;
margin-left: 20px;
margin-right: 0px;
margin-bottom: 1.5rem;
}
/* line 96, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/advertiser-mapper.css.scss.erb */
.advertiserMapperContentList select,
.advertiserMapperContentList input.searchField {
width: 100%;
}
/* line 101, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/advertiser-mapper.css.scss.erb */
.advertiserMapperContainer .advertiserMapperContentList ul {
background-color: #F4F2EA;
border: solid 2px #D6D2C4;
height: 17rem;
overflow-y: scroll;
overflow-x: hidden;
}
/* line 110, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/advertiser-mapper.css.scss.erb */
.advertiserMapperContainer .advertiserMapperContentList ul li {
line-height: 1.5rem;
background-color: #FFFFFF;
padding: 8px;
padding-left: 38px;
border-bottom: solid 1px #E8E8E8;
-webkit-transition: background-color 0.1s;
-moz-transition: background-color 0.1s;
-o-transition: background-color 0.1s;
-ms-transition: background-color 0.1s;
transition: background-color 0.1s;
font-weight: 300;
color: #404040;
}
/* line 127, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/advertiser-mapper.css.scss.erb */
.advertiserMapperContainer .advertiserMapperContentList ul li strong {
font-weight: 400;
color: #404040;
}
/* line 132, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/advertiser-mapper.css.scss.erb */
.advertiserMapperContainer .advertiserMapperContentList ul li:hover {
background-color: #E9F6FA;
}
/* line 136, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/advertiser-mapper.css.scss.erb */
.advertiserMapperContainer .advertiserMapperContentList ul li button {
margin-top: -4px;
margin-left: 10px;
margin-right: -4px;
}
/* line 142, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/advertiser-mapper.css.scss.erb */
.advertiserMapperContainer .advertiserMapperContentList ul li button:active {
margin-top: -2px;
}
/* line 147, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/advertiser-mapper.css.scss.erb */
.advertiserMapperContainer .advertiserMapperContentList ul li.selected button,
.advertiserMapperContainer .advertiserMapperContentList ul li.unavailable button {
display: none;
}
/* line 152, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/advertiser-mapper.css.scss.erb */
.advertiserMapperContainer .advertiserMapperContentList ul li.selected {
padding-right: 40px;
background-image: url(icons/icon-check-sm.png);
background-position: center right 10px;
background-repeat: no-repeat;
}
/* line 159, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/advertiser-mapper.css.scss.erb */
.advertiserMapperContainer .advertiserMapperContentList ul li.unavailable {
padding-right: 40px;
background-image: url(icons/icon-not-allowed.png);
background-position: center right 8px;
background-repeat: no-repeat;
}
/* line 166, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/advertiser-mapper.css.scss.erb */
.advertiserMapperContainer .advertiserMapperContentList ul li.unavailable * {
opacity: 0.35;
}
/* line 170, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/advertiser-mapper.css.scss.erb */
.advertiserMapperContentList ul a {
display: block;
line-height: 1.5rem;
padding: 0.375rem 0.375rem 0.375rem 2.75rem;
border-bottom: solid 1px #E8E8E8;
text-indent: -28px;
/*padding-left:28px;*/
}
/* line 179, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/advertiser-mapper.css.scss.erb */
.advertiserMapperContentList ul a,
.advertiserMapperContentList ul a:hover,
.advertiserMapperContentList ul a:visited,
.advertiserMapperContentList ul a:active {
color: #5C5C5C;
font-weight: 300;
}
/* line 187, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/advertiser-mapper.css.scss.erb */
.advertiserMapperContentList ul a strong,
.advertiserMapperContentList ul a:hover strong,
.advertiserMapperContentList ul a:visited strong,
.advertiserMapperContentList ul a:active strong {
color: #404040;
font-weight: 400;
}
/* line 196, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/advertiser-mapper.css.scss.erb */
.advertiserMapperContentList ul li:last-child a {
border-bottom: none;
}
/* line 200, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/advertiser-mapper.css.scss.erb */
.advertiserMapperContentList ul a:hover {
text-decoration: none;
background-color: #E9F6FA;
}
/* line 205, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/advertiser-mapper.css.scss.erb */
.advertiserMapperContentList ul a.selected {
background-color: #D5EBF3;
color: #404040;
background-image: url(ui/selection-dot.png);
background-repeat: no-repeat;
background-position: left 5px top 14px;
}
/*
.advertiserMapperContentList ul a.selected:before {
content: " ";
font-size: 0px;
line-height: 0px;
display:inline-block;
width:8px;
height:8px;
background-color:#2db3df;
margin-right:0.375rem;
margin-bottom: 1px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
*/
/* line 233, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/advertiser-mapper.css.scss.erb */
.advertiserMapperContentList .pageIcon,
.advertiserMapperContentList .appIcon {
display: inline-block;
width: 24px;
height: 24px;
margin-bottom: -6px;
text-indent: -999999px;
overflow: hidden;
}
/* line 243, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/advertiser-mapper.css.scss.erb */
.advertiserMapperContainer .advertiserMapperContentList .pageIcon,
.advertiserMapperContainer .advertiserMapperContentList .appIcon {
float: left;
margin-left: -30px;
}
/* line 249, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/advertiser-mapper.css.scss.erb */
.advertiserMapperContentList .pageIcon {
background-image: url(icons/icon-page.png);
background-repeat: no-repeat;
}
/* line 254, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/advertiser-mapper.css.scss.erb */
.advertiserMapperContentList .appIcon {
background-image: url(icons/icon-app.png);
background-repeat: no-repeat;
}
/* line 259, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/advertiser-mapper.css.scss.erb */
.advertiserMapperContentList ul {
overflow-y: scroll;
}
/* line 263, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/advertiser-mapper.css.scss.erb */
.lastActionSummary {
width: auto;
float: right;
padding: 0.75rem;
background-color: #FDF98C;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
text-align: center;
}
/* line 276, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/advertiser-mapper.css.scss.erb */
.lastActionSummary.error {
background-color: #FFF5F3;
border: solid 1px #DB1717;
}
/* line 281, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/advertiser-mapper.css.scss.erb */
.lastActionSummary > p {
margin-bottom: 0rem;
text-align: left;
}
/* line 286, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/advertiser-mapper.css.scss.erb */
.lastActionSummary > h5, .lastActionSummary > dl {
margin: 0rem;
margin-bottom: 0.75rem;
text-align: left;
}
/* line 292, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/advertiser-mapper.css.scss.erb */
.lastActionSummary > h5 {
padding-left: 38px;
background-image: url(icons/icon-check.png);
background-repeat: no-repeat;
line-height: 32px;
}
/* line 299, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/advertiser-mapper.css.scss.erb */
.lastActionSummary.error > h5 {
background-image: url(icons/icon-error@2x.png);
padding-top: 4px;
padding-left: 44px;
color: #DB1717;
}
/* line 306, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/advertiser-mapper.css.scss.erb */
.advertiserMapper .ui-autocomplete {
max-height: 312px;
overflow-y: auto;
/* prevent horizontal scrollbar */
overflow-x: hidden;
}
/* High Resoltion Screen Support */
@media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 4 / 2), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
/* line 322, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/advertiser-mapper.css.scss.erb */
.advertiserMapperContentList .pageIcon {
background-image: url(icons/icon-page@2x.png);
background-repeat: no-repeat;
background-size: 24px 24px;
}
/* line 328, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/advertiser-mapper.css.scss.erb */
.advertiserMapperContentList .appIcon {
background-image: url(icons/icon-app@2x.png);
background-repeat: no-repeat;
background-size: 24px 24px;
}
/* line 334, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/advertiser-mapper.css.scss.erb */
.advertiserMapperContainer .advertiserMapperContentList {
background-image: url(ui/chevron-right-lg@2x.png);
background-repeat: no-repeat;
background-size: 18px 45px;
}
/* line 340, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/advertiser-mapper.css.scss.erb */
.advertiserMapperContainer .advertiserMapperContentList ul li.selected {
background-image: url(icons/icon-check-sm@2x.png);
background-repeat: no-repeat;
background-size: 20px 20px;
}
/* line 346, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/advertiser-mapper.css.scss.erb */
.advertiserMapperContainer .advertiserMapperContentList ul li.unavailable {
background-image: url(icons/icon-not-allowed@2x.png);
background-repeat: no-repeat;
background-size: 20px 20px;
}
/* line 352, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/advertiser-mapper.css.scss.erb */
.lastActionSummary > h5 {
background-image: url(icons/icon-check@2x.png);
background-repeat: no-repeat;
background-size: 32px 32px;
}
/* line 358, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/advertiser-mapper.css.scss.erb */
.lastActionSummary > h5.error {
background-image: url(icons/icon-error@4x.png);
background-repeat: no-repeat;
background-size: 40px 36px;
}
}
/***** Fonts ******/
/***** Colors *****/
/* Was Kinetic Dark Grey #6C6463 */
/* was Kinetic Dark Grey #6C6463 */
/* Kinetic Medium Blue */
/*#E8E8E8;*/
/* Explicit Kinetic Color Definitions */
/* typographic scale */
/* z-index management */
/************** Audience Page Chart Headers ***********************/
/* line 5, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/audience-page.css.scss.erb */
.chartHeader {
height: 120px;
position: relative;
margin-bottom: 1.5rem;
}
/* line 11, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/audience-page.css.scss.erb */
.chartHeader .iconTitleContainer {
position: absolute;
bottom: 0px;
float: left;
padding-right: 100px;
background-repeat: no-repeat;
background-position: left top;
height: 106px;
border-bottom: solid 1px #E8E8E8;
box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
/* line 28, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/audience-page.css.scss.erb */
.chartHeader .iconTitleContainer p,
.chartHeader .iconTitleContainer h3 {
white-space: nowrap;
position: absolute;
margin: 0px;
padding: 0px;
}
/* line 36, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/audience-page.css.scss.erb */
.chartHeader .iconTitleContainer p {
bottom: 44px;
}
/* line 40, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/audience-page.css.scss.erb */
.chartHeader .iconTitleContainer h3 {
bottom: 10px;
line-height: 2rem;
}
/* line 45, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/audience-page.css.scss.erb */
.chartHeader .tabsContainer {
position: absolute;
bottom: 0px;
width: 100%;
box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
/* line 56, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/audience-page.css.scss.erb */
.chartHeader .tabsContainer > * {
margin: 0px;
}
/* Gender*/
/* line 62, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/audience-page.css.scss.erb */
.chartHeader.gender .iconTitleContainer {
padding-left: 110px;
width: 250px;
background-image: url(icons/title_icons/title-icon-gender.png);
}
/* line 68, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/audience-page.css.scss.erb */
.chartHeader.gender .tabsContainer {
padding-left: 250px;
}
/* Age Range */
/* line 73, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/audience-page.css.scss.erb */
.chartHeader.age .iconTitleContainer,
.chartHeader.age_range .iconTitleContainer {
padding-left: 160px;
width: 340px;
background-image: url(icons/title_icons/title-icon-age-range.png);
}
/* line 80, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/audience-page.css.scss.erb */
.chartHeader.age .tabsContainer,
.chartHeader.age_range .tabsContainer {
padding-left: 340px;
}
/* Education */
/* line 86, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/audience-page.css.scss.erb */
.chartHeader.education .iconTitleContainer {
padding-left: 110px;
width: 280px;
background-image: url(icons/title_icons/title-icon-education.png);
background-position: 0px 10px;
}
/* line 93, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/audience-page.css.scss.erb */
.chartHeader.education .tabsContainer {
padding-left: 280px;
}
/* Custom Audiences */
/* line 98, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/audience-page.css.scss.erb */
.chartHeader.customAudiences .iconTitleContainer,
.chartHeader.custom_audience .iconTitleContainer {
padding-left: 154px;
width: 330px;
background-image: url(icons/title_icons/title_icon-custom-audiences.png);
}
/* line 105, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/audience-page.css.scss.erb */
.chartHeader.customAudiences .iconTitleContainer p,
.chartHeader.custom_audience .iconTitleContainer p {
bottom: 74px;
}
/* line 110, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/audience-page.css.scss.erb */
.chartHeader.customAudiences .iconTitleContainer h3,
.chartHeader.custom_audience .iconTitleContainer h3 {
bottom: 6px;
}
/* line 115, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/audience-page.css.scss.erb */
.chartHeader.customAudiences .tabsContainer,
.chartHeader.custom_audience .tabsContainer {
padding-left: 330px;
}
/* Geography */
/* line 121, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/audience-page.css.scss.erb */
.chartHeader.geography .iconTitleContainer,
.chartHeader.city .iconTitleContainer,
.chartHeader.state .iconTitleContainer,
.chartHeader.country .iconTitleContainer,
.chartHeader.region .iconTitleContainer {
padding-left: 70px;
width: 250px;
background-image: url(icons/title_icons/title-icon-geography.png);
background-position: -15px 0px;
}
/* line 132, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/audience-page.css.scss.erb */
.chartHeader.geography .tabsContainer,
.chartHeader.city .tabsContainer,
.chartHeader.state .tabsContainer,
.chartHeader.country .tabsContainer,
.chartHeader.region .tabsContainer {
padding-left: 250px;
}
/* Specific Interests */
/* line 142, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/audience-page.css.scss.erb */
.chartHeader.specificInterests .iconTitleContainer,
.chartHeader.interests .iconTitleContainer {
padding-left: 90px;
width: 250px;
background-image: url(icons/title_icons/title-icon-specific-interests.png);
background-position: -10px 10px;
}
/* line 150, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/audience-page.css.scss.erb */
.chartHeader.specificInterests .iconTitleContainer p,
.chartHeader.interests .iconTitleContainer p {
bottom: 74px;
}
/* line 155, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/audience-page.css.scss.erb */
.chartHeader.specificInterests .iconTitleContainer h3,
.chartHeader.interests .iconTitleContainer h3 {
bottom: 6px;
}
/* line 160, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/audience-page.css.scss.erb */
.chartHeader.specificInterests .tabsContainer,
.chartHeader.interests .tabsContainer {
padding-left: 250px;
}
/* Facebook Behaviours */
/* line 166, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/audience-page.css.scss.erb */
.chartHeader.facebookBehaviours .iconTitleContainer,
.chartHeader.facebook_behavior .iconTitleContainer {
padding-left: 100px;
width: 300px;
background-image: url(icons/title_icons/title-icon-facebook-behaviours.png);
background-position: -6px 6px;
}
/* line 174, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/audience-page.css.scss.erb */
.chartHeader.facebookBehaviours .iconTitleContainer p,
.chartHeader.facebook_behavior .iconTitleContainer p {
bottom: 70px;
}
/* line 179, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/audience-page.css.scss.erb */
.chartHeader.facebookBehaviours .iconTitleContainer h3,
.chartHeader.facebook_behavior .iconTitleContainer h3 {
bottom: 6px;
}
/* line 184, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/audience-page.css.scss.erb */
.chartHeader.facebookBehaviours .tabsContainer,
.chartHeader.facebook_behavior .tabsContainer {
padding-left: 300px;
}
/* Partner Categories */
/* line 190, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/audience-page.css.scss.erb */
.chartHeader.partnerCategories .iconTitleContainer,
.chartHeader.partner_category .iconTitleContainer {
padding-left: 85px;
width: 270px;
background-image: url(icons/title_icons/title-icon-partner-categories.png);
background-position: -15px 0px;
}
/* line 198, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/audience-page.css.scss.erb */
.chartHeader.partnerCategories .iconTitleContainer p,
.chartHeader.partner_category .iconTitleContainer p {
bottom: 74px;
}
/* line 203, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/audience-page.css.scss.erb */
.chartHeader.partnerCategories .iconTitleContainer h3,
.chartHeader.partner_category .iconTitleContainer h3 {
bottom: 6px;
}
/* line 208, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/audience-page.css.scss.erb */
.chartHeader.partnerCategories .tabsContainer,
.chartHeader.partner_category .tabsContainer {
padding-left: 270px;
}
/**** Platform and Device Selection ****/
/* line 215, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/audience-page.css.scss.erb */
.platformAndDeviceSelection {
border-bottom: solid 1px #E8E8E8;
margin-bottom: 0.75rem;
overflow-y: auto;
}
/* line 221, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/audience-page.css.scss.erb */
.platformAndDeviceSelection .platformSelection {
white-space: nowrap;
float: left;
margin-top: 0.4375rem;
overflow-y: auto;
margin-bottom: 0.75rem;
}
/* line 229, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/audience-page.css.scss.erb */
.platformAndDeviceSelection .platformSelection label {
font-weight: 400;
color: #404040;
}
/* line 234, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/audience-page.css.scss.erb */
.platformAndDeviceSelection .versionSelection {
white-space: nowrap;
margin-left: 10rem;
margin-bottom: 1.5rem;
}
/* line 240, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/audience-page.css.scss.erb */
.platformAndDeviceSelection .versionSelection label {
margin-right: 8px;
}
/* line 244, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/audience-page.css.scss.erb */
.platformAndDeviceSelection .versionSelection select {
width: auto;
padding-right: 30px;
}
/* line 249, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/audience-page.css.scss.erb */
.platformAndDeviceSelection .deviceSelection {
clear: both;
margin-left: 10rem;
margin-bottom: 0.75rem;
}
/* line 255, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/audience-page.css.scss.erb */
.platformAndDeviceSelection .jsTreeListOutsideWrapper {
/*padding-top: 0.75rem;*/
}
@media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 4 / 2), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
/* line 267, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/audience-page.css.scss.erb */
.chartHeader.gender .iconTitleContainer {
background-image: url(icons/title_icons/title-icon-gender@2x.png);
background-repeat: no-repeat;
background-size: 96px 96px;
}
/* line 273, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/audience-page.css.scss.erb */
.chartHeader.age_range .iconTitleContainer {
background-image: url(icons/title_icons/title-icon-age-range@2x.png);
background-repeat: no-repeat;
background-size: 144px 96px;
}
/* line 279, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/audience-page.css.scss.erb */
.chartHeader.education .iconTitleContainer {
background-image: url(icons/title_icons/title-icon-education@2x.png);
background-repeat: no-repeat;
background-size: 96px 96px;
}
/* line 285, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/audience-page.css.scss.erb */
.chartHeader.education .iconTitleContainer {
background-image: url(icons/title_icons/title-icon-education@2x.png);
background-repeat: no-repeat;
background-size: 96px 96px;
}
/* line 291, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/audience-page.css.scss.erb */
.chartHeader.custom_audience .iconTitleContainer {
background-image: url(icons/title_icons/title_icon-custom-audiences@2x.png);
background-repeat: no-repeat;
background-size: 144px 96px;
}
/* line 297, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/audience-page.css.scss.erb */
.chartHeader.geography .iconTitleContainer,
.chartHeader.city .tabsContainer,
.chartHeader.state .tabsContainer,
.chartHeader.country .tabsContainer,
.chartHeader.region .tabsContainer {
background-image: url(icons/title_icons/title-icon-geography@2x.png);
background-repeat: no-repeat;
background-size: 96px 96px;
}
/* line 307, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/audience-page.css.scss.erb */
.chartHeader.interests .iconTitleContainer {
background-image: url(icons/title_icons/title-icon-specific-interests@2x.png);
background-repeat: no-repeat;
background-size: 96px 96px;
}
/* line 313, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/audience-page.css.scss.erb */
.chartHeader.facebook_behavior .iconTitleContainer {
background-image: url(icons/title_icons/title-icon-facebook-behaviours@2x.png);
background-repeat: no-repeat;
background-size: 96px 96px;
}
/* line 319, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/audience-page.css.scss.erb */
.chartHeader.partner_category .iconTitleContainer {
background-image: url(icons/title_icons/title-icon-partner-categories@2x.png);
background-repeat: no-repeat;
background-size: 96px 96px;
}
}
/***** Fonts ******/
/***** Colors *****/
/* Was Kinetic Dark Grey #6C6463 */
/* was Kinetic Dark Grey #6C6463 */
/* Kinetic Medium Blue */
/*#E8E8E8;*/
/* Explicit Kinetic Color Definitions */
/* typographic scale */
/* z-index management */
/*************************** Reports **************************/
/* line 9, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
.reportColumnListContainer {
padding-top: 0px !important;
/* Used !important here, as the sticky sidebar
javascript code will inject a minimum of 24px
of top padding. Normally that's what I want,
but in this case it looks funny. Using !important
here will override the javascript. */
}
/* line 17, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
.dimensionHeader,
.draggable.dimensionHeader {
background-color: #f6e7da;
}
/* line 22, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
.dimensionHeader.timeDimension {
background-color: #f3dfce;
}
/* line 26, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
tr.sumRow td.dimensionHeader {
background-color: #f9efe6;
}
/* line 30, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
.metricHeader,
.draggable.metricHeader {
background-color: #ebf3e4;
}
/* line 35, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
tr.sumRow td.metricHeader {
background-color: #f3f8ef;
}
/* line 39, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
.dimensionHeader.dropZone,
.metricHeader.dropZone {
font-style: italic;
color: #999999;
}
/* line 45, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
.dimensionLabel {
background-color: #f6e7da;
padding: 0 0.375rem;
border-radius: 4px;
width: 49%;
}
/* line 52, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
.metricLabel {
background-color: #ebf3e4;
padding: 0 0.375rem;
border-radius: 4px;
width: 49%;
float: right;
}
/* line 61, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
.reportsListGrid .column1_3 {
padding-left: 1.5rem;
}
/* line 65, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
.reportSelectionListing > h4 {
font-size: 1.125rem;
margin-top: 0px;
margin-bottom: 0.75rem;
}
/* line 71, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
.reportSelectionListing > hr {
margin-top: 0rem;
margin-bottom: 0.75rem;
}
/* line 76, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
.reportSelectionListing li {
position: relative;
margin-bottom: 0.75rem;
}
/* line 81, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
.reportSelectionListing li input[type=radio] {
position: absolute;
left: 4px;
top: 0.875rem;
}
/* line 87, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
.reportSelectionListing li label {
display: block;
margin-right: 0rem;
padding-left: 1.5rem;
padding-top: 0.375rem;
padding-bottom: 0.375rem;
}
/* line 95, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
.reportSelectionListing li label:hover {
background-color: #E9F6FA;
}
/* line 99, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
.reportSelectionListing li input[type=radio]:checked + label {
background-color: #D5EBF3;
}
/* line 103, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
.reportSelectionListing li label h5 {
margin-top: 0rem;
font-size: 1rem;
margin-bottom: 0rem;
display: block;
}
/* line 110, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
.reportSelectionListing li label p {
margin-bottom: 0rem;
}
/* line 114, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
.reportSelectionListing li input[type=radio]:checked + label p {
color: #404040;
}
/* line 118, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
.recentReportList li {
line-height: 1.125rem;
}
/* Custom Reports Drop Down List */
/* line 126, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
.customReportSelectionMenu ul li {
margin-left: 26px;
line-height: 1.25rem;
font-size: 0.875rem;
text-transform: uppercase;
}
/* Step Title Widget */
/* line 136, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
.stepTitle * {
display: inline-block;
vertical-align: middle;
}
/* line 141, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
.stepTitle a {
margin-bottom: 0.375rem;
}
/* line 145, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
.stepTitle.stepComplete h3 {
margin-right: 0.75rem;
padding-right: 40px;
background-image: url(icons/icon-check.png);
background-repeat: no-repeat;
background-position: right;
}
/* Channel Selector Widget */
/* line 155, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
.channelSelectors {
margin-bottom: 1.5rem;
padding: 6px 0px 0px 2px;
}
/* line 160, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
.channelSelectors > span {
display: inline-block;
overflow-x: hidden;
text-overflow: hidden;
white-space: nowrap;
padding: 0 4px;
}
/* line 168, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
.channelSelectors > span label {
font-weight: 400;
color: #404040;
/*margin: 0;*/
}
/* line 174, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
.channelSelectors.selected {
background-color: #D5EBF3;
border: none;
}
/********** Column Filters Control ************/
/* line 182, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
.columnFiltersOverlay {
position: absolute;
background-color: #FFFFFF;
display: block;
padding: 0.375rem 0.75rem;
border: solid 1px #ACACAC;
}
/* line 191, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
ul.filtersList li {
max-width: none;
margin-bottom: 4px;
}
/* line 196, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
.reportColumnFiltersContainer {
/*margin-left: 346px;*/
}
/* line 200, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
span.filterIcon {
display: inline-block;
background-image: url(icons/icon-filter.png);
width: 12px;
height: 9px;
margin-right: 6px;
}
/********** Save Reports Overlay *****************/
/* line 212, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
.saveReportOptions {
width: 900px;
padding: 12px;
}
/* line 217, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
.saveReportOptions.narrow {
width: 540px;
}
/* line 221, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
.saveReportOptions .reportOptionContainer {
margin-right: 0;
min-height: 190px;
padding: 7px;
cusor: pointer;
border: solid 1px #D6D2C4;
}
/* line 230, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
.saveReportOptions .reportOptionContainer.selected {
padding: 6px;
border: solid 2px #00A9CE;
background-color: #E9F6FA;
}
/* line 236, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
.saveReportOptions p.description {
margin-left: 160px;
}
/* line 240, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
.saveReportOptions .reportOptionContainer .infoContainer {
height: 2rem;
overflow: hidden;
margin-bottom: 0.75rem;
}
/* line 246, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
.saveReportOptions .reportOptionContainer .infoContainer p {
height: 2rem;
overflow: hidden;
max-width: 20rem;
}
/* line 252, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
.saveReportOptions .columnContainer .column1_2:first-child {
padding-right: 0.375rem;
}
/* line 255, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
.saveReportOptions .columnContainer .column1_2:last-child {
padding-left: 0.375rem;
padding-right: 0rem;
}
/* line 260, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
.saveReportOptions .columnContainer .column1_2 img.reportType {
padding: 3px;
border: solid 1px #E8E8E8;
background-color: #FFFFFF;
margin-top: 3px;
pointer-events: none;
margin-left: 1.5rem;
}
/* line 269, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
.unsavedChanges {
display: inline-block;
text-transform: uppercase;
font-size: 1rem;
line-height: 0.75rem;
font-family: "Open Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
font-weight: 400;
vertical-align: top;
margin-top: 0.75rem;
}
/*
.unsavedChanges:after {
content: " Unsaved Changes";
}
*/
/************** Container for Report Table ****************/
/* line 289, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
.reportTableContainer {
overflow-x: auto;
}
/* line 293, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
.reportTableContainer th .socialIcon.micro.alignMiddle {
margin-top: -2px;
}
/*
When truncateCells is used on the report table, the creative preview column
also gets truncated. But the creative preview is a fixed width, so we want
to explicitly set the width of that column to avoid truncation.
*/
/* line 302, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
.reportTableContainer table colgroup col.creativePreviewColumn {
width: 214px;
}
/**************** Saved Report List ***********************/
/* line 309, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
ul.recentReportList span.destroyReport {
cursor: pointer;
display: inline-block;
margin-left: 5px;
padding-right: 5px;
font-weight: 400;
vertical-align: middle;
color: #eeeeee;
}
/* line 319, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
ul.recentReportList span.destroyReport:hover {
color: #FF2B2B;
}
/* line 323, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
ul.recentReportList span.destroyReport:active {
color: #A30808;
}
/* line 327, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
ul.recentReportList li:hover span.destroyReport {
color: #DB1717;
}
/* line 331, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
ul.recentReportList span.editRecurring {
opacity: 0;
cursor: pointer;
display: inline-block;
width: 25px;
height: 20px;
background-image: url(icons/icon-recurring.png);
vertical-align: middle;
}
/* line 341, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
ul.recentReportList li:hover span.editRecurring {
opacity: 0.35;
}
/* line 346, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
ul.recentReportList span.editRecurring.active,
ul.recentReportList li:hover span.editRecurring.active {
opacity: 1;
background-image: url(icons/icon-recurring-active.png);
}
/* line 352, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
ul.recentReportList span.editRecurring.paused,
ul.recentReportList li:hover span.editRecurring.paused {
opacity: 1;
background-image: url(icons/icon-recurring-paused.png);
}
/****************** Table Builder *******************/
/* line 360, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
.tableBuilderContainer {
position: relative;
white-space: nowrap;
overflow-x: auto;
margin-bottom: 1.5rem;
display: -webkit-flex;
-webkit-flex-direction: row;
-webkit-flex-wrap: nowrap;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
}
/*
With the addition of the creative preview tile, the cell sizes
for the Dimensions table with the creative preview don't match
those of the Time Dimensions and Metrics table. So we need to
normalize the cell sizes when the preview column is present.
*/
/* line 382, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
.tableBuilderContainer.withCreativePreviewColumn table.tableBuilder tbody td {
height: 214px;
}
/* line 387, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
.tableBuilderSectionContainer {
display: inline-block;
overflow: hidden;
-webkit-flex-grow: 1;
flex-grow: 1;
-webkit-flex-shrink: 0;
flex-shrink: 0;
}
/* line 398, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
table.tableBuilder {
width: calc(100% + 1px);
/* this fixes rounding errors with flex-grow */
}
/* line 402, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
table.tableBuilder td,
table.tableBuilder th {
min-width: 20px;
max-width: 100px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding-right: 0.75rem;
padding-left: 0.75rem;
}
/* line 413, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
table.tableBuilder th.dropZone {
font-style: italic;
color: #999999;
max-width: none;
width: 200px;
}
/* line 420, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
table.tableBuilder .dndPlaceholder {
display: none;
}
/* remove row hover highlight */
/* line 425, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
table.tableBuilder tbody tr:hover {
background-color: initial;
}
/* line 429, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
table.tableBuilder tbody tr.groupingRow:hover {
background-color: #E8E8E8;
}
/*
When truncateCells is used on the report table, the creative preview column
also gets truncated. But the creative preview is a fixed width, so we want
to explicitly set the width of that column to avoid truncation.
*/
/* line 438, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
table.tableBuilder colgroup col.creativePreviewColumn {
width: 214px;
}
/* Time dimensions section */
/* line 444, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
table.tableBuilder.timeDimesions th {
position: relative;
text-indent: 20px;
}
/* line 449, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
table.tableBuilder.timeDimesions th:before {
content: '';
display: inline-block;
width: 16px;
height: 16px;
background-image: url(icons/icon-clock.svg);
vertical-align: baseline;
margin-top: 4px;
margin-left: -20px;
position: absolute;
}
/* line 461, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
table.tableBuilder.timeDimesions thead th {
background-color: #f3dfce;
}
/* Dimension section */
/* line 467, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
table.tableBuilder.dimensions th:first-child {
border-left: solid 1px #ACACAC;
}
/* line 471, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
table.tableBuilder.dimensions td:first-child {
border-left: solid 1px #E8E8E8;
}
/* line 475, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
table.tableBuilder.dimensions tr.groupingRow td:first-child {
border-left: solid 1px #c6c6c6;
}
/* line 479, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
table.tableBuilder.dimensions thead th {
background-color: #F6E7DA;
}
/* line 483, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
th.dimensionHeader.groupingSet:before {
content: "";
display: inline-block;
width: 12px;
height: 12px;
margin-right: 3px;
vertical-align: baseline;
margin-bottom: -1px;
background-position: -266px -74px;
}
/* line 494, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
th.dimensionHeader.groupingSet.fb:before {
background-image: url(icons/channels/channel-icon-sprite_fb.png);
}
/* line 498, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
th.dimensionHeader.groupingSet.tw:before {
background-image: url(icons/channels/channel-icon-sprite_tw.png);
}
/* line 502, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
th.dimensionHeader.groupingSet.pi:before {
background-image: url(icons/channels/channel-icon-sprite_pi.png);
}
/* line 506, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
th.dimensionHeader.groupingSet.ig:before {
background-image: url(icons/channels/channel-icon-sprite_ig.png);
}
/* line 510, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
th.dimensionHeader.groupingSet.li:before {
background-image: url(icons/channels/channel-icon-sprite_li.png);
}
/* line 514, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
th.dimensionHeader.groupingSet.fs:before {
background-image: url(icons/channels/channel-icon-sprite_fs.png);
}
/* Metrics Section */
/* line 521, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
table.tableBuilder.metrics {
border-left: solid 2px #ACACAC;
}
/* line 524, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
table.tableBuilder.metrics thead th {
background-color: #EBF3E4;
}
/* CSV Export drop down */
/* line 531, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
.csvExportDropDown {
width: 270px;
}
/*************** Hi-res imagery ***************/
@media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 4 / 2), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
/* line 545, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
.stepTitle.stepComplete h3 {
background-image: url(icons/icon-check@2x.png);
background-repeat: no-repeat;
background-size: 32px 32px;
}
/* line 551, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
span.filterIcon {
background-image: url(icons/icon-filter@2x.png);
background-size: 12px 9px;
}
/* line 557, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
ul.recentReportList span.editRecurring,
ul.recentReportList li:hover span.editRecurring {
background-image: url(icons/icon-recurring@2x.png);
background-size: 25px 20px;
}
/* line 563, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
ul.recentReportList span.editRecurring.active,
ul.recentReportList li:hover span.editRecurring.active {
background-image: url(icons/icon-recurring-active@2x.png);
}
/* line 568, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
ul.recentReportList span.editRecurring.paused,
ul.recentReportList li:hover span.editRecurring.paused {
background-image: url(icons/icon-recurring-paused@2x.png);
}
/* line 573, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/reports.css.scss.erb */
th.dimensionHeader.groupingSet:before {
background-size: 158px 73px;
background-position: -138px -49px;
}
}
/***** Fonts ******/
/***** Colors *****/
/* Was Kinetic Dark Grey #6C6463 */
/* was Kinetic Dark Grey #6C6463 */
/* Kinetic Medium Blue */
/*#E8E8E8;*/
/* Explicit Kinetic Color Definitions */
/* typographic scale */
/* z-index management */
/**************** Login Screen *******************/
/* line 7, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/login.css.scss.erb */
.loginScreen .loginWidgetContainer {
position: fixed;
width: 850px;
left: 30px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 200;
}
@media screen and (min-width: 900px) {
/* line 19, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/login.css.scss.erb */
.loginScreen .loginWidgetContainer {
left: 0px;
margin-left: 10%;
}
}
@media screen and (min-width: 1000px) {
/* line 27, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/login.css.scss.erb */
.loginScreen .loginWidgetContainer {
margin-left: 15%;
}
}
/* line 32, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/login.css.scss.erb */
.loginScreen .loginWidgetContainer .loginWidget {
float: left;
width: 300px;
background-color: #FFFFFF;
padding: 20px;
margin-right: 30px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
-webkit-box-shadow: 0px 3px 3px 0px rgba(41, 42, 43, 0.75);
-moz-box-shadow: 0px 3px 3px 0px rgba(41, 42, 43, 0.75);
box-shadow: 0px 3px 3px 0px rgba(41, 42, 43, 0.75);
}
/* line 50, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/login.css.scss.erb */
.loginScreen .loginWidgetContainer .loginWidget img.logo {
margin-bottom: 1rem;
}
/* line 54, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/login.css.scss.erb */
.loginScreen .loginWidgetContainer .loginWidget input[type=text],
.loginScreen .loginWidgetContainer .loginWidget input[type=password] {
width: 100%;
margin-bottom: 0.5rem;
}
/* line 60, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/login.css.scss.erb */
.loginScreen .loginWidgetContainer .loginWidget label {
margin-top: 0.1875rem;
margin-right: 0rem;
}
/* line 65, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/login.css.scss.erb */
.loginScreen .loginWidgetContainer .loginWidget input[type=submit] {
float: right;
}
/* line 69, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/login.css.scss.erb */
.loginScreen .loginWidgetContainer .loginWidget .loginInputs {
/*overflow-y: auto;*/
}
/* line 73, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/login.css.scss.erb */
.loginScreen .loginWidgetContainer .loginWidget .forgotPassword {
text-align: center;
margin-bottom: 0rem;
}
/* line 78, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/login.css.scss.erb */
.loginScreen .loginWidgetContainer .loginWidget .validationError {
margin-bottom: 0.75rem;
}
/* line 82, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/login.css.scss.erb */
.loginScreen .loginWidgetContainer .slogan {
width: 500px;
height: 330px;
float: left;
}
/* line 88, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/login.css.scss.erb */
.loginScreen .loginWidgetContainer .slogan h1,
.loginScreen .loginWidgetContainer .slogan h2 {
color: #FFFFFF;
text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.75);
margin-bottom: 0rem;
margin-top: 0rem;
font-family: "Arquitecta";
font-weight: 500;
}
/* line 98, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/login.css.scss.erb */
.loginScreen .loginWidgetContainer .slogan h1 {
font-size: 4.375rem;
line-height: 4.375rem;
}
/* line 103, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/login.css.scss.erb */
.loginScreen .loginWidgetContainer .slogan h2 {
font-size: 2.25rem;
line-height: 3rem;
margin-bottom: 0rem;
}
/* line 109, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/login.css.scss.erb */
.loginScreen video {
position: fixed;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
background-color: #554F4E;
background-size: cover;
z-index: 100;
}
/* line 123, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/login.css.scss.erb */
.loginScreen .videoControl {
position: fixed;
width: 100%;
text-align: center;
bottom: 20px;
z-index: 200;
}
/* line 131, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/login.css.scss.erb */
.loginScreen .videoControl button {
margin-right: 0.75rem;
}
/* line 135, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/login.css.scss.erb */
.loginScreen .videoControl label {
color: #FFFFFF;
}
/* line 139, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/login.css.scss.erb */
.loginScreen .playPauseControl {
position: fixed;
text-align: center;
right: 20px;
bottom: 20px;
z-index: 200;
}
/* line 147, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/login.css.scss.erb */
.loginScreen .playPauseControl button {
margin-right: 0px;
}
@media screen and (max-device-width: 800px) {
/* line 154, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/login.css.scss.erb */
.loginScreen {
position: absolute;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
background-color: #554F4E;
background-size: cover;
background-position: center center;
z-index: 50;
}
/* line 169, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/login.css.scss.erb */
.loginScreen video,
.loginScreen .videoControl {
display: none;
}
/* line 174, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/login.css.scss.erb */
.loginScreen .loginWidgetContainer .slogan h1 {
font-size: 3rem;
line-height: 3rem;
}
/* line 179, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/login.css.scss.erb */
.loginScreen .loginWidgetContainer .slogan h2 {
font-size: 2rem;
line-height: 2.5rem;
margin-bottom: 0rem;
}
}
@media screen and (max-device-width: 400px) {
/* line 189, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/login.css.scss.erb */
html, body {
-webkit-text-size-adjust: inherit;
}
/* line 191, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/login.css.scss.erb */
.loginScreen .loginWidgetContainer .slogan {
display: none;
}
/* line 195, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/login.css.scss.erb */
.loginScreen .loginWidgetContainer {
position: relative;
width: 300px;
left: inherit;
top: 0px;
margin: 10px auto;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
/* line 206, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/login.css.scss.erb */
.loginScreen .loginWidgetContainer .loginWidget {
margin-right: 0px;
}
}
/***** Fonts ******/
/***** Colors *****/
/* Was Kinetic Dark Grey #6C6463 */
/* was Kinetic Dark Grey #6C6463 */
/* Kinetic Medium Blue */
/*#E8E8E8;*/
/* Explicit Kinetic Color Definitions */
/* typographic scale */
/* z-index management */
/************** Creative Details ***************/
/* line 5, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/sam.css.scss.erb */
.ngdialog.creativeDetailsOverlay .ngDialogContentContainer {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: stretch;
align-items: stretch;
padding: 0px;
}
/* line 18, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/sam.css.scss.erb */
.ngdialog.creativeDetailsOverlay creative-details .channelHeader,
.bigContainer .flexBody creative-details .channelHeader {
display: none;
}
/* line 23, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/sam.css.scss.erb */
.bigContainer .flexBody creative-details .formContainer {
padding: 1.5rem;
}
/* line 27, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/sam.css.scss.erb */
.bigContainer .flexBody creative-details.facebook .previewContainer {
width: 522px;
}
/* line 31, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/sam.css.scss.erb */
.bigContainer .flexBody creative-details.twitter .previewContainer {
width: 616px;
}
/* line 35, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/sam.css.scss.erb */
.bigContainer .flexBody creative-details.pinterest .previewContainer {
width: 262px;
}
/* line 39, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/sam.css.scss.erb */
.bigContainer .flexBody creative-details.instagram .previewContainer {
width: 320px;
}
/* line 45, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/sam.css.scss.erb */
creative-details {
width: 300px;
-webkit-flex-grow: 1;
flex-grow: 1;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: stretch;
align-items: stretch;
}
/* line 60, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/sam.css.scss.erb */
creative-details .formContainer {
-webkit-flex-grow: 1;
flex-grow: 1;
padding: 12px;
width: 0;
border-right: solid 1px #E8E8E8;
overflow: auto;
}
/* line 69, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/sam.css.scss.erb */
creative-details .previewContainer {
width: 536px;
overflow: auto;
padding-right: 0rem;
background-color: #f6f5f3;
padding: 12px;
padding-top: 56px;
position: relative;
-moz-transition: width 0.2s;
-webkit-transition: width 0.2s;
-ms-transition: width 0.2s;
transition: width 0.2s;
}
/* line 83, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/sam.css.scss.erb */
creative-details .previewContainer * {
-moz-transition: opacity 0.2s;
-webkit-transition: opacity 0.2s;
-ms-transition: opacity 0.2s;
transition: opacity 0.2s;
}
/* line 90, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/sam.css.scss.erb */
creative-details.facebook .previewContainer {
width: 536px;
}
/* line 94, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/sam.css.scss.erb */
creative-details.twitter .previewContainer {
width: 632px;
}
/* line 98, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/sam.css.scss.erb */
creative-details.pinterest .previewContainer {
width: 278px;
}
/* line 102, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/sam.css.scss.erb */
creative-details.snapchat .previewContainer {
width: 384px;
}
/* line 107, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/sam.css.scss.erb */
creative-details .previewContainer .dockToggle {
position: absolute;
top: 5px;
left: 0px;
padding: 10px 14px;
cursor: pointer;
white-space: nowrap;
font-size: 0.875rem;
text-transform: uppercase;
font-weight: 400;
-moz-transition: color 0.2s;
-webkit-transition: color 0.2s;
-ms-transition: color 0.2s;
transition: color 0.2s;
}
/* line 124, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/sam.css.scss.erb */
creative-details .previewContainer .dockToggle:before {
content: "";
display: inline-block;
width: 7px;
height: 13px;
background-image: url(ui/lr-control-sprite.png);
background-position: -10px 0px;
margin-bottom: -2px;
margin-right: 4px;
}
/* line 135, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/sam.css.scss.erb */
creative-details .previewContainer.docked,
.bigContainer .flexBody creative-details .previewContainer.docked {
overflow: hidden;
width: 40px;
}
/* line 141, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/sam.css.scss.erb */
creative-details .previewContainer.docked *:not(.dockToggle) {
opacity: 0;
pointer-events: none;
}
/* line 146, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/sam.css.scss.erb */
creative-details .previewContainer.docked .dockToggle {
color: transparent;
}
/* line 150, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/sam.css.scss.erb */
creative-details .previewContainer.docked .dockToggle:before {
background-position: 0px 0px;
}
/* line 154, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/sam.css.scss.erb */
creative-details ul.statsOverview li {
margin-right: 1.5rem;
white-space: nowrap;
}
/* line 159, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/sam.css.scss.erb */
creative-details .creativeStatus {
font-size: 0.875rem;
font-weight: 400;
text-transform: uppercase;
}
/* line 165, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/sam.css.scss.erb */
creative-details .servingIndicator {
display: inline-block;
margin-top: 2px;
color: #FFFFFF;
font-weight: 700;
border-radius: 14px;
border-bottom: solid 1px #3f6222;
background-color: #6FAE3C;
padding-right: 10px;
padding-left: 4px;
line-height: 1.5rem;
height: 1.5rem;
}
/* line 179, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/sam.css.scss.erb */
creative-details .servingIndicator:before {
content: "\e60d";
font-family: "KSP-Icons";
color: #FFFFFF;
font-size: 22px;
vertical-align: top;
display: inline-block;
position: relative;
top: -1px;
font-weight: normal;
}
/* line 191, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/sam.css.scss.erb */
creative-details .lockedIndicator {
display: inline-block;
margin-top: 2px;
color: #FFFFFF;
font-weight: 700;
border-radius: 14px;
border-bottom: solid 1px #7f0d0d;
background-color: #DB1717;
padding-right: 10px;
padding-left: 1px;
line-height: 1.5rem;
height: 1.5rem;
}
/* line 205, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/sam.css.scss.erb */
creative-details .lockedIndicator:before {
content: "\e650";
font-family: "KSP-Icons";
color: #FFFFFF;
font-size: 32px;
line-height: 32px;
vertical-align: top;
margin-right: -4px;
display: inline-block;
position: relative;
top: -5px;
font-weight: normal;
}
/* line 221, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/sam.css.scss.erb */
creative-details .lockStatus {
display: inline-block;
width: 185px;
}
/* line 226, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/sam.css.scss.erb */
creative-details .lockStatus label {
font-weight: 400;
/*color: #6FAE3C;*/
/*margin-right: $quarter-baseline-scale;*/
}
/* line 232, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/sam.css.scss.erb */
creative-details .lockStatus label.locked {
font-weight: 700;
color: #DB1717;
/*margin-right: $quarter-baseline-scale;*/
}
/* line 238, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/sam.css.scss.erb */
creative-details .lockStatus .switch.lockSwitch + label {
margin-right: 0px;
}
/* line 242, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/sam.css.scss.erb */
creative-details .lockStatus tooltip {
vertical-align: top;
margin-top: 4px;
}
/* line 247, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/sam.css.scss.erb */
creative-details .creativeUsage {
/* background-image: url(/assets/ui/vline.png);
background-repeat: repeat-y;
background-position: 33%;*/
}
/* line 253, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/sam.css.scss.erb */
creative-details .creativeUsage:after {
content: "";
display: block;
clear: both;
}
/* line 259, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/sam.css.scss.erb */
creative-details .creativeUsage .treePane {
width: 33%;
float: left;
overflow-x: auto;
}
/* line 265, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/sam.css.scss.erb */
creative-details .creativeUsage .treePane ul li span.serving {
font-weight: 700;
color: #6FAE3C;
}
/* line 270, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/sam.css.scss.erb */
creative-details .creativeUsage .treePane ul li span.serving:after {
/* content: "";
display: inline-block;
width: 20px;
height: 20px;
background-image: url(/assets/icons/icon-check-sm.png);
margin-left: 6px;
vertical-align: middle;
margin-top: -3px;*/
}
/* line 281, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/sam.css.scss.erb */
creative-details .creativeUsage .detailsPane {
width: 66%;
float: left;
padding-left: 1.5rem;
}
/* line 287, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/sam.css.scss.erb */
.ngdialog.endpointPreviewOverlay .ngdialog-content > .ngDialogContentContainer {
overflow: auto;
display: -webkit-flex;
-webkit-justify-content: flex-start;
-webkit-align-items: flex-start;
-webkit-align-content: flex-start;
-webkit-flex-wrap: nowrap;
display: flex;
justify-content: flex-start;
align-items: flex-start;
align-content: flex-start;
flex-wrap: nowrap;
flex-direction: row;
padding-left: 0;
padding-right: 0;
background-color: #F6F5F3;
}
/* line 310, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/sam.css.scss.erb */
.ngdialog.endpointPreviewOverlay .endPointPreviewContainer {
display: inline-block;
margin: auto;
padding: 0 0.5rem;
}
/* line 316, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/sam.css.scss.erb */
.ngdialog.endpointPreviewOverlay .endPointPreviewContainer:first-of-type {
padding-left: 1rem;
}
/* line 320, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/sam.css.scss.erb */
.ngdialog.endpointPreviewOverlay .endPointPreviewContainer:last-of-type {
padding-right: 1rem;
}
/* line 324, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/sam.css.scss.erb */
.ngdialog.endpointPreviewOverlay .previewCaption {
display: block;
text-align: center;
text-transform: uppercase;
font-size: 0.75rem;
}
/************ FB Endpoint Creative Preview Tile ***************/
/* line 334, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/sam.css.scss.erb */
.fbIFramePreviewBlock {
display: inline-block;
margin: 0 0.375rem;
vertical-align: top;
padding: 5px;
border: solid 1px #D6D2C4;
overflow: hidden;
border-radius: 3px;
}
/* line 347, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/sam.css.scss.erb */
.fbIFramePreviewBlock h5 {
margin-top: 0;
margin-bottom: 0.75rem;
padding-bottom: 0.375rem;
text-align: center;
border-bottom: solid 1px #E8E8E8;
}
/* line 355, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/sam.css.scss.erb */
.fbIFramePreviewBlock.desktopNewsFeed {
width: 508px;
height: 520px;
}
/* line 360, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/sam.css.scss.erb */
.fbIFramePreviewBlock.mobileNewsFeed {
width: 332px;
height: 520px;
}
/* line 365, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/sam.css.scss.erb */
.fbIFramePreviewBlock.rightColumn {
width: 286px;
height: 520px;
}
/********************* FB Bulk Uploader ***********************/
/* line 374, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/sam.css.scss.erb */
.bulkUploadFileInputContainer {
position: relative;
}
/* line 378, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/sam.css.scss.erb */
.bulkUploadFileInputContainer .waitIcon {
position: absolute;
left: 220px;
top: 9px;
width: 100px;
}
/* line 385, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/sam.css.scss.erb */
.bulkUploadFileInputContainer .inputPlusButton.stretch + .waitIcon {
left: 50%;
margin-left: -50px;
}
/* line 390, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/sam.css.scss.erb */
.validationPassed {
color: #6FAE3C;
}
/* line 394, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/sam.css.scss.erb */
.validationPassed:before {
vertical-align: middle;
margin-right: 0.375rem;
margin-top: -3px;
display: inline-block;
width: 20px;
height: 20px;
background-color: #6FAE3C;
border-radius: 10px;
color: #FFFFFF;
font-family: "KSP-Icons";
content: "\e60d";
font-size: 16px;
line-height: 20px;
text-align: center;
}
/* line 411, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/sam.css.scss.erb */
h4.validationPassed:before {
content: none;
}
/* line 415, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/sam.css.scss.erb */
.validationPassed strong {
color: #6FAE3C;
}
/* line 419, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/sam.css.scss.erb */
.bulkUploadValidationErrorList li {
margin-bottom: 0.75rem;
}
/******************* Image Crop Overlay ************************/
/* line 426, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/sam.css.scss.erb */
.cropOverlay .ngDialogContentContainer {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
-webkit-flex-wrap: nowrap;
-webkit-justify-content: flex-start;
-webkit-align-content: stretch;
-webkit-align-items: stretch;
flex-direction: row;
flex-wrap: nowrap;
justify-content: flex-start;
align-content: stretch;
align-items: stretch;
background-color: #f6f5f3;
}
/* line 446, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/sam.css.scss.erb */
.cropOverlay .imgContainer {
flex-grow: 1;
display: -webkit-flex;
display: flex;
width: 100%;
-webkit-flex-direction: column;
-webkit-flex-wrap: nowrap;
-webkit-justify-content: center;
-webkit-align-content: center;
-webkit-align-items: center;
flex-direction: column;
flex-wrap: nowrap;
justify-content: center;
align-content: center;
align-items: center;
}
/* line 467, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/sam.css.scss.erb */
.cropOverlay .imgContainer img {
max-height: 100%;
max-width: 100%;
flex-grow: 0;
}
/* line 473, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/sam.css.scss.erb */
.cropOverlay .imgContainer .cropper-wrap-box {
border: solid 1px #000000;
}
/***** Fonts ******/
/***** Colors *****/
/* Was Kinetic Dark Grey #6C6463 */
/* was Kinetic Dark Grey #6C6463 */
/* Kinetic Medium Blue */
/*#E8E8E8;*/
/* Explicit Kinetic Color Definitions */
/* typographic scale */
/* z-index management */
/************ Compass Summary Strip ***************/
/* line 5, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/compass.css.scss.erb */
.compassSummary {
color: #FFFFFF;
font-weight: 400;
margin-bottom: 0.75rem;
}
/* line 12, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/compass.css.scss.erb */
.compassSummary > span {
display: inline-block;
margin-right: 3rem;
font-size: 0.875rem;
text-transform: uppercase;
line-height: 1rem;
padding-left: 36px;
position: relative;
}
/* line 22, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/compass.css.scss.erb */
.compassSummary > span:before {
content: " ";
width: 30px;
height: 30px;
position: absolute;
top: 1px;
left: 0px;
background-image: url(icons/compass-icons-sprite.png);
background-repeat: no-repeat;
}
/* line 33, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/compass.css.scss.erb */
.compassSummary > span.scheduledPosts:before {
top: 2px;
background-position: 0px 0px;
}
/* line 38, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/compass.css.scss.erb */
.compassSummary > span.activePosts:before {
background-position: -32px 0px;
}
/* line 42, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/compass.css.scss.erb */
.compassSummary > span.totalClicks:before {
background-position: -64px 0px;
}
/* line 46, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/compass.css.scss.erb */
.compassSummary > span.totalImpressions:before {
background-position: -96px 0px;
}
/* line 50, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/compass.css.scss.erb */
.compassSummary > span.totalReach:before {
background-position: -128px 0px;
}
/* line 54, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/compass.css.scss.erb */
.compassSummary > span > span {
font-weight: 700;
font-size: 1.125rem;
}
/*************** Hi-res imagery ***************/
@media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 4 / 2), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
/* line 69, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/compass.css.scss.erb */
.compassSummary > span:before {
background-image: url(icons/compass-icons-sprite@2x.png);
background-repeat: no-repeat;
background-size: 160px 30px;
}
}
/***** Fonts ******/
/***** Colors *****/
/* Was Kinetic Dark Grey #6C6463 */
/* was Kinetic Dark Grey #6C6463 */
/* Kinetic Medium Blue */
/*#E8E8E8;*/
/* Explicit Kinetic Color Definitions */
/* typographic scale */
/* z-index management */
/* line 4, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/pinterest.css.scss.erb */
#ppEditDialog .accordionContainer {
height: 470px;
overflow-y: scroll;
}
/*********** New Pin Dialog ************/
/* line 11, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/pinterest.css.scss.erb */
.newPinDialogBoardPanel {
/*min-height: 800px;*/
}
/* line 15, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/pinterest.css.scss.erb */
.newPinDialog .columnContainer {
overflow-y: visible;
}
/************ Image Preview Widget *************/
/* line 24, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/pinterest.css.scss.erb */
.imagePreviewWidget {
width: 300px;
height: 300px;
background-color: #f3f3f3;
border: solid 1px #E8E8E8;
padding: 1rem;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
}
/* line 35, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/pinterest.css.scss.erb */
.imagePreviewWidget.waitIcon {
background-size: inherit;
}
/* line 39, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/pinterest.css.scss.erb */
.newPinDialog .imagePreviewWidget {
width: 100%;
height: 250px;
}
/*************** Hi-res imagery ***************/
@media (min--moz-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 4 / 2), (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
/* line 53, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/pinterest.css.scss.erb */
.customizedPPIndicator {
background-size: 10px 10px;
}
/* line 57, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/pinterest.css.scss.erb */
.customizedPPIndicator.customizedDestinationURL {
background-image: url(icons/icon-link.png);
}
/* line 61, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/pinterest.css.scss.erb */
.customizedPPIndicator.customizedAudienceTarget {
background-image: url(icons/icon-target.png);
}
/* line 65, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/pinterest.css.scss.erb */
.customizedPPIndicator.note {
background-image: url(icons/icon-note.png);
}
}
/***** Fonts ******/
/***** Colors *****/
/* Was Kinetic Dark Grey #6C6463 */
/* was Kinetic Dark Grey #6C6463 */
/* Kinetic Medium Blue */
/*#E8E8E8;*/
/* Explicit Kinetic Color Definitions */
/* typographic scale */
/* z-index management */
/* line 3, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/dpa.css.scss.erb */
.filterBlockHeader {
padding-bottom: 0.75rem;
border-bottom: solid 1px #E8E8E8;
margin-bottom: 0.75rem;
}
/* line 9, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/dpa.css.scss.erb */
.filterBlock {
padding: 0.75rem;
margin-bottom: 0.375rem;
border: solid 1px #E8E8E8;
background-color: #FFFFFF;
}
/* line 16, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/dpa.css.scss.erb */
.filterBlock .filterBlock,
.filterBlock .filterBlock .filterBlock .filterBlock,
.filterBlock .filterBlock .filterBlock .filterBlock .filterBlock .filterBlock {
background-color: #FBFAF8;
}
/* line 22, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/dpa.css.scss.erb */
.filterBlock .filterBlock .filterBlock,
.filterBlock .filterBlock .filterBlock .filterBlock .filterBlock,
.filterBlock .filterBlock .filterBlock .filterBlock .filterBlock .filterBlock .filterBlock {
background-color: #FFFFFF;
}
/* line 28, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/dpa.css.scss.erb */
.conditionBlock .condition {
padding: 0.75rem 0;
border-top: solid 1px #e8e8e8;
margin-bottom: 0;
}
/* line 34, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/dpa.css.scss.erb */
.conditionBlock .condition:last-child {
border-bottom: solid 1px #e8e8e8;
}
/* line 38, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/dpa.css.scss.erb */
.conditionRow .iconRemove {
opacity: 0;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
}
/* line 44, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/dpa.css.scss.erb */
.conditionRow:hover .iconRemove {
opacity: 1;
}
/* line 48, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/dpa.css.scss.erb */
.conditionRow .customField .customFieldRemoveControl {
opacity: 0;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-ms-transition: opacity 0.2s;
transition: opacity 0.2s;
}
/* line 56, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/dpa.css.scss.erb */
.conditionRow .customField:hover .customFieldRemoveControl {
opacity: 1;
}
/* line 60, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/dpa.css.scss.erb */
.conditionRow .timeFrameValue {
width: 4rem;
text-align: center;
}
/* line 65, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/dpa.css.scss.erb */
.operator {
font-size: 0.75rem;
text-transform: uppercase;
display: inline-block;
text-align: center;
background-color: #FDF98C;
color: #404040;
font-weight: 400;
margin-bottom: 0.375rem;
border-radius: 3px;
line-height: 1rem;
height: 1rem;
padding: 0 0.375rem;
}
/* line 81, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/dpa.css.scss.erb */
.ngdialog.dpaLibraryOverlay .ngdialog-content > .ngDialogContentContainer {
padding: 0;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
}
/* line 88, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/dpa.css.scss.erb */
.dpaLibraryOverlay .searchContainer {
padding: 10px;
border-bottom: solid 1px #D6D2C4;
flex-shrink: 0;
}
/* line 94, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/dpa.css.scss.erb */
.dpaLibraryOverlay .searchContainer input[type=text].searchField.stretch {
width: calc(100% - 24px);
}
/* line 98, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/dpa.css.scss.erb */
.dpaLibraryOverlay .searchContainer tooltip {
float: right;
margin-top: 10px;
}
/* line 103, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/dpa.css.scss.erb */
.dpaLibraryOverlay .dpaTileGrid {
height: 0;
flex-grow: 1;
padding: 1rem;
background-color: #F6F5F3;
display: -webkit-flex;
display: flex;
flex-direction: row;
flex-wrap: wrap;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-content: flex-start;
align-content: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
overflow-y: auto;
}
/* line 125, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/dpa.css.scss.erb */
table.dpaProductFeed {
table-layout: fixed;
}
/* line 129, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/dpa.css.scss.erb */
table.dpaProductFeed col {
width: 100px;
}
/* line 133, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/dpa.css.scss.erb */
table.dpaProductFeed th,
table.dpaProductFeed td {
text-align: left;
vertical-align: top;
}
/* line 139, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/dpa.css.scss.erb */
table.dpaProductFeed img {
width: 100%;
height: auto;
display: block;
}
/* line 145, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/dpa.css.scss.erb */
table.dpaProductFeed a {
display: inline-block;
width: 100%;
word-wrap: break-word;
overflow: hidden;
max-height: 9rem;
}
/* line 153, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/features/dpa.css.scss.erb */
table.dpaProductFeed tfoot td {
text-align: center;
}
/* CSS Document */
/***** Fonts ******/
/***** Colors *****/
/* Was Kinetic Dark Grey #6C6463 */
/* was Kinetic Dark Grey #6C6463 */
/* Kinetic Medium Blue */
/*#E8E8E8;*/
/* Explicit Kinetic Color Definitions */
/* typographic scale */
/* z-index management */
/* line 5, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/styleguide/styleguide.css.scss.erb */
.header .topBar {
height: 3rem;
background-color: #013466;
}
/* line 10, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/styleguide/styleguide.css.scss.erb */
.header .topBar > a {
display: inline-block;
margin-top: 0.25rem;
margin-left: 0.25rem;
}
/* line 16, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/styleguide/styleguide.css.scss.erb */
.header .navBar {
min-height: 1.5rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
background-color: #FFFFFF;
}
/* line 24, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/styleguide/styleguide.css.scss.erb */
.header .navBar a, .header .navBar a:visited {
color: #01488D;
text-decoration: none;
}
/* line 29, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/styleguide/styleguide.css.scss.erb */
.header .navBar a:hover {
color: #0158AD;
text-decoration: underline;
}
/* line 34, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/styleguide/styleguide.css.scss.erb */
.header .navBar a:active {
color: #013466;
text-decoration: none;
}
/* line 39, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/styleguide/styleguide.css.scss.erb */
.header .navBar select {
width: 100%;
box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
display: none;
}
/* line 48, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/styleguide/styleguide.css.scss.erb */
.header .navBar li {
margin-right: 1rem;
}
/* line 52, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/styleguide/styleguide.css.scss.erb */
.header .navBar li:last-child {
margin-right: 0rem;
}
/* line 56, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/styleguide/styleguide.css.scss.erb */
div.footer {
padding: 1.5rem 1.5rem;
background-color: #6C6463;
}
/* line 61, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/styleguide/styleguide.css.scss.erb */
div.footer p {
color: #FFFFFF;
font-size: 0.75rem;
line-height: 1 rem;
}
/* line 67, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/styleguide/styleguide.css.scss.erb */
div.floatLeft {
margin-right: 2rem;
}
/* line 71, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/styleguide/styleguide.css.scss.erb */
.flashAlertsContainer > span {
color: #FFFFFF;
font-weight: 400;
}
/* line 76, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/styleguide/styleguide.css.scss.erb */
.fontSpecimen.arquitecta {
font-family: Arquitecta;
font-size: 3.25rem;
font-weight: 300;
line-height: 3rem;
margin-bottom: 1.5rem;
letter-spacing: 0.25rem;
color: #00A9CE;
}
/* line 86, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/styleguide/styleguide.css.scss.erb */
.fontSpecimen.openSans {
font-family: "Open Sans";
font-size: 2.75rem;
font-weight: normal;
line-height: 3rem;
margin-bottom: 1.5rem;
letter-spacing: 0.25rem;
color: #00A9CE;
}
/* line 96, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/styleguide/styleguide.css.scss.erb */
.header .nav .userMgmt.styleguide {
height: 29px;
}
/* line 100, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/styleguide/styleguide.css.scss.erb */
.header .nav .userMgmt.styleguide > a {
color: #FAF4EA;
font-size: 0.875rem;
text-decoration: none;
}
/* line 105, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/styleguide/styleguide.css.scss.erb */
.header .nav .userMgmt.styleguide > a:visited {
text-decoration: none;
}
/* line 109, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/styleguide/styleguide.css.scss.erb */
.header .nav .userMgmt.styleguide > a:hover {
text-decoration: underline;
}
/* line 113, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/styleguide/styleguide.css.scss.erb */
.header .nav .userMgmt.styleguide > a:active {
text-decoration: underline;
}
/* line 118, /Volumes/Ext 6TB/Projects/styleguide/app/assets/stylesheets/v2/styleguide/styleguide.css.scss.erb */
.fixedNav .userMgmt > ul {
margin-right: 0.75rem;
}
/* Place all the styles related to the Styleguide controller here.
* They will automatically be included in application.css.
* You can use Sass (SCSS) here: http://sass-lang.com/
*
* ** General **
* -------------------------------------
*
*
* ** External Library Specific CSS **
* -------------------------------------
*
*
* ** Reusable Widgets **
* -------------------------------------
*
*
* ** KSP Legacy Items **
* -------------------------------------
*
*
* ** Screen Specific Style Sheets **
* -------------------------------------
*
*
* ** Styleguide Specific Sheet **
* -------------------------------------
*/