:root {
/* alerts / notifications */
/* shades */
/* structure */
/* forms */
}
:root {
/* reference: https://medallia-alchemy.com/latest/react/theme-helpers/typeStyle/ */
}
body {
font: 400
14px
/
1.3
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
p {
line-height: 1.5;
}
/* type styles classes */
.type-style-displayL {
font: 300
68px
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.type-style-displayM {
font: 400
44px
"HCo Gotham"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.type-style-displayS {
font: 400
28px
"HCo Gotham"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.type-style-headerXL {
font: 400
32px
"HCo Gotham"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.type-style-headerL {
font: 400
24px
"HCo Gotham"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.type-style-headerM {
font: 500
20px
"HCo Gotham"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.type-style-headerS {
font: 500
18px
"HCo Gotham"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.type-style-subHeaderM {
font: 500
16px
"HCo Gotham"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.type-style-subHeaderS {
font: 500
14px
"HCo Gotham"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.type-style-dataL {
font: 400
36px
"HCo Gotham"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.type-style-dataM {
font: 400
28px
"HCo Gotham"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.type-style-dataS {
font: 400
16px
"HCo Gotham"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.type-style-bodyL {
font: 400
16px
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.type-style-bodyM {
font: 500
14px
/
1.3
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.type-style-bodyS {
font: 400
14px
/
1.3
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.type-style-actionM {
font: 500
14px
"HCo Gotham"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.type-style-labelL {
font: 500
14px
/
1.3
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.type-style-labelM {
font: 400
14px
/
1.3
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.type-style-captionM {
font: 400
12px
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.type-style-captionS {
font: 400
10px
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-grid {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.mdl-grid, .mdl-grid > * {
box-sizing: border-box;
}
.mdl-grid > *, .mdl-grid.-x1 > * {
width: 100%;
-ms-flex-preferred-size: auto;
flex-basis: auto;
margin: 0 0 24px 0;
}
.mdl-grid.-x2,
.mdl-grid.-x3 {
margin: -16px -12px;
}
.mdl-grid.-x2 > *, .mdl-grid.-x3 > * {
width: calc(50% - 32px);
-ms-flex-preferred-size: auto;
flex-basis: auto;
margin: 16px;
}
.mdl-grid.-x3 > * {
width: calc(33.333% - 32px);
}
.mdl-grid .-o1 {
-ms-flex-order: 1;
order: 1;
}
.mdl-grid .-o2 {
-ms-flex-order: 2;
order: 2;
}
.mdl-grid__col {
position: relative;
}
.mdl-grid__col.-x1 {
width: calc(8.33333% - 32px);
}
.mdl-grid__col.-x2 {
width: calc(16.66667% - 32px);
}
.mdl-grid__col.-x3 {
width: calc(25% - 32px);
}
.mdl-grid__col.-x4 {
width: calc(33.33333% - 32px);
}
.mdl-grid__col.-x5 {
width: calc(41.66667% - 32px);
}
.mdl-grid__col.-x6 {
width: calc(50% - 32px);
}
.mdl-grid__col.-x7 {
width: calc(58.33333% - 32px);
}
.mdl-grid__col.-x8 {
width: calc(66.66667% - 32px);
}
.mdl-grid__col.-x9 {
width: calc(75% - 32px);
}
.mdl-grid__col.-x10 {
width: calc(83.33333% - 32px);
}
.mdl-grid__col.-x11 {
width: calc(91.66667% - 32px);
}
.mdl-grid__col.-x12 {
width: calc(100% - 32px);
}
.mdl-grid__col.-pull-right {
margin-left: auto;
text-align: right;
}
.mdl-grid.-gutterless .mdl-grid__col {
padding: 16px;
}
.mdl-grid.-gutterless .mdl-grid__col.-x1 {
width: 8.33333%;
}
.mdl-grid.-gutterless .mdl-grid__col.-x2 {
width: 16.66667%;
}
.mdl-grid.-gutterless .mdl-grid__col.-x3 {
width: 25%;
}
.mdl-grid.-gutterless .mdl-grid__col.-x4 {
width: 33.33333%;
}
.mdl-grid.-gutterless .mdl-grid__col.-x5 {
width: 41.66667%;
}
.mdl-grid.-gutterless .mdl-grid__col.-x6 {
width: 50%;
}
.mdl-grid.-gutterless .mdl-grid__col.-x7 {
width: 58.33333%;
}
.mdl-grid.-gutterless .mdl-grid__col.-x8 {
width: 66.66667%;
}
.mdl-grid.-gutterless .mdl-grid__col.-x9 {
width: 75%;
}
.mdl-grid.-gutterless .mdl-grid__col.-x10 {
width: 83.33333%;
}
.mdl-grid.-gutterless .mdl-grid__col.-x11 {
width: 91.66667%;
}
.mdl-grid.-gutterless .mdl-grid__col.-x12 {
width: 100%;
}
.mdl-alert {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
margin: 16px 0;
padding: 8px 12px;
border-radius: 8px;
background-color: #EAF3FF;
border: 1px solid #B9DFFF;
font: 400
14px
/
1.3
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-alert .mdl-icon svg {
color: #2C3548;
}
.mdl-alert a {
color: inherit !important;
text-decoration: underline;
}
.mdl-alert__title {
font: 500
14px
"HCo Gotham"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-alert.hidden,
.mdl-alert.-hidden {
display: none;
}
.mdl-alert.-success {
background-color: #E8F7EB;
border-color: #ADEAC3;
}
.mdl-alert.-success .mdl-icon svg {
color: #ADEAC3;
}
.mdl-alert.-error {
background-color: #FAE8E9;
border-color: #F3AFB7;
}
.mdl-alert.-error .mdl-icon svg {
color: #F3AFB7;
}
.mdl-alert.-warning {
background-color: #FDFAE9;
border-color: #FCF3B5;
}
.mdl-alert.-warning .mdl-icon svg {
color: #FCF3B5;
}
.mdl-alert.-flush {
margin: 0;
}
.mdl-alert .mdl-icon {
margin-right: 4px;
}
.mdl-alert p:last-of-type {
margin-bottom: 0;
}
.mdl-grid__col .mdl-alert:first-child {
margin-top: 0;
}
.mdl-avatar {
display: inline-block;
border-radius: 50%;
overflow: hidden;
min-width: 36px;
min-height: 36px;
max-width: 36px;
max-height: 36px;
}
.mdl-avatar.-s {
min-width: 24px;
min-height: 24px;
max-width: 24px;
max-height: 24px;
}
.mdl-avatar.-l {
min-width: 48px;
min-height: 48px;
max-width: 48px;
max-height: 48px;
}
.mdl-avatar.-xl {
min-width: 108px;
min-height: 108px;
max-width: 108px;
max-height: 108px;
}
.mdl-avatar.-xxl {
min-width: 180px;
min-height: 180px;
max-width: 180px;
max-height: 180px;
}
.mdl-avatar.-square {
border-radius: 8px;
}
.b-single-post__tag-users--results,
.b-single-post__tag-tags--results {
background: #fff;
padding-bottom: 10px;
border: 1px solid #DDE1E5;
border-top: 0;
}
.b-single-post__tag-users--results .mdl-button,
.b-single-post__tag-tags--results .mdl-button {
margin-right: 4px;
}
.b-single-idea__user-tag-result {
height: auto;
}
.mdl-banner {
width: 100%;
max-width: 100%;
margin: 0;
border-radius: 8px;
overflow: hidden;
background-size: cover;
background-repeat: no-repeat;
box-sizing: border-box;
}
.mdl-banner.-has-image {
padding-top: 16px;
}
.mdl-banner img {
display: block;
border-radius: 8px;
}
.mdl-banner__text {
padding: 36px;
color: #<<$bannerTextCol>>;
}
.mdl-banner__text p {
margin-bottom: 0;
}
.l-grid__buffer {
padding: 16px 0 0 0;
}
.l-grid__buffer .mdl-banner {
max-width: calc(100% - 44px);
margin: 0 auto 16px;
padding: 0;
}
.mdl-badge {
border-radius: 8px;
overflow: hidden;
}
.mdl-badge.-card {
min-height: 250px;
box-shadow: 0 3px 5px rgba(0,0,0,0.2);
}
hr.mdl-badge__separator {
/* horrible hack to clear flex items & provide visibility for outer shadow */
width: 100%;
color: #FFFFFF;
background: none;
}
.mdl-badge.-stock {
background-size: 66.66%;
}
.mdl-badge__image {
background: #FFFFFF;
border-radius: 3px;
}
.mdl-badge__description {
font: 400
14px
/
1.3
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-badge__awarded {
font: 400
12px
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif !important;
}
.mdl-badge__awarded .awardedValue {
font-weight: 500;
}
.mdl-badge__score {
border-left: 1px solid #DDE1E5 !important;
}
.mdl-badge__preview-container {
border-radius: 8px;
border: 1px solid #DDE1E5;
}
.mdl-badge-stock *, .mdl-badge-stock {
box-sizing: border-box;
}
.mdl-badge-stock__row {
display: -ms-flexbox;
display: flex;
margin: 0 0 8px;
}
.mdl-badge-stock__row .mdl-badge {
width: 76px;
height: 76px;
background: transparent none no-repeat center center;
background-size: 66.66%;
border: 1px solid #DDE1E5;
cursor: pointer;
transition: border-color .2s ease-in-out;
}
.mdl-badge-stock__row .mdl-badge:hover {
border-color: #10172A;
}
.mdl-badge-stock__row .mdl-badge + .mdl-badge {
margin-left: 8px;
}
.mdl-badge-stock__row .mdl-badge.-upload {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
width: 160px;
padding: 16px;
background: #10172A;
border: 0;
color: #FFFFFF;
cursor: pointer;
}
.mdl-badge-stock__row .mdl-badge.-upload > div {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: 20px;
height: 20px;
margin-left: auto;
background: #FFFFFF;
border-radius: 50%;
color: #10172A;
transition: margin-top .2s ease-in-out;
}
.mdl-badge-stock__row .mdl-badge.-upload:hover > div {
margin-top: -8px;
}
.ui-tooltip .mdl-badge__preview-container {
background: #1D2431;
border-radius: 0;
border: 0;
color: #FFFFFF;
}
.ui-tooltip .mdl-badge__awarded,
.ui-tooltip .mdl-badge__name,
.ui-tooltip .mdl-badge__description {
color: #FFFFFF;
}
.ui-tooltip .mdl-badge__score {
border-left: 1px solid #2C3548 !important;
}
.ui-tooltip .mdl-badge__score-value,
.ui-tooltip .mdl-badge__score-caption {
color: #FFFFFF !important;
}
.mdl-block-list {
margin: 0;
}
.mdl-block-list, .mdl-block-list * {
box-sizing: border-box;
}
.mdl-block-list.-tight .mdl-block-list-controls {
padding: 12px 4px;
}
.mdl-block-list.-tight .mdl-block-list-content,
.mdl-block-list.-tight .mdl-block-list-meta,
.mdl-block-list.-tight .mdl-block-list-actions {
padding: 12px;
}
.mdl-block-list__item {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #F5F6F7;
line-height: 1.4;
}
.mdl-block-list__item-controls {
position: relative;
-ms-flex-order: 1;
order: 1;
width: 24px;
padding: 16px 12px;
color: #DDE1E5;
}
.mdl-block-list__item-controls .mdl-icon.-dark svg {
color: #<<$voteBarCol>>;
}
.mdl-block-list__item-controls > * + * {
position: relative;
top: -8px;
}
.mdl-block-list__item-content {
display: -ms-flexbox;
display: flex;
width: 50%;
/* align-items: center; */
-ms-flex-order: 2;
order: 2;
padding: 16px;
font: 400
14px
/
1.3
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
line-height: 1.4;
}
.mdl-block-list__item-content-action {
font: 500
14px
/
1.3
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-block-list__item-content > * {
width: 100%;
}
.mdl-block-list__item-content-title {
margin: 0 0 4px !important;
}
.mdl-block-list__item-content-body {
margin: 0 0 4px !important;
color: #6B7587;
}
.mdl-block-list__item-content-body a {
color: inherit;
text-decoration: underline;
}
.mdl-block-list__item-content-body b {
font-weight: 500;
}
.mdl-block-list__item-meta {
-ms-flex-item-align: center;
align-self: center;
-ms-flex-order: 3;
order: 3;
padding: 16px;
}
.mdl-block-list__item-actions {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-ms-flex-order: 4;
order: 4;
margin-left: auto;
padding: 16px;
}
.mdl-block-list__item-actions > * + * {
margin-left: 12px;
}
.mdl-block-list__item .mdl-alert {
width: 100%;
}
.mdl-block-list__avatar-container {
margin-right: 12px;
width: auto;
}
.mdl-button {
/*
*/
display: inline-block;
position: relative;
min-width: 40px;
padding: 8px 16px;
background: #FFFFFF;
border-radius: 18px;
border: 1px solid #<<$buttonCol>>;
border: 1px solid #<<$buttonCol>>65;
color: #<<$buttonCol>>;
cursor: pointer;
text-align: center;
font: 500
14px
"HCo Gotham"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
line-height: 1.35;
transition: background .3s ease-in-out;
}
.mdl-button:focus {
outline: none;
}
.mdl-button:focus,
.mdl-button:hover,
.mdl-button:active {
text-decoration: none;
background: #<<$buttonCol>>18;
}
/* IE10 & 11 only */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.mdl-button:focus,
.mdl-button:hover,
.mdl-button:active {
color: #<<$buttonTextCol>>;
background: #<<$buttonCol>>
}
}
.mdl-button.-disabled,
.mdl-button.-disabled:hover,
.mdl-button:disabled,
.mdl-button:disabled:hover {
cursor: not-allowed;
border-color: #CED4DA;
color: #D2D5DB;
background: #FFFFFF;
}
.mdl-button + .mdl-button {
margin-left: 16px;
}
.mdl-button.-selected,
.mdl-button.-primary {
border: 0 solid transparent;
background-color: #<<$buttonCol>>;
background-image: linear-gradient(90deg, #<<$buttonCol>>, rgba(255, 255, 255, 0.18));
border-color: transparent;
color: #<<$buttonTextCol>>;
line-height: 1.43;
}
.mdl-button.-selected.-disabled,
.mdl-button.-selected.-disabled:hover,
.mdl-button.-selected:disabled,
.mdl-button.-selected:disabled:hover,
.mdl-button.-primary.-disabled,
.mdl-button.-primary.-disabled:hover,
.mdl-button.-primary:disabled,
.mdl-button.-primary:disabled:hover {
color: #<<$buttonTextCol>>;
background: #D2D5DB;
}
.mdl-button.-selected:hover,
.mdl-button.-selected:active,
.mdl-button.-primary:hover,
.mdl-button.-primary:active {
background-color: #<<$buttonCol>>;
background-image: linear-gradient(90deg, #<<$buttonCol>>, rgba(0, 0, 0, 0));
}
.mdl-button.-selected:focus, .mdl-button.-primary:focus {
box-shadow: 0 0 4px 0 #<<$buttonCol>>;
}
.mdl-button.-flat,
.mdl-button.-tertiary {
border: 0;
background: transparent;
line-height: 1.45;
}
.mdl-button.-flat.-disabled,
.mdl-button.-flat.-disabled:hover,
.mdl-button.-flat:disabled,
.mdl-button.-flat:disabled:hover,
.mdl-button.-tertiary.-disabled,
.mdl-button.-tertiary.-disabled:hover,
.mdl-button.-tertiary:disabled,
.mdl-button.-tertiary:disabled:hover {
border-color: transparent;
background: none;
color: #D2D5DB;
}
.mdl-button.-flat:hover, .mdl-button.-tertiary:hover {
background: #<<$buttonCol>>18;
}
/* IE10 & 11 only */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.mdl-button.-flat:hover, .mdl-button.-tertiary:hover {
color: #<<$buttonTextCol>>;
background: #<<$buttonCol>>
}
}
.mdl-button.-flat:focus, .mdl-button.-tertiary:focus {
box-shadow: 0 0 4px 0 #<<$buttonCol>>;
}
.mdl-button.-flat {
min-width: unset;
padding: 0;
font-weight: 400;
}
.mdl-button.-flat:hover {
background: none;
}
.mdl-button.-flat:hover, .mdl-button.-flat:hover * {
text-decoration: underline;
}
.mdl-button.-back-navigation {
margin-left: -16px;
}
.mdl-button.-full {
display: block;
margin: 0;
}
.mdl-button.-xs {
font-size: 12px;
padding: 4px 4px;
}
.mdl-button.-s,
.mdl-button.-small {
padding: 4px 12px;
}
.mdl-button.-l {
font-size: 18px;
padding: 8px 24px;
border-radius: 26px;
}
.mdl-button.-l.-has-icon {
padding-left: 48px;
}
.mdl-button.-l .mdl-icon {
left: 16px;
}
.mdl-button.-has-icon,
.mdl-button.-s.-has-icon {
/* BUGFIX: spaced double brackets in calc prevent minifier removing spaces around operator */
padding-left: 32px;
}
.mdl-button.-dropdown {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
}
.mdl-button.-dropdown .mdl-icon {
position: static;
margin-left: 4px;
transform: none;
}
.mdl-button.-icon-only {
border-radius: 20px;
min-width: 36px;
width: 36px;
height: 36px;
padding: 0;
}
.mdl-button.-icon-only .mdl-icon {
left: 50%;
transform: translate(-50%, -50%);
transform-origin: center center;
}
.mdl-button.-icon-only .mdl-icon.-rot-45 {
transform: translate(-50%, -50%) rotate(45deg);
}
.mdl-button.-icon-only .mdl-icon.-rot-90 {
transform: translate(-50%, -50%) rotate(90deg);
}
.mdl-button.-icon-only .mdl-icon.-rot-135 {
transform: translate(-50%, -50%) rotate(135deg);
}
.mdl-button.-icon-only .mdl-icon.-rot-180 {
transform: translate(-50%, -50%) rotate(180deg);
}
.mdl-button.-icon-only .mdl-icon.-rot-225 {
transform: translate(-50%, -50%) rotate(225deg);
}
.mdl-button.-icon-only .mdl-icon.-rot-270 {
transform: translate(-50%, -50%) rotate(270deg);
}
.mdl-button.-icon-only .mdl-icon svg {
width: 16px;
height: 16px;
}
.mdl-button.-icon-only.-xs {
min-width: 20px;
width: 20px;
height: 20px;
}
.mdl-button.-icon-only.-s {
min-width: 28px;
width: 28px;
height: 28px;
}
.mdl-dashboard .mdl-button.-icon-only {
padding: 8px 10px;
}
.mdl-button.-icon-only:focus {
box-shadow: none;
}
.mdl-button.-destructive {
color: #D51C26;
border-color: #CED4DA;
}
.mdl-button.-destructive:hover {
border-color: #F3AFB7;
background: #FAE8E9;
color: #BE0406;
}
.mdl-button.-destructive:focus {
box-shadow: 0 0 4px 0 #BE0406;
background: #FAE8E9;
}
.mdl-button.-destructive.-disabled,
.mdl-button.-destructive.-disabled:hover,
.mdl-button.-destructive:disabled,
.mdl-button.-destructive:disabled:hover {
border: 1px solid #EBEDF0;
color: #D2D5DB;
background: #FFFFFF;
}
.mdl-button.-destructive .mdl-icon svg {
color: inherit;
}
.mdl-button.-destructive.-primary {
background: #D51C26;
background-image: linear-gradient(90deg, #BE0406, #D51C26);
border-color: transparent;
color: #FFFFFF;
}
.mdl-button.-destructive.-primary.-disabled,
.mdl-button.-destructive.-primary.-disabled:hover,
.mdl-button.-destructive.-primary:disabled,
.mdl-button.-destructive.-primary:disabled:hover {
background: #D2D5DB;
}
.mdl-button.-destructive.-primary:active,
.mdl-button.-destructive.-primary:hover {
color: #FFFFFF;
border-color: transparent;
background: #BE0406;
}
.mdl-button.-destructive.-tertiary {
border-color: transparent;
}
.mdl-button.-destructive.-tertiary:active,
.mdl-button.-destructive.-tertiary:hover {
background: #FAE8E9;
color: #BE0406;
}
.mdl-button.-destructive.-tertiary.-disabled,
.mdl-button.-destructive.-tertiary.-disabled:hover,
.mdl-button.-destructive.-tertiary:disabled,
.mdl-button.-destructive.-tertiary:disabled:hover {
border-color: transparent;
background: none;
color: #D2D5DB;
}
.mdl-button__joined {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.mdl-button.-joined {
box-sizing: border-box;
min-width: 44px;
height: 38px;
}
.mdl-button.-joined:first-of-type {
border-right: 0;
border-radius: 18px 0 0 18px;
}
.mdl-button.-joined + .mdl-button.-joined.-joined {
margin-left: -1px;
border-radius: 0;
}
.mdl-button.-joined + .mdl-button.-joined.-joined:last-of-type {
border-radius: 0 18px 18px 0;
}
.mdl-button__icon,
.mdl-button .mdl-icon,
.mdl-button [class*="icon-"]
{
position: absolute;
width: 16px;
height: 16px;
left: 10.66667px;
top: 50%;
transform: translateY(-50%);
}
.mdl-button__icon svg, .mdl-button .mdl-icon svg, .mdl-button [class*="icon-"] svg {
color: inherit;
}
.cwd-core-panel__carousel.cwd-core-panel__carousel--1 .slick-slide {
margin-right: 0;
}
.cwd-core-panel__carousel .slick-slide {
margin-right: 16px;
border-radius: 8px;
overflow: hidden;
}
.cwd-core-panel__carousel .cwd-core-panel__carousel-slide-title {
font: 500
16px
"HCo Gotham"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.cwd-core-panel__carousel .cwd-core-panel__carousel-slide-subtitle {
font: 400
14px
/
1.3
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-challenge-selector {
margin-top: 4px;
padding: 16px;
border-radius: 8px;
box-shadow: 0 3px 5px rgba(0,0,0,0.2);
}
.mdl-challenge-selector__title {
font: 400
24px
"HCo Gotham"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-challenge-selector__subtitle {
}
.mdl-challenge-selector__challenges {
border-radius: 0 0 8px 8px;
}
.mdl-challenge-selector__challenges ul {
max-height: 324px;
}
.mdl-challenge-selector__challenge {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
}
.mdl-challenge-selector__challenge-image {
}
.mdl-challenge-selector__challenge.-notice {
}
.mdl-dialog-loader, .mdl-dialog-loader *, .mdl-dialog, .mdl-dialog * {
box-sizing: border-box !important;
}
.mdl-dialog-loader__content, .mdl-dialog__content {
border-radius: 8px;
box-shadow: 0
3px
5px
rgba(0,0,0,0.2) !important;
}
.mdl-dialog-loader__body, .mdl-dialog__body {
margin: 0;
padding: 20px;
}
.mdl-dialog-loader__body.-full-height, .mdl-dialog__body.-full-height {
padding-bottom: 0;
}
.mdl-dialog-loader__body .mdl-form__button-row, .mdl-dialog__body .mdl-form__button-row {
padding-bottom: 0;
}
.mdl-dialog-loader__body .mdl-form__button-row.-sticky, .mdl-dialog__body .mdl-form__button-row.-sticky {
padding-bottom: 16px;
}
.mdl-dialog-loader__buttons, .mdl-dialog__buttons {
bottom: 20px;
right: 20px;
}
.mdl-dialog-loader-loader, .mdl-dialog-loader {
background: #fff !important;
border: none !important;
box-shadow: 0
3px
5px
rgba(0,0,0,0.2) !important;
}
.mdl-dialog-loader__title, .mdl-dialog__title {
height: auto;
margin: 0;
padding: 0;
float: none;
-ms-flex-order: 1;
order: 1;
font: 500
20px
"HCo Gotham"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-dialog-loader__title-container, .mdl-dialog__title-container {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
height: auto;
margin: 0;
padding: 20px;
padding-bottom: 0;
}
.mdl-dialog-loader__title-close, .mdl-dialog__title-close {
margin-left: auto;
-ms-flex-order: 2;
order: 2;
float: none;
}
.mdl-dialog-loader__title-close .mdl-button, .mdl-dialog__title-close .mdl-button {
width: 16px;
height: 16px;
min-width: unset;
}
.mdl-dialog-loader__title-close .mdl-button .mdl-icon, .mdl-dialog__title-close .mdl-button .mdl-icon {
width: 100%;
height: 100%;
color: #9B9B9B;
}
.mdl-dialog-loader__title-close .mdl-button .mdl-icon svg, .mdl-dialog__title-close .mdl-button .mdl-icon svg {
width: 100%;
height: 100%;
}
.mdl-expandable-content {
position: absolute;
margin-top: 12px;
padding: 8px 12px;
border: 1px solid #DDE1E5;
border-radius: 3px;
box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.02), 0 2px 3px 0px rgba(0, 0, 0, 0.05);
}
.mdl-file {
max-width: 500px;
min-height: 160px;
background-color: #FFFFFF;
border: 1px dashed #DDE1E5;
border-radius: 8px;
overflow: hidden;
}
.mdl-file.-full-width {
max-width: 100%;
}
.mdl-file-container {
clear: both;
margin-bottom: 20px;
}
.mdl-file-container:after {
content: '';
display: table;
clear: both;
}
.mdl-file-container:last-child {
margin-bottom: 16px;
}
.mdl-file__upload {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
border: 0;
padding: 16px 24px;
transition: background .3s ease-in-out;
}
.mdl-file__upload.drag-over {
background: #EBEDF0;
}
.mdl-file__upload-prompt {
font: 400
12px
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
color: #6B7587;
}
.mdl-file__upload-prompt p {
margin: 0 0 12px;
}
.mdl-file__upload.activeImage {
position: absolute;
bottom: 0;
}
.mdl-file__list {
height: 100%;
overflow-y: auto;
}
.mdl-file__list-wrapper {
border-radius: 8px;
padding: 0;
overflow: hidden;
}
.mdl-file__list-item {
display: -ms-flexbox !important;
display: flex !important; /* overriding inline style */
-ms-flex-align: center;
align-items: center;
padding: 12px;
border-bottom: 1px solid #DDE1E5;
line-height: 1;
float: none;
}
.mdl-file__list-item-name {
width: calc(100% - 44px);
padding-right: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.mdl-file__list-item img {
padding: 0;
}
.mdl-file__list-item-control {
margin-left: auto;
}
.mdl-file__list-item-control .mdl-icon {
color: #D51C26 !important;
}
.mdl-file__upload.-with-height, .mdl-file__list-wrapper.-with-height {
height: 160px;
min-height: 160px;
}
.mdl-file__image {
position: absolute;
background-size: 100%;
background-repeat: no-repeat;
max-width: 100%;
max-height: 100%;
width: 100%;
}
.mdl-file__browser {
padding: 16px;
padding-bottom: 0;
}
.mdl-file__browser .tabView {
margin-top: 16px;
}
.mdl-file__box {
width: 25%;
float: none;
margin: 0 0 16px;
overflow: visible;
}
.mdl-file__box-container {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 16px !important;
border: 1px solid #DDE1E5 !important;
}
.mdl-file__box-container, .mdl-file__box-container * {
box-sizing: border-box;
}
.mdl-file__box-container .fileBoxThumb {
width: auto;
}
.mdl-file__box-container .mdl-form__label.-inline {
margin-top: 4px;
-ms-flex-pack: center;
justify-content: center;
font: 400
10px
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.b-single-post--file-item-bar {
bottom: 8px;
max-width: calc(100% - 24px);
left: 12px;
border-radius: 3px;
}
.b-single-post--header-image-bg {
position: static;
}
.clearImage {
height: 32px !important;
width: 32px !important;
padding: 4px;
border-radius: 50%;
background: #FFFFFF;
border: 1px solid #DDE1E5;
}
.clearImage .mdl-icon {
position: relative;
top: 2px;
}
.clearImage .mdl-icon svg {
color: #D51C26;
}
.mdl-filter {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
clear: both;
margin-bottom: 16px;
}
.mdl-filter.-row {
-ms-flex-direction: row;
flex-direction: row;
}
.mdl-filter__title {
font: 500
14px
"HCo Gotham"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
margin-bottom: 12px;
}
.mdl-filter__items {
-ms-flex: 1;
flex: 1;
-ms-flex-preferred-size: auto;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.mdl-filter__items.-end {
-ms-flex-pack: end;
justify-content: flex-end;
margin-left: auto !important;
}
.mdl-filter__items .mdl-form {
display: -ms-flexbox;
display: flex;
width: 100%;
}
.mdl-filter__items .mdl-form__group {
width: 100%;
}
.mdl-filter__items .mdl-form__item {
width: calc(20% - 16px);
}
.mdl-filter__items .mdl-form__item:only-of-type {
margin-bottom: 0;
}
.mdl-filter__item {
margin-left: 16px;
}
.mdl-filter__button.mdl-button {
width: auto;
height: auto;
min-width: 16px;
min-height: 16px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
border: none;
padding: 0;
color: #9B9B9B;
}
.mdl-footer {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
max-width: 1024px;
margin: 0 auto;
padding: 20px;
border-top: 2px solid #EAECFF;
clear: both;
background: #FFFFFF;
}
.mdl-footer, .mdl-footer * {
box-sizing: border-box;
}
.mdl-footer__powered-by {
-ms-flex-order: 2;
order: 2;
position: relative;
margin-left: auto;
-ms-flex-item-align: start;
align-self: flex-start;
}
.mdl-footer__logo {
display: block;
width: 160px;
height: 30px;
color: #000000;
}
.mdl-footer__logo svg {
display: block;
width: 100%;
max-height: 100%;
}
.mdl-footer__logo.-insights {
width: 250px;
height: 24px;
}
.mdl-footer__partner {
-ms-flex-order: 2;
order: 2;
margin-left: auto;
}
.mdl-footer__nav {
-ms-flex-order: 1;
order: 1;
display: -ms-flexbox;
display: flex;
margin: 0;
padding: 0;
list-style: none;
}
.mdl-footer__nav-item + .mdl-footer__nav-item:before {
content: '\2022';
display: inline-block;
margin: 0 0 0 4px;
color: #6B7587;
}
.mdl-footer__nav-link {
color: #6B7587;
}
.mdl-footer__served {
font-size: 10px;
color: #DDE1E5;
}
.mdl-footer > .mdl-footer__sharing {
margin: 0;
padding: 0;
}
/*
*/
.mdl-form {
padding: 20px;
padding-bottom: 0;
border-radius: 18px;
}
.mdl-form.-inverted {
background: #FAFAFA;
}
.mdl-form.-inverted .mdl-form__group {
/* flex-wrap: nowrap; */
}
.mdl-form.-inverted .mdl-form__label {
font: 400
14px
/
1.3
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
color: #6B7588;
}
.mdl-form.-inverted .mdl-form__label.-inline {
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.mdl-form.-inverted .mdl-form__label.-inline .mdl-form__input {
margin: 8px 0;
}
.mdl-form.-inverted .mdl-form__input.-faux,
.mdl-form.-inverted .mdl-form__input {
background-color: #FFFFFF;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.02), 0 2px 3px rgba(0, 0, 0, 0.05);
}
.mdl-form.-inverted .mdl-form__input.-faux:focus, .mdl-form.-inverted .mdl-form__input:focus {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.02), 0 2px 3px rgba(0, 0, 0, 0.05), 0 0 5px 0px rgba(146, 203, 241, 0.75);
}
.mdl-form.-full-padding {
padding: 20px;
}
.mdl-form__group {
list-style: none;
padding: 0;
margin: 0;
clear: both;
}
.mdl-form__group, .mdl-form__group * {
box-sizing: border-box !important;
}
.mdl-form__group.-inline {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.mdl-form__group.-inline .mdl-form__item {
margin-right: 16px;
}
.mdl-form__group.-inline.-full-width .mdl-form__item {
-ms-flex: 1;
flex: 1;
}
.mdl-form__group.-inline.-full-width .mdl-form__item:last-of-type {
margin-right: 0;
}
.mdl-form__item {
position: relative;
margin-bottom: 20px;
}
.mdl-form__item.-inline {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
/*
The below is heavy handed because some labels have , etc
which have inherited their own styles, they need to be overridden
but labels need different override
*/
.mdl-form__item.-inline > *:not(:first-child) {
margin: 0 0 0 8px !important;
}
.mdl-form__item.-inline > label + label:not(:first-child) {
margin: 0 0 8px 20px !important;
}
.mdl-form__item.-disabled {
color: #CED4DA;
cursor: not-allowed;
}
.mdl-form__item.-disabled.-required:before {
color: #CED4DA;
}
.mdl-form__item.-required:before {
content: '\2022';
position: absolute;
left: -12px;
top: 0;
line-height: 0.75;
color: #4E5DCA;
}
.mdl-form__item.-half {
display: inline-block;
width: 275px;
max-width: calc(50% - 10px);
vertical-align: top;
}
.mdl-form__item.-half + .mdl-form__item.-half {
margin-left: 12px;
}
.mdl-form__prefix {
display: -ms-flexbox;
display: flex;
-ms-flex-align: stretch;
align-items: stretch;
max-width: 550px;
}
.mdl-form__prefix-item {
-ms-flex-order: 0;
order: 0;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-right: -16px;
padding: 0 0 0 12px;
background: #F8F9FA;
border: 1px solid transparent;
border-radius: 18px 0 0 18px;
box-shadow: inset 0 1px 0px 0px rgba(0, 0, 0, 0.05);
border-right: 0;
z-index: 2;
color: #6B7587;
transition: border-color .3s ease-in-out, box-shadow .3s ease-in-out;
}
.mdl-form__prefix .mdl-form__input {
-ms-flex-order: 1;
order: 1;
padding-left: 20px;
}
.mdl-form__prefix .mdl-form__input:hover + .mdl-form__prefix-item {
box-shadow: none;
border-color: #CED4DA;
}
.mdl-form__prefix .mdl-form__input:focus + .mdl-form__prefix-item {
border-color: #<<$voteBarCol>>;
}
.mdl-form__label {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
position: relative;
margin-bottom: 8px;
padding: 0;
font: 500
14px
/
1.3
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
/* INFO: -col in surveys, old design had 2 columns, but looks odd in mdl skin */
/* modify here if required */
/* &.-col {
display: inline-flex;
width: 33.33%;
} */
}
.mdl-form__label.-inline {
display: -ms-flexbox;
display: flex; /* need to declare twice to override a moderator dashboard issue */
white-space: nowrap;
font-weight: 400;
}
.mdl-form__label.-inline > * {
margin: 4px;
}
.mdl-form__label.-inline > b {
margin-top: 0;
margin-bottom: 0;
}
.mdl-form__label.-inline > b:first-of-type {
margin-left: 0;
}
.mdl-form__label.-inline .mdl-form__input:not(.-faux) {
margin: 0 8px;
}
.mdl-form__label.-inline .mdl-form__input.-faux {
margin: 0 8px 0 0;
}
.mdl-form__label.-inline.-right {
-ms-flex-pack: end;
justify-content: flex-end;
}
.mdl-form__label .mdl-icon {
margin: 0 8px;
}
.mdl-form__label:only-child {
margin-bottom: 0;
}
.mdl-form__label.-indented {
margin-left: 24px;
}
.mdl-form__label.-block {
display: block;
white-space: normal;
}
.mdl-form__label.-wrap {
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
white-space: normal;
}
.centeredContent .mdl-form__label {
-ms-flex-pack: center;
justify-content: center;
}
.mdl-form__label .loading-indicator {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 8px;
margin: 0;
}
.mdl-form__info {
margin: 8px 0 0 0;
font: 400
12px
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
color: #6B7587;
cursor: initial;
}
.mdl-form__info:only-child {
margin: 0;
}
.mdl-form__input,
.mdl-form__tags {
display: inline-block;
max-width: 550px;
width: 100%;
padding: 7px 12px;
background: #F8F9FA;
border-radius: 16px;
border: 1px solid transparent;
box-shadow: inset 0 1px 0px 0px rgba(0, 0, 0, 0.075);
position: relative;
transition: border-color .3s ease-in-out, box-shadow .3s ease-in-out;
}
.mdl-form__input:hover, .mdl-form__tags:hover {
border-color: #CED4DA;
box-shadow: none;
}
.mdl-form__input:focus, .mdl-form__tags:focus {
outline: none;
border-color: #<<$voteBarCol>>;
box-shadow: none;
}
.mdl-form__input:disabled, .mdl-form__tags:disabled {
color: #CED4DA;
cursor: not-allowed;
}
.mdl-form__input:disabled:hover, .mdl-form__tags:disabled:hover {
border-color: transparent;
box-shadow: inset 0 1px 0px 0px rgba(0, 0, 0, 0.075);
}
.mdl-form__input ~ .mdl-form__input:not(.-faux), .mdl-form__tags ~ .mdl-form__tags:not(.-faux) {
margin-top: 8px;
}
.mdl-form__input ~ .langFieldProcessed, .mdl-form__tags ~ .langFieldProcessed {
margin-top: 0 !important;
}
.mdl-form__input.-xs, .mdl-form__tags.-xs {
width: 40px;
}
.mdl-form__input.-s, .mdl-form__tags.-s {
width: 54px;
}
.mdl-form__input.-full-width, .mdl-form__tags.-full-width {
max-width: 100%;
}
.mdl-form__input.-search, .mdl-form__tags.-search {
padding-right: 26px;
background:
#F8F9FA
url('data:image/svg+xml; charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20width%3D%2224%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%239B9B9B%22%20d%3D%22M15.854%2015.147L9.726%209.019a5.5%205.5%200%2010-.707.707l6.128%206.128a.5.5%200%2000.707-.707zM5.5%2010A4.5%204.5%200%201110%205.5%204.5%204.5%200%20015.5%2010z%22%2F%3E%3C%2Fsvg%3E')
no-repeat
calc(100% - 8px) center
/ 16px;
}
.mdl-form__input.-checkbox,
.mdl-form__input.-radio,
.mdl-form__tags.-checkbox,
.mdl-form__tags.-radio {
position: absolute;
opacity: 0;
width: 0.1px;
height: 0.1px;
top: 0;
left: 0;
}
.mdl-form__input.-checkbox.-faux, .mdl-form__input.-radio.-faux, .mdl-form__tags.-checkbox.-faux, .mdl-form__tags.-radio.-faux {
position: relative;
display: block;
visibility: visible;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
width: 16px;
height: 16px;
min-width: 16px;
min-height: 16px;
padding: 0;
margin-right: 8px;
border: 1px solid #DDE1E5;
border-radius: 3px;
background: #F8F9FA none no-repeat center center / 80%;
color: #4E5DCA;
box-shadow: none;
opacity: 1;
}
.mdl-form__input.-checkbox:checked + .mdl-form__input.-checkbox.-faux,
.mdl-form__input.-checkbox.-faux.-checked,
.mdl-form__input.-radio:checked + .mdl-form__input.-radio.-faux,
.mdl-form__input.-radio.-faux.-checked,
.mdl-form__tags.-checkbox:checked + .mdl-form__tags.-checkbox.-faux,
.mdl-form__tags.-checkbox.-faux.-checked,
.mdl-form__tags.-radio:checked + .mdl-form__tags.-radio.-faux,
.mdl-form__tags.-radio.-faux.-checked {
background-image: url('data:image/svg+xml; charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20width%3D%2224%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M0%200h16v16H0z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23<<$buttonCol>>%22%20fill-rule%3D%22nonzero%22%20d%3D%22M13.01%203l-7.075%207.833L2.99%207.57%202%208.668l3.44%203.81.495.523.495-.524L14%204.096z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
.mdl-form__input.-checkbox:focus + .mdl-form__input.-checkbox.-faux, .mdl-form__input.-radio:focus + .mdl-form__input.-radio.-faux, .mdl-form__tags.-checkbox:focus + .mdl-form__tags.-checkbox.-faux, .mdl-form__tags.-radio:focus + .mdl-form__tags.-radio.-faux {
box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.02), 0 2px 3px 0px rgba(0, 0, 0, 0.05), 0 0 5px 0px rgba(146, 203, 241, 0.75);
}
.mdl-form__input.-checkbox.-error + .mdl-form__input.-checkbox.-faux, .mdl-form__input.-radio.-error + .mdl-form__input.-radio.-faux, .mdl-form__tags.-checkbox.-error + .mdl-form__tags.-checkbox.-faux, .mdl-form__tags.-radio.-error + .mdl-form__tags.-radio.-faux {
border: 1px solid #D51C26;
}
.mdl-form__input.-checkbox:disabled + .mdl-form__input.-checkbox.-faux, .mdl-form__input.-radio:disabled + .mdl-form__input.-radio.-faux, .mdl-form__tags.-checkbox:disabled + .mdl-form__tags.-checkbox.-faux, .mdl-form__tags.-radio:disabled + .mdl-form__tags.-radio.-faux {
background-color: #EBEDF0;
cursor: not-allowed;
}
.mdl-form__input.-radio.-faux, .mdl-form__tags.-radio.-faux {
border-radius: 50%;
}
.mdl-form__input.-radio:checked + .mdl-form__input.-radio.-faux,
.mdl-form__input.-radio.-faux.-checked,
.mdl-form__tags.-radio:checked + .mdl-form__tags.-radio.-faux,
.mdl-form__tags.-radio.-faux.-checked {
background: radial-gradient(#<<$buttonCol>> 33%, #F8F9FA 36%);
}
.mdl-form__input.-select, .mdl-form__tags.-select {
max-width: 538px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding-right: 24px;
border: 1px solid transparent;
min-width: 120px;
background:
#F8F9FA
url('data:image/svg+xml; charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20width%3D%2224%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%239B9B9B%22%20stroke-linecap%3D%22round%22%20d%3D%22M3%206l4%204%204-4%22%2F%3E%3C%2Fsvg%3E')
no-repeat
calc(100% - 6px) center
/ 20px;
box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.02), 0 2px 3px 0px rgba(0, 0, 0, 0.05);
}
.mdl-form__input.-select:focus, .mdl-form__tags.-select:focus {
outline: none;
border-color: #<<$voteBarCol>>;
box-shadow: none;
}
.mdl-form__input.-select.-s, .mdl-form__tags.-select.-s {
width: 263px;
}
.mdl-form__input.-select.-inline-select-value, .mdl-form__tags.-select.-inline-select-value {
padding-right: 50px;
}
.mdl-form__input.-select.-inline-select-value.-no-badge, .mdl-form__tags.-select.-inline-select-value.-no-badge {
padding-right: 30px;
}
.mdl-form__input.-textarea, .mdl-form__tags.-textarea {
min-height: 100px;
}
.mdl-form__input.-no-min-width, .mdl-form__tags.-no-min-width {
min-width: auto;
}
.mdl-form__input.-joined, .mdl-form__tags.-joined {
border-radius: 0;
}
.mdl-form__input.-joined + .mdl-form__input.-joined, .mdl-form__tags.-joined + .mdl-form__tags.-joined {
border-left: 1px solid #DDE1E5;
}
.mdl-form__input.-joined.-start,
.mdl-form__input.-joined:first-of-type,
.mdl-form__tags.-joined.-start,
.mdl-form__tags.-joined:first-of-type {
border-radius: 18px 0 0 18px;
}
.mdl-form__input.-joined.-end,
.mdl-form__input.-joined:last-of-type,
.mdl-form__tags.-joined.-end,
.mdl-form__tags.-joined:last-of-type {
border-radius: 0 18px 18px 0;
}
.mdl-form__input-separator, .mdl-form__tags-separator {
display: inline-block;
padding: 6px;
background: #F8F9FA;
border: 0;
box-shadow: inset 0 1px 0px 0px rgba(0, 0, 0, 0.05);
line-height: 1.45;
}
.mdl-form__input.-color, .mdl-form__tags.-color {
width: 96px;
height: auto;
padding: 8px 12px;
border: 0;
border-radius: 18px;
cursor: pointer;
}
.mdl-form__input.formError,
.mdl-form__input.-error,
.mdl-form__tags.formError,
.mdl-form__tags.-error {
margin-top: 8px;
border: 1px solid #D51C26;
}
.mdl-form__input[type="text"]:-moz-read-only, .mdl-form__tags[type="text"]:-moz-read-only {
background-color: #EBEDF0;
cursor: not-allowed;
}
.mdl-form__input[type="text"]:read-only, .mdl-form__tags[type="text"]:read-only {
background-color: #EBEDF0;
cursor: not-allowed;
}
.mdl-form__input:-ms-input-placeholder, .mdl-form__tags:-ms-input-placeholder {
font-style: italic;
}
.mdl-form__input::placeholder, .mdl-form__tags::placeholder {
font-style: italic;
}
.mdl-form__error {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin: 4px 0;
font: 400
12px
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-form__error:before {
content: '';
display: inline-block;
min-width: 20px;
height: 20px;
margin-right: 2px;
background:
transparent
url('data:image/svg+xml; charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20width%3D%2224%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20d%3D%22M8%200a8%208%200%20110%2016A8%208%200%20018%200zm.943%208l2.862-2.862a.667.667%200%2010-.943-.943L8%207.057%205.138%204.2a.667.667%200%2000-.943.943L7.057%208%204.2%2010.862a.667.667%200%2010.943.943L8%208.943l2.862%202.862a.667.667%200%2010.943-.943L8.943%208z%22%20fill%3D%22%23D51C26%22%2F%3E%3C%2Fsvg%3E')
no-repeat
center center
/ 16px;
}
.mdl-form__error.hidden {
display: none;
}
.mdl-form__header {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
position: relative;
margin: 20px 0;
padding: 0;
}
.mdl-form__header.-s {
font: 500
18px
"HCo Gotham"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-form__header.-xs {
margin: 12px 0;
font: 500
14px
/
1.3
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-form__header.mt-0 {
margin-top: 0;
}
.mdl-form__header.-separator {
border-top: 2px solid #E6E6E6;
margin: 36px 0 20px;
padding: 24px 0 0;
}
.mdl-form__header.-required:before {
content: '\2022';
position: absolute;
left: -12px;
top: 0;
line-height: 0.75;
color: #4E5DCA;
}
.mdl-form__header > .mdl-icon {
margin-left: 8px;
color: #9B9B9B;
}
.mdl-form__header-action {
margin-left: auto;
}
.mdl-form__tags {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.mdl-form__tags-suggestions-wrapper {
margin: 12px 0;
padding: 12px;
padding-bottom: 0;
background: #FFFFFF;
border: 1px solid #DDE1E5;
border-radius: 3px;
box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.25);
}
.mdl-form__tags-suggestions-wrapper p {
margin: 0 0 12px;
font: 400
14px
/
1.3
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-form__tags-suggestions-wrapper .mdl-form__tags-item {
display: inline-block;
}
.mdl-form__tags-suggestions-wrapper .mdl-form__tags-item.-user .user_tag_remove {
display: none;
}
.mdl-form__tags .mdl-form__tags-item:not(:empty) {
display: inline-block;
}
.mdl-form__tags-item {
display: none;
float: none;
margin: 0 0 8px;
padding: 4px 8px;
border: 1px solid #DDE1E5;
border-radius: 18px;
background: #FFFFFF;
}
.mdl-form__tags-item + .mdl-form__tags-item {
margin-left: 8px;
}
.mdl-form__tags-item-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.mdl-form__tags-item-wrapper > *:not(:last-child) {
margin-right: 4px;
}
.mdl-form__tags-item .mdl-icon {
width: 12px;
}
.mdl-form__tags-item .mdl-icon svg {
color: #2C3548;
}
.mdl-form__tags-item.-user {
cursor: pointer;
}
.mdl-form__tags .mdl-form__input {
border: 0;
box-shadow: none;
padding-top: 0 !important;
padding-bottom: 0 !important;
padding-left: 0;
-ms-flex-order: 1;
order: 1;
border-radius: 0;
}
.mdl-form__row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
}
.mdl-form__row > * {
margin-bottom: 0;
}
.mdl-form__row > * + * {
margin-left: 12px;
}
.mdl-form__scroll-box {
height: 200px;
max-width: 550px;
overflow-y: auto;
padding: 16px;
margin-bottom: 16px;
border: 1px solid #DDE1E5;
border-radius: 8px;
}
.mdl-form__scroll-box-items {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.mdl-form__scroll-box .mdl-form__item {
width: 50%;
}
.mdl-form__scroll-box .mdl-form__item.-full {
width: 100%;
}
.mdl-form__scroll-box .mdl-form__label {
white-space: normal;
margin: 0;
}
.mdl-form__scroll-box-action {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-bottom: 16px;
text-align: right;
font: 400
12px
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-form__button-row {
position: relative;
clear: both;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: end;
justify-content: flex-end;
margin-top: 20px;
padding: 16px 0;
border-top: 1px solid #EAECFF;
background: #FFFFFF;
}
.mdl-form__button-row.-flush {
padding: 16px 0;
}
.mdl-form__button-row.-no-bottom {
padding-bottom: 0;
}
.mdl-form__button-row.-sticky {
position: -webkit-sticky;
position: sticky;
bottom: 0;
background: rgba(255, 255, 255, 0.8);
}
.mdl-form__button-row + .mdl-form__button-row {
margin-top: 0;
}
.mdl-form__button-row-busy {
position: absolute;
width: 100%;
height: 100% !important;
top: 0;
left: 0;
background: rgba(255, 255, 255, 1);
}
.mdl-form__button-row-busy .loading-indicator {
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-50%);
}
.mdl-form__button-row .mdl-button.-destructive:not(.-primary) {
margin-right: auto;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.mdl-form__button-row .mdl-button.-destructive:not(.-primary) {
margin-right: 0
}
}
.mdl-form__button-row .mdl-alert {
margin: 0;
}
.mdl-form__button-row .-left {
margin-right: auto;
}
/* IE10 & 11 only */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.mdl-form__button-row .-left {
margin-right: 24px
}
}
/* Special Select Wrapper */
.selectric-wrapper {
padding-top: 0;
width: 180px !important;
}
.mdl-icon {
display: inline-block;
width: 24px;
height: 24px;
vertical-align: middle;
transition: transform .3s ease-in-out;
}
.mdl-icon.-dark svg {
color: #2C3548;
}
.mdl-icon.-outline svg {
color: transparent !important;
stroke: #9B9B9B;
}
.mdl-icon.-xs {
width: 12px;
height: 12px;
}
.mdl-icon.-s {
width: 16px;
height: 16px;
}
.mdl-icon.-l {
width: 32px;
height: 32px;
}
.mdl-icon.-rot-45 {
transform: rotate(45deg);
transform-origin: center center;
}
.mdl-icon.-rot-90 {
transform: rotate(90deg);
transform-origin: center center;
}
.mdl-icon.-rot-135 {
transform: rotate(135deg);
transform-origin: center center;
}
.mdl-icon.-rot-180 {
transform: rotate(180deg);
transform-origin: center center;
}
.mdl-icon.-rot-225 {
transform: rotate(225deg);
transform-origin: center center;
}
.mdl-icon.-rot-270 {
transform: rotate(270deg);
transform-origin: center center;
}
.mdl-icon.-success svg {
color: #ADEAC3;
}
.mdl-icon.-error svg {
color: #F3AFB7;
}
.mdl-icon svg {
display: block;
max-width: 100%;
max-height: 100%;
color: inherit;
}
/* Tidy up display of existing icons with mdl-icon class */
.mdl-icon[class*="icon-"] {
line-height: inherit;
}
.mdl-svg.-fill.-white path {
fill: #FFF !important;
}
.mdl-lang {
margin: 0;
}
.mdl-lang__all,
.mdl-lang__label {
height: 20px !important;
margin-left: 8px;
background: #EAECFF;
text-align: center;
font: 400
10px
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
line-height: 20px;
color: #2C3548;
border-radius: 8px;
}
.mdl-lang__item {
height: 20px !important;
background: #EAECFF;
color: #2C3548;
}
.mdl-lang__item:first-of-type {
border-radius: 8px 8px 0 0;
}
.mdl-lang__item:first-of-type:hover {
border-radius: 8px 0 0 0;
}
.mdl-lang__item:last-of-type {
border-radius: 0 0 8px 8px;
}
.mdl-lang__item:last-of-type:hover {
border-radius: 0 0 0 8px;
}
.mdl-lang__link {
font: 400
10px
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
text-align: center;
color: #2C3548;
}
.mdl-lang__all {
height: 20px !important;
color: #2C3548;
background: #EAECFFAA;
border-radius: 0 8px 8px 0;
}
@keyframes fade {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.loading-indicator {
display: inline-block;
line-height: 0;
white-space: nowrap;
}
.loading-indicator span {
animation: 0.93s ease 0s infinite alternate none running fade;
background-color: #6B7587;
border-radius: 4px;
display: inline-block;
height: 8px;
margin: 2px;
transition: opacity 1.86s linear 0s;
width: 8px;
}
.loading-indicator span:nth-child(2) {
animation-delay: 0.17s;
}
.loading-indicator span:nth-child(3) {
animation-delay: 0.34s;
}
.mdl-dropdown .mdl-dropdown__trigger,
.mdl-menu,
.selectric {
position: relative;
padding: 8px 12px;
padding-right: 24px;
border: 1px solid #0000000d;
border-radius: 16px;
background:
#F8F9FA
url('data:image/svg+xml; charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20width%3D%2224%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%239B9B9B%22%20stroke-linecap%3D%22round%22%20d%3D%22M3%206l4%204%204-4%22%2F%3E%3C%2Fsvg%3E')
no-repeat
right 8px center
/ 20px;
box-shadow: 0 1px 1px 0px rgba(0, 0, 0, 0.02), 0 2px 3px 0px rgba(0, 0, 0, 0.05);
}
.mdl-dropdown .mdl-dropdown__trigger .label, .mdl-menu .label, .selectric .label {
line-height: 1;
padding: 0;
margin: 0;
text-align: left;
}
.mdl-dropdown .mdl-dropdown__trigger .button, .mdl-menu .button, .selectric .button {
display: none;
}
.mdl-dropdown .mdl-dropdown__trigger-open .selectric-items, .mdl-menu-open .selectric-items, .selectric-open .selectric-items {
margin-top: 4px;
opacity: 1;
}
.mdl-dropdown {
background: none;
box-shadow: none;
}
.mdl-dropdown__trigger {
display: inline-block;
white-space: nowrap;
background-position: calc(100% - 2px) center !important;
border: 1px solid transparent !important;
}
.mdl-dropdown__trigger:hover {
border: 1px solid transparent !important;
box-shadow:
inset 0 0px 0px 0px rgba(0, 0, 0, 0.05), 0 0 5px 0px rgba(146, 203, 241, 0.75);
}
.mdl-dropdown__trigger.-icon-only {
border: 0;
border-radius: 50%;
}
.mdl-dropdown__trigger .mdl-icon svg {
color: #6B7587;
}
.mdl-dropdown__trigger span {
padding: 0 !important;
background: none !important;
}
.mdl-dropdown__trigger.-active .mdl-icon svg {
color: #2C3548;
}
.mdl-dropdown__items,
.mdl-menu__items,
.selectric-items {
display: none;
position: absolute;
margin-top: 0;
background: #FFFFFF;
box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.25);
border: 1px solid #DDE1E5;
border-radius: 3px;
transition: margin-top .3s ease-in-out, opacity .2s ease-in-out;
overflow: hidden;
}
.mdl-dropdown__items ul, .mdl-menu__items ul, .selectric-items ul {
margin: 0;
}
.mdl-dropdown__items li, .mdl-menu__items li, .selectric-items li {
font: 500
14px
/
1.3
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
font-weight: 400;
text-align: left;
}
.mdl-dropdown__items li a, .mdl-menu__items li a, .selectric-items li a {
display: block;
padding: 8px 12px;
}
.mdl-dropdown__items li a.-destructive, .mdl-menu__items li a.-destructive, .selectric-items li a.-destructive {
color: #D51C26;
}
.mdl-dropdown__items li:not(.mdl-form__item):hover, .mdl-menu__items li:not(.mdl-form__item):hover, .selectric-items li:not(.mdl-form__item):hover {
background: #<<$buttonCol>>;
background: #<<$buttonCol>>AA;
color: #<<$buttonTextCol>>;
}
.mdl-dropdown__items li:not(.mdl-form__item):hover a, .mdl-menu__items li:not(.mdl-form__item):hover a, .selectric-items li:not(.mdl-form__item):hover a {
color: #<<$buttonTextCol>> !important;
background: #<<$buttonCol>> !important;
background: #<<$buttonCol>>AA !important;
}
.mdl-dropdown__items li:not(.mdl-form__item):hover a.-destructive, .mdl-menu__items li:not(.mdl-form__item):hover a.-destructive, .selectric-items li:not(.mdl-form__item):hover a.-destructive {
color: #BE0406 !important;
background: #F3AFB7 !important;
}
.mdl-dropdown__items li.mdl-form__item, .mdl-menu__items li.mdl-form__item, .selectric-items li.mdl-form__item {
margin-bottom: 0;
}
.mdl-dropdown__items {
display: block;
min-width: 140px;
padding: 0;
}
.mdl-dropdown__items .cwd-admin-form {
padding: 8px;
}
.mdl-dropdown__items .cwd-admin-form .mdl-button {
float: none;
}
.mdl-dropdown__items .mdl-form__item {
padding: 8px 12px;
}
.selectric-items {
opacity: 0;
}
.selectric-items li {
padding: 8px 12px;
}
.mdl-notification {
position: fixed;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
bottom: -100%;
left: 50%;
transform: translateX(-50%);
padding: 16px 20px;
background-color: #EAF3FF;
border: 1px solid #B9DFFF;
box-shadow: rgba(0, 0, 0, 0.25) 0 8px 8px 0;
border-radius: 3px;
transition: bottom .3s ease-in-out;
z-index: 9999;
}
.mdl-notification .mdl-icon svg {
color: #B9DFFF;
}
.mdl-notification.-active {
bottom: 24px;
}
.mdl-notification.-success {
background-color: #E8F7EB;
border-color: #ADEAC3;
}
.mdl-notification.-success .mdl-icon svg {
color: #ADEAC3;
}
.mdl-notification.-error {
background-color: #FAE8E9;
border-color: #F3AFB7;
}
.mdl-notification.-error .mdl-icon svg {
color: #F3AFB7;
}
.mdl-notification .mdl-icon {
margin-right: 12px;
}
/* tidy up existing style */
.mdl-notification p {
margin: 0;
}
.mdl-panel {
position: relative;
background: #FFFFFF;
border-radius: 8px !important;
border: none !important;
box-shadow: 0 3px 5px rgba(0,0,0,0.2);
overflow: hidden;
}
.mdl-panel__header {
border-bottom: none !important;
}
.mdl-panel__thumb {
}
.mdl-panel__body {
padding: 16px;
}
.mdl-panel__body a {
color: #2C3548;
}
.mdl-panel__body a:hover {
text-decoration: none;
}
.mdl-panel__body-header h1,.mdl-panel__body-header h2,.mdl-panel__body-header h3 {
font-weight: 500;
}
.mdl-panel__stat {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
-ms-flex-align: center;
align-items: center;
color: #2C3548;
}
.mdl-panel__stat .mdl-icon {
margin-right: 4px;
color: #9B9B9B;
}
.mdl-panel__timer-container {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.mdl-panel__timer-container .mdl-icon {
margin-right: 8px;
}
.mdl-panel__timer-countdown {
margin-left: auto;
}
.mdl-panel__timer-metric {
}
.mdl-panel__timer-days {
font-weight: 500;
}
.mdl-panel__timer-hours,
.mdl-panel__timer-minutes,
.mdl-panel__timer-seconds {
font-weight: 500;
min-width: 24px;
text-align: center;
}
.mdl-panel__timer-separator {
animation: none;
}
.mdl-panel__label {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding: 8px;
background: #FAFAFA;
border-radius: 18px;
font: 400
12px
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-panel__label-container {
display: -ms-flexbox;
display: flex;
position: absolute;
top: 0;
margin: 12px;
}
.mdl-panel__label .mdl-icon {
margin-right: 4px;
}
.mdl-panel__banner {
position: absolute;
display: none;
width: 150px;
top: 18.75px;
right: -50px;
transform: rotate(45deg);
padding: 8px;
background: #778FAE;
color: #FFFFFF;
text-align: center;
z-index: 1;
}
.mdl-panel__banner.-active {
display: block;
}
.mdl-panel.b-challenge .mdl-panel__banner {
right: -34px;
top: 24px;
}
.mdl-panel__button-container {
position: absolute;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
width: calc(100% - 31px);
bottom: 20px;
left: 50%;
max-height: 0px;
transform: translatex(-50%);
overflow: hidden;
transition: max-height .1s linear;
}
.mdl-panel__button-container .mdl-button {
-ms-flex: 1;
flex: 1;
}
.mdl-panel:hover .mdl-panel__button-container {
max-height: 40px;
}
.mdl-sidebar {
padding: 24px;
-ms-flex-item-align: start;
align-self: flex-start;
border-radius: 8px;
}
.mdl-sidebar__clock {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-bottom: 16px;
}
.mdl-sidebar__clock-item {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
min-width: 25%;
}
.mdl-sidebar__clock-value {
font: 400
36px
"HCo Gotham"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-sidebar__clock-label {
font: 400
12px
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-sidebar__clock-info {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin: 0;
font: 400
12px
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-sidebar__clock-info .mdl-icon {
margin-right: 8px;
}
.m-0 {
margin: 0;
}
.mb-0 {
margin-bottom: 0;
}
.m-1 {
margin: 8px;
}
.ml-1 {
margin-left: 8px;
}
.ml-2 {
margin-left: 12px;
}
.ml-3 {
margin-left: 16px;
}
.mr-1 {
margin-right: 8px;
}
.mt-1 {
margin-top: 8px;
}
.mb-1 {
margin-bottom: 8px;
}
.m-2 {
margin: 12px;
}
.mb-2 {
margin-bottom: 12px;
}
.m-3 {
margin: 16px;
}
.mb-3 {
margin-bottom: 16px;
}
.mt-3 {
margin-top: 16px;
}
.mb-4 {
margin-bottom: 20px;
}
.mb-5 {
margin-bottom: 24px;
}
.mt-0 {
margin-top: 0;
}
.mt-2 {
margin-top: 12px;
}
.mt-3 {
margin-top: 16px;
}
.mt-4 {
margin-top: 20px;
}
.mt-5 {
margin-top: 24px;
}
.mt-xl {
margin-top: 32px;
}
.p-0 {
padding: 0;
}
.p-1 {
padding: 8px;
}
.p-2 {
padding: 12px;
}
.p-3 {
padding: 16px;
}
.pl-1 {
padding-left: 8px;
}
.pl-2 {
padding-left: 12px;
}
.pl-3 {
padding-left: 16px;
}
.mdl-flex__row {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.mdl-flex__item {
display: -ms-flexbox;
display: flex;
}
.mdl-flex__item.-push-right {
margin-left: auto;
}
.flex-row {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.flex-row > * {
margin-left: 8px;
}
.flex-row.-flush > * {
margin-left: 0;
}
.flex-row.-flush > * + * {
margin-left: 8px;
}
.mdl-clear {
clear: both;
}
.mdl-stats {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
padding: 8px;
border-radius: 8px;
border: 1px solid #DDE1E5;
}
.mdl-stats__title {
font: 400
14px
/
1.3
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
text-transform: none !important;
}
.mdl-stats__value {
margin-top: auto;
-ms-flex-item-align: end;
align-self: flex-end;
font: 400
28px
"HCo Gotham"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif !important;
}
.mdl-table, .mdl-table * {
box-sizing: border-box;
}
.mdl-table > tbody > tr > th {
border-bottom: 3px solid #DDE1E5;
background: transparent;
color: #2C3548;
font: 500
14px
/
1.3
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
text-transform: none;
padding: 10px 6px;
}
.mdl-table.-full-width {
width: 100%;
}
.mdl-table.-users tbody tr td {
padding: 12px;
vertical-align: middle;
}
.mdl-table.-users.-with-fields tbody tr td {
padding: 28px 10px 20px;
vertical-align: top;
}
.mdl-table.-users.-with-fields tbody tr td:nth-child(2) {
padding-top: 18px;
}
.mdl-table.-email-list {
width: 100%;
}
.mdl-table__cell.-right {
padding-right: 16px;
text-align: right;
}
.mdl-table__cell.-has-description {
padding-top: 24px;
}
.mdl-table .has-icon.drag-handle.ui-sortable-handle {
cursor: ns-resize;
}
.statsContentContainer .categoryRow.heading {
border: 0;
border-bottom: 3px solid #DDE1E5;
background: transparent;
color: #2C3548;
font: 500
14px
/
1.3
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
padding: 10px 6px;
}
.statsContentContainer .categoryRow.heading .cell {
border: 0;
}
.statsContentContainer .categoryRow .title {
border: 0;
}
.statsContentContainer .categoryRow .cell {
padding: 8px;
}
.statsContentContainer .selected {
border-radius: 8px 8px 0 0;
}
.statsContentContainer .categoryPosts {
border-radius: 0 0 8px 8px;
}
.mdl-tabs {
position: relative;
}
.mdl-tabs:after {
background: #DDE1E5;
bottom: 0;
content: '';
height: 1px;
left: 0;
position: absolute;
right: 0;
}
.mdl-tabs#adminTabs {
background: none;
box-shadow: none;
padding-left: 0;
padding-right: 0;
}
.mdl-tabs.bigTabs {
height: 41px;
line-height: 41px;
}
.mdl-tabs.bigTabs ul {
height: 40px;
}
.mdl-tabs.bigTabs ul li {
line-height: 39px;
}
.mdl-tabs.bigTabs ul li:after {
bottom: auto;
}
/* reverts some styling pre-reskin */
.mdl-tabs .cwd-core-panel__nav-item {
padding: 0;
margin-left: 0 !important;
}
.mdl-tabs .cwd-core-panel__nav-item:after {
display: none;
}
#adminTabs.mdl-tabs > ul > li,
.mdl-tabs > ul > li,
.mdl-tabs__tab {
border: none !important;
font: 400
14px
/
1.3
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
background: transparent;
position: relative;
padding: 8px 12px;
outline: none;
margin-left: 0;
display: block;
color: #6B7588;
}
#adminTabs.mdl-tabs > ul > li:after, .mdl-tabs > ul > li:after, .mdl-tabs__tab:after {
bottom: 0;
content: "";
height: 2px;
left: 0;
opacity: 0;
position: absolute;
right: 0;
transform: scaleX(0);
transition: all 0.2s ease-in-out 0s;
}
#adminTabs.mdl-tabs > ul > li:hover:after, .mdl-tabs > ul > li:hover:after, .mdl-tabs__tab:hover:after {
opacity: 1;
background: #DDE1E5;
transform: scaleX(1);
}
#adminTabs.mdl-tabs > ul > li a, .mdl-tabs > ul > li a, .mdl-tabs__tab a {
display: block;
color: inherit;
padding: 0;
}
#adminTabs.mdl-tabs > ul > li a:hover, .mdl-tabs > ul > li a:hover, .mdl-tabs__tab a:hover {
text-decoration: none;
}
#adminTabs.mdl-tabs > ul > li.selected, .mdl-tabs > ul > li.selected, .mdl-tabs__tab.selected {
font: 500
14px
/
1.3
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
background: transparent;
padding: 8px 12px;
color: #2C3548;
}
#adminTabs.mdl-tabs > ul > li.selected:hover:after,
#adminTabs.mdl-tabs > ul > li.selected:after,
.mdl-tabs > ul > li.selected:hover:after,
.mdl-tabs > ul > li.selected:after,
.mdl-tabs__tab.selected:hover:after,
.mdl-tabs__tab.selected:after {
opacity: 1;
background: #<<$buttonCol>>;
transform: scaleX(1);
}
.mdl-tag {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
margin-bottom: 4px;
padding: 2px 4px;
border-radius: 18px;
background: #EAECFF;
font: 400
12px
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-tag__control {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: 12px;
height: 12px;
margin-left: 8px;
border: 1px solid #6B7588;
border-radius: 50%;
color: #2C3548;
}
.mdl-tag__control .mdl-icon {
width: 8px;
height: 8px;
}
.ui-tooltip {
padding: 12px 16px;
background: #1D2431;
color: #FFFFFF;
border-radius: 3px;
border: 1px solid #3C4558;
box-shadow: rgba(0, 0, 0, 0.25) 0px 6px 8px 0px;
opacity: 0.95;
font: 400
14px
/
1.3
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.ui-tooltip .arrow:after {
background: #1D2431;
border: 1px solid #3C4558;
}
.ui-tooltip .arrowinline.left:after {
border-right-color: #1D2431;
}
body.mdl-wrapper__body {
background: #FFFFFF;
padding-top: 52px;
}
body.mdl-wrapper__body.moderator {
padding-top: 116px;
}
body.mdl-wrapper__body.noTopPadding {
padding-top: 0;
}
body.mdl-wrapper__body.noTopPadding .l-grid__container {
padding: 0;
}
body.mdl-wrapper__body.adminPage-current-page {
padding-top: 0;
}
body.mdl-wrapper__body.post-current-page .l-grid__buffer {
padding-top: 36px;
}
.mdl-container {
display: -ms-flexbox;
display: flex;
}
.mdl-container.-centered {
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
.mdl-container.-narrow {
width: 800px;
max-width: 100%;
margin: 0 auto;
}
.mdl-container.-narrow .l-grid__container {
padding: 36px;
}
.mdl-container.-narrow .l-grid__container .legals > ol {
margin-left: 0;
}
.mdl-container > * {
width: 100%;
margin-top: 48px;
padding: 16px;
background: #FFFFFF;
}
.mdl-row {
padding: 16px 0;
}
.ideaBrowser_container {
max-width: 1012px;
margin: 0 auto;
}
.mdl-activity__list-meta,
.mdl-activity__list-content p {
color: #6B7587;
}
.mdl-activity__list-index {
color: #2C3548;
text-align: center;
}
.mdl-activity__list-bubble {
background: #EAECFF;
color: #2C3548;
border-radius: 16px;
font-weight: 400;
}
.mdl-activity__list-bubble:after {
border-left-color: #EAECFF;;
}
.mdl-announcement {
width: 100%;
font-size: 16px;
}
.mdl-announcement-container {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 0 20px 0;
padding: 8px;
padding-right: 60px;
border-radius: 8px;
overflow: hidden;
}
.mdl-announcement .mdl-announcement__link {
display: inline-block;
margin-left: 8px;
padding: 8px 8px;
line-height: 1;
background: #0C74BC;
font-size: 16px;
font-weight: 500;
border-radius: 8px;
}
.mdl-announcement__close a {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
color: #FFFFFF;
background: none;
}
.mdl-challenges-sidebar {
font: 400
14px
/
1.3
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-challenges-sidebar .b-contributor__username {
display: block;
min-height: auto;
overflow: hidden;
padding-bottom: 4px;
padding-top: 2px;
text-overflow: ellipsis;
white-space: nowrap;
}
.mdl-challenges-sidebar .b-contributor__points {
line-height: 26px;
}
.mdl-challenges-sidebar .b-contributor {
padding-left: 34px;
}
.mdl-challenges-sidebar .b-contributor__username,
.mdl-challenges-sidebar .filter {
font: 400
14px
/
1.3
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-challenges-sidebar .b-sidebar__section-numeric {
padding: 0 0 0 16px;
font-weight: normal;
}
/* Overriding custom checkbox CSS */
.mdl-challenges-sidebar .filter {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
position: relative;
background: none;
border: 0;
line-height: 1 !important;
min-height: 22px;
text-align: left;
}
.mdl-challenges-sidebar .filter .mdl-icon {
margin-right: 4px;
min-width: 16px;
}
.mdl-challenges-sidebar .filter:before {
content: '';
display: block;
position: absolute;
left: 0;
width: 16px !important;
height: 16px !important;
padding: 0;
margin-right: 8px;
border: 1px solid #DDE1E5 !important;
border-radius: 3px;
background: #FFFFFF none no-repeat center center / 80%;;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.02), 0 2px 3px rgba(0, 0, 0, 0.05);
color: #4E5DCA;
}
.mdl-challenges-sidebar .filter.active:before {
background-image: url('data:image/svg+xml; charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20width%3D%2224%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M0%200h16v16H0z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%234E5DCA%22%20fill-rule%3D%22nonzero%22%20d%3D%22M13.01%203l-7.075%207.833L2.99%207.57%202%208.668l3.44%203.81.495.523.495-.524L14%204.096z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E') !important;
}
.mdl-challenges-sidebar .filter:focus {
outline: none;
}
.mdl-challenges-sidebar .mdl-button {
display: inline-block;
font: 400
12px
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-challenges-sidebar__section-title {
border: none;
}
.mdl-challenges-sidebar__section-title > span {
font: 500
16px
"HCo Gotham"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
text-transform: none;
}
.mdl-comment__wrapper {
display: -ms-flexbox;
display: flex;
width: 100%;
}
.mdl-comment__wrapper > * {
float: none !important;
}
.mdl-comment__wrapper .b-single-idea__comment-right {
-ms-flex: 1;
flex: 1;
}
.mdl-comment__wrapper p {
margin-bottom: 8px;
clear: both;
}
.mdl-comment__sort {
margin: 12px 0 !important;
float: right;
clear: both;
}
.mdl-comment__name {
margin-right: 8px;
}
.mdl-comment__name a {
color: #2C3548;
font: 400
14px
/
1.3
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-comment__actions {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.mdl-comment__actions > span a,
.mdl-comment__actions > span {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.mdl-comment__actions > span a .mdl-icon, .mdl-comment__actions > span .mdl-icon {
margin-right: 8px;
}
.mdl-comment__actions > span a:hover .mdl-icon, .mdl-comment__actions > span:hover .mdl-icon {
color: #<<$linkCol>>;
}
.mdl-comment__actions > * + * {
margin-left: 16px;
}
.mdl-comment__signin {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding: 12px;
border: 1px solid #DDE1E5;
border-radius: 8px;
}
.mdl-comment__signin-actions {
margin-left: auto;
}
.mdl-comment__signin-actions-separator {
margin: 0 8px;
}
.mdl-comment-form {
width: 100%;
float: left;
margin-top: 24px;
padding: 24px;
padding-top: 8px;
}
.mdl-comment-form .mdl-form {
padding: 0;
}
.mdl-comment-form .mdl-comment-form__comment {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.mdl-comment-form .mdl-comment-form__comment__top {
background: #F8F9FA;
border: 1px solid #EBEDF0;
border-radius: 16px 16px 0 0;
border-bottom: none;
}
.mdl-comment-form .mdl-comment-form__comment__top.-full-border {
border: 1px solid #EBEDF0;
border-radius: 16px;
}
.mdl-comment-form .mdl-comment-form__comment__top textarea {
background: transparent;
}
.mdl-comment-form .commentForm .mdl-comment-form__comment__bottom {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
background-color: #F8F9FA !important;
border: 1px solid #EBEDF0;
border-radius: 0 0 16px 16px;
position: relative;
padding: 6px 14px;
}
.mdl-comment-form .commentForm .mdl-comment-form__comment__bottom .label,
.mdl-comment-form .commentForm .mdl-comment-form__comment__bottom label { /* yep */
padding: 0 !important;
margin: 0 !important;
}
.mdl-comment-form .commentForm .mdl-comment-form__comment__bottom .buttonContainer {
margin-left: auto;
}
.mdl-comment-form .commentForm .mdl-comment-form__comment__bottom .mdl-button {
padding-top: 3px;
padding-bottom: 3px;
}
.mdl-comment-form .mdl-comment-form__comment__notify-users {
border: none;
margin-top: 6px;
padding-left: 0;
}
.mdl-comment-form .mdl-comment-form__comment__notify-users .b-single-idea__new-comment-button {
right: 0;
}
.mdl-comment-form .mdl-comment-form__comment__notify-users .mdl-button {
height: auto;
padding: 6px 16px;
}
.mdl-comment-form .mdl-comment-form__comment__author__avatar {
height: 48px;
width: 48px;
min-width: 48px;
margin-right: 16px;
}
.mdl-comment-form .mdl-comment-form__comment__reply__avatar {
height: 36px;
width: 36px;
min-width: 36px;
margin-right: 16px;
}
.mdl-comment-form .mdl-comment-form__comment__reply__comment-time {
color: #6B7587;
font: 400
10px
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-comment-form .mdl-comment-form__comment__reply__tagged-users {
font: 500
14px
/
1.3
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-comment-form .mdl-comment-form__comment__reply__tagged-users p {
color: #2C3548;
}
/* Overrides */
.mdl-comment-form .selectric {
padding-bottom: 4px;
padding-top: 6px;
}
.mdl-comment-form .b-single-idea__comments,
.mdl-comment-form .b-single-idea__new-comment {
background: transparent;
}
.mdl-comment-form .b-single-idea__new-comment {
margin-top: 16px;
}
.mdl-comment-form .b-single-idea__comments-menu {
padding: 0;
}
.mdl-comment-form .b-single-idea__comments-menu ul {
height: auto;
}
.mdl-comment-form .b-single-idea__comments-menu li {
padding-bottom: 0;
height: auto;
min-height: 24px;
line-height: 1;
}
.mdl-comment-form .b-single-idea__comments-menu li.-active a {
font: 500
14px
/
1.3
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-comment-form .b-single-idea__comments-menu a {
display: block;
font: 400
14px
/
1.3
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
min-height: unset;
}
.mdl-comment-form .b-single-idea__comments-menu .line {
height: 3px;
left: 0;
}
.mdl-comment-form .b-single-idea__comments-menu-sort {
margin-top: -12px;
}
.mdl-comment-form .b-single-idea__comment-right button,
.mdl-comment-form .editCommentForm button {
font-size: 16px;
}
.mdl-comment-form .b-single-idea__comment-actions {
font: 400
10px
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-comment-form .b-single-idea__comment-actions a {
color: #2C3548;
font-size: 12px;
}
.mdl-comment-form__suggestions {
margin-bottom: 20px;
}
.commentForm_userTagArea .userTag,
.commentForm_userTagArea .userResult,
.searchResults .userTag,
.searchResults .userResult {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
height: auto;
padding: 4px 8px;
border: 1px solid #DDE1E5;
border-radius: 8px;
line-height: 1;
transition: background .3s ease-in-out;
}
.commentForm_userTagArea .userTag .remove,
.commentForm_userTagArea .userTag + div,
.commentForm_userTagArea .userResult .remove,
.commentForm_userTagArea .userResult + div,
.searchResults .userTag .remove,
.searchResults .userTag + div,
.searchResults .userResult .remove,
.searchResults .userResult + div {
margin-left: 16px;
}
.commentForm_userTagArea .userTag:hover, .commentForm_userTagArea .userResult:hover, .searchResults .userTag:hover, .searchResults .userResult:hover {
background: #<<$buttonCol>>18;
color: #2C3548;
}
.commentForm_userTagArea .userTag:last-child, .commentForm_userTagArea .userResult:last-child, .searchResults .userTag:last-child, .searchResults .userResult:last-child {
border: 1px solid #DDE1E5;
}
.commentForm_userTagArea .userTag img, .commentForm_userTagArea .userResult img, .searchResults .userTag img, .searchResults .userResult img {
margin-right: 8px;
}
.commentForm .b-single-post--file-list {
border: 0;
}
.mdl-community-nav {
display: -ms-flexbox;
display: flex;
height: 52px;
max-height: 52px;
background: #FFFFFF;
}
.mdl-community-nav-wrapper {
border-bottom: none;
}
.mdl-community-nav-header {
min-height: unset;
border-bottom: 1px solid #DDE1E5;
}
.mdl-community-nav-header .l-grid__container {
display: -ms-flexbox;
display: flex;
margin: 0;
padding: 0;
}
.mdl-community-nav__sub {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding: 0 48px;
border-top: 1px solid #DDE1E5;
}
.mdl-community-nav__sub-item {
float: none;
width: auto;
font: 400
12px
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-community-nav__sub-item a {
display: inline-block;
}
.mdl-community-nav__sub-item a + a {
margin-left: 20px;
}
.mdl-community-nav__sub-item.-right {
margin-left: auto;
}
.mdl-community-nav__links {
display: -ms-flexbox;
display: flex;
-ms-flex: 1;
flex: 1;
position: relative;
width: auto !important;
max-width: unset !important;
margin: 0;
}
.mdl-community-nav__menu {
display: -ms-flexbox;
display: flex;
height: 52px;
line-height: 52px;
}
.mdl-community-nav__menu-item {
white-space: nowrap;
}
.mdl-community-nav__menu-item.has-dropdown {
background: none;
}
.mdl-community-nav__logo {
display: -ms-flexbox;
display: flex;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-align: center;
align-items: center;
height: 52px;
}
.mdl-community-nav__logo-link {
padding: 8px 16px;
max-height: 100%;
}
.mdl-community-nav__logo-image {
display: block;
height: 36px;
}
.mdl-community-nav__side {
margin-left: auto;
}
.mdl-community-nav__side__action {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.mdl-community-nav__side__action-item {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
white-space: nowrap;
}
.mdl-community-nav__side__action-item svg {
color: #9B9B9B !important;
}
.mdl-community-nav__side__action-item.-language a {
color: #9B9B9B;
}
.mdl-community-nav__form {
position: absolute;
right: 0;
}
.mdl-community-nav__form.-expanded {
}
.mdl-community-nav__form__idea-dropdown {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
color: #9B9B9B !important;
}
.mdl-community-nav__form__idea-dropdown .mdl-icon {
color: #9B9B9B;
}
.mdl-community-nav .lang-dropdown {
display: none;
position: absolute;
top: 100%;
margin: 0;
list-style: none;
}
.mdl-community-nav .lang-dropdown-popup, .mdl-community-nav .flexMenu-popup {
margin: 0;
list-style: none;
}
.mdl-community-nav .lang-dropdown-popup li, .mdl-community-nav .flexMenu-popup li {
padding: 12px 0;
}
.mdl-community-nav .lang-dropdown-popup li a, .mdl-community-nav .flexMenu-popup li a {
display: block;
height: auto;
line-height: 1;
overflow: hidden;
text-overflow: ellipsis;
}
.mdl-community-nav .lang-dropdown-popup li a:after, .mdl-community-nav .flexMenu-popup li a:after {
display: none;
}
.mdl-community-nav .lang-dropdown-popup li a:hover, .mdl-community-nav .flexMenu-popup li a:hover {
text-decoration: underline;
}
.mdl-community-nav .lang-dropdown-popup-container, .mdl-community-nav .flexMenu-popup-container {
min-width: 200px;
max-width: 500px;
margin: -2px 0 0 -4px;
background: #FFFFFF;
border-radius: 8px;
box-shadow: 0 3px 5px rgba(0,0,0,0.2);
}
.mdl-community-nav .lang-dropdown-popup li {
padding: 12px;
}
.mdl-community-nav .lang-dropdown-popup-container {
width: 160px;
left: -50%;
}
.mdl-community-nav__profile * {
line-height: 1;
}
.mdl-community-nav__profile-info {
margin-top: 16px;
margin-left: 50%;
transform: translateX(-50%);
}
.mdl-community-nav__profile-info > *,
.mdl-community-nav__profile-info a {
float: none;
text-align: left;
font: 400
14px
/
1.3
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
color: #2C3548;
white-space: nowrap;
}
.mdl-community-nav__profile-info > *:last-child, .mdl-community-nav__profile-info a:last-child {
margin-bottom: 0;
}
.mdl-community-nav__profile-info .mdl-icon {
margin-right: 8px !important;
}
.mdl-community-nav__profile-info .b-header__action-item-user-profile-messages-count {
line-height: 16px !important;
}
.mdl-community-nav__links a {
display: block;
border: none !important;
font: 400
14px
/
1.3
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
color: #6B7587;
position: relative;
padding: 0 12px;
outline: none;
margin-left: 0;
height: 52px;
line-height: 52px;
}
.mdl-community-nav__links a:after {
bottom: 0;
content: "";
height: 2px;
left: 0;
opacity: 0;
position: absolute;
right: 0;
transform: scaleX(0);
transition: all 0.2s ease-in-out 0s;
}
.mdl-community-nav__links a.-active,
.mdl-community-nav__links a:hover {
text-decoration: none;
}
.mdl-community-nav__links a.-active:after, .mdl-community-nav__links a:hover:after {
opacity: 1;
background: #DDE1E5;
transform: scaleX(1);
}
.mdl-community-nav__links a.-active {
font-weight: 500;
color: #2C3548;
}
.mdl-community-nav__links a.-active:after {
background: #<<$buttonCol>>;
}
.mdl-community-nav__form {
height: 52px;
}
.mdl-community-nav__form__advanced-button,
.mdl-community-nav__form__search-input,
.mdl-community-nav__form__button-close {
height: 52px;
line-height: 52px;
}
.mdl-community-nav__form__search-input {
font: 400
14px
/
1.3
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif !important;
}
.mdl-community-nav__form__search-input:-ms-input-placeholder {
font-style: italic;
}
.mdl-community-nav__form__search-input::placeholder {
font-style: italic;
}
.mdl-community-nav__form__button-close {
padding: 0 20px;
color: #9B9B9B;
}
.mdl-community-nav__side__rankings {
margin: 20px 0 !important;
}
.mdl-community-nav__side__rankings li {
text-align: center !important;
}
.mdl-community-nav__side__action-item__overlay {
height: 52px;
}
.mdl-community-nav__side__action-item__overlay__button {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
line-height: 52px;
padding: 0 6px !important;
}
.mdl-community-nav__side__action-item__overlay__button a:not(-primary) {
color: #<<$buttonCol>>;
}
.mdl-community-nav__side__action-item__profile-popup,
.mdl-community-nav__form__advanced-button__popup {
border: none !important;
top: 52px;
line-height: 1.5;
}
.mdl-community-nav__form__advanced-button__popup .b-search__advanced-inner {
background: #FFFFFF;
border-radius: 8px;
box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.25);
}
.mdl-community-nav__form__advanced-button__popup .b-search__advanced-foot {
display: none;
}
.mdl-community-nav__side__action-item__profile-popup {
box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.25);
border-radius: 8px;
}
.mdl-community-nav__side__action-item__profile-popup .b-header__action-item-user-profile-topline {
display: none;
}
.mdl-community-nav__side__link {
background: #fff;
height: 52px;
width: auto;
-ms-flex-align: center;
align-items: center;
}
.mdl-community-nav__side__link.-search {
background: none;
padding: 0 10px;
display: -ms-flexbox;
display: flex;
width: auto;
}
.mdl-community-nav__side__link.-search svg {
color: #9B9B9B;
}
.mdl-community-nav__side__link.mdl-button {
display: block;
white-space: nowrap;
width: auto;
height: auto;
margin: 0;
}
.mdl-community-nav__side__action-item {
background: none;
border: 0;
height: 52px;
padding: 0 12px;
}
.mdl-community-nav__side__action-item > * {
line-height: 52px;
}
.mdl-community-nav__side__action-item > .mdl-button {
line-height: 1;
line-height: initial; /* IE does not support initial */
}
.mdl-community-nav__side__action-item:hover .mdl-community-nav__side__action-item__overlay {
background: none !important;
}
.mdl-community-nav__side__action-item:before {
display: none;
}
.mdl-community-nav__side__action-item svg.down-arrow {
color: #6B7587;
height: 22px;
position: relative;
top: 8px;
width: 22px;
}
.mdl-community-nav__side__action-item .actionPadding {
padding: 0;
}
.mdl-community-nav__side__action-item.-help {
background: none;
padding: 0;
}
.mdl-community-nav__form__advanced-button__popup__tags {
text-align: left;
}
.mdl-community-nav__form__advanced-button__popup__tags a {
font: 400
14px
/
1.3
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
line-height: 30px;
height: 30px;
background: #CED4DA;
}
.mdl-community-nav__form__advanced-button__popup__tags__tag {
margin: 0 8px 8px 0;
}
.mdl-community-nav__form__advanced-button__popup__tags__tag + .mdl-community-nav__form__advanced-button__popup__tags__tag {
margin: 0 8px 8px 0;
}
.mdl-community-nav__form__advanced-button__popup__advanced {
text-align: left;
}
.mdl-community-nav__form__advanced-button__popup__advanced button {
}
.mdl-crowd-management-nav {
display: -ms-flexbox;
display: flex;
position: relative;
float: none;
-ms-flex: 1;
flex: 1;
margin: 0;
-ms-flex-align: center;
align-items: center;
background: #<<$voteBarCol>>;
}
.mdl-crowd-management-nav, .mdl-crowd-management-nav * {
box-sizing: border-box;
}
.mdl-crowd-management-nav-container {
display: -ms-flexbox;
display: flex;
box-shadow: 0 2px 10px 0 rgba(0,0,0,0.15);
}
.mdl-crowd-management-nav-container.-has-bg .-more:hover,
.mdl-crowd-management-nav-container.-has-bg .-active {
box-shadow: none;
}
.mdl-crowd-management-nav__community {
display: -ms-flexbox;
display: flex;
padding: 12px 24px;
-ms-flex-align: center;
align-items: center;
text-align: center;
background: #<<$voteBarCol>>;
color: #<<$voteBarTextCol>>;
font: 400
12px
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
line-height: 1;
}
.mdl-crowd-management-nav__community svg {
display: block;
width: 120px;
height: 18px;
fill: #<<$voteBarCol>>;
}
.mdl-crowd-management-nav__item {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 1;
min-height: 64px;
white-space: nowrap;
}
.mdl-crowd-management-nav__item.-app-switcher,
.mdl-crowd-management-nav__item.-end,
.mdl-crowd-management-nav__item.-help {
position: relative;
margin-left: auto;
}
.mdl-crowd-management-nav__item.-end {
display: -ms-flexbox !important;
display: flex !important;
}
.mdl-crowd-management-nav__item.-help + .mdl-crowd-management-nav__item.-app-switcher {
margin-left: 0;
}
.mdl-crowd-management-nav__item.-more:hover,
.mdl-crowd-management-nav__item.-active {
background: #FFFFFF;
box-shadow: 0 16px 0 0 #<<$bgCol>>;
}
.mdl-crowd-management-nav__item.-more:hover > .mdl-crowd-management-nav__link,
.mdl-crowd-management-nav__item.-more:hover > .mdl-crowd-management-nav__link svg,
.mdl-crowd-management-nav__item.-active > .mdl-crowd-management-nav__link,
.mdl-crowd-management-nav__item.-active > .mdl-crowd-management-nav__link svg {
color: #<<$voteBarCol>>;
}
.mdl-crowd-management-nav__item.-more {
display: none;
position: relative;
color: #<<$voteBarCol>>;
font: 400
14px
/
1.3
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-crowd-management-nav__item.-more:hover .mdl-crowd-management-nav__more-container {
display: block;
}
.mdl-crowd-management-nav__item.-more > * > .mdl-icon {
margin: 0 0 0 4px;
}
.mdl-crowd-management-nav__item.-sub {
min-height: unset;
-ms-flex-pack: start;
justify-content: start;
}
.mdl-crowd-management-nav__item.-sub:not(:last-of-type) > * {
padding-bottom: 0;
}
.mdl-crowd-management-nav__more {
background: #<<$voteBarCol>>;
margin: 0;
width: 200px;
box-shadow: 0 2px 10px 0 rgba(0,0,0,0.15);
border-radius: 3px;
}
.mdl-crowd-management-nav__more-container {
position: absolute;
display: none;
z-index: 9999;
top: 64px;
padding-top: 12px;
right: 0;
width: 200px;
max-height: 80vh;
}
.mdl-crowd-management-nav__content {
}
.mdl-crowd-management-nav__logo-container {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
margin: -24px;
}
.mdl-crowd-management-nav__logo-container.-row {
-ms-flex-direction: row;
flex-direction: row;
}
.mdl-crowd-management-nav__logo-container .mdl-crowd-management-nav__logo {
padding: 12px 24px 0;
background: rgba(0,0,0,0.15);
}
.mdl-crowd-management-nav__logo-container .mdl-crowd-management-nav__logo svg {
width: 150px;
height: 26px;
}
.mdl-crowd-management-nav__logo-container .mdl-crowd-management-nav__logo + .-sub {
padding: 0 24px 12px;
}
.mdl-crowd-management-nav__logo-container .mdl-crowd-management-nav__logo + .-sub svg {
width: 66px;
height: 14px;
}
.mdl-crowd-management-nav__logo-container .mdl-crowd-management-nav__logo.-cio svg {
width: 204px;
height: 26px;
}
.mdl-crowd-management-nav__logo-container.-row .mdl-crowd-management-nav__logo {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: 64px;
height: 64px;
padding: 0;
background: rgba(0,0,0,0.3);
}
.mdl-crowd-management-nav__logo-container.-row .mdl-crowd-management-nav__logo svg {
min-width: 20px;
min-height: 24px;
}
.mdl-crowd-management-nav__logo-container.-row .mdl-crowd-management-nav__logo + .-sub {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: auto;
height: 64px;
padding: 0 24px;
background: rgba(0,0,0,0.15);
}
.mdl-crowd-management-nav__logo-container.-row .mdl-crowd-management-nav__logo + .-sub svg {
min-width: 160px;
max-width: 160px;
height: 64px;
}
.mdl-crowd-management-nav__logo-container.-row .mdl-crowd-management-nav__logo.-cio svg {
min-width: 220px;
max-width: 220px;
}
.mdl-crowd-management-nav__logo.-dark {
background: rgba(0,0,0,0.3);
}
.mdl-crowd-management-nav__link {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
height: 64px;
padding: 16px 12px;
color: #<<$voteBarTextCol>>;
font: 400
14px
/
1.3
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
font-weight: 500;
}
.mdl-crowd-management-nav__link.-trigger {
border: 0;
background: 0;
}
.mdl-crowd-management-nav__link.-more {
width: 100%;
padding: 12px;
height: auto;
}
.mdl-crowd-management-nav__link .mdl-icon {
margin-right: 4px;
}
.mdl-crowd-management-nav__sub {
display: block;
position: absolute;
height: 0;
width: 0;
right: 16px;
top: 56px;
max-width: 300px;
z-index: 99;
background: #FFFFFF;
border-radius: 18px;
box-shadow: 0 2px 10px 0 rgba(0,0,0,0.15);
overflow: hidden;
opacity: 0;
margin-top: -10px;
transition: opacity .2s ease-in-out, margin-top .2s ease-in-out;
}
.mdl-crowd-management-nav__sub.-active {
height: auto;
width: 300px;
opacity: 1;
margin-top: 0;
}
.mdl-crowd-management-nav__sub-header {
padding: 24px;
padding-bottom: 0;
}
.mdl-crowd-management-nav__sub-header h1 {
position: absolute;
text-indent: -9999rem;
}
.mdl-crowd-management-nav__sub-header svg {
width: 100%;
max-height: 36px;
z-index: -1;
}
.mdl-crowd-management-nav__sub-nav {
padding: 0;
margin: 0;
list-style: none;
}
.mdl-crowd-management-nav__sub-item {
line-height: 1.4;
}
.mdl-crowd-management-nav__sub-item:last-of-type .mdl-crowd-management-nav__sub-link {
padding-bottom: 20px;
}
.mdl-crowd-management-nav__sub-item .mdl-icon {
margin: 4px 16px 0 0;
-ms-flex-negative: 0;
flex-shrink: 0;
color: #778FAE;
}
.mdl-crowd-management-nav__sub-link {
display: -ms-flexbox;
display: flex;
padding: 12px 24px;
color: #2C3548;
transition: background .3s ease-in-out;
}
.mdl-crowd-management-nav__sub-link:hover {
text-decoration: none;
background: #EAECFF;
}
.mdl-crowd-management-nav__sub-link span,
.mdl-crowd-management-nav__sub-link b {
display: block;
white-space: normal;
}
.mdl-crowd-management-nav__sub-link b {
margin-bottom: 0;
font-weight: 500;
}
.mdl-crowd-management-nav__sub-link .mdl-icon.-subtitle {
height: 12px;
width: 150px;
margin: 0 0 4px 0;
}
.mdl-crowd-management-nav__sub-link .mdl-icon.-subtitle.-full-width {
width: auto;
}
.mdl-group-selector {
height: auto;
width: auto;
max-width: 300px;
margin-bottom: 12px;
border: 1px solid #DDE1E5;
border-radius: 8px;
font: 400
14px
/
1.3
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-group-selector, .mdl-group-selector * {
box-sizing: border-box;
}
.mdl-group-selector__title {
padding: 8px 16px;
}
.mdl-group-selector__list {
border-top: 1px solid #DDE1E5;
border-bottom: 1px solid #DDE1E5;
}
.mdl-group-selector__list-inner {
padding: 8px 12px;
border: 0;
}
.mdl-group-selector__search {
padding: 8px 12px;
}
.mdl-group-selector__search-options {
display: -ms-flexbox;
display: flex;
padding: 0 12px 8px;
font: 400
12px
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-group-selector__search-options label {
display: -ms-flexbox;
display: flex;
margin-left: 12px;
padding: 0;
}
.mdl-group-selector__search-options label .mdl-form__input {
margin-right: 8px;
}
.mdl-group-selector__item {
display: -ms-flexbox;
display: flex;
position: relative;
-ms-flex-align: center;
align-items: center;
padding: 4px 0;
background-repeat: no-repeat;
background-position: center left;
transition: padding-left .3s ease-in-out;
}
.mdl-group-selector__item > * {
margin-right: 8px;
}
.mdl-group-selector__item:not(:first-child) {
border-top: 1px solid #DDE1E5;
}
.mdl-group-selector__item:not(.-static):hover {
padding-left: 20px;
}
.mdl-group-selector__item:not(.-static):hover .mdl-group-selector__remove {
display: block;
}
.mdl-group-selector__option {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-order: 1;
order: 1;
margin-left: auto;
margin-right: 0;
padding: 4px 4px;
background: #EBEDF0;
border-radius: 3px;
white-space: nowrap;
}
.mdl-group-selector__option:empty {
display: none;
}
.mdl-group-selector__option-label {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
position: relative;
margin: 0;
padding: 0;
border-radius: 3px;
font: 400
10px
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-group-selector__option-label .mdl-form__input.-checkbox.-faux {
margin-right: 2px;
}
.mdl-group-selector__remove {
display: none;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 16px;
height: 16px;
background: #FFFFFF;
border-radius: 50%;
border: 1px solid red;
text-align: center;
color: #D51C26;
font: 400
10px
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
text-transform: lowercase;
cursor: pointer;
}
.mdl-group-selector__results {
margin-top: 0;
background: #FFFFFF;
box-shadow: 0px 0.5px 1px 0px rgba(0, 0, 0, 0.25);
border: 1px solid #DDE1E5;
border-radius: 3px;
}
.mdl-group-selector__results p {
margin: 8px;
}
.mdl-group-selector__results .mdl-group-selector__item {
padding: 8px;
}
.mdl-group-selector__results .mdl-group-selector__item:hover {
padding: 8px;
cursor: pointer;
}
div.mdl-group-selector__message {
padding: 16px;
background: #FDFAE9;
border: 1px solid #FCF3B5;
border-radius: 3px;
font: 500
14px
"HCo Gotham"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-group-selector + .mdl-form__info {
margin-bottom: 16px;
}
.mdl-milestone-timeline-container {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
float: none;
max-width: 100%;
padding: 0 50px;
margin: 24px 16px;
height: 200px;
border: 1px solid #DDE1E5;
border-radius: 8px;
}
.mdl-milestone-timeline__circle {
width: 54px;
height: 54px;
background: #CED4DA;
transition: background .3s ease-in-out;
}
.mdl-milestone-timeline__circle.-active {
background: #6B7588 !important;
}
.mdl-milestone-timeline__milestone-label {
font: 400
14px
/
1.3
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-milestone-timeline__progress {
background: #CED4DA;
}
.mdl-milestone-timeline__progress-completed {
background: #CED4DA;
}
.mdl-milestone-timeline__progress-completed.-passed {
background: #<<$voteBarCol>>;
}
.mdl-milestone-timeline__progress-label {
padding: 12px;
border-radius: 8px;
background: #6B7588;
font: 400
16px
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
text-align: center;
}
.mdl-milestone-timeline__progress-label-arrow {
left: 50%;
border-top-color: #6B7588;
}
.mdl-milestone-timeline__progress .mdl-icon svg, .mdl-milestone-timeline__circle .mdl-icon svg {
color: #FFFFFF;
}
.mdl-milestone-timeline__progress.-passed:not(.-in-progress), .mdl-milestone-timeline__circle.-passed:not(.-in-progress) {
background: #<<$voteBarCol>>;
}
.mdl-milestone-timeline__progress.-passed:not(.-in-progress) .mdl-icon svg, .mdl-milestone-timeline__circle.-passed:not(.-in-progress) .mdl-icon svg {
color: #<<$voteBarTextCol>>;
}
.mdl-milestone-timeline__progress.-future, .mdl-milestone-timeline__circle.-future {
background: #CED4DA;
}
.mdl-milestone-timeline__progress.-in-progress, .mdl-milestone-timeline__circle.-in-progress {
background: #6B7588;
}
.mdl-milestone-timeline__icon {
display: -ms-flexbox;
display: flex;
height: 100%;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
.mdl-milestone-timeline__info {
background: #FFFFFF;
color: #2C3548;
padding: 0 24px;
}
.mdl-milestone-sidebar {
margin: none;
list-style: none;
}
.mdl-milestone-sidebar__item {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-bottom: 12px;
}
.mdl-milestone-sidebar__item-icon {
-ms-flex-order: 0;
order: 0;
display: -ms-flexbox;
display: flex;
position: relative;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: 32px;
min-width: 32px;
height: 32px;
min-height: 32px;
margin-right: 8px;
padding: 2px;
border-radius: 50%;
background: #E6E6E6;
cursor: pointer;
transition: background .3s ease-in-out;
}
.mdl-milestone-sidebar__item-icon .mdl-icon {
margin: 0;
transition: color .3s ease-in-out;
}
.mdl-milestone-sidebar__item-icon:before {
content: '';
display: block;
position: absolute;
z-index: 0;
left: calc(50% - 1px);
top: calc(100% - 4px);
height: 20px;
border-left: 4px solid #E6E6E6;
}
.mdl-milestone-sidebar__item.-last .mdl-milestone-sidebar__item-icon:before, .mdl-milestone-sidebar__item.-all .mdl-milestone-sidebar__item-icon:before {
display: none;
}
.active + .mdl-milestone-sidebar__item-icon {
background: #<<$voteBarCol>>;
}
.active + .mdl-milestone-sidebar__item-icon:before {
border-left-color: #<<$voteBarCol>>;
}
.active + .mdl-milestone-sidebar__item-icon .mdl-icon {
color: #<<$voteBarTextCol>>;
}
.mdl-milestone-sidebar__item button {
-ms-flex-order: 1;
order: 1;
}
.mdl-milestone-sidebar__item button:before {
display: none !important;
}
.mdl-moderator-tools {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
list-style: none;
margin: 0;
-ms-flex-order: 0;
order: 0;
}
.mdl-moderator-tools-container {
display: -ms-flexbox;
display: flex;
margin: 16px 0;
background: #<<$voteBarCol>>;
border-radius: 8px;
overflow: hidden;
}
.mdl-moderator-tools-container.-with-margin {
margin: 16px;
}
.mdl-moderator-tools__item {
padding: 8px 12px;
color: #FFFFFF;
}
.mdl-moderator-tools__item.title {
margin: 0 8px 0 0;
background: #<<$voteBarCol>>;
}
.mdl-moderator-tools__link {
color: #FFFFFF;
}
.mdl-moderator-tools__options {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
float: none;
margin: 0 12px 0 auto;
-ms-flex-order: 1;
order: 1;
color: #FFFFFF;
}
.mdl-moderator-tools__options a {
margin-right: 8px;
color: #FFFFFF;
}
.mdl-moderator-tools__options a:after {
display: inline-block;
content: '|';
margin-left: 8px;
}
.paginator_container {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
}
.paginator_numberBox {
border: 1px solid #DDE1E5;
border-radius: 8px;
overflow: hidden;
}
.paginator_numberBox,
.paginator_numberBox > span {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.paginator_numberbox > a,
.paginator_numberBox > span > a,
.paginator_numberBox .paginator_pageNumberOff,
.paginator_numberBox .paginator_pageNumberOn {
min-width: unset;
padding: 8px 12px;
background: #FFFFFF;
border-radius: 0;
font: 400
14px
/
1.3
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.paginator_numberbox > a:hover, .paginator_numberBox > span > a:hover, .paginator_numberBox .paginator_pageNumberOff:hover, .paginator_numberBox .paginator_pageNumberOn:hover {
background: #F5F6F7;
}
.paginator_numberbox * + * {
border-left: 1px solid #DDE1E5;
}
.paginator_numberBox .paginator_pageNumberOff {
color: #2C3548;
background: #EAECFF;
}
.paginator_numberBox .-active a,
.paginator_numberBox .paginator_pageNumberHide {
visibility: visible;
color: #2C3548;
cursor: initial;
}
.paginator_numberBox .-active a:hover, .paginator_numberBox .paginator_pageNumberHide:hover {
text-decoration: none;
background: none;
}
.paginator_numberBox .-active a:not(.paginator_pageNumberFirst), .paginator_numberBox .paginator_pageNumberHide:not(.paginator_pageNumberFirst) {
/* Bad ux to change the size of the paginator but if not hidden the > link will allow pagination beyond the bounds and requires page refresh */
display: none;
}
#moredata_table_pages {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
}
.mdl-search-results__item {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding: 16px 0;
border-bottom: 1px solid #DDE1E5;
}
.mdl-search-results__item:hover {
background: none;
}
.mdl-search-results__item .mdl-search-results__item-title {
float: none;
}
.mdl-search-results__item .mdl-search-results__item-preview {
float: none;
margin-left: auto;
font: 400
12px
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
padding: 4px;
height: auto;
border-radius: 8px;
}
.mdl-search-results__item .mdl-search-results__item-preview:hover {
text-decoration: none;
}
.-error ~ .mceEditor.defaultSkin table.mceLayout {
border-color: #D51C26;
}
.mdl-mce-preview {
min-height: 150px;
padding: 16px;
border: 1px solid transparent;
border-radius: 18px;
box-shadow: inset 0 1px 0px 0px rgba(0, 0, 0, 0.075);
background: #F8F9FA;
overflow-y: hidden !important;
overflow: hidden;
font: 400
14px
/
1.3
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-mce-preview.-center {
text-align: center;
}
.mceEditor.defaultSkin table {
background: transparent;
}
.mceEditor.defaultSkin table.mceLayout {
border: 1px solid transparent;
border-radius: 18px;
box-shadow: inset 0 1px 0px 0px rgba(0, 0, 0, 0.075);
background: #F8F9FA;
overflow: hidden;
}
.mceEditor.defaultSkin table td.mceToolbar {
background: #EBEDF0;
padding: 0 16px;
margin: 0;
height: 32px;
vertical-align: middle;
}
.mceEditor.defaultSkin table td.mceToolbar td:not(.mceFirst)+td {
padding-left: 12px;
}
.mceEditor.defaultSkin table.mceLayout tr.mceFirst td,
.mceEditor.defaultSkin table.mceLayout tr.mceLast td,
.mceEditor.defaultSkin .mceIframeContainer {
border: 0;
}
.mceEditor.defaultSkin .mceButton {
border: 0;
}
.mceEditor.defaultSkin a.mceButtonActive {
background: #DDE1E5;
border-radius: 3px;
}
.mceEditor.defaultSkin table.mceSplitButtonEnabled,
.mceEditor.defaultSkin table.mceSplitButtonHover,
.mceEditor.defaultSkin table.mceSplitButtonSelected,
.mceEditor.defaultSkin .mceSplitButton a.mceAction,
.mceEditor.defaultSkin .mceSplitButton a.mceOpen,
.mceEditor.defaultSkin .mceButtonEnabled {
border: 0;
}
.mceEditor.defaultSkin table.mceSplitButtonEnabled:hover a.mceAction,
.mceEditor.defaultSkin table.mceSplitButtonEnabled:hover a.mceOpen,
.mceEditor.defaultSkin table.mceSplitButtonEnabled:hover,
.mceEditor.defaultSkin table.mceSplitButtonHover:hover a.mceAction,
.mceEditor.defaultSkin table.mceSplitButtonHover:hover a.mceOpen,
.mceEditor.defaultSkin table.mceSplitButtonHover:hover,
.mceEditor.defaultSkin table.mceSplitButtonSelected:hover a.mceAction,
.mceEditor.defaultSkin table.mceSplitButtonSelected:hover a.mceOpen,
.mceEditor.defaultSkin table.mceSplitButtonSelected:hover,
.mceEditor.defaultSkin .mceSplitButton a.mceAction:hover a.mceAction,
.mceEditor.defaultSkin .mceSplitButton a.mceAction:hover a.mceOpen,
.mceEditor.defaultSkin .mceSplitButton a.mceAction:hover,
.mceEditor.defaultSkin .mceSplitButton a.mceOpen:hover a.mceAction,
.mceEditor.defaultSkin .mceSplitButton a.mceOpen:hover a.mceOpen,
.mceEditor.defaultSkin .mceSplitButton a.mceOpen:hover,
.mceEditor.defaultSkin .mceButtonEnabled:hover a.mceAction,
.mceEditor.defaultSkin .mceButtonEnabled:hover a.mceOpen,
.mceEditor.defaultSkin .mceButtonEnabled:hover {
background-color: #DDE1E5;
border: 0;
border-radius: 3px;
cursor: pointer;
}
.mceEditor.defaultSkin .mceSeparator {
background: none;
border-left: 1px solid #CED4DA;
}
.mceEditor.defaultSkin .mceSplitButton span.mce_bullist,
.mceEditor.defaultSkin .mceIcon.mce_bullist,
.mceEditor.defaultSkin .mceIcon.mce_undo,
.mceEditor.defaultSkin .mceIcon.mce_redo,
.mceEditor.defaultSkin .mceIcon.mce_link {
background: none;
}
.mceEditor.defaultSkin .mceIcon.mce_bold {
background: none;
text-align: center;
}
.mceEditor.defaultSkin .mceIcon.mce_bold:after {
content: 'B';
font-weight: 500;
color: #778FAE;
}
.mceEditor.defaultSkin .mceIcon.mce_italic {
background: none;
text-align: center;
}
.mceEditor.defaultSkin .mceIcon.mce_italic:after {
content: 'I';
font-weight: 500;
font-style: italic;
color: #778FAE;
}
.mceEditor.defaultSkin .mceSplitButton span.mce_bullist,
.mceEditor.defaultSkin .mceIcon.mce_bullist,
.mceEditor.defaultSkin .mceIcon.mce_undo,
.mceEditor.defaultSkin .mceIcon.mce_redo,
.mceEditor.defaultSkin .mceIcon.mce_link,
.mceEditor.defaultSkin .mceIcon.mce_code,
.mceEditor.defaultSkin .mceIcon.mce_image,
.mceEditor.defaultSkin .mceIcon.mce_removeformat {
background: transparent none no-repeat center center / 16px;
}
.mceEditor.defaultSkin .mceSplitButton span.mce_bullist,
.mceEditor.defaultSkin .mceIcon.mce_bullist {
background-image: url('data:image/svg+xml; charset=utf8, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20width%3D%2224%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20fill%3D%22%23778FAE%22%3E%3Crect%20x%3D%224.5%22%20y%3D%222.5%22%20width%3D%2211%22%20height%3D%221%22%3E%3C%2Frect%3E%3Crect%20x%3D%224.5%22%20y%3D%227.5%22%20width%3D%2211%22%20height%3D%221%22%3E%3C%2Frect%3E%3Crect%20x%3D%224.5%22%20y%3D%2212.5%22%20width%3D%2211%22%20height%3D%221%22%3E%3C%2Frect%3E%3Ccircle%20cx%3D%222%22%20cy%3D%223%22%20r%3D%221.5%22%3E%3C%2Fcircle%3E%3Cpath%20d%3D%22M2%2C6.5A1.5%2C1.5%2C0%2C1%2C0%2C3.5%2C8%2C1.5%2C1.5%2C0%2C0%2C0%2C2%2C6.5Zm0%2C2A.5.5%2C0%2C1%2C1%2C2.5%2C8%2C.5.5%2C0%2C0%2C1%2C2%2C8.5Z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M2%2C11.5A1.5%2C1.5%2C0%2C1%2C0%2C3.5%2C13%2C1.5%2C1.5%2C0%2C0%2C0%2C2%2C11.5Zm0%2C2a.5.5%2C0%2C1%2C1%2C.5-.5A.5.5%2C0%2C0%2C1%2C2%2C13.5Z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
.mceEditor.defaultSkin .mceIcon.mce_undo {
background-image: url('data:image/svg+xml; charset=utf8, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20width%3D%2224%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23778FAE%22%20d%3D%22M16%2014s-1.534-8.667-9.334-8.667V2L0%208l6.666%205.6V9.75C10.9%209.75%2013.8%2010.125%2016%2014z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
}
.mceEditor.defaultSkin .mceIcon.mce_redo {
background-image: url('data:image/svg+xml; charset=utf8, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20width%3D%2224%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23778FAE%22%20d%3D%22M0%2014s1.644-8.667%209.333-8.667L9.666%202%2016%208l-6.667%205.6V9.75C5.1%209.75%202.2%2010.125%200%2014z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
}
.mceEditor.defaultSkin .mceIcon.mce_link {
background-image: url('data:image/svg+xml; charset=utf8, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20width%3D%2224%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20transform%3D%22translate%280.000000%2C%20-1.000000%29%22%3E%3Cpath%20fill%3D%22%23778FAE%22%20d%3D%22M7.667%2C10.4687059%20C7.767%2C10.6014118%207.82%2C10.7585882%207.82%2C10.9232941%20C7.82%2C11.1350588%207.729%2C11.3411765%207.569%2C11.488%20L4.331%2C14.5383529%20C4.174%2C14.6889412%203.956%2C14.7764706%203.731%2C14.7764706%20C3.503%2C14.7764706%203.29%2C14.6917647%203.132%2C14.5402353%20L1.237%2C12.7529412%20C1.076%2C12.6061176%200.984%2C12.4%200.984%2C12.1882353%20C0.984%2C11.9755294%201.074%2C11.7750588%201.235%2C11.6254118%20L4.482%2C8.57317647%20C4.643%2C8.42823529%204.855%2C8.34729412%205.078%2C8.34729412%20C5.252%2C8.34729412%205.418%2C8.39623529%205.56%2C8.48658824%20L6.263%2C7.824%20C5.929%2C7.56988235%205.515%2C7.42964706%205.081%2C7.42964706%20C4.595%2C7.42964706%204.133%2C7.60470588%203.785%2C7.91811765%20L0.537%2C10.9712941%20C0.191%2C11.2969412%200%2C11.7308235%200%2C12.1910588%20C0%2C12.6456471%200.196%2C13.0898824%200.537%2C13.4098824%20L2.437%2C15.1981176%20C2.784%2C15.5247059%203.244%2C15.7035294%203.733%2C15.7035294%20C4.222%2C15.7035294%204.682%2C15.5247059%205.029%2C15.1981176%20L8.272%2C12.1458824%20C8.613%2C11.8249412%208.809%2C11.3807059%208.809%2C10.9261176%20C8.809%2C10.5129412%208.655%2C10.1214118%208.37%2C9.80705882%20L7.667%2C10.4687059%20Z%22%3E%3C%2Fpath%3E%3Cg%20transform%3D%22translate%286.000000%2C%200.645176%29%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.1636%2C2.57261176%20L8.9796%2C2.39472941%20L7.2696%2C0.786258824%20C6.9176%2C0.470023529%206.4566%2C0.295905882%205.9716%2C0.295905882%20C5.4856%2C0.295905882%205.0236%2C0.470023529%204.6746%2C0.784376471%20L1.4326%2C3.83755294%20C1.0856%2C4.16225882%200.8956%2C4.5952%200.8956%2C5.05637647%20C0.8956%2C5.46296471%201.0526%2C5.86202353%201.3306%2C6.17072941%20L2.0336%2C5.50908235%20C1.9346%2C5.37637647%201.8806%2C5.22014118%201.8806%2C5.05449412%20C1.8806%2C4.84272941%201.9726%2C4.63661176%202.1316%2C4.49072941%20L5.3726%2C1.4432%20C5.5316%2C1.28978824%205.7446%2C1.20508235%205.9726%2C1.20508235%20C6.1976%2C1.20508235%206.4156%2C1.29261176%206.5716%2C1.44131765%20L8.4706%2C3.22861176%20C8.6326%2C3.3792%208.7226%2C3.57967059%208.7226%2C3.79331765%20C8.7226%2C4.00414118%208.6306%2C4.21025882%208.4716%2C4.35708235%20L5.2246%2C7.40555294%20C5.0666%2C7.55614118%204.8486%2C7.64272941%204.6246%2C7.64272941%20C4.4526%2C7.64272941%204.2826%2C7.59002353%204.1416%2C7.49684706%20L3.4376%2C8.16037647%20C3.7686%2C8.42484706%204.1846%2C8.56884706%204.6236%2C8.56884706%20C5.1136%2C8.56884706%205.5736%2C8.39002353%205.9196%2C8.06343529%20L9.1636%2C5.01025882%20C9.5046%2C4.69025882%209.7006%2C4.24508235%209.7006%2C3.79143529%20C9.7006%2C3.33684706%209.5046%2C2.89261176%209.1636%2C2.57261176%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.9238%2C11.7664941%20C4.0008%2C11.9415529%204.1798%2C12.0535529%204.3808%2C12.0535529%20C4.5128%2C12.0535529%204.6358%2C12.0055529%204.7298%2C11.9170824%20L11.6698%2C5.38625882%20C11.7628%2C5.29872941%2011.8148%2C5.18202353%2011.8148%2C5.05778824%20C11.8148%2C4.93355294%2011.7628%2C4.81590588%2011.6698%2C4.72837647%20C11.5758%2C4.64084706%2011.4518%2C4.59190588%2011.3198%2C4.59190588%20C11.1878%2C4.59190588%2011.0638%2C4.64084706%2010.9698%2C4.72837647%20L4.0308%2C11.2592%20C3.8888%2C11.3928471%203.8468%2C11.5914353%203.9238%2C11.7664941%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E');
}
.mceEditor.defaultSkin .mceIcon.mce_code {
background-image: url('data:image/svg+xml; charset=utf8, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20width%3D%2224%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23778FAE%22%20d%3D%22M12%2011a.5.5%200%2001-.291-.907L14.64%208l-2.931-2.093a.5.5%200%2001.582-.814l3.5%202.5a.5.5%200%20010%20.814l-3.5%202.5A.5.5%200%200112%2011zM4%2011a.5.5%200%2001-.291-.093l-3.5-2.5a.5.5%200%20010-.814l3.5-2.5a.5.5%200%2011.582.814L1.36%208l2.931%202.093A.5.5%200%20014%2011zM6%2014a.514.514%200%2001-.171-.03.5.5%200%2001-.3-.641l4-11a.5.5%200%2011.94.342l-4%2011A.5.5%200%20016%2014z%22%2F%3E%3C%2Fsvg%3E');
}
.mceEditor.defaultSkin .mceIcon.mce_removeformat {
background-image: url('data:image/svg+xml; charset=utf8, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20width%3D%2224%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23778FAE%22%20d%3D%22M8%201a7%207%200%20110%2014A7%207%200%20018%201zm0-1a8%208%200%20100%2016A8%208%200%20008%200z%22%2F%3E%3Cpath%20d%3D%22M2.7%2013.3L13.3%202.7%22%20stroke%3D%22%23778FAE%22%2F%3E%3C%2Fsvg%3E');
}
.mceEditor.defaultSkin .mceIcon.mce_image {
background-image: url('data:image/svg+xml; charset=utf8, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20width%3D%2224%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cpath%20fill%3D%22%23778FAE%22%20d%3D%22M10.973%208.025a2.5%202.5%200%2010-2.5-2.5%202.5%202.5%200%20002.5%202.5zm0-4a1.5%201.5%200%2011-1.5%201.5%201.5%201.5%200%20011.5-1.5z%22%2F%3E%3Cpath%20fill%3D%22%23778FAE%22%20d%3D%22M15%201H1a1%201%200%2000-1%201v12a1%201%200%20001%201h14a1%201%200%20001-1V2a1%201%200%2000-1-1zm0%2013H1v-.924l4.6-4.5L9.568%2012.8l2.245-2.384%203.124%202.836a.471.471%200%2000.063.042zm0-2.054l-3.207-2.97-2.225%202.362L5.6%207.121%201%2011.67V2h14z%22%2F%3E%3C%2Fsvg%3E');
}
.mdl-type-selector {
width: auto;
margin: 0;
}
.mdl-type-selector__item {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
position: relative;
padding: 16px;
border: 1px solid #DDE1E5;
border-bottom: 0;
transition: background .3s ease-in-out;
}
.mdl-type-selector__item:first-of-type {
border-radius: 8px 8px 0 0;
}
.mdl-type-selector__item:last-of-type {
border-bottom: 1px solid #DDE1E5;
border-radius: 0 0 8px 8px;
}
.mdl-type-selector__item:hover,
.mdl-type-selector__item.active {
background: #f2f2f2;
}
.mdl-type-selector__item.active {
background: #f2f2f2;
}
.mdl-type-selector__item.active:before,
.mdl-type-selector__item.active:after {
position: absolute;
right: -12px;
top: 50%;
transform: translateY(-50%);
content: '';
width: 0;
height: 0;
}
.mdl-type-selector__item.active:before {
border-top: 13px solid transparent;
border-bottom: 13px solid transparent;
border-left: 13px solid #DDE1E5;
right: -13px;
}
.mdl-type-selector__item.active:after {
border-top: 12px solid transparent;
border-bottom: 12px solid transparent;
border-left: 12px solid #f2f2f2;
}
.mdl-type-selector__item .mdl-icon svg {
color: #2C3548;
}
.mdl-type-selector__item-name {
margin-left: 16px;
color: #2C3548;
}
.mdl-type-selector__item-name:hover {
text-decoration: none;
}
.mdl-type-selector__item-help {
margin-left: auto;
}
.mdl-type-selector.-disabled {
color: #DDE1E5;
}
.mdl-type-selector.-disabled .mdl-type-selector__item-name {
color: #6B7587;
}
.mdl-type-selector.-disabled .mdl-type-selector__item.active:before,
.mdl-type-selector.-disabled .mdl-type-selector__item.active:after {
display: none;
}
.mdl-wysiwyg h2 {
font: 500
20px
"HCo Gotham"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-wysiwyg p {
line-height: 1.5;
}
.mdl-idea {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
margin: 0;
padding: 0;
border: 0;
border-radius: 8px;
box-shadow: 0 3px 5px rgba(0,0,0,0.2);;
transition: box-shadow .5s ease-in-out;
}
.mdl-grid.-x1 .mdl-idea {
max-height: 160px;
min-height: 160px;
-ms-flex-direction: row;
flex-direction: row;
}
.mdl-grid.-x1 .mdl-idea-wrapper.-has-milestone .mdl-idea {
max-height: 192px;
}
.mod-selected .mdl-idea {
box-shadow: 0 0 0 2px #<<$voteBarCol>>;
}
.mdl-idea-wrapper {
float: none;
padding: 0;
}
.mdl-idea__content {
position: relative;
padding: 16px;
-ms-flex: 1;
flex: 1;
height: auto;
min-height: none;
overflow: hidden;
max-height: 170px;
}
.noimage .mdl-idea__content {
max-height: 313px;
}
.mdl-idea__status + .mdl-idea__content-wrapper > .mdl-idea__content {
max-height: 138px;
}
.mdl-idea__status + .mdl-idea__content-wrapper.noimage > .mdl-idea__content {
max-height: 281px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.mdl-idea__content {
max-height: none !important
}
}
.mdl-grid.-x1 .mdl-idea__content {
padding: 12px;
padding-bottom: 0;
}
.mdl-idea__content-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex: 1;
flex: 1;
}
.mdl-idea__body {
font: 400
14px
/
1.3
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-grid.-x1 .mdl-idea__body {
/* max-height: 38px; */
margin: 0;
}
.mdl-idea__image {
margin: 0;
}
.mdl-idea__title {
margin-bottom: 12px;
font: 500
16px
"HCo Gotham"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
text-align: center;
text-transform: none;
}
.mdl-grid.-x1 .mdl-idea__title {
margin-bottom: 12px;
text-align: left;
}
.mdl-idea__title a {
text-decoration: none;
color: #2C3548;
}
.mdl-idea__details {
position: static;
width: 100%;
max-height: 24px;
margin-top: auto;
margin-bottom: 16px;
padding: 0 16px;
font: 400
12px
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-idea__status {
display: -ms-flexbox;
display: flex;
position: relative;
top: auto;
left: auto;
-ms-flex-align: center;
align-items: center;
padding: 4px 12px;
}
.mdl-grid.-x1 .mdl-idea__status {
position: absolute;
}
.mdl-grid.-x1 .mdl-idea__status ~ .mdl-idea__image,
.mdl-grid.-x1 .mdl-idea__status ~ .mdl-idea__content-wrapper,
.mdl-grid.-x1 .mdl-idea__status ~ .mdl-idea__author {
margin-top: 32px;
}
.mdl-idea__status-tip {
position: static !important;
margin-left: auto;
}
.mdl-idea__author {
display: none;
-ms-flex-direction: column;
flex-direction: column;
width: 100px;
padding: 16px;
text-align: center;
color: #6B7588;
}
.mdl-grid.-x1 .mdl-idea__author {
display: -ms-flexbox;
display: flex;
}
.mdl-idea__author-avatar {
float: none;
margin: 0 auto 8px;
}
.mdl-idea__author-info {
font: 400
12px
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-idea__footer {
display: -ms-flexbox;
display: flex;
position: static;
width: auto;
height: auto;
min-height: 70px;
margin-top: 0;
padding: 16px 0;
margin: 0 16px;
border-top: 1px solid #DDE1E5;
z-index: 300;
}
.mdl-grid.-x1 .mdl-idea__footer {
position: static;
min-height: 0;
margin-top: auto;
padding-top: 12px;
}
.mdl-idea__label-wrap {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.mdl-idea__countdown {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
min-width: 58px;
padding: 0 3px;
margin: 0;
border-radius: 8px 0 0 8px;
}
.mdl-idea__countdown-value {
font: 400
16px
"HCo Gotham"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
font-weight: 500;
}
.mdl-idea__countdown-label {
font: 400
10px
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-idea__countdown-details {
bottom: 45px;
background: #778FAE;
border-radius: 8px;
font: 400
12px
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-idea__countdown-closed {
color: #2C3548;
padding: 0;
}
.mdl-idea__clock {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-bottom: 16px;
}
.mdl-idea__clock-container {
width: 200px;
border-radius: 8px;
background: #6B7588;
box-shadow: 0 3px 5px rgba(0,0,0,0.2);;
}
.mdl-idea__clock-arrow {
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-top: 12px solid #6B7588;
}
.mdl-idea__clock-title {
text-align: left;
font: 500
16px
"HCo Gotham"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-idea__clock-item {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
min-width: 25%;
}
.mdl-idea__clock-value {
font: 400
28px
"HCo Gotham"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
letter-spacing: -1px;
}
.mdl-idea__clock-label {
font: 400
12px
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-idea__vote {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.mdl-idea__vote-wrap {
margin-top: 0;
border-radius: 8px;
}
.mdl-idea__vote-wrap-stars .mdl-icon {
color: #<<$voteBarInactiveCol>>;
}
.mdl-idea__vote-trigger {
}
.mdl-idea__vote-stars {
color: #<<$voteBarTextCol>> !important;
}
.mdl-idea__vote-stars .mdl-icon.active {
color: #<<$voteBarTextCol>>;
}
.mdl-idea__vote-points-trigger,
.mdl-idea__vote-points-wrapper {
position: static;
height: auto;
width: auto;
top: 0;
background: none;
border: 0;
border-radius: 0;
}
.mdl-idea__vote-points-wrapper {
padding: 0 8px;
background: #EAECFF;
/* border: 1px solid var(--color-line); */
border-radius: 8px;
}
.mdl-idea__vote-points-trigger {
min-height: 100%;
font: 400
10px
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-idea__vote-points-trigger span.score {
color: #2C3548;
}
.mdl-idea__vote-points-popup {
background: #FFFFFF;
}
.mdl-idea__vote-points-popup-wrapper {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.mdl-idea__vote-points-popup-wrapper .mdl-icon {
margin-left: 2px;
}
.mdl-idea__vote-points-popup-wrapper ul {
white-space: nowrap;
}
.mdl-idea__vote-points-popup-wrapper ul li {
display: inline-block;
background: #EAECFF;
margin: 0;
padding: 0px;
cursor: pointer;
}
.mdl-idea__vote-points-popup-wrapper ul li:first-child {
border-radius: 8px 0 0 8px;
}
.mdl-idea__vote-points-popup-wrapper ul li:last-child {
border-radius: 0 8px 8px 0;
}
.mdl-idea__vote-button {
margin-left: 4px;
vertical-align: middle;
}
.mdl-idea__vote-button svg {
color: #9B9B9B;
}
.mdl-idea__vote-button.active svg {
color: #<<$buttonCol>>;
}
.mdl-idea__vote-count {
height: auto;
font: 400
10px
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
color: #<<$voteBarTextCol>> !important;
border-radius: 8px;
}
.mdl-idea__vote-count.b-idea__vote-count--timed {
border-radius: 0 8px 8px 0;
}
.mdl-idea__vote-count:after {
top: 50%;
transform: translateY(-50%);
}
.mdl-idea__vote-count-value {
font: 500
14px
/
1.3
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-idea__vote-stars {
padding: 0;
}
.mdl-idea__comment {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-left: auto;
padding-top: 0;
line-height: 1;
white-space: nowrap;
font: 400
12px
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
color: #6B7588;
}
.mdl-idea__comment .mdl-icon {
margin-right: 4px;
}
.mdl-idea__comment .mdl-icon svg {
color: #9B9B9B;
}
.mdl-idea-stream, .mdl-idea-stream * {
box-sizing: border-box;
}
.mdl-idea-stream + .mdl-idea-stream {
margin-top: 24px;
}
.mdl-idea-stream__description {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding: 8px;
}
.mdl-idea-stream__description-explanation.mdl-icon {
color: #9B9B9B;
min-width: 16px;
}
.mdl-idea-stream__description-date {
margin: 0 8px 0 auto;
font: 400
12px
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
white-space: nowrap;
}
.mdl-idea-stream__description .mdl-avatar {
margin-right: 8px;
}
.mdl-idea-stream__meta {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
width: 100%;
max-width: 100%;
padding: 8px;
font: 400
12px
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-idea-stream__meta-action {
margin-right: 8px;
}
.mdl-idea-stream.mdl-panel,
.mdl-idea-stream .mdl-panel {
padding: 16px;
}
.mdl-idea-stream.mdl-panel__body p, .mdl-idea-stream .mdl-panel__body p {
margin: 0;
}
.mdl-idea-stream.mdl-panel__header, .mdl-idea-stream .mdl-panel__header {
margin: 0;
padding: 0;
}
.mdl-idea-stream.mdl-panel__subheader, .mdl-idea-stream .mdl-panel__subheader {
margin-bottom: 12px;
}
.mdl-idea-stream.mdl-panel {
padding: 8px;
}
.mdl-messaging {
height: 75vh;
display: -ms-flexbox;
display: flex;
border: 1px solid #DDE1E5;
border-radius: 8px;
overflow: hidden;
}
.mdl-messaging, .mdl-messaging * {
box-sizing: border-box;
}
.mdl-messaging__list {
margin: 0;
list-style: none;
}
.mdl-messaging__list-container {
width: 33.333%;
border-right: 1px solid #DDE1E5;
overflow-y: auto;
}
.mdl-messaging__list-item {
display: -ms-flexbox;
display: flex;
padding: 8px;
cursor: pointer;
}
.mdl-messaging__list-item + .mdl-messaging__list-item {
border-top: 1px solid #DDE1E5;
}
.mdl-messaging__list-item.-new {
display: -ms-flexbox;
display: flex;
height: 54px;
}
.mdl-messaging__list-item.-new .mdl-button {
white-space: nowrap;
}
.mdl-messaging__list-item.selected {
background: #EAECFF;
}
.mdl-messaging__list-item .recipientNames {
display: none;
}
.mdl-messaging__list-item-meta {
font: 400
10px
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-messaging__list-item-preview {
font: 400
14px
/
1.3
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-messaging__list-item-users {
font: 500
14px
/
1.3
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-messaging__list-item-mosaic {
width: 43px;
min-width: 43px;
height: 43px;
min-height: 43px;
border-radius: 8px;
overflow: hidden;
}
.mdl-messaging__list-item-mosaic.recipientMosaic_2 .image_2 {
background-size: 44px;
}
.mdl-messaging__list-item-mosaic div {
background-size: 100%;
}
.mdl-messaging__list-item-mosaic div.image_1 {
background-size: 44px;
}
.mdl-messaging__message {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
}
.mdl-messaging__message.-from {
margin-left: auto;
}
.mdl-messaging__message.-from .mdl-messaging__message-info {
-ms-flex-pack: end;
justify-content: flex-end;
}
.mdl-messaging__message.-from .mdl-messaging__message-body {
margin-left: auto;
margin-right: 0;
background: #EAECFF99;
border-radius: 8px 8px 8px 8px
}
.mdl-messaging__message.-from .mdl-messaging__message-meta {
}
.mdl-messaging__message + .mdl-messaging__message {
margin-top: 20px;
}
.mdl-messaging__message-body {
max-width: 90%;
margin-right: auto;
padding: 8px;
border-radius: 8px 8px 8px 8px;
background: #EAECFF;
}
.mdl-messaging__message-info {
display: -ms-flexbox;
display: flex;
margin: 8px 0 0 0;
-ms-flex-align: center;
align-items: center;
}
.mdl-messaging__message-meta {
-ms-flex-order: 2;
order: 2;
margin-left: 8px;
font: 400
10px
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-messaging__message-author {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.mdl-messaging__message-author img {
margin-right: 8px;
}
.mdl-messaging__messages {
-ms-flex-order: 2;
order: 2;
-ms-flex: 1;
flex: 1;
overflow: auto;
margin: 0;
padding: 16px;
list-style: none;
}
.mdl-messaging__messages-container {
display: -ms-flexbox;
display: flex;
-ms-flex: 1;
flex: 1;
-ms-flex-direction: column;
flex-direction: column;
}
.mdl-messaging__reply {
-ms-flex-order: 3;
order: 3;
margin-top: auto;
border-top: 1px solid #DDE1E5;
}
.mdl-messaging__reply-container {
display: -ms-flexbox;
display: flex;
height: 46px;
max-height: 220px;
}
.mdl-messaging__reply-container .mdl-form__input.-textarea {
height: 100%;
min-height: unset;
background: none;
border: 0;
box-shadow: none;
}
.mdl-messaging__reply-container .mdl-button {
height: 100%;
width: 80px;
padding: 12px;
border: 0;
border-radius: 0;
transition: all .3s ease-in-out;
}
.mdl-messaging__recipients {
-ms-flex-order: 1;
order: 1;
position: relative;
}
.mdl-messaging__recipients .recipientNamesShort,
.mdl-messaging__recipients .lightGrey,
.mdl-messaging__recipients .lastUpdate {
display: none;
}
.mdl-messaging__recipients-existing {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
height: 55px;
padding: 8px;
border-bottom: 1px solid #DDE1E5;
}
.mdl-messaging__recipients-existing .mdl-messaging__list-item-preview {
font: 400
12px
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-messaging__recipients-existing .mdl-messaging__list-item-mosaic {
display: none;
}
.mdl-messaging__recipients-existing > * {
-ms-flex: 1;
flex: 1;
}
.mdl-messaging__recipients-existing > *:last-child {
-ms-flex: 0;
flex: 0;
margin-left: auto;
}
.mdl-messaging__recipients-inner {
padding: 10px;
border-bottom: 1px solid #DDE1E5;
}
.mdl-messaging__recipients-inner > * {
-ms-flex: 1;
flex: 1;
}
.mdl-messaging__recipients-inner .-right {
-ms-flex: unset;
flex: unset;
margin-left: auto;
}
.mdl-messaging__recipients .mdl-dropdown__items {
padding: 8px;
}
.mdl-messaging__recipients .mdl-form__group {
min-width: 100%;
}
.mdl-messaging__recipients .mdl-form__item {
width: 100%;
margin: 0;
}
.mdl-messaging__recipients .mdl-dropdown__items {
margin: 8px 0 0 8px;
}
.mdl-messaging__recipients .mdl-dropdown__items .userResult {
height: auto;
margin: 0;
padding: 2px 8px;
}
.mdl-messaging__recipients .mdl-dropdown__items .userResult:hover {
color: #<<$buttonTextCol>>;
background: #<<$buttonCol>>;
}
.mdl-messaging__recipients .recipient {
display: inline-block;
margin-top: 8px;
padding: 2px 12px;
background: #FFFFFF;
border: 1px solid #DDE1E5;
border-radius: 8px;
}
.mdl-messaging__recipients .recipient + .recipient {
margin-left: 8px;
}
.mdl-profile-box {
display: -ms-flexbox;
display: flex;
}
.mdl-profile-box, .mdl-profile-box * {
box-sizing: border-box;
}
.mdl-profile-box__reputation {
-ms-flex: 1;
flex: 1;
-ms-flex-order: 1;
order: 1;
min-width: 230px;
margin-right: 20px;
overflow-y: auto;
}
.mdl-profile-box__stats-container {
-ms-flex: 1;
flex: 1;
-ms-flex-order: 2;
order: 2;
margin-right: 20px;
}
.mdl-profile-box__avatar {
-ms-flex-order: 3;
order: 3;
min-width: 250px;
margin-right: 0 !important;
}
.mdl-profile-box .statsBox {
margin-right: 20px;
}
.mdl-profile-box__avatar,
.mdl-profile-box__stats {
border: 1px solid #DDE1E5 !important;
border-radius: 8px;
min-height: 250px;
}
.mdl-profile-box__avatar {
float: none;
overflow: hidden;
}
.mdl-profile-box__avatar .loaderBG {
border-radius: 8px;
overflow: hidden;
}
.mdl-profile-box__avatar img {
width: 100%;
border-radius: 8px;
}
.mdl-profile-box__actions {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-ms-flex-align: center;
align-items: center;
right: 16px;;
bottom: 16px;
}
.mdl-profile-box__actions > * {
margin-left: 16px;
}
.mdl-profile-box__actions .mdl-dropdown__items {
padding: 0;
}
.mdl-profile-box__reputation h3 {
font: 400
24px
"HCo Gotham"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif !important;
margin-bottom: 8px;
}
.mdl-profile-box__reputation strong {
font: 500
14px
/
1.3
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif !important;
}
.mdl-profile-box__reputation small {
font: 400
12px
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif !important;
}
.mdl-profile-box .user-badges {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 8px;
}
.mdl-profile-box .user-badges h1,
.mdl-profile-box .user-badges h2,
.mdl-profile-box .user-badges h3,
.mdl-profile-box .user-badges h4,
.mdl-profile-box .user-badges h5,
.mdl-profile-box .user-badges h6 {
width: 100%;
}
.mdl-profile-box .user-badges img {
height: 48px;
margin: 1px;
width: 48px;
border: 0;
padding: 0;
}
.mdl-profile-box__stats {
width: auto;
max-width: unset;
padding: 12px;
}
.mdl-profile-box__stats.-following {
min-height: unset;
}
.mdl-profile-box__stats h3 {
font: 500
16px
"HCo Gotham"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif !important;
}
.mdl-profile-box__stats .rankInfo_right,
.mdl-profile-box__stats .rankInfo_left {
width: 50%;
}
.mdl-profile-box__stats .statItems {
border-top: 1px solid #DDE1E5;
margin-top: 11px;
padding-top: 11px;
}
.mdl-profile-box__stats .statItems .statItem {
width: 50%;
}
.mdl-profile-box__stats .statItems.-has-challenges .statItem:nth-child(2):after {
content: '';
display: table;
float: none;
clear: both;
}
.mdl-profile-box__stats .statItems.-has-challenges .statItem:nth-child(n+3) {
width: 33.33%;
}
.mdl-profile-box__stats .statItems a {
color: #2C3548;
}
.mdl-profile-box__stats .statItems .mdl-icon svg {
color: #9B9B9B;
}
.mdl-profile-box__stats .caps,
.mdl-profile-box__stats .name {
font: 400
14px
/
1.3
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif !important;
text-transform: none !important;
}
.mdl-profile-box__stats .bigRank {
font: 400
28px
"HCo Gotham"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif !important;
}
.mdl-profile-box__stats .value {
font: 500
18px
"HCo Gotham"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif !important;
}
.mdl-profile-box__stats .mdl-avatar {
background: transparent none no-repeat center center / 100%;
}
.mdl-vote {
display: -ms-flexbox;
display: flex;
border: 1px solid #DDE1E5;
border-radius: 8px;
overflow: hidden;
}
.mdl-vote, .mdl-vote > * {
box-sizing: border-box;
}
.mdl-vote-container > *:not(:only-child) {
margin-bottom: 24px;
}
.mdl-vote .num,
.mdl-vote .decimal,
.mdl-vote .out_of,
.mdl-vote .total_out_of,
.mdl-vote.-points,
.mdl-vote.-thumb {
font-family: "Gotham Book"
,
sans-serif;
}
.mdl-vote .num .mdl-vote__votes, .mdl-vote .decimal .mdl-vote__votes, .mdl-vote .out_of .mdl-vote__votes, .mdl-vote .total_out_of .mdl-vote__votes, .mdl-vote.-points .mdl-vote__votes, .mdl-vote.-thumb .mdl-vote__votes {
font-family: "Gotham Book"
,
sans-serif;
}
.mdl-vote.-thumb .mdl-vote__votes {
margin-bottom: 16px;
}
.mdl-vote.-scorecard,
.mdl-vote.-stars,
.mdl-vote.-points {
-ms-flex-direction: column;
flex-direction: column;
border-color: #DDE1E5;
}
.mdl-vote.-scorecard .mdl-icon + .mdl-icon, .mdl-vote.-stars .mdl-icon + .mdl-icon, .mdl-vote.-points .mdl-icon + .mdl-icon {
margin-left: 12px;
}
.mdl-vote.-scorecard .mdl-icon svg, .mdl-vote.-stars .mdl-icon svg, .mdl-vote.-points .mdl-icon svg {
color: #<<$voteBarInactiveCol>>;
}
.mdl-vote.-scorecard .mdl-icon.star-active,
.mdl-vote.-scorecard .mdl-icon.-active,
.mdl-vote.-stars .mdl-icon.star-active,
.mdl-vote.-stars .mdl-icon.-active,
.mdl-vote.-points .mdl-icon.star-active,
.mdl-vote.-points .mdl-icon.-active {
position: relative;
}
.mdl-vote.-scorecard .mdl-icon.star-active svg, .mdl-vote.-scorecard .mdl-icon.-active svg, .mdl-vote.-stars .mdl-icon.star-active svg, .mdl-vote.-stars .mdl-icon.-active svg, .mdl-vote.-points .mdl-icon.star-active svg, .mdl-vote.-points .mdl-icon.-active svg {
position: absolute;
color: #<<$buttonCol>>;
}
.mdl-vote.-scorecard .mdl-icon.star-active svg:not(:only-of-type), .mdl-vote.-scorecard .mdl-icon.-active svg:not(:only-of-type), .mdl-vote.-stars .mdl-icon.star-active svg:not(:only-of-type), .mdl-vote.-stars .mdl-icon.-active svg:not(:only-of-type), .mdl-vote.-points .mdl-icon.star-active svg:not(:only-of-type), .mdl-vote.-points .mdl-icon.-active svg:not(:only-of-type) {
color: #<<$voteBarInactiveCol>>;
}
.mdl-vote.-scorecard .mdl-icon.star-active svg:not(:only-of-type) + svg, .mdl-vote.-scorecard .mdl-icon.-active svg:not(:only-of-type) + svg, .mdl-vote.-stars .mdl-icon.star-active svg:not(:only-of-type) + svg, .mdl-vote.-stars .mdl-icon.-active svg:not(:only-of-type) + svg, .mdl-vote.-points .mdl-icon.star-active svg:not(:only-of-type) + svg, .mdl-vote.-points .mdl-icon.-active svg:not(:only-of-type) + svg {
color: #<<$buttonCol>>;
}
.mdl-vote.-scorecard .-inverted .mdl-icon svg, .mdl-vote.-stars .-inverted .mdl-icon svg, .mdl-vote.-points .-inverted .mdl-icon svg {
color: #EBEDF0;
}
.mdl-vote.-scorecard .-inverted .mdl-icon.star-active svg, .mdl-vote.-scorecard .-inverted .mdl-icon.-active svg, .mdl-vote.-stars .-inverted .mdl-icon.star-active svg, .mdl-vote.-stars .-inverted .mdl-icon.-active svg, .mdl-vote.-points .-inverted .mdl-icon.star-active svg, .mdl-vote.-points .-inverted .mdl-icon.-active svg {
color: #<<$buttonCol>>;
}
.mdl-vote.-none {
margin-bottom: 20px;
padding: 16px;
text-align: center;
}
.mdl-vote.-scorecard {
margin-bottom: 20px;
}
.mdl-vote.-scorecard .mdl-vote__score {
padding: 16px;
}
.mdl-vote.-scorecard .subheading {
background: #CED4DA !important;
}
.mdl-vote__actions {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
-ms-flex: 1;
flex: 1;
max-width: 86px;
}
.mdl-vote__action {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
-ms-flex: 1;
flex: 1;
padding-top: 0;
}
.mdl-vote__action .mdl-icon svg {
color: #778FAE;
}
.mdl-vote__action.-thumbs-up:not(:last-of-type) {
border-bottom: 1px solid #DDE1E5;
}
.mdl-vote__action.active.-star {
color: #<<$voteBarCol>>;
}
.mdl-vote__action.-voted {
background: #EAECFF80;
}
.mdl-vote__action-score {
margin-top: 8px;
color: #778FAE;
font: 500
14px
/
1.3
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-vote__votes {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-pack: center;
justify-content: center;
-ms-flex: 1;
flex: 1;
font: 500
18px
"HCo Gotham"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
padding: 24px;
color: #<<$voteBarTextCol>>;
}
.mdl-vote__votes-container {
padding: 24px;
}
.mdl-vote__votes-container p {
font: 400
16px
"Gotham Book"
,
sans-serif;
}
.mdl-vote__votes > span {
/* margin-bottom: var(--geo-s); */
color: #<<$voteBarTextCol>> !important;
}
.mdl-vote__votes-label {
font: 400
12px
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
color: #<<$voteBarTextCol>> !important;
}
.mdl-vote__votes-label.-your-score {
font: 400
14px
/
1.3
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-vote__votes-title {
text-transform: uppercase;
color: #<<$voteBarTextCol>> !important;
}
.mdl-vote__trigger-container {
margin: 12px 0;
}
.mdl-vote__points {
display: -ms-flexbox;
display: flex;
width: 100%;
margin: 0;
border-radius: 8px;
background: #EBEDF0;
list-style: none;
overflow: hidden;
}
.mdl-vote__points-container {
padding: 24px;
text-align: center;
background: none;
}
.mdl-vote__points-container > div {
background: none;
margin: 0;
width: 100%;
}
.mdl-vote__points-item {
-ms-flex: 1;
flex: 1;
padding: 4px 0;
}
.mdl-vote__points-item:hover {
cursor: pointer;
background-color: #6B7588 !important;
color: #FFFFFF;
}
.mdl-vote__points-item:first-of-type {
padding-left: 2px;
}
.mdl-vote__points-item:last-of-type {
padding-right: 2px;
}
.mdl-vote__points-item.active {
background-color: #6B7588;
color: #FFFFFF;
}
.mdl-vote__scorecard-results {
padding: 16px;
padding-bottom: 0;
text-align: center;
}
.mdl-vote__scorecard-results .mdl-button {
margin-top: 20px;
}
.mdl-vote__scorecard-meter {
border-radius: 8px;
overflow: hidden;
background: #EBEDF0;
}
.mdl-vote__scorecard-meter-label {
margin: 12px 0 8px;
text-align: left;
clear: both;
}
.mdl-vote__scorecard-meter-label-description {
margin-bottom: 16px;
}
.mdl-vote__scorecard-meter .bit {
background: #CED4DA !important;
}
.mdl-vote__scorecard-meter label:last-of-type {
text-indent: -9999rem;
}
.mdl-vote__scorecard-rating {
padding: 16px;
padding-top: 0;
text-align: center;
}
.mdl-vote__scorecard-rating .mdl-button {
margin-top: 12px;
}
.mdl-vote__scorecard-current * {
position: static;
float: none;
margin: 0;
padding: 0;
}
.mdl-vote__modal {
max-height: 700px;
padding: 20px;
overflow: auto;
}
.mdl-vote__modal-container {
/* styled on ID so everything is IMPORTANT! */
padding: 0 !important;
border-radius: 8px;
overflow: hidden !important;
min-height: 400px;
}
#sidebar_votebox > .mdl-alert {
margin: 0 0 24px;
}
.mdl-admin__title {
padding: 0;
margin-bottom: 24px;
}
.mdl-admin__title.-sub {
color: #2C3548;
margin-bottom: 4px;
}
.mdl-blog__header {
border-bottom: 1px solid #DDE1E5;
padding-bottom: 12px;
}
.mdl-blog__header__category {
margin-bottom: 12px;
}
.mdl-blog__sidebar {
margin: 0;
padding: 0 12px;
}
.mdl-blog__sidebar__panel {
background: #fff !important;
padding: 0 !important;
}
.mdl-blog__sidebar__panel .newPost_associatedItems {
margin-top: 10px;
}
.mdl-blog__comment__wrapper {
border: none;
}
.mdl-blog__content {
margin: 0;
padding: 12px;
}
.mdl-blog__content__box,
.mdl-blog__content__box__title-box {
border-bottom: 1px solid #DDE1E5 !important;
}
.mdl-blog__content__box__title-box {
padding: 12px 0;
}
.mdl-blog__cat + .mdl-blog__cat {
margin-top: 12px;
}
.mdl-blog__cat.selectedCategory a {
background-color: #<<$buttonCol>>;
color: #<<$buttonTextCol>>;
}
.b-challenges__results {
background: transparent;
}
.mdl-challenge-management-categories {
margin: 0;
}
.mdl-challenge-management-categories__item {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding: 16px;
border-bottom: 1px solid #DDE1E5;
}
.mdl-challenge-management-categories__handle {
-ms-flex-order: 1;
order: 1;
width: 5%;
cursor: ns-resize;
}
.mdl-challenge-management-categories__name {
-ms-flex-order: 2;
order: 2;
-ms-flex: 1;
flex: 1;
}
.mdl-challenge-management-categories__controls {
-ms-flex-order: 3;
order: 3;
display: -ms-flexbox;
display: flex;
width: 20%;
-ms-flex-align: center;
align-items: center;
margin-left: auto;
}
.mdl-challenge-management-categories__controls>* {
margin: 0 0 0 16px;
}
.mdl-challenge-management-categories__controls>*:last-child {
margin-left: auto;
}
.mdl-challenge-management__info {
margin-bottom: 24px;
border-radius: 8px;
background: rgb(235, 237, 240, 0.5);
}
.mdl-challenge-management__overlay {
position: relative;
top: -110px;
width: 924px;
padding: 24px;
border-radius: 8px;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
background: #FFFFFF;
z-index: 3;
}
.mdl-challenge-management__overlay-arrow {
top: -10px;
width: 0px;
height: 0px;
border-left: 10px solid transparent;
border-bottom: 10px solid #FFFFFF;
border-right: 10px solid transparent;
border-top: 0px;
position: absolute;
margin-top: 2px;
z-index: 4;
}
.mdl-challenge-management__table {
margin-bottom: 20px;
}
.listRow {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.listRow .categoryOptions {
white-space: nowrap;
margin-left: auto;
}
.mdl-challenges__title {
margin: 24px;
text-align: center;
}
.mdl-challenges .mdl-panel:hover .b-challenge__link-button.mdl-button.-primary {
padding: 8px 16px;
border-width: 1px;
}
.mdl-challenges .mdl-panel .b-challenge__link-button.mdl-button.-primary {
position: absolute;
display: block;
padding: 0;
border-width: 0;
}
.mdl-challenges .b-challenges--list-view .mdl-panel .b-challenge__link-button.mdl-button.-primary {
left: 340px;
}
.mdl-challenges .b-challenges--list-view .mdl-panel__button-container {
width: 380px;
left: 340px;
transform: none;
}
.mdl-challenge__list {
-ms-flex: 1;
flex: 1;
}
.mdl-challenge__list-container {
display: -ms-flexbox;
display: flex;
}
.mdl-challenge__stats,
.mdl-challenge__stats-item {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
.mdl-challenge__stats-item {
font: 400
16px
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
color: #9B9B9B;
}
.mdl-challenge__stats-item + .mdl-challenge__stats-item {
margin-left: 16px;
}
.mdl-challenge__brief {
margin-bottom: 24px;
font: 400
16px
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-challenge__brief-close {
display: none;
padding: 0;
border: 0;
}
.mdl-challenge__voting-wallet {
border-radius: 8px;
overflow: hidden;
}
.challengeSubscribeOptions button:before {
content: '';
display: block;
position: absolute;
left: 0;
width: 16px !important;
height: 16px !important;
padding: 0;
margin-right: 8px;
border: 1px solid #DDE1E5 !important;
border-radius: 3px;
background: #F8F9FA none no-repeat center center / 80% !important;
color: #4E5DCA;
box-shadow: none;
}
.challengeSubscribeOptions button.active:before {
background-image: url('data:image/svg+xml; charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2224%22%20width%3D%2224%22%20viewBox%3D%220%200%2016%2016%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M0%200h16v16H0z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%234E5DCA%22%20fill-rule%3D%22nonzero%22%20d%3D%22M13.01%203l-7.075%207.833L2.99%207.57%202%208.668l3.44%203.81.495.523.495-.524L14%204.096z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E') !important;
}
.mdl-community-settings__button {
margin-left: 0 !important;
}
.mdl-gamification__badge {
position: relative;
border-radius: 8px;
overflow: hidden;
}
.mdl-gamification__badge-image {
border-radius: 8px;
}
.mdl-gamification__badge-overlay {
position: relative;
height: 100%;
}
.mdl-gamification__badge-controls {
position: absolute;
bottom: 0;
width: 100%;
}
.mdl-gamification__badge-controls a {
box-sizing: border-box;
position: relative;
display: inline-block;
padding: 8px;
border-radius: 50%;
background: #FFFFFF;
transition: .2s transform ease-in-out;
}
.mdl-gamification__badge-controls a:hover {
transform: scale(1.4);
}
.mdl-gamification__badge-controls a + a {
margin-left: 12px;
}
.mdl-gamification__badge-controls a:nth-child(2) .mdl-icon svg {
color: #D51C26;
}
.mdl-gamification__badge-controls a .mdl-icon {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.mdl-gamification__badges {
margin-top: 20px;
}
.mdl-idea-details-wrapper {
padding: 0;
float: none;
}
.mdl-idea-details-wrapper, .mdl-idea-details-wrapper * {
box-sizing: border-box !important;
}
.mdl-idea-details-wrapper.mdl-grid.-gutterless .mdl-grid__col {
padding-top: 0;
}
.mdl-idea-details__content {
width: 100%;
float: none;
clear: both;
margin-left: 0;
margin-bottom: 24px;
font: 400
16px
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-idea-details__idea-body {
clear: both;
}
.mdl-idea-details__title {
margin: 0 0 20px;
}
.mdl-idea-details__info {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-bottom: 16px;
color: #6B7588;
}
.mdl-idea-details__info .mdl-avatar,
.mdl-idea-details__info-separator {
margin: 0 8px;
}
.mdl-idea-details__info a {
color: #2C3548;
}
.mdl-idea-details__report {
position: static;
float: right;
}
.mdl-idea-details__report div {
background: #D51C26 !important;
}
.mdl-idea-details__report .mdl-icon {
color: #2C3548;
}
.mdl-idea-details__report .mdl-icon.active {
color: #D51C26;
}
.mdl-alert + .mdl-idea-details__report {
display: none;
}
.mdl-idea-details__sidebar-section {
padding: 24px;
clear: both;
margin-bottom: 24px;
}
.mdl-idea-details__sidebar-section.-inverted {
overflow: hidden;
border-radius: 8px;
background: #FAFAFA;
}
.mdl-idea-details__sidebar-title {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin: 0;
font: 500
16px
"HCo Gotham"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-idea-details__sidebar-title .mdl-button {
position: relative;
margin-left: auto;
margin-right: 8px;
min-width: unset;
width: auto;
height: auto;
}
.mdl-idea-details__sidebar-title .mdl-button .mdl-icon svg {
color: #2C3548;
}
.mdl-idea-details__sidebar-content {
margin: 16px 0 0 0;
}
.mdl-idea-details__sidebar-content.-flex {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.mdl-idea-details__sidebar-content.-flex .mdl-button {
margin: 0 8px 8px 0;
padding-left: 20px;
}
.mdl-idea-details__sidebar-content.-flex .mdl-button .mdl-icon {
min-height: 12px;
min-width: 12px;
height: 12px;
width: 12px;
left: 6px;
}
.mdl-idea-details__sidebar-voter {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
padding: 2px 4px 2px 2px;
background: #EAECFF;
border-radius: 8px;
}
.mdl-idea-details__sidebar-voter-value {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
margin: 0 4px;
}
.mdl-idea-details__sidebar-voter-value .mdl-icon {
margin: 0 4px 0 0;
}
.mdl-idea-details__sidebar-stats {
margin: 0;
}
.mdl-idea-details__sidebar-stats-item {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
padding: 0 0 8px 0;
font: 400
12px
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-idea-details__sidebar-stats-name .mdl-icon {
margin-right: 8px;
color: #9B9B9B;
}
.mdl-idea-details__sidebar-stats-value {
margin-left: auto;
}
.mdl-idea-details__stats {
margin-bottom: 12px;
border-bottom: 1px solid #DDE1E5;
}
.mdl-idea-details__stat {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-bottom: 12px;
font: 400
12px
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-idea-details__stat .mdl-icon {
color: #9B9B9B;
margin-right: 2px;
}
.mdl-idea-details__stat-bar {
-ms-flex: 1;
flex: 1;
height: 8px;
margin: 0 8px;
border-radius: 8px;
}
.mdl-idea-details__stat-bar-inner {
background: #<<$voteBarCol>>;
height: 100%;
min-width: 1%;
}
.mdl-idea-details__joint-lead {
position: relative;
z-index: 1;
}
.mdl-idea-details__joint-authors {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
height: 24px;
width: 24px;
margin-left: 12px;
font: 400
10px
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
z-index: 0;
}
.mdl-idea-details__joint-list {
width: 190px;
padding: 16px;
background: #FFFFFF;
border-radius: 8px;
box-shadow: 0 3px 5px rgba(0,0,0,0.2);
z-index: 999;
}
.mdl-idea-details__joint-list h4 {
margin: 0;
margin-bottom: 12px;
padding: 0;
text-transform: none;
font: 500
14px
"HCo Gotham"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
color: #2C3548;
}
.mdl-idea-details__joint-list ul {
margin: 0;
padding: 0;
}
.mdl-idea-details__joint-list ul li {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
font: 400
14px
/
1.3
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-idea-details__joint-list .b-single-idea__author-list-arrow {
border-top-color: #FFFFFF;
}
.mdl-idea-post {
display: -ms-flexbox;
display: flex;
-ms-flex: 1;
flex: 1;
height: 100%;
overflow: hidden;
}
@media (max-width: 640px) {
.mdl-idea-post {
-ms-flex-direction: column;
flex-direction: column
}
}
.mdl-idea-post-container {
width: 90%;
max-width: 940px;
max-height: 1135px;
left: 50%;
transform: translateX(-50%);
margin: 0;
border-radius: 8px;
overflow: hidden;
}
.mdl-idea-post-container-external {
height: 100%;
width: 100%;
transform: translateX(-50%);
margin: 0;
top: 0;
overflow: visible;
}
.mdl-idea-post__category {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
position: static;
-ms-flex: 1;
flex: 1;
width: auto;
max-width: 40%;
}
@media (max-width: 640px) {
.mdl-idea-post__category {
max-width: 100%;
-ms-flex: 0;
flex: 0;
-ms-flex-direction: row;
flex-direction: row
}
}
.mdl-idea-post__category-image {
float: none;
}
@media (max-width: 640px) {
.mdl-idea-post__category-image {
max-width: 50%
}
}
.mdl-idea-post__category-info {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex: 1;
flex: 1;
float: none;
padding: 24px;
overflow-y: auto;
}
.mdl-idea-post__category-info-title {
font: 500
16px
"HCo Gotham"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
text-align: center;
margin-bottom: 24px;
padding: 0;
color: #FFFFFF;
}
.mdl-idea-post__category-description {
font: 400
14px
/
1.3
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
text-align: center;
margin-bottom: 24px;
}
.mdl-idea-post__category-description p {
margin: 0;
}
.mdl-idea-post__category-description p + .mdl-idea-post__category-description p {
margin-bottom: 16px;
}
.mdl-idea-post__category-actions {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
-ms-flex: 1;
flex: 1;
}
.mdl-idea-post__category-actions .mdl-button:hover {
background: rgba(255, 255, 255, 0.8);
}
.mdl-idea-post__category-actions .mdl-button.-tertiary {
color: #FFFFFF;
}
.mdl-idea-post__category-action.-change {
margin-top: auto;
margin-left: 0;
}
.mdl-idea-post__category-action.-change:hover {
background: none;
text-decoration: underline;
}
.mdl-idea-post__category-select {
padding: 24px 0;
}
.mdl-idea-post__category-select .mdl-tabs ul {
display: -ms-flexbox;
display: flex;
margin: 0;
}
.mdl-idea-post__category-select .mdl-tabs ul li {
list-style: none;
white-space: nowrap;
padding: 8px;
color: #FFFFFF;
}
.mdl-idea-post__form {
position: relative;
left: auto;
width: auto;
-ms-flex: 1;
flex: 1;
padding: 0;
padding-bottom: 68px;
overflow: hidden;
}
.mdl-idea-post__form-inner {
height: 100%;
overflow: auto;
padding: 24px;
}
.mdl-idea-post__form-title {
font: 500
18px
"HCo Gotham"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
margin: 0 0 24px;
}
.mdl-idea-post__button-row {
position: absolute;
height: 68px;
padding: 16px 42px 16px 16px;
line-height: 1;
border-top: 1px solid #DDE1E5;
}
.mdl-idea-post__button-row .mdl-button {
margin-left: 16px;
}
.mdl-idea-post__joint {
display: -ms-flexbox;
display: flex;
margin: 0;
margin-bottom: 20px;
}
.mdl-idea-post__joint-container {
padding-bottom: 0;
}
.mdl-idea-post__joint-container .mdl-form__group:last-of-type {
border-bottom: 1px solid #DDE1E5;
margin-bottom: 20px;
}
.mdl-idea-post__joint-item {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex: 1;
flex: 1;
float: none;
width: auto;
padding: 16px;
border-radius: 8px 0 0 8px;
border: 1px solid #DDE1E5;
list-style: none;
}
.mdl-idea-post__joint-item + .mdl-idea-post__joint-item {
border-radius: 0 8px 8px 0;
border-left: 0;
}
.mdl-idea-post__joint-item > * + * {
margin-left: 16px;
}
.mdl-idea-post__joint-item.-multiple > * + * {
margin-left: 32px;
}
.mdl-idea-post__joint-item.active {
background: #EAECFF;
}
.mdl-idea-post__joint-item.active:before,
.mdl-idea-post__joint-item.active:after {
position: absolute;
bottom: -12px;
left: 50%;
transform: translateX(-50%);
content: '';
width: 0;
height: 0;
}
.mdl-idea-post__joint-item.active:before {
border-left: 13px solid transparent;
border-right: 13px solid transparent;
border-top: 13px solid #DDE1E5;
bottom: -13px;
}
.mdl-idea-post__joint-item.active:after {
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-top: 12px solid #EAECFF;
}
.mdl-idea-post__joint-title,
.mdl-idea-post__joint-description {
padding: 0;
}
.mdl-idea-post__joint-title {
font: inherit;
font-weight: 500;
}
.mdl-login {
margin-bottom: 24px;
}
.mdl-login__header {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-bottom: 24px;
}
.mdl-login__title {
margin: 0;
padding: 0;
}
.mdl-login__image + .mdl-login__title {
margin-left: 16px;
}
.mdl-login__footer {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-top: 16px;
padding: 12px;
border-top: 1px solid #DDE1E5;
}
.mdl-login__footer .mdl-button {
margin-left: auto;
}
.mdl-login__footer p {
margin: 0;
}
.mdl-login .mdl-type-selector__item {
cursor: pointer;
}
.mdl-login .mdl-type-selector__item-name {
font-weight: 500;
}
.mdl-pages-cms__nav {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
clear: both;
margin-bottom: 24px;
padding: 0;
background: #<<$voteBarCol>>;
border-radius: 8px;
}
.mdl-pages-cms__nav-items {
padding: 0;
list-style: none;
}
.mdl-pages-cms__nav-item {
display: inline-block;
position: relative;
padding: 8px;
cursor: col-resize;
white-space: nowrap;
}
.mdl-pages-cms__nav-item:first-of-type {
background: none;
}
.mdl-pages-cms__nav-item.selected {
background: #<<$voteBarCol>>;
}
.mdl-pages-cms__nav-link {
color: #<<$voteBarTextCol>>;
}
.mdl-pages-cms__nav-link.-hidden {
color: #DDE1E5 !important;
font-style: italic;
}
.mdl-pages-cms__panel {
border: 0;
}
.mdl-pages-cms__panel-header {
padding: 8px 12px;
background: #6B7588;
border-radius: 8px 8px 0 0;
}
.mdl-pages-cms__panel-header .mdl-form__item {
color: #2C3548;
}
.mdl-pages-cms__panel-content {
-ms-flex: 1 0 auto;
flex: 1 0 auto;
border: 1px solid #CED4DA;
border-radius: 0 0 8px 8px;
}
.mdl-pages-cms__panel-text {
border-radius: 8px;
}
.mdl-pages-cms__panel-text-preview {
margin-bottom: 12px;
padding: 8px 12px;
background: #F8F9FA;
border-radius: 8px;
}
.cwd-admin-panel-list .mdl-pages-cms__panel-header {
padding: 8px;
border-radius: 0;
}
.cwd-admin-panel-list .mdl-pages-cms__panel + .mdl-pages-cms__panel .mdl-pages-cms__panel-header {
margin-top: 0;
}
.mdl-people {
position: relative;
}
.mdl-people .mdl-form {
position: absolute;
z-index: 20;
right: 0;
top: 0;
transform: translateY(calc(-100% - 32px));
width: 400px;
padding: 0;
}
.mdl-people .mdl-form__item {
display: -ms-flexbox;
display: flex;
margin: 0;
}
.mdl-people .mdl-form__input {
-ms-flex: 1;
flex: 1;
}
.mdl-people .mdl-form .mdl-button {
margin-left: 12px;
min-width: 60px;
}
.mdl-people__info {
font: 400
14px
/
1.3
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif !important;
color: #2C3548 !important;
}
.mdl-people__info .caps {
text-transform: none !important;
}
.mdl-people__info .big {
font: 400
44px
"HCo Gotham"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif !important;
margin: 12px 0;
}
.mdl-people__alpha {
display: -ms-flexbox;
display: flex;
margin: 16px 0;
padding: 8px;
-ms-flex-align: center;
align-items: center;
list-style: none;
background: #EBEDF0;
background: #EBEDF080; /* 80 is .5 opacity in #rrggbbaa */
border-radius: 8px;
}
.mdl-people__alpha-item {
-ms-flex: 1;
flex: 1;
text-align: center;
}
.mdl-people__alpha-link {
padding: 8px;
border-radius: 8px;
}
.mdl-people__alpha-link.selected {
background: #6B7588;
color: #FFFFFF;
}
.mdl-people .mdl-panel .mdl-avatar {
margin: 0;
}
.mdl-phase__add {
position: static !important;
}
.mdl-phase__add.-right {
text-align: right;
}
.mdl-phase__summary .iconWidth {
position: relative;
padding: 0 !important;
}
.mdl-phase__summary .iconWidth svg {
position: absolute;
left: -4px;
top: 0px;
}
.mdl-phase__summary .iconWidth svg + svg {
left: 0;
}
.mdl-phase__summary .mdl-icon {
margin-right: 4px;
}
#phaseTimeline div.stageBorder {
background: rgb(235, 237, 240, 0.5);
}
#phaseTimeline div.stage.current .stageBorder {
border-color: #CED4DA;
}
.mdl-survey-management .mdl-tabs.-force-bottom ul li {
line-height: 39px;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.mdl-survey-management .mdl-tabs.-force-bottom ul li:after {
bottom: 6px;
}
.mdl-survey-management .mdl-tabs.-force-bottom ul li:hover {
cursor: pointer;
}
.mdl-survey-management .mdl-tabs.-force-bottom ul li:before {
content: '||';
display: inline-block;
margin-right: 8px;
cursor: ew-resize;
font-size: 10px;
}
.mdl-survey-management .mdl-tabs.-force-bottom ul li:last-of-type:before {
display: none;
}
.mdl-survey-management__page {
padding: 16px;
background: #FFFFFF;
}
.mdl-survey-management__page-delete {
margin-left: auto;
}
.mdl-survey-management__question {
padding: 12px;
border-radius: 8px;
border: none;
box-shadow: 0 3px 5px rgba(0,0,0,0.2);
}
.mdl-survey-management__question .mdl-form__header {
margin-top: 0;
}
.mdl-survey-management__question-types {
float: none;
list-style: none;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
margin: 0;
padding: 12px;
border-radius: 8px;
}
.mdl-survey-management__question-types.floating {
position: fixed;
top: 16px;
left: 50%;
transform: translateX(-50%);
background: #FFFFFF;
box-shadow: 0 3px 5px rgba(0,0,0,0.2);
z-index: 9;
}
.mdl-survey-management__question-type {
float: none;
padding: 16px 20px;
background: #EAECFF;
border: 1px solid #DDE1E5;
border-radius: 8px;
cursor: move;
font: 500
14px
/
1.3
"HCo Gotham Narrow"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-survey-management__drop-area {
background: #F5F6F7;
border: 2px dashed #DDE1E5;
border-radius: 8px;
transition: all .3s ease-in-out;
color: #6B7587;
}
.mdl-survey-management__drop-area .mdl-icon {
height: 40px;
width: 40px;
}
.mdl-survey-management__drop-area .mdl-icon svg {
color: inherit;
}
.mdl-survey-management__drop-area.-over {
background: #EAECFF;
border: 2px solid #DDE1E5;
color: #2C3548;
}
.mdl-survey-management__text {
border-radius: 8px;
padding: 8px 16px !important;
}
.mdl-survey-management__text-quote {
line-height: 14px !important;
vertical-align: bottom;
color: #778FAE;
}
.mdl-survey-management__bar {
background-color: #EAECFF !important;
}
.mdl-survey-management__bar-container {
border-radius: 8px 0 0 8px;
overflow: hidden;
}
.mdl-survey-management__bar-value {
background-color: #4E5DCA !important;
border-radius: 0 8px 8px 0;
}
.mdl-survey-management__bar-name {
}
.mdl-survey-management .mdl-form__input:not(.-s):not(.-radio):not(.-checkbox) {
min-width: 450px;
}
.mdl-survey-management .mdl-button.-destructive.-tertiary.-icon-only {
position: absolute;
bottom: 2px;
margin-left: 8px;
padding: 4px;
}
.mdl-user-challenges__list .mdl-panel {
display: -ms-flexbox;
display: flex;
position: relative;
height: 178px;
overflow: hidden;
}
.mdl-user-challenges__list .mdl-panel__image {
width: 33.33%;
height: auto;
background: transparent url('<<$vars.resourcesUrl>>challengeicon-default.svg') no-repeat center center / auto;
}
.mdl-user-challenges__list .mdl-panel__image a {
display: block;
width: 100%;
height: 100%;
}
.mdl-user-challenges__list .mdl-panel__body {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex: 1;
flex: 1;
}
.mdl-user-challenges__list .mdl-panel__body-content {
position: relative;
overflow: hidden;
}
.mdl-user-challenges__list .mdl-panel__body-content-overlay {
position: absolute;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
z-index: 1;
background: transparent linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 80%) no-repeat center center;
}
.mdl-user-challenges__list .mdl-panel__body-header h1,.mdl-user-challenges__list .mdl-panel__body-header h2,.mdl-user-challenges__list .mdl-panel__body-header h3 {
margin-bottom: 0;
}
.mdl-user-challenges__list .mdl-panel__footer {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
margin-top: auto;
}
.mdl-user-challenges__list .mdl-panel__footer > *:last-child {
margin-left: auto;
}
.mdl-user-challenges__list .mdl-panel__stat {
margin-right: 12px;
}
.mdl-user-management__filters {
margin-bottom: 20px;
}
.mdl-user-management__groups {
margin: 0 0 16px;
border: 1px solid #EAECFF;
border-radius: 8px;
overflow: hidden;
}
.mdl-user-management__groups-item {
display: -ms-flexbox;
display: flex;
position: relative;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: center;
align-items: center;
padding: 8px 16px;
background-color: #FFFFFF;
cursor: pointer;
}
.mdl-user-management__groups-item ~ .mdl-user-management__groups-item {
border-top: 1px solid #EAECFF;
}
.mdl-user-management__groups-item.selected {
background-color: #EAECFF;
}
.mdl-user-management__groups-item .loading-indicator {
position: absolute;
right: 16px;
top: 50%;
transform: translateY(-50%);
}
.mdl-user-management__groups-item-controls {
width: 100%;
}
.mdl-widgets__progress {
display: -ms-flexbox;
display: flex;
margin-bottom: 24px;
}
.mdl-widgets__progress-item {
-ms-flex: 1;
flex: 1;
position: relative;
padding: 0;
border: 1px solid #DDE1E5;
border-left: 0;
text-align: center;
}
.mdl-widgets__progress-item:first-child {
border-left: 1px solid #DDE1E5;
border-radius: 8px 0 0 8px;
}
.mdl-widgets__progress-item:last-child {
border-radius: 0 8px 8px 0;
}
.mdl-widgets__progress-item.active-step {
background: #EAECFF;
}
.mdl-widgets__progress-item.active-step:before,
.mdl-widgets__progress-item.active-step:after {
position: absolute;
bottom: -12px;
left: 50%;
transform: translateX(-50%);
content: '';
width: 0;
height: 0;
}
.mdl-widgets__progress-item.active-step:before {
border-left: 13px solid transparent;
border-right: 13px solid transparent;
border-top: 13px solid #DDE1E5;
bottom: -13px;
}
.mdl-widgets__progress-item.active-step:after {
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-top: 12px solid #EAECFF;
}
.mdl-widgets__progress-item a {
display: block;
height: 100%;
padding: 16px;
color: #2C3548;
}
.mdl-widgets__row {
}
.mdl-widgets__theme-item {
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex: 1;
flex: 1;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 16px;
margin: 0;
border: 1px solid #DDE1E5;
border-radius: 8px;
transition: background .3s ease-in-out;
}
.mdl-widgets__theme-item:hover {
background: #EAECFF
}
.mdl-widgets__theme-item h3 {
margin: 16px 0;
}
.mdl-widgets__theme-item .mdl-icon {
color: #778FAE;
}
.mdl-widgets__theme-item p {
margin-bottom: 0;
}
.mdl-widgets__schemes {
box-sizing: border-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
list-style: none;
}
.mdl-widgets__schemes-item {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
width: calc(33% - 29px);
padding: 24px 0;
border-width: 3px !important;
margin: 10px;
cursor: pointer;
border-radius: 8px;
}
.mdl-widgets__code .mdl-form__input {
width: 95%;
max-width: 95%;
min-height: 250px;
font-family: monospace;
}