:root {
/* alerts / notifications */
/* shades */
/* structure */
/* ACCESSIBILITY - below color meets the standard of 3:1 to a white background */
/* forms */
}
:root {
/* reference: https://medallia-alchemy.com/latest/react/theme-helpers/typeStyle/ */
}
body {
font: 400
14px
/
1.3
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
p {
line-height: 1.5;
}
/* type styles classes */
.type-style-displayL {
font: 400
68px
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.type-style-displayM {
font: 400
44px
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.type-style-displayS {
font: 400
28px
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.type-style-headerXL {
font: 400
32px
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.type-style-headerL {
font: 400
24px
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.type-style-headerM {
font: 700
20px
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.type-style-headerS {
font: 700
18px
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.type-style-subHeaderL {
font: 400
20px
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.type-style-subHeaderM {
font: 700
16px
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.type-style-subHeaderS {
font: 700
14px
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.type-style-dataL {
font: 400
36px
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.type-style-dataM {
font: 400
28px
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.type-style-dataS {
font: 400
16px
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.type-style-bodyL {
font: 400
16px
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.type-style-bodyM {
font: 700
14px
/
1.3
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.type-style-bodyS {
font: 400
14px
/
1.3
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.type-style-actionM {
font: 700
14px
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.type-style-labelL {
font: 700
14px
/
1.3
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.type-style-labelM {
font: 400
14px
/
1.3
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.type-style-captionM {
font: 400
12px
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.type-style-captionS {
font: 400
10px
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-grid, .mdl-grid > * {
box-sizing: border-box;
}
.mdl-grid {
display: flex;
flex-wrap: wrap;
}
.mdl-grid > *, .mdl-grid.-x1 > * {
width: 100%;
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);
flex-basis: auto;
margin: 16px;
}
.mdl-grid.-x3 > * {
width: calc(33.333% - 32px);
}
.mdl-grid .-o1 {
order: 1;
}
.mdl-grid .-o2 {
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: flex;
flex-direction: column;
justify-content: center;
margin: 16px 0;
padding: 8px 12px;
border-radius: 8px;
background-color: #EAF3FF;
border: 1px solid #B9DFFF;
font: 400
14px
/
1.3
"Nunito"
,
-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: 700
14px
"Nunito"
,
-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;
}
.mdl-avatar.-circle {
border-radius: 50%
}
.b-single-post__tag-users--results,
.b-single-post__tag-tags--results {
background: #fff;
padding-bottom: 10px;
border: 1px solid #65788B;
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;
}
.mdl-banner__text .title {
font-size: 28px;
font-weight: bold;
}
.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
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-badge__awarded {
font: 400
12px
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif !important;
}
.mdl-badge__awarded .awardedValue {
font-weight: 700;
}
.mdl-badge__preview-container {
border-radius: 8px;
border: 1px solid #65788B;
}
.mdl-badge-stock *, .mdl-badge-stock {
box-sizing: border-box;
}
.mdl-badge-stock__row {
display: flex;
flex-flow: row wrap;
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 #65788B;
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: flex;
align-items: center;
width: 160px;
padding: 16px;
background: #10172A;
border: 0;
color: #FFFFFF;
cursor: pointer;
}
.mdl-badge-stock__row .mdl-badge.-upload > div {
display: flex;
align-items: 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;
}
@media (min-width: 450px) {
.mdl-badge__score {
border-left: 1px solid #65788B !important;
}
}
.mdl-block-list, .mdl-block-list * {
box-sizing: border-box;
}
.mdl-block-list {
margin: 0;
}
.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: flex;
align-items: center;
border-bottom: 1px solid #F5F6F7;
line-height: 1.4;
}
.mdl-block-list__item-controls {
position: relative;
order: 1;
width: 24px;
padding: 16px 12px;
color: #65788B;
}
.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: flex;
width: 50%;
/* align-items: center; */
order: 2;
padding: 16px;
font: 400
14px
/
1.3
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
line-height: 1.4;
}
.mdl-block-list__item-content-action {
font: 700
14px
/
1.3
"Nunito"
,
-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: 700;
}
.mdl-block-list__item-meta {
align-self: center;
order: 3;
padding: 16px;
}
.mdl-block-list__item-actions {
display: flex;
align-items: center;
flex-wrap: nowrap;
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: 700
14px
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
line-height: 1.35;
transition: background .3s ease-in-out;
word-break: keep-all;
}
.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: inline-flex;
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: flex;
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;
}
.mdl-button.-userinvite {
margin-left: 10px;
}
.mdl-button.reset-button{
border: 0;
background: transparent;
order: 2;
}
.cwd-core-panel__carousel.cwd-core-panel__carousel--1 .slick-slide {
margin-right: 0;
}
.cwd-core-panel__carousel svg.action-button {
height: 30px;
width: 30px;
background-color: #ffffff;
border-radius: 20px;
}
.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: 700
16px
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.cwd-core-panel__carousel .cwd-core-panel__carousel-slide-subtitle {
font: 400
14px
/
1.3
"Nunito"
,
-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
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-challenge-selector__subtitle {
}
.mdl-challenge-selector__challenges {
border-radius: 0 0 8px 8px;
max-height: 324px;
}
.mdl-challenge-selector__challenge {
display: flex;
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: 0 12px;
box-sizing: content-box;
}
.mdl-dialog-loader__body.-full-height, .mdl-dialog__body.-full-height {
padding-bottom: 0;
overflow-y: auto;
}
.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;
order: 1;
font: 700
20px
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-dialog-loader__title-container, .mdl-dialog__title-container {
display: flex;
align-items: center;
height: auto;
margin: 0;
padding: 20px;
padding-bottom: 0;
}
.mdl-dialog-loader__title-close, .mdl-dialog__title-close {
margin-left: auto;
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: #949494;
}
.mdl-dialog-loader__title-close .mdl-button .mdl-icon svg, .mdl-dialog__title-close .mdl-button .mdl-icon svg {
width: 100%;
height: 100%;
}
@media (min-width: 700px) {
.mdl-dialog-loader__body, .mdl-dialog__body {
padding: 0 20px;
}
}
.mdl-expandable-content {
position: absolute;
margin-top: 12px;
padding: 8px 12px;
border: 1px solid #65788B;
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 #65788B;
border-radius: 8px;
overflow: hidden;
}
.mdl-file.-full-width {
max-width: 100%;
}
.mdl-file-container {
clear: both;
margin-bottom: 20px;
display: flex;
flex-direction: column;
}
@media (min-width: 450px) {
.mdl-file-container {
flex-direction: row
}
}
.mdl-file-container:after {
content: '';
display: table;
clear: both;
}
.mdl-file-container:last-child {
margin-bottom: 16px;
}
.mdl-file__upload {
display: flex;
align-items: 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
"Nunito"
,
-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: flex !important; /* overriding inline style */
align-items: center;
padding: 12px;
border-bottom: 1px solid #65788B;
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, .mdl-file__box-container * {
box-sizing: border-box;
}
.mdl-file__box-container {
display: flex;
flex-wrap: wrap;
margin-top: 16px !important;
border: 1px solid #65788B !important;
}
.mdl-file__box-container .fileBoxThumb {
width: auto;
}
.mdl-file__box-container .mdl-form__label.-inline {
margin-top: 4px;
justify-content: center;
font: 400
10px
"Nunito"
,
-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 #65788B;
}
.clearImage .mdl-icon {
position: relative;
top: 2px;
}
.clearImage .mdl-icon svg {
color: #D51C26;
}
.mdl-filter {
display: flex;
flex-direction: column;
width: 100%;
clear: both;
margin-bottom: 16px;
}
.mdl-filter.-row {
flex-direction: row;
}
.mdl-filter__title {
font: 700
14px
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
margin-bottom: 12px;
display: flex;
align-items: center;
}
.mdl-filter__title span {
margin-right: 4px;
}
.mdl-filter__items {
flex: 1;
-ms-flex-preferred-size: auto;
display: flex;
align-items: center;
}
.mdl-filter__items.-end {
justify-content: flex-end;
margin-left: auto !important;
}
.mdl-filter__items .mdl-form {
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 {
width: 100%;
}
.mdl-filter__button.mdl-button {
width: auto;
height: auto;
min-width: 16px;
min-height: 16px;
-webkit-appearance: none;
appearance: none;
background: none;
border: none;
padding: 0;
color: #949494;
}
.mdl-filter__fieldset {
border: 0;
margin: 0;
padding: 0;
width: 100%;
}
@media (min-width: 400px) {
.mdl-filter__item {
margin-left: 16px;
width: auto;
}
}
.mdl-footer {
display: flex;
max-width: 1024px;
margin: 0 auto;
padding-top: 10px;
border-top: 2px solid #EAECFF;
clear: both;
background: #FFFFFF;
flex-direction: column;
}
@media (min-width: 600px) {
.mdl-footer {
flex-direction: row;
align-items: center;
padding: 20px
}
}
.mdl-footer, .mdl-footer * {
box-sizing: border-box;
}
.mdl-footer__powered-by {
order: 2;
position: relative;
margin-top: 15px;
}
@media (min-width: 600px) {
.mdl-footer__powered-by {
margin-left: auto;
margin-top: 0;
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 {
order: 2;
margin-top: 5px;
}
@media (min-width: 600px) {
.mdl-footer__partner {
margin-left: auto;
margin-top: 0;
align-self: flex-start
}
}
.mdl-footer__nav {
order: 1;
display: flex;
flex-direction: column;
margin: 0;
padding: 0;
list-style: none;
}
@media (min-width: 600px) {
.mdl-footer__nav {
flex-direction: row;
flex-wrap: wrap
}
}
@media (max-width: 600px) {
.mdl-footer__nav-item:first-child:before {
content: '\2022';
display: inline-block;
margin: 0 0 0 4px;
color: #6B7587;
}
}
.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: 11px;
color: #65788B;
}
.mdl-footer > .mdl-footer__sharing {
margin: 0;
padding: 0;
}
/*
*/
:root {
/* ACCESSIBILITY: this color provides enough boxshadow contrast with white background*/
}
.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
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
color: #5C5C5C;
}
.mdl-form.-inverted .mdl-form__label.-inline {
flex-direction: column;
align-items: flex-start;
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(25, 120, 184, .75);
}
.mdl-form.-full-padding {
padding: 20px;
}
.mdl-form__group, .mdl-form__group * {
box-sizing: border-box !important;
}
.mdl-form__group {
list-style: none;
padding: 0;
margin: 0;
clear: both;
}
.mdl-form__group.-inline {
display: flex;
flex-wrap: wrap;
}
.mdl-form__group.-inline .mdl-form__item {
margin-right: 16px;
}
.mdl-form__group.-inline.-full-width .mdl-form__item {
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: flex;
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 {
cursor: not-allowed;
opacity: 0.65;
}
.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: flex;
align-items: stretch;
max-width: 550px;
}
.mdl-form__prefix-item {
order: 0;
display: flex;
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: #656667;
transition: border-color .3s ease-in-out, box-shadow .3s ease-in-out;
}
.mdl-form__prefix .mdl-form__input {
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: flex;
align-items: center;
position: relative;
margin-bottom: 8px;
padding: 0;
font: 400
14px
/
1.3
"Nunito"
,
-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: 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 {
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 {
align-items: flex-start;
flex-wrap: nowrap;
white-space: normal;
}
.centeredContent .mdl-form__label {
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
"Nunito"
,
-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 {
border-color: #<<$voteBarCol>> !important;
box-shadow: none;
}
.mdl-form__input:focus-within, .mdl-form__tags:focus-within {
border-color: #<<$voteBarCol>> !important;
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;
appearance: none;
width: 16px;
height: 16px;
min-width: 16px;
min-height: 16px;
padding: 0;
margin-right: 8px;
border: 1px solid #8C93AB;
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(25, 120, 184, .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;
appearance: none;
padding-right: 24px;
border: 1px solid #8C93AB;
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#results-sort, .mdl-form__tags.-select#results-sort {
width: 180px;
}
.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 #65788B;
}
.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"]: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: flex;
align-items: center;
margin: 4px 0;
font: 400
12px
"Nunito"
,
-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__success {
display: flex;
align-items: center;
margin: 4px 0;
font: 400
12px
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-form__success:before {
content: '';
display: inline-block;
min-width: 20px;
height: 20px;
margin-right: 2px;
background:
transparent
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' width='24' viewBox='0 0 16 16'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M0 0h16v16H0z'/%3E%3Cpath fill='currentColor' fill-rule='nonzero' d='M13.01 3l-7.075 7.833L2.99 7.57 2 8.668l3.44 3.81.495.523.495-.524L14 4.096z'/%3E%3C/g%3E%3C/svg%3E")
no-repeat
center center
/ 16px;
}
.mdl-form__success.hidden {
display: none;
}
.mdl-form__header {
display: flex;
align-items: center;
position: relative;
margin: 20px 0;
padding: 0;
}
.mdl-form__header.-s {
font: 700
18px
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-form__header.-xs {
margin: 12px 0;
font: 700
14px
/
1.3
"Nunito"
,
-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: #949494;
}
.mdl-form__header-action {
margin-left: auto;
}
.mdl-form__tags {
display: flex;
flex-wrap: wrap;
}
.mdl-form__tags-suggestions-wrapper {
margin: 12px 0;
padding: 12px;
padding-bottom: 0;
background: #FFFFFF;
border: 1px solid #8C93AB;
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
"Nunito"
,
-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 #8C93AB;
border-radius: 18px;
background: #FFFFFF;
}
.mdl-form__tags-item + .mdl-form__tags-item {
margin-left: 8px;
}
.mdl-form__tags-item-wrapper {
display: flex;
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;
order: 1;
border-radius: 0;
}
.mdl-form__row {
display: flex;
flex-wrap: wrap;
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 #65788B;
border-radius: 8px;
}
.mdl-form__scroll-box-items {
display: flex;
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: flex;
align-items: center;
margin-bottom: 16px;
text-align: right;
font: 400
12px
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-form__button-row {
position: relative;
clear: both;
display: flex;
align-items: center;
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: 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;
}
/* Alchemy text editor in focus */
.jodit-container:focus-within {
border: 1px solid #<<$voteBarCol>> !important;
}
.jodit-workplace p {
line-height: 1.5 !important;
margin-bottom: 10px;
word-break: break-word;
}
.jodit-workplace li {
margin-bottom: 8px;
}
/* User settings - Social media */
.social-media-select {
max-width: 230px !important;
}
.social-media-url {
width: 300px !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: #949494;
}
.mdl-icon.-xs {
width: 12px;
height: 12px;
}
.mdl-icon.-s {
width: 16px;
height: 16px;
}
.mdl-icon.-sm {
width: 20px;
height: 20px;
}
.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
"Nunito"
,
-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
"Nunito"
,
-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-logo.-default {
max-width: 300px;
max-height: 60px;
border-radius: 3px;
}
.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(25, 120, 184, .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 #8C93AB;
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: 700
14px
/
1.3
"Nunito"
,
-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: flex;
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: visible;
}
.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: 700;
}
.mdl-panel__stat {
display: inline-flex !important;
align-items: center;
color: #2C3548;
}
.mdl-panel__stat .mdl-icon {
margin-right: 4px;
color: #949494;
}
@media (max-width: 350px) {
.mdl-panel__stat .mdl-icon {
height: 12px;
width: 12px;
margin-right: 1px
}
}
.mdl-panel__timer-container {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.mdl-panel__timer-container .mdl-icon {
margin-right: 4px;
}
@media (min-width: 500px) {
.mdl-panel__timer-container .mdl-icon {
margin-right: 8px;
width: 16px;
height: 16px
}
}
.mdl-panel__timer-countdown {
margin-left: auto;
}
.mdl-panel__timer-metric {
}
.mdl-panel__timer-days {
font-weight: 700;
}
.mdl-panel__timer-hours,
.mdl-panel__timer-minutes,
.mdl-panel__timer-seconds {
font-weight: 700;
text-align: center;
}
@media (min-width: 500px) {
.mdl-panel__timer-hours,
.mdl-panel__timer-minutes,
.mdl-panel__timer-seconds {
min-width: 24px
}
}
.mdl-panel__timer-separator {
animation: none;
}
.mdl-panel__label-container {
display: flex;
position: absolute;
top: 0;
margin: 4px;
}
.mdl-panel__label {
display: flex;
align-items: center;
padding: 4px;
background: #FAFAFA;
border-radius: 18px;
font: 400
12px
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-panel__label .mdl-icon {
margin-right: 4px;
min-width: 16px;
}
.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: flex;
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 {
flex: 1;
}
@media (min-width: 600px) {
.mdl-panel__label {
padding:8px;
}
.mdl-panel__label-container {
margin: 12px;
}
.mdl-panel:hover .mdl-panel__button-container {
max-height: 40px;
}
}
.mdl-sidebar {
padding: 24px;
align-self: flex-start;
border-radius: 8px;
}
.mdl-sidebar__clock {
display: flex;
align-items: center;
margin-bottom: 16px;
}
.mdl-sidebar__clock-item {
display: flex;
flex-direction: column;
align-items: center;
min-width: 25%;
}
.mdl-sidebar__clock-value {
font: 400
36px
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-sidebar__clock-label {
font: 400
12px
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-sidebar__clock-info {
display: flex;
align-items: center;
margin: 0;
font: 400
12px
"Nunito"
,
-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-0-5,
.ml--5,
.ml-05 {
margin-left: 4px;
}
.ml-1 {
margin-left: 8px;
}
.ml-2 {
margin-left: 12px;
}
.ml-3 {
margin-left: 16px;
}
.mr-1 {
margin-right: 8px;
}
.mr-3 {
margin-right: 16px;
}
.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: flex;
align-items: center;
}
.mdl-flex__item {
display: flex;
}
.mdl-flex__item.-push-right {
margin-left: auto;
}
.flex-row {
display: flex;
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: flex;
flex-direction: column;
padding: 8px;
border-radius: 8px;
border: 1px solid #65788B;
}
.mdl-stats__title {
font: 400
14px
/
1.3
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
text-transform: none !important;
}
.mdl-stats__value {
margin-top: auto;
align-self: flex-end;
font: 400
28px
"Nunito"
,
-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 #65788B;
background: transparent;
color: #2C3548;
font: 700
14px
/
1.3
"Nunito"
,
-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 #65788B;
background: transparent;
color: #2C3548;
font: 700
14px
/
1.3
"Nunito"
,
-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: #65788B;
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 button {
height: 39px;
}
.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:focus-within,
.mdl-tabs > ul > li:focus-within {
border: 1px solid #<<$buttonCol>> !important;
}
#adminTabs.mdl-tabs > ul > li,
.mdl-tabs > ul > li,
.mdl-tabs > button,
.mdl-tabs__tab {
border: none;
font: 400
14px
/
1.3
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
background: transparent;
position: relative;
padding: 8px 12px;
margin-left: 0;
outline-color: #<<$buttonCol>>;
color: #5C5C5C;
}
#adminTabs.mdl-tabs > ul > li:after, .mdl-tabs > ul > li:after, .mdl-tabs > button: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 > button:hover:after, .mdl-tabs__tab:hover:after {
opacity: 1;
background: #65788B;
transform: scaleX(1);
}
#adminTabs.mdl-tabs > ul > li a, .mdl-tabs > ul > li a, .mdl-tabs > button 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 > button a:hover, .mdl-tabs__tab a:hover {
text-decoration: none;
}
#adminTabs.mdl-tabs > ul > li.selected, .mdl-tabs > ul > li.selected, .mdl-tabs > button.selected, .mdl-tabs__tab.selected {
font: 700
14px
/
1.3
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
background: transparent;
padding: 8px 12px;
color: #2C3548;
border: none;
}
#adminTabs.mdl-tabs > ul > li.selected:hover:after,
#adminTabs.mdl-tabs > ul > li.selected:focus:after,
#adminTabs.mdl-tabs > ul > li.selected:after,
.mdl-tabs > ul > li.selected:hover:after,
.mdl-tabs > ul > li.selected:focus:after,
.mdl-tabs > ul > li.selected:after,
.mdl-tabs > button.selected:hover:after,
.mdl-tabs > button.selected:focus:after,
.mdl-tabs > button.selected:after,
.mdl-tabs__tab.selected:hover:after,
.mdl-tabs__tab.selected:focus:after,
.mdl-tabs__tab.selected:after {
opacity: 1;
background: #<<$buttonCol>>;
transform: scaleX(1);
}
.mdl-tag {
display: inline-flex;
align-items: center;
margin-bottom: 4px;
padding: 2px 4px;
border-radius: 18px;
background: #EAECFF;
font: 400
12px
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-tag__control {
display: inline-flex;
align-items: center;
justify-content: center;
width: 12px;
height: 12px;
margin-left: 8px;
border: 1px solid #5C5C5C;
border-radius: 50%;
color: #2C3548;
}
.mdl-tag__control .mdl-icon {
width: 8px;
height: 8px;
}
.ui-tooltip {
z-index: 9999;
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
"Nunito"
,
-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: flex;
}
.mdl-container.-centered {
align-items: center;
justify-content: center;
}
.mdl-container.-narrow {
width: 100%;
max-width: 100%;
margin: 0 auto;
}
.mdl-container.-narrow .l-grid__container {
padding: 10px;
}
@media (min-width: 400px) {
.mdl-container.-narrow .l-grid__container {
padding: 36px
}
}
.mdl-container.-narrow .l-grid__container .legals > ol {
margin-left: 0;
}
.mdl-container > * {
width: 100%;
padding: 16px;
background: #FFFFFF;
}
@media (min-width: 800px) {
.mdl-container.-narrow {
width: 800px;
}
.mdl-container > * {
margin-top: 48px;
}
}
.mdl-row {
padding: 16px 0;
}
.ideaBrowser_container {
margin: 0 auto;
width: 100%;
}
.ideaBrowser_container .full_col_width {
width: 100%;
}
.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-alchemy-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
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-alchemy-preview.-center {
text-align: center;
}
.mdl-announcement {
width: 100%;
font-size: 16px;
}
.mdl-announcement-container {
display: flex;
flex-wrap: wrap;
align-items: 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: 700;
border-radius: 8px;
}
.mdl-announcement__close a {
display: flex;
align-items: center;
justify-content: center;
color: #FFFFFF;
background: none;
}
.mdl-challenges-sidebar {
font: 400
14px
/
1.3
"Nunito"
,
-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
"Nunito"
,
-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: flex;
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 #8C93AB !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 .mdl-button {
display: inline-block;
font: 400
12px
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-challenges-sidebar__section-title {
border: none;
}
.mdl-challenges-sidebar__section-title > span {
font: 700
16px
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
text-transform: none;
}
.mdl-comment__wrapper {
display: flex;
width: 100%;
}
.mdl-comment__wrapper > * {
float: none !important;
}
.mdl-comment__wrapper .b-single-idea__comment-right {
width: calc(100% - 44px);
}
.mdl-comment__wrapper p {
margin-bottom: 8px;
clear: both;
}
.mdl-comment__sort {
clear: both;
flex-grow: 0;
margin: 8px 0 !important;
width: 100%;
}
.mdl-comment__name {
margin-right: 8px;
}
.mdl-comment__name a {
color: #2C3548;
font: 400
14px
/
1.3
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-comment__actions {
display: flex;
align-items: center;
}
.mdl-comment__actions > span a,
.mdl-comment__actions > span {
display: flex;
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: flex;
align-items: center;
padding: 12px;
border: 1px solid #65788B;
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: 16px;
}
.mdl-comment-form .mdl-form {
padding: 0;
}
.mdl-comment-form .mdl-comment-form__comment {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 100%;
}
.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: flex;
flex-wrap: wrap;
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 {
padding: 0 !important;
margin: 0 !important;
}
.mdl-comment-form .commentForm .mdl-comment-form__comment__bottom .buttonContainer {
margin-left: auto;
margin-bottom: 0;
}
.mdl-comment-form .commentForm .mdl-comment-form__comment__bottom .mdl-button {
padding: 4px 12px;
}
.mdl-comment-form .mdl-comment-form__comment__notify-users {
border: 1px solid #EBEDF0;
border-radius: 16px;
padding: 0 8px;
margin: 0;
margin-top: 8px;
}
.mdl-comment-form .mdl-comment-form__comment__author__avatar {
height: 36px;
width: 36px;
min-width: 36px;
margin-right: 8px;
}
.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
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-comment-form .mdl-comment-form__comment__reply__tagged-users {
font: 700
14px
/
1.3
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-comment-form .mdl-comment-form__comment__reply__tagged-users p {
color: #2C3548;
}
.mdl-comment-form.updateComment {
padding: 0;
margin-bottom: 8px;
}
.mdl-comment-form.updateComment .mdl-comment__wrapper {
justify-content: center;
padding: 0;
}
.mdl-comment-form.updateComment .b-single-idea__comment-right {
width: 100%;
}
.mdl-comment-form.updateComment .b-single-idea__new-comment-area {
height: 54px;
overflow: auto;
}
.mdl-comment-form.updateComment .mdl-comment-form__suggestions {
margin: 0;
margin-top: 8px;
}
/* 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: 700
14px
/
1.3
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-comment-form .b-single-idea__comments-menu a {
display: block;
font: 400
14px
/
1.3
"Nunito"
,
-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__comments-menu .publicComments {
font: 700
14px
/
1.3
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
color: #636363;
border-bottom:1px solid #E2E2E2;
padding: 4px;
}
.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
"Nunito"
,
-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;
}
.mdl-comment-form__submit {
float: right;
margin-top: 8px;
}
.mdl-comment-form__submit .mdl-button {
height: auto;
padding: 6px 16px;
}
.commentForm_userTagArea .userTag,
.commentForm_userTagArea .userResult,
.searchResults .userTag,
.searchResults .userResult {
display: inline-flex;
align-items: center;
height: auto;
padding: 4px 8px;
border: 1px solid #65788B;
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 #65788B;
}
.commentForm_userTagArea .userTag img, .commentForm_userTagArea .userResult img, .searchResults .userTag img, .searchResults .userResult img {
margin-right: 8px;
}
.updateComment .userTag {
border-radius: 16px;
min-height: 34px;
margin: 4px 0;
}
.updateComment .userTag:hover {
background: none;
}
.updateComment .userTag .remove {
margin-left: 8px;
}
.updateComment .userTag .remove .removeIconWrapper {
display: flex;
align-items: center;
justify-content: center;
}
.updateComment .userTag .remove .mdl-icon {
height: 16px;
width: 16px;
}
.commentForm .b-single-post--file-list {
border: 0;
}
#commentsMenu {
display: block;
margin-top: 16px;
}
.sortComments {
display: block;
}
@media (min-width: 800px) {
#commentsMenu {
display: none;
}
}
@media (min-width: 450px) {
.mdl-comment__sort {
width: auto;
}
.mdl-comment__wrapper .b-single-idea__comment-right {
width: calc(100% - 60px);
}
.mdl-comment-form {
padding: 24px;
padding-top: 8px;
}
.mdl-comment-form .mdl-comment-form__comment__author__avatar {
height: 48px;
width: 48px;
min-width: 48px;
margin-right: 12px;
}
.mdl-comment-form.updateComment .mdl-comment__wrapper {
padding: 0 16px;
}
.sortComments {
display: none;
}
}
.mdl-community-nav {
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 #65788B;
}
.mdl-community-nav-header .l-grid__container {
display: flex;
margin: 0;
padding: 0;
}
.mdl-community-nav-wrap {
flex-wrap: wrap;
height: 104px;
max-height: 104px;
}
.mdl-community-nav__sub {
display: flex;
align-items: center;
padding: 0 48px;
border-top: 1px solid #65788B;
}
.mdl-community-nav__sub-item {
float: none;
width: auto;
font: 400
12px
"Nunito"
,
-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: flex;
flex: 1;
position: relative;
width: auto !important;
max-width: unset !important;
margin: 0;
}
.mdl-community-nav__menu {
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: flex;
flex-shrink: 0;
align-items: center;
height: 52px;
}
.mdl-community-nav__logo-link {
padding: 8px;
max-height: 100%;
}
.mdl-community-nav__logo-image {
display: block;
height: 36px;
}
.mdl-community-nav__logo-image.-default {
border-radius: 3px;
}
.mdl-community-nav__side {
margin-left: auto;
}
.mdl-community-nav__side__action {
display: flex;
align-items: center;
}
.mdl-community-nav__side__action-item {
display: flex;
align-items: center;
white-space: nowrap;
}
.mdl-community-nav__side__action-item .-more svg {
color: #<<$buttonCol>>BF ;
}
.mdl-community-nav__side__action-item svg {
color: #949494;
}
.mdl-community-nav__side-wrap {
width: 100%;
border-top: 1px solid #65788B;
}
.mdl-community-nav__form.-expanded {
}
.mdl-community-nav__form__idea-dropdown {
display: flex;
align-items: center;
color: #949494 !important;
}
.mdl-community-nav__form__idea-dropdown .mdl-icon {
color: #949494;
}
.mdl-community-nav .flexMenu-popup {
margin: 0;
list-style: none;
}
.mdl-community-nav .flexMenu-popup li {
padding: 12px 0;
}
.mdl-community-nav .flexMenu-popup li a {
display: block;
height: auto;
line-height: 1;
overflow: hidden;
text-overflow: ellipsis;
}
.mdl-community-nav .flexMenu-popup li a:after {
display: none;
}
.mdl-community-nav .flexMenu-popup li a:hover {
text-decoration: underline;
}
.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 {
position: static;
display: none;
list-style: none;
min-width: 220px;
max-width: 220px;
max-height: 250px;
overflow-y: overlay;
overflow-x: hidden;
border: none;
border-radius: 0;
box-shadow: none;
margin:0;
}
.mdl-community-nav .lang-dropdown-active {
background: #<<$buttonCol>>7F;
}
.mdl-community-nav .lang-dropdown-popup {
display: block;
border:none;
width: 220px;
margin: 0;
}
.mdl-community-nav .lang-dropdown-popup li {
display: block;
width: 100%;
padding: 12px;
padding-left: 42px;
margin: 0;
}
.mdl-community-nav .lang-dropdown-popup li:hover {
background-color: #<<$buttonCol>>1A;
}
.mdl-community-nav .lang-dropdown-popup li a {
text-decoration: none;
cursor: pointer;
color: #2C3548;
}
.mdl-community-nav .lang-dropdown-popup li a:hover {
text-decoration: none;
}
.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
"Nunito"
,
-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
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
color: #6B7587;
position: relative;
padding: 0 12px;
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: #65788B;
transform: scaleX(1);
}
.mdl-community-nav__links a.-active {
font-weight: 700;
color: #2C3548;
}
.mdl-community-nav__links a.-active:after {
background: #<<$buttonCol>>;
}
.mdl-community-nav__form {
height: 50px;
}
.mdl-community-nav__form__search-input {
font: 400
14px
/
1.3
"Nunito"
,
-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 {
color: #949494;
}
.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 {
align-items: center;
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-inner .mdl-form__fieldset {
display: flex;
justify-content: center;
}
.mdl-community-nav__form__advanced-button__popup .b-search__advanced-inner .mdl-form__legend {
display: contents;
}
.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;
align-items: center;
}
.mdl-community-nav__side__link.-search {
background: none;
padding: 0 10px;
display: flex;
width: auto;
}
.mdl-community-nav__side__link.-search svg {
color: #949494;
}
.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
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
line-height: 30px;
height: 30px;
background: #CED4DA;
}
.mdl-community-nav__form__advanced-button__popup__tags__tag + .mdl-community-nav__form__advanced-button__popup__tags__tag {
margin: 0 0 4px 4px;
}
.mdl-community-nav__form__advanced-button__popup__advanced {
text-align: left;
}
.mdl-community-nav__form__advanced-button__popup__advanced button {
}
.mdl-dropdown {
background-color: #FFFFFF;
width: 220px;
padding: 0;
}
&-profile {
width: 150px;
padding: 0;
right: 20px;
font-weight: 300;
}
.b-header__action-item-language-active {
background-color: #FFFFFF;
}
.b-header__action-item-user-active .-more svg {
color: #<<$buttonCol>>;
}
.mdl-more-menu__item {
color: inherit;
padding: 12px;
}
.mdl-more-menu__item a {
text-decoration: none;
cursor: pointer;
}
.mdl-more-menu__item a:hover {
text-decoration: none;
}
.mdl-more-menu__item p{
display: inline;
color: #2C3548;;
padding: 0 12px;
}
.mdl-language p {
padding-right: 95px;
}
.mdl-logout {
border-top: 1px solid #CED4DA;
padding-top: 16px;
}
.line {
border-right: 1px solid #CED4DA;
margin: 12px
}
.mdl-crowd-management-nav {
display: flex;
position: relative;
float: none;
flex: 1;
margin: 0;
align-items: center;
background: #<<$voteBarCol>>;
}
.mdl-crowd-management-nav, .mdl-crowd-management-nav * {
box-sizing: border-box;
}
.mdl-crowd-management-nav-container {
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: flex;
padding: 12px 24px;
align-items: center;
text-align: center;
background: #<<$voteBarCol>>;
color: #<<$voteBarTextCol>>;
font: 400
12px
"Nunito"
,
-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: flex;
align-items: 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: 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
"Nunito"
,
-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;
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: flex;
flex-direction: column;
margin: -24px;
}
.mdl-crowd-management-nav__logo-container.-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: flex;
align-items: 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: flex;
align-items: 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: flex;
align-items: center;
height: 64px;
padding: 16px 12px;
color: #<<$voteBarTextCol>>;
font: 400
14px
/
1.3
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
font-weight: 700;
}
.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;
flex-shrink: 0;
color: #778FAE;
}
.mdl-crowd-management-nav__sub-link {
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: 700;
}
.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, .mdl-group-selector * {
box-sizing: border-box;
}
.mdl-group-selector {
height: auto;
width: auto;
max-width: 300px;
margin-bottom: 12px;
border: 1px solid #65788B;
border-radius: 8px;
font: 400
14px
/
1.3
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-group-selector__title {
padding: 8px 16px;
}
.mdl-group-selector__list {
border-top: 1px solid #65788B;
border-bottom: 1px solid #65788B;
}
.mdl-group-selector__list-inner {
padding: 8px 12px;
border: 0;
}
.mdl-group-selector__search {
padding: 8px 12px;
}
.mdl-group-selector__search-options {
display: flex;
flex-direction: column;
padding: 0 12px 8px;
font: 400
12px
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-group-selector__search-options label {
display: flex;
margin-left: 12px;
margin-top: 5px;
padding: 0;
}
.mdl-group-selector__search-options label .mdl-form__input {
margin-right: 8px;
}
.mdl-group-selector__item {
display: flex;
position: relative;
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 #65788B;
}
.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: flex;
align-items: center;
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: flex;
align-items: center;
position: relative;
margin: 0;
padding: 0;
border-radius: 3px;
font: 400
10px
"Nunito"
,
-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
"Nunito"
,
-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 #8C93AB;
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: 700
14px
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-group-selector + .mdl-form__info {
margin-bottom: 16px;
}
.mdl-milestone-timeline-container {
display: flex;
align-items: center;
justify-content: center;
float: none;
max-width: 100%;
padding: 0 50px;
margin: 24px 16px;
height: 200px;
border: 1px solid #65788B;
border-radius: 8px;
overflow: auto;
}
.mdl-milestone-timeline__circle {
width: 54px;
height: 54px;
background: #CED4DA;
transition: background .3s ease-in-out;
}
.mdl-milestone-timeline__circle.-active {
background: #5C5C5C !important;
}
.mdl-milestone-timeline__milestone-label {
font: 400
14px
/
1.3
"Nunito"
,
-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: #5C5C5C;
font: 400
16px
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
text-align: center;
}
.mdl-milestone-timeline__progress-label-arrow {
left: 50%;
border-top-color: #5C5C5C;
}
.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: #5C5C5C;
}
.mdl-milestone-timeline__icon {
display: flex;
height: 100%;
align-items: 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: flex;
align-items: center;
margin-bottom: 12px;
}
.mdl-milestone-sidebar__item-icon {
order: 0;
display: flex;
position: relative;
align-items: 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 {
order: 1;
}
.mdl-milestone-sidebar__item button:before {
display: none !important;
}
.mdl-moderator-tools {
display: flex;
flex-wrap: wrap;
align-items: center;
list-style: none !important;
margin: 0;
order: 0;
}
.mdl-moderator-tools-container {
display: flex;
margin: 16px 0;
background: #FAFAFA;
border-radius: 16px;
overflow: hidden;
border: 1px solid #E6E6E6;
}
.mdl-moderator-tools-container.-with-margin {
margin: 16px;
}
.mdl-moderator-tools__item {
padding: 6px;
color: #000000;
}
.mdl-moderator-tools__item.title {
background: #FAFAFA;
font-weight: 500;
}
.mdl-moderator-tools__link {
color: #<<$linkCol>>;
}
.mdl-moderator-tools__options {
display: flex;
align-items: center;
float: none;
margin: 0 12px 0 auto;
order: 1;
color: #<<$voteBarCol>>;
}
.mdl-moderator-tools__options a {
margin-left: 8px;
color: #<<$linkCol>>;
}
.mdl-selected-ideas__label {
color: #000;
}
.mdl-selected-ideas__label:after {
display: inline-block;
content: '|';
margin-left: 8px;
}
.paginator_container {
display: flex;
justify-content: center;
}
.paginator_numberBox {
border: 1px solid #65788B;
border-radius: 8px;
overflow: hidden;
}
.paginator_numberBox,
.paginator_numberBox > span {
display: inline-flex;
justify-content: 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
"Nunito"
,
-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 #65788B;
}
.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: flex;
justify-content: center;
}
.mdl-search-results__item {
display: flex;
align-items: center;
padding: 16px 0;
border-bottom: 1px solid #65788B;
}
.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
"Nunito"
,
-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;
}
.mdl-type-selector {
width: auto;
margin: 0;
}
.mdl-type-selector__item {
display: flex;
align-items: center;
position: relative;
padding: 16px;
border: 1px solid #65788B;
border-bottom: 0;
transition: background .3s ease-in-out;
background: #FFFFFF;
width: 100%;
}
.mdl-type-selector__item:first-of-type {
border-radius: 8px 8px 0 0;
}
.mdl-type-selector__item:last-of-type {
border-bottom: 1px solid #65788B;
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 #65788B;
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: #65788B;
}
.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: 700
20px
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-wysiwyg p {
line-height: 1.5;
}
.mdl-jira-tickets-created {
padding: 16px 20px;
border-top: 4px solid green;
background-color: #E8F7EB;
width: 100%;
display: flex;
}
.mdl-jira-tickets-created a {
text-decoration: underline;
}
.mdl-jira-tickets-created .mdl-icon {
margin-right: 12px;
}
.mdl-jira-tickets-created .mdl-icon svg {
color: green;
}
.mdl-jira-tickets-created p {
margin: 0;
}
.mdl-jira-tickets-created-end {
margin-left: auto;
font-size: large;
}
.mdl-jira-tickets-created-end a {
text-decoration:none;
font-weight: bold;
font-size: large;
}
.mdl-jira-selected-ideas {
display: flex;
padding: 7px 0;
}
.mdl-jira-selected-ideas__list {
flex: 75%;
padding-top: 4px;
}
.mdl-jira-exists {
flex: 25%;
padding-top: 12px;
}
.mdl-jira-selected-ideas__title {
flex: 25%;
padding: 8px;
}
.mdl-jira-selected-ideas__title .--moreThanFive {
flex: 100%;
padding: 8px;
}
.mdl-jira-error {
padding-top: 35px;
}
.mdl-jira-error-icon {
text-align: center;
font-size: 80px;
font-weight: 800;
padding-bottom: 20px;
}
.mdl-jira-error-title {
font-size: 1.4rem;
font-weight: 600;
padding-bottom: 20px;
text-align: center;
}
.mdl-jira-error-message {
text-align: center;
padding: 0 20px 40px
}
.mdl-jira-ideas-with-projects__title {
font-weight: 500;
}
.mdl-jira-ideas-with-projects__list {
list-style: none;
margin: 10px 0 0 0;
overflow-y: auto;
max-height: 65px;
}
.mdl-jira-replace__title {
vertical-align: middle;
padding-left: 3px;
}
.mdl-jira-replace__title .--inactive {
color: #b9b9b9;
}
.mdl-idea-details__sidebar-section .loading-indicator {
position: relative;
left: 50%;
transform: translateX(-50%);
}
::-webkit-scrollbar {
-webkit-appearance: none;
width: 7px;
}
::-webkit-scrollbar-thumb {
border-radius: 4px;
background-color: rgba(0, 0, 0, .5);
box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}
.mdl-idea {
display: flex;
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;
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;
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: flex;
flex-direction: column;
flex: 1;
max-height: inherit;
}
.mdl-idea__body {
font: 400
14px
/
1.3
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-idea__body a {
word-break: break-word;
}
.mdl-grid.-x1 .mdl-idea__body {
margin: 0;
}
.mdl-idea__image {
margin: 0;
}
.mdl-idea__image img {
height: 160px;
}
.mdl-idea__title {
margin-bottom: 12px !important;
font: 700
16px
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
text-align: center;
text-transform: none;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.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
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-idea__status {
display: flex;
position: relative;
top: auto;
left: auto;
align-items: center;
padding: 4px 12px;
}
.mdl-grid.-x1 .mdl-idea__status {
position: absolute;
}
.mdl-grid.-x1 .mdl-idea__status ~ .mdl-idea__image {
margin-top: 32px;
}
.mdl-grid.-x1 .mdl-idea__status ~ .mdl-idea__content-wrapper {
padding-top: 32px;
}
.mdl-grid.-x1 .mdl-idea__status ~ .mdl-idea__author {
padding-top: 48px;
}
.mdl-idea__status-tip {
position: static !important;
margin-left: auto;
}
.mdl-idea__author {
display: none;
flex-direction: column;
width: 100px;
padding: 16px;
text-align: center;
color: #5C5C5C;
}
.mdl-grid.-x1 .mdl-idea__author {
display: flex;
}
.mdl-idea__author-avatar {
float: none;
margin: 0 auto 8px;
}
.mdl-idea__author-info {
font: 400
12px
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-idea__footer {
display: flex;
position: static;
width: auto;
height: auto;
min-height: 70px;
margin-top: 0;
padding: 16px 0;
margin: 0 16px;
border-top: 1px solid #65788B;
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: flex;
flex-wrap: wrap;
}
.mdl-idea__countdown {
display: flex;
flex-direction: column;
align-items: 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
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
font-weight: 700;
}
.mdl-idea__countdown-label {
font: 400
10px
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-idea__countdown-details {
bottom: 45px;
background: #778FAE;
border-radius: 8px;
font: 400
12px
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-idea__countdown-closed {
color: #2C3548;
padding: 0;
}
.mdl-idea__clock {
display: flex;
align-items: center;
margin-bottom: 16px;
}
.mdl-idea__clock-container {
width: 200px;
border-radius: 8px;
background: #5C5C5C;
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 #5C5C5C;
}
.mdl-idea__clock-title {
text-align: left;
font: 700
16px
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-idea__clock-item {
display: flex;
flex-direction: column;
align-items: center;
min-width: 25%;
}
.mdl-idea__clock-value {
font: 400
28px
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
letter-spacing: -1px;
}
.mdl-idea__clock-label {
font: 400
12px
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-idea__vote {
display: flex;
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
"Nunito"
,
-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: flex;
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-points-popup button {
border: none;
background: none;
}
.mdl-idea__vote-button {
margin-left: 4px;
vertical-align: middle;
}
.mdl-idea__vote-button svg {
color: #949494;
}
.mdl-idea__vote-button.active svg {
color: #<<$buttonCol>>;
}
.mdl-idea__vote-count {
height: auto;
font: 400
10px
"Nunito"
,
-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: 700
14px
/
1.3
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-idea__vote-stars {
padding: 0;
}
.mdl-idea__comment {
display: flex;
align-items: center;
margin-left: auto;
padding-top: 0;
line-height: 1;
white-space: nowrap;
font: 400
12px
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
color: #5C5C5C;
}
.mdl-idea__comment .mdl-icon {
margin-right: 4px;
}
.mdl-idea__comment .mdl-icon svg {
color: #949494;
}
.mdl-idea.profileIdeasList {
flex-wrap: wrap;
}
@media (max-width: 600px) {
.mdl-grid.-x1 .mdl-idea.profileIdeasList {
max-height: 215px;
}
.mdl-grid.-x1 .mdl-idea-wrapper.-has-milestone .mdl-idea.profileIdeasList {
max-height: 247px;
}
.mdl-grid.-x1 .mdl-idea-wrapper.-has-milestone .mdl-idea.profileIdeasList .mdl-idea__image {
margin-top: 0;
}
.mdl-grid.-x1 .mdl-idea-wrapper.-has-milestone .mdl-idea.profileIdeasList .mdl-idea__content-wrapper {
padding-top: 0;
}
.mdl-idea.profileIdeasList .mdl-idea__author {
order: 1;
flex: 1 100%;
flex-direction: row;
text-align: left;
align-items: center;
}
.mdl-idea.profileIdeasList .mdl-idea__author .mdl-idea__author-avatar {
margin: 0;
margin-right: 8px;
}
.mdl-idea.profileIdeasList .mdl-idea__image {
order: 2;
margin-left: 16px;
margin-bottom: 16px;
width: 120px !important;
height: 120px !important;
}
.mdl-idea.profileIdeasList .mdl-idea__image img {
height: 100%;
}
.mdl-idea.profileIdeasList .mdl-idea__content-wrapper {
order: 3;
max-height: 150px;
}
.mdl-idea.profileIdeasList .mdl-idea__content-wrapper .mdl-idea__title {
margin-bottom: 8px !important;
}
.mdl-idea.profileIdeasList .mdl-idea__content-wrapper .mdl-idea__content {
padding: 0 16px;
}
.mdl-idea.profileIdeasList .mdl-idea__content-wrapper.noimage {
margin-top: 0;
padding-top: 0;
}
}
@media (max-width: 400px) {
.mdl-grid.-x1 .mdl-idea.profileIdeasList {
max-height: unset;
}
.mdl-grid.-x1 .mdl-idea-wrapper.-has-milestone .mdl-idea.profileIdeasList {
max-height: unset;
}
.mdl-idea.profileIdeasList .mdl-idea__image {
flex: 1 100%;
margin: 0 0 12px 0;
padding: 0 16px;
height: 60vw !important;
max-height: 200px;
width: 100% !important;
}
.mdl-idea.profileIdeasList .mdl-idea__content-wrapper {
flex: 1 100%;
margin-top:
}
}
.mdl-idea-stream, .mdl-idea-stream * {
box-sizing: border-box;
}
.mdl-idea-stream + .mdl-idea-stream {
margin-top: 24px;
}
.mdl-idea-stream__description {
display: flex;
align-items: center;
padding: 8px;
}
.mdl-idea-stream__description-explanation.mdl-icon {
color: #949494;
min-width: 16px;
}
.mdl-idea-stream__description-date {
margin: 0 8px 0 auto;
font: 400
12px
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
white-space: nowrap;
}
.mdl-idea-stream__description .mdl-avatar {
margin-right: 8px;
}
.mdl-idea-stream__meta {
display: flex;
align-items: center;
width: 100%;
max-width: 100%;
padding: 8px;
font: 400
12px
"Nunito"
,
-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 !important;
padding: 0;
}
.mdl-idea-stream.mdl-panel__subheader, .mdl-idea-stream .mdl-panel__subheader {
margin-bottom: 12px;
}
@media (max-width: 500px) {
.mdl-idea-stream.mdl-panel__body.comments, .mdl-idea-stream .mdl-panel__body.comments {
padding: 0;
margin-top: 8px;
}
}
.mdl-idea-stream.mdl-panel {
padding: 8px;
}
.mdl-messaging {
height: 75vh;
}
.mdl-messaging, .mdl-messaging * {
box-sizing: border-box;
}
.mdl-messaging {
display: flex;
border: 1px solid #65788B;
border-radius: 8px;
overflow: hidden;
}
.mdl-messaging__list {
margin: 0;
list-style: none;
}
.mdl-messaging__list-container {
width: 33.333%;
border-right: 1px solid #65788B;
overflow-y: auto;
}
.mdl-messaging__list-item {
display: flex;
padding: 8px;
cursor: pointer;
}
.mdl-messaging__list-item + .mdl-messaging__list-item {
border-top: 1px solid #65788B;
}
.mdl-messaging__list-item.-new {
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
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-messaging__list-item-preview {
font: 400
14px
/
1.3
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-messaging__list-item-users {
font: 700
14px
/
1.3
"Nunito"
,
-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: flex;
flex-direction: column;
}
.mdl-messaging__message.-from {
margin-left: auto;
}
.mdl-messaging__message.-from .mdl-messaging__message-info {
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: flex;
margin: 8px 0 0 0;
align-items: center;
}
.mdl-messaging__message-meta {
order: 2;
margin-left: 8px;
font: 400
10px
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-messaging__message-author {
display: flex;
align-items: center;
}
.mdl-messaging__message-author img {
margin-right: 8px;
}
.mdl-messaging__messages {
order: 2;
flex: 1;
overflow: auto;
margin: 0;
padding: 16px;
list-style: none;
}
.mdl-messaging__messages-container {
display: flex;
flex: 1;
flex-direction: column;
}
.mdl-messaging__reply {
order: 3;
margin-top: auto;
border-top: 1px solid #65788B;
}
.mdl-messaging__reply-container {
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 {
order: 1;
position: relative;
}
.mdl-messaging__recipients .recipientNamesShort,
.mdl-messaging__recipients .lightGrey,
.mdl-messaging__recipients .lastUpdate {
display: none;
}
.mdl-messaging__recipients-existing {
display: flex;
align-items: center;
height: 55px;
padding: 8px;
border-bottom: 1px solid #65788B;
}
.mdl-messaging__recipients-existing .mdl-messaging__list-item-preview {
font: 400
12px
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-messaging__recipients-existing .mdl-messaging__list-item-mosaic {
display: none;
}
.mdl-messaging__recipients-existing > * {
flex: 1;
}
.mdl-messaging__recipients-existing > *:last-child {
flex: 0;
margin-left: auto;
}
.mdl-messaging__recipients-inner {
padding: 10px;
border-bottom: 1px solid #65788B;
}
.mdl-messaging__recipients-inner > * {
flex: 1;
}
.mdl-messaging__recipients-inner fieldset {
width: 100%;
border: 0;
}
.mdl-messaging__recipients-inner .-right {
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 #65788B;
border-radius: 8px;
}
.mdl-messaging__recipients .recipient + .recipient {
margin-left: 8px;
}
.mdl-profile-box, .mdl-profile-box * {
box-sizing: border-box;
}
.mdl-profile-box b, .mdl-profile-box strong{
font: 700
14px
/
1.3
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif !important;
}
.mdl-profile-box {
display: flex;
flex-flow: row wrap;
padding-top: 10px;
}
@media (min-width: 850px) {
.mdl-profile-box__reputation {
flex: 1;
order: 1;
margin-right: 20px;
float: left;
overflow-y: auto;
position: relative;
width: 250px;
}
.mdl-profile-box__stats-container {
flex: 1;
order: 2;
margin-right: 20px;
float: right;
}
.mdl-profile-box__avatar {
order: 3;
margin: 0;
float: right;
}
.mdl-profile-box__userinfo {
padding-bottom: 10px;
position: absolute;
width: 250px;
padding-right: 10px;
}
.mdl-profile-box__actions > *:not(:last-child) {
margin-right: 16px;
}
}
@media (max-width: 850px) {
.mdl-profile-box__userinfo {
flex: 1 100%;
order: 1;
text-align: center;
margin-bottom: 20px;
}
.mdl-profile-box__reputation {
flex: 1 100%;
order: 3;
padding: 10px;
}
.mdl-profile-box__stats-container {
order: 2;
margin: 10px;
width: 250px;
}
.mdl-profile-box__avatar {
order: 2;
margin: 10px;
}
.mdl-profile-box__actions > * {
float: unset;
margin-bottom: 10px;
}
.mdl-profile-box__actions > *:not(:last-child) {
margin-right: 10px;
}
.mdl-profile-box__actions .mdl-dropdown {
width: auto;
}
}
@media (max-width: 650px) {
.mdl-profile-box__stats-container {
flex: 1 100%;
}
.mdl-profile-box__avatar {
flex: 1 100%;
text-align: center;
}
}
.mdl-profile-box__userinfo h3 {
font: 400
24px
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif !important;
margin-bottom: 8px;
}
.mdl-profile-box__avatar,
.mdl-profile-box__stats {
border: 1px solid #65788B !important;
border-radius: 8px;
min-height: 250px;
width: 250px;
height: 250px;
}
.mdl-profile-box__avatar {
padding: 10px;
}
.mdl-profile-box__avatar .loaderBG {
border-radius: 8px;
overflow: hidden;
}
.mdl-profile-box__avatar img {
width: 230px;
height: 230px;
border-radius: 8px;
}
.mdl-profile-box__actions {
flex: 1 100%;
flex-wrap: wrap;
justify-content: flex-end;
order: 4;
display: flex;
align-items: center;
}
.mdl-profile-box__actions .mdl-dropdown__items {
padding: 0;
}
.mdl-profile-box__reputation p {
line-height: 1.5 !important;
margin-bottom: 15px;
}
.mdl-profile-box__reputation small {
font: 400
12px
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif !important;
}
.mdl-profile-box .user-badges {
display: flex;
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;
height: auto;
max-width: unset;
padding: 12px;
}
.mdl-profile-box__stats.-following {
min-height: unset;
}
.mdl-profile-box__stats h3 {
font: 700
16px
"Nunito"
,
-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 #65788B;
margin-top: 11px;
padding-top: 11px;
}
.mdl-profile-box__stats .statItems .statItem {
width: 50%;
}
.mdl-profile-box__stats .statItems .statItem .value {
justify-content: center;
display: flex;
align-items: center;
}
.mdl-profile-box__stats .statItems .statItem .value .mdl-icon {
margin-right: 7px;
}
.mdl-profile-box__stats .statItems.-has-challenges .statItem:nth-child(2):after {
content: '';
display: table;
float: none;
clear: both;
}
@media (min-width: 350px) {
.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: #949494;
}
.mdl-profile-box__stats .caps,
.mdl-profile-box__stats .name {
font: 400
14px
/
1.3
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif !important;
text-transform: none !important;
}
.mdl-profile-box__stats .bigRank {
font: 400
28px
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif !important;
}
.mdl-profile-box__stats .value {
font: 700
18px
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif !important;
}
.mdl-profile-box__stats .mdl-avatar {
background: transparent none no-repeat center center / 100%;
}
.mdl-vote, .mdl-vote > * {
box-sizing: border-box;
}
.mdl-vote {
display: flex;
border: 1px solid #65788B;
border-radius: 8px;
overflow: hidden;
}
.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: "Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
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: "Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-vote.-thumb .mdl-vote__votes {
margin-bottom: 16px;
}
.mdl-vote.-scorecard,
.mdl-vote.-stars,
.mdl-vote.-points {
flex-direction: column;
border-color: #65788B;
}
.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 .mdl-vote__score {
padding: 16px;
}
.mdl-vote.-scorecard {
margin-bottom: 20px;
}
.mdl-vote.-scorecard .subheading {
background: #CED4DA !important;
}
.mdl-vote__actions {
display: flex;
flex-direction: column;
align-items: center;
flex: 1;
max-width: 86px;
}
.mdl-vote__action {
display: flex;
flex-direction: column;
justify-content: center;
width: 100%;
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 #65788B;
}
.mdl-vote__action.active.-star {
color: #<<$voteBarCol>>;
}
.mdl-vote__action.-voted {
background: #EAECFF80;
}
.mdl-vote__action-score {
margin-top: 8px;
color: #778FAE;
font: 700
14px
/
1.3
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-vote__votes {
display: flex;
flex-direction: column;
justify-content: center;
flex: 1;
font: 700
18px
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
padding: 24px;
color: #<<$voteBarTextCol>>;
}
.mdl-vote__votes-container {
padding: 24px 8px;
}
.mdl-vote__votes-container p {
font: 400
16px
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-vote__votes > span {
/* margin-bottom: var(--geo-s); */
color: #<<$voteBarTextCol>> !important;
}
.mdl-vote__votes-label {
font: 400
12px
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
color: #<<$voteBarTextCol>> !important;
}
.mdl-vote__votes-label.-your-score {
font: 400
14px
/
1.3
"Nunito"
,
-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: 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 {
flex: 1;
padding: 4px 0;
}
.mdl-vote__points-item:hover {
cursor: pointer;
background-color: #5C5C5C !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: #5C5C5C;
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 {
width: 100%;
float: left;
padding-left: 10px;
}
.mdl-vote__scorecard-current * {
position: static;
margin: 0;
padding: 0;
font-size: 20px;
}
.mdl-vote__scorecard-ratingBody {
width: 90%;
}
@media (min-width: 700px) {
.mdl-vote__scorecard-ratingBody {
width: 80%;
}
.mdl-vote__scorecard-current {
width: auto;
float: none;
padding-left: 0;
}
.mdl-vote__scorecard-current * {
font-size: 28px;
}
}
.mdl-vote__modal {
height: auto;
max-height: 95vh;
padding: 20px;
overflow: auto;
}
.mdl-vote__modal-container {
/* styled on ID so everything is IMPORTANT! */
padding: 0 !important;
border-radius: 8px;
overflow: hidden !important;
}
@media (min-width: 700px) {
.mdl-vote__modal {
height: 95vh;
max-height: 700px;
}
}
#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 #65788B;
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__load-more-button {
margin-top: 10px;
}
.mdl-blog__content__box,
.mdl-blog__content__box__title-box {
border-bottom: 1px solid #65788B !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: flex;
align-items: center;
padding: 16px;
border-bottom: 1px solid #65788B;
}
.mdl-challenge-management-categories__handle {
order: 1;
width: 5%;
cursor: ns-resize;
}
.mdl-challenge-management-categories__name {
order: 2;
flex: 1;
}
.mdl-challenge-management-categories__controls {
order: 3;
display: flex;
width: 20%;
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: flex;
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: 37%;
}
.mdl-challenges .b-challenges--list-view .mdl-panel__button-container {
width: 380px;
left: 340px;
transform: none;
}
.mdl-challenge__list {
flex: 1;
}
.mdl-challenge__list-container {
display: flex;
}
.mdl-challenge__stats,
.mdl-challenge__stats-item {
display: flex;
align-items: center;
justify-content: center;
}
.mdl-challenge__stats-item {
font: 400
16px
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
color: #949494;
}
.mdl-challenge__stats-item + .mdl-challenge__stats-item {
margin-left: 16px;
}
.mdl-challenge__brief {
margin-bottom: 24px;
font: 400
16px
"Nunito"
,
-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 #8C93AB !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;
}
#challenge-sort {
width: auto;
}
@media (max-width: 600px) {
#challenge-sort {
width: 100%;
margin-top: 5px
}
}
.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, .mdl-idea-details-wrapper * {
box-sizing: border-box !important;
}
.mdl-idea-details-wrapper {
padding: 0;
float: none;
}
.mdl-idea-details-wrapper.mdl-grid.-gutterless .mdl-grid__col {
padding-top: 0;
}
.mdl-idea-details-wrapper.ideaDetails {
display: flex;
flex-direction: column;
}
.mdl-idea-details-wrapper .ideaSidebar {
margin-top: 32px;
}
.mdl-idea-details__content {
width: 100%;
float: none;
clear: both;
margin-left: 0;
margin-bottom: 24px;
font: 400
16px
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
overflow-wrap: break-word;
}
.mdl-idea-details__idea-body {
clear: both;
word-break: break-word;
}
.mdl-idea-details__title {
margin: 0 0 20px;
}
.mdl-idea-details__info {
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: 16px;
color: #5C5C5C;
}
.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: flex;
align-items: center;
margin: 0;
font: 700
16px
"Nunito"
,
-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;
}
.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: flex;
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 {
min-width: 50px;
display: inline-flex;
align-items: center;
box-sizing: border-box;
padding: 2px 4px 2px 2px;
margin: 3px 2px;
background: #E6E6E6;
border-radius: 8px;
}
.mdl-idea-details__sidebar-voter-value {
display: inline-flex;
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: flex;
align-items: center;
padding: 0 0 8px 0;
font: 400
12px
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-idea-details__sidebar-stats-name .mdl-icon {
margin-right: 8px;
color: #949494;
}
.mdl-idea-details__sidebar-stats-value {
margin-left: auto;
}
.mdl-idea-details__stats {
margin-bottom: 12px;
border-bottom: 1px solid #65788B;
}
.mdl-idea-details__stat {
display: flex;
align-items: center;
margin-bottom: 12px;
font: 400
12px
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-idea-details__stat .mdl-icon {
color: #949494;
margin-right: 2px;
}
.mdl-idea-details__stat-bar {
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: inline-flex;
align-items: center;
justify-content: center;
height: 24px;
width: 24px;
margin-left: 12px;
font: 400
10px
"Nunito"
,
-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: 700
14px
"Nunito"
,
-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: flex;
align-items: center;
font: 400
14px
/
1.3
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-idea-details__joint-list .b-single-idea__author-list-arrow {
border-top-color: #FFFFFF;
}
@media (min-width: 700px) {
.mdl-idea-details-wrapper.ideaDetails {
display: grid;
grid-template-columns: 65% 35%;
grid-template-rows: auto;
grid-template-areas: "body sidebar" "comment sidebar";
padding: 0 16px;
}
.mdl-idea-details-wrapper .ideaBody {
grid-area: body;
}
.mdl-idea-details-wrapper .ideaComments {
grid-area: comment;
}
.mdl-idea-details-wrapper .ideaSidebar {
grid-area: sidebar;
padding-left: 24px !important;
margin-top: 0;
}
}
.mdl-idea-post {
display: flex;
flex-direction: column;
height: 100%;
}
.mdl-idea-post-container {
border-radius: 8px;
bottom: 0;
height: 95%;
left: 50%;
margin: 0;
max-width: 940px;
overflow: hidden;
right: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 90%;
}
.mdl-idea-post-container-external {
height: 100%;
width: 100%;
transform: translateX(-50%);
margin: 0;
top: 0;
overflow: visible;
}
.mdl-idea-post__loader {
display: flex;
align-items: center;
justify-content: center;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.9);
z-index: 99;
}
.mdl-idea-post__content {
display: flex;
flex-direction: column;
overflow: auto;
height: 100%;
}
@media (min-width: 700px) {
.mdl-idea-post__content {
flex-flow: row;
overflow: unset;
/* 100% - height of the header(50px) - height of the bottom buttons */
height: calc(100% - 118px)
}
}
.mdl-idea-post__category {
display: flex;
flex-direction: column;
position: relative;
width: 100%;
background: #<<$buttonCol>>;
color: #<<$buttonTextCol>>;
}
@media (min-width: 700px) {
.mdl-idea-post__category {
width: 40%;
max-width: 40%;
flex: 1
}
}
.mdl-idea-post__category-image {
float: none;
}
.mdl-idea-post__category-info {
flex-direction: column;
flex: 1;
float: none;
padding: 24px;
overflow-y: auto;
}
.mdl-idea-post__category-info-title {
font: 700
16px
"Nunito"
,
-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
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.mdl-idea-post__category-description.collapsed {
-webkit-line-clamp: 4;
max-height: 75px;
}
.mdl-idea-post__category-description p {
margin: 0;
}
.mdl-idea-post__category-description p:not(:last-child) {
margin-bottom: 16px;
}
.mdl-idea-post__category-description-toggle {
font: 700
14px
/
1.3
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
color: #<<$buttonTextCol>>;
margin-bottom: 16px;
cursor: pointer;
}
.mdl-idea-post__category-actions {
display: flex;
flex-direction: column;
align-items: center;
flex: 1;
}
.mdl-idea-post__category-actions .mdl-button:hover {
background: rgba(255, 255, 255, 0.8);
}
.mdl-idea-post__category-actions .mdl-button:focus {
outline: auto;
}
.mdl-idea-post__category-actions .mdl-button#view_challenge_link {
background-color: #FFFFFF;
}
.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-action.-change:focus {
background: none;
}
.mdl-idea-post__category-select .mdl-tabs ul {
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;
padding: 0;
}
@media (min-width: 700px) {
.mdl-idea-post__form {
flex: 1;
overflow: auto;
height: 100%
}
}
.mdl-idea-post__form-inner {
padding: 0 24px 24px;
}
.mdl-idea-post__form-title {
display: flex;
flex: 1 100%;
font: 700
18px
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
height: 50px;
max-height: 50px;
min-height: 50px;
padding-left: 24px;
align-items: center;
}
.mdl-idea-post__form-details {
font: 700
14px
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
padding: 24px;
padding-bottom: 16px;
}
.mdl-idea-post__challengeNotSelected {
align-items: center;
display: flex;
flex-direction: column;
margin-top: 15px;
}
.mdl-idea-post__challengeNotSelected p {
font: 400
16px
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
margin-top: 15px;
width: 80%;
}
@media (min-width: 450px) {
.mdl-idea-post__challengeNotSelected p {
width: 50%
}
}
.mdl-idea-post__challengeNotSelected .mdl-icon {
height: 60px;
width: 60px;
}
.mdl-idea-post__button-row {
background: #fff;
bottom: -1px;
box-shadow: 0 -5px 5px -5px rgba(0, 0, 0, 0.25);
flex: 1 100%;
height: 68px;
line-height: 1;
max-height: 68px;
min-height: 68px;
padding: 12px;
position: sticky !important;
text-align: right;
width: 100%;
z-index: 10;
}
.mdl-idea-post__button-row .mdl-button {
margin-left: 8px;
}
.mdl-idea-post__button-row-container {
background: #fff;
border-radius: 16px;
bottom: 60px;
box-shadow: 0 2px 4px rgba(0,0,0,0.25);
display: flex;
display: none;
flex-direction: column;
position: absolute;
right: 10px;
width: 150px;
}
.mdl-idea-post__button-row-container > * {
border-radius: 0;
border: none;
margin: 0 !important;
width: 100%;
}
.mdl-idea-post__button-row-container > *:first-child {
border-radius: 16px 16px 0 0;
}
.mdl-idea-post__button-row-container > *:last-child {
border-radius: 0 0 16px 16px;
}
.mdl-idea-post__button-row-container > *:not(:first-child) {
border-top: 1px solid lightgrey;
}
.mdl-idea-post__button-row-more .mdl-icon {
position: relative;
left: 0;
transform: unset;
}
@media (min-width: 400px) {
.mdl-idea-post__button-row-more {
display: none
}
}
.mdl-idea-post__joint {
display: flex;
flex-direction: column;
margin: 0;
margin-bottom: 20px;
}
@media (min-width: 450px) {
.mdl-idea-post__joint {
flex-direction: row
}
}
.mdl-idea-post__joint-container {
padding-bottom: 0;
}
.mdl-idea-post__joint-container .mdl-form__group:last-of-type {
border-bottom: 1px solid #65788B;
margin-bottom: 20px;
}
.mdl-idea-post__joint-item {
display: flex;
align-items: center;
flex: 1;
float: none;
width: auto;
padding: 16px;
border: 1px solid #65788B;
list-style: none;
}
.mdl-idea-post__joint-item.active {
background: #EAECFF;
}
@media (max-width: 449px) {
.mdl-idea-post__joint-item {
border-radius: 8px 8px 0 0
}
.mdl-idea-post__joint-item + .mdl-idea-post__joint-item {
border-radius: 0 0 8px 8px;
border-top: 0;
}
}
@media (min-width: 450px) {
.mdl-idea-post__joint-item {
border-radius: 8px 0 0 8px
}
.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 #65788B;
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-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-title,
.mdl-idea-post__joint-description {
padding: 0;
}
.mdl-idea-post__joint-title {
font: inherit;
font-weight: 700;
line-height: 1;
margin-bottom: 4px;
}
.mdl-idea-post-required {
font: 700
14px
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
margin-bottom: 12px;
}
.mdl-idea-post-required:before {
content: '\2022';
position: absolute;
left: -12px;
top: 0;
line-height: 0.75;
color: #<<$buttonTextCol>>;
}
.mdl-no-challenges {
margin-top: 36px;
}
.mdl-no-challenges .mdl-no-challenges__icon {
margin-bottom: 16px;
margin-top: 12px;
}
.mdl-no-challenges .mdl-no-challenges__icon svg {
color: #FFF;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
height: 64px;
width: 64px;
background-color: #4050C6;
border-radius: 50%;
}
.mdl-no-challenges .mdl-no-challenges__content {
display: flex;
flex-flow: column wrap;
align-items: center;
}
.mdl-no-challenges .mdl-no-challenges__content .mdl-no-challenges__title {
font: 700
20px
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
font-weight: 350;
margin-bottom: 4px !important;
}
.mdl-no-challenges .mdl-no-challenges__content .mdl-no-challenges__description {
font: 400
14px
/
1.3
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
margin: 0 36px 8px;
}
.mdl-login {
margin-bottom: 16px;
}
.mdl-login__header {
display: flex;
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: flex;
align-items: center;
margin-top: 16px;
padding: 12px;
border-top: 1px solid #65788B;
}
.mdl-login__footer .mdl-button {
margin-left: auto;
}
.mdl-login__footer p {
margin: 0;
}
.mdl-login__flex {
display: flex;
flex-wrap: wrap;
}
.mdl-login__flex > * {
width: 100%;
margin: 16px;
}
@media (min-width: 800px) {
.mdl-login__flex > * {
width: calc(50% - 32px)
}
}
.mdl-login .mdl-type-selector__item {
cursor: pointer;
}
.mdl-login .mdl-type-selector__item-name {
font-weight: 700;
}
.mdl-pages-cms__nav {
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: #65788B !important;
font-style: italic;
}
.mdl-pages-cms__panel {
border: 0;
}
.mdl-pages-cms__panel-header {
padding: 8px 12px;
background: #5C5C5C;
border-radius: 8px 8px 0 0;
}
.mdl-pages-cms__panel-header .mdl-form__item {
color: #2C3548;
}
.mdl-pages-cms__panel-content {
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: flex;
margin: 0;
}
.mdl-people .mdl-form__input {
flex: 1;
}
.mdl-people .mdl-form .mdl-button {
margin-left: 12px;
min-width: 60px;
}
.mdl-people__info {
font: 400
14px
/
1.3
"Nunito"
,
-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
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif !important;
margin: 12px 0;
}
.mdl-people__alpha {
display: flex;
margin: 16px 0;
padding: 8px;
align-items: center;
list-style: none;
background: #EBEDF0;
background: #EBEDF080; /* 80 is .5 opacity in #rrggbbaa */
border-radius: 8px;
}
.mdl-people__alpha-item {
flex: 1;
text-align: center;
}
.mdl-people__alpha-link {
padding: 8px;
border-radius: 8px;
}
.mdl-people__alpha-link.selected {
background: #5C5C5C;
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: flex;
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 #65788B;
border-radius: 8px;
cursor: move;
font: 700
14px
/
1.3
"Nunito"
,
-apple-system
,
BlinkMacSystemFont
,
helvetica
,
arial
,
sans-serif;
}
.mdl-survey-management__drop-area {
background: #F5F6F7;
border: 2px dashed #65788B;
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 #65788B;
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: flex;
flex-direction: column;
position: relative;
overflow: hidden;
}
.mdl-user-challenges__list .mdl-panel__image {
flex: 1 100%;
height: 60vw;
min-height: 150px;
max-height: 200px;
padding: 16px 16px 0;
}
.mdl-user-challenges__list .mdl-panel__image img {
width: 100%;
height: 100%;
}
.mdl-user-challenges__list .mdl-panel__image a {
display: block;
width: 100%;
height: 100%;
}
.mdl-user-challenges__list .mdl-panel__image.noImage {
display: none;
}
.mdl-user-challenges__list .mdl-panel__body {
display: flex;
flex: 1 100%;
flex-direction: column;
}
.mdl-user-challenges__list .mdl-panel__body-content {
position: relative;
overflow: hidden;
max-height: 100px;
}
.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 {
margin-bottom: 0;
}
.mdl-user-challenges__list .mdl-panel__body-header h3 {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
line-height: 1.2;
font-size: 18px;
margin-bottom: 4px !important;
}
.mdl-user-challenges__list .mdl-panel__footer {
display: flex;
flex-direction: column;
margin-top: auto;
}
.mdl-user-challenges__list .mdl-panel__stat {
margin-right: 12px;
}
.mdl-user-challenges__list .mdl-panel__buttons > * {
width: 100%;
margin-top: 8px;
margin-left: 0;
}
.mdl-user-challenges__list .mdl-panel__buttons button {
padding: 4px 16px;
}
.mdl-user-challenges__list .mdl-panel__buttons a {
padding: 4px 0;
}
@media (min-width: 400px) {
.mdl-user-challenges__list .mdl-panel__footer {
flex-direction: row;
flex-wrap: wrap;
align-items: center;
}
.mdl-user-challenges__list .mdl-panel__footer > *:last-child {
margin-left: auto;
}
.mdl-user-challenges__list .mdl-panel__buttons > * {
margin-top: 0;
margin-left: 8px;
padding: 8px 16px !important;
width: auto;
}
}
@media (min-width: 500px) {
.mdl-user-challenges__list .mdl-panel {
flex-direction: row;
height: 178px;
}
.mdl-user-challenges__list .mdl-panel__image {
flex: none;
width: 35%;
height: 178px;
padding: 0;
}
.mdl-user-challenges__list .mdl-panel__image img {
height: 178px;
}
.mdl-user-challenges__list .mdl-panel__image.noImage {
display: block;
background: transparent url('<<$vars.resourcesUrl>>challengeicon-default.svg') no-repeat center center / auto;
}
.mdl-user-challenges__list .mdl-panel__body-header h3 {
font-size: 3.5vw;
}
}
.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: flex;
position: relative;
flex-wrap: wrap;
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%;
}