.center, .center-content {
text-align: center;
}
.layout {
position: relative;
display: flex;
flex-direction: column;
height: 100%;
width: 100%;
overflow: hidden;
}
.layout.horizontal {
position: absolute;
flex-direction: row;
z-index: 1;
}
.layout .static {
position: relative;
flex: 0 1 auto;
z-index: 2;
}
.layout .flex {
position: relative;
flex: 1 1 auto;
overflow-y: scroll;
z-index: 1;
}
.row {
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: 0;
margin-left: 0;
}
.row.reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.col.reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-offset-0,
.col-xs-offset-1,
.col-xs-offset-2,
.col-xs-offset-3,
.col-xs-offset-4,
.col-xs-offset-5,
.col-xs-offset-6,
.col-xs-offset-7,
.col-xs-offset-8,
.col-xs-offset-9,
.col-xs-offset-10,
.col-xs-offset-11,
.col-xs-offset-12 {
box-sizing: border-box;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 1rem;
padding-left: 1rem;
}
.col-xs {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-xs-1 {
-ms-flex-preferred-size: 8.33333333%;
flex-basis: 8.33333333%;
max-width: 8.33333333%;
}
.col-xs-2 {
-ms-flex-preferred-size: 16.66666667%;
flex-basis: 16.66666667%;
max-width: 16.66666667%;
}
.col-xs-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-xs-4 {
-ms-flex-preferred-size: 33.33333333%;
flex-basis: 33.33333333%;
max-width: 33.33333333%;
}
.col-xs-5 {
-ms-flex-preferred-size: 41.66666667%;
flex-basis: 41.66666667%;
max-width: 41.66666667%;
}
.col-xs-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-xs-7 {
-ms-flex-preferred-size: 58.33333333%;
flex-basis: 58.33333333%;
max-width: 58.33333333%;
}
.col-xs-8 {
-ms-flex-preferred-size: 66.66666667%;
flex-basis: 66.66666667%;
max-width: 66.66666667%;
}
.col-xs-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-xs-10 {
-ms-flex-preferred-size: 83.33333333%;
flex-basis: 83.33333333%;
max-width: 83.33333333%;
}
.col-xs-11 {
-ms-flex-preferred-size: 91.66666667%;
flex-basis: 91.66666667%;
max-width: 91.66666667%;
}
.col-xs-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-xs-offset-0 {
margin-left: 0;
}
.col-xs-offset-1 {
margin-left: 8.33333333%;
}
.col-xs-offset-2 {
margin-left: 16.66666667%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-4 {
margin-left: 33.33333333%;
}
.col-xs-offset-5 {
margin-left: 41.66666667%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-7 {
margin-left: 58.33333333%;
}
.col-xs-offset-8 {
margin-left: 66.66666667%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-10 {
margin-left: 83.33333333%;
}
.col-xs-offset-11 {
margin-left: 91.66666667%;
}
.start-xs {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-xs {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.end-xs {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-xs {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.middle-xs {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bottom-xs {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.around-xs {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-xs {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.first-xs {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.last-xs {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.padding-0 {
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
}
.padding-5 {
padding-top: 5px;
padding-bottom: 5px;
}
.padding-10 {
padding-top: 10px;
padding-bottom: 10px;
}
.padding-15{
padding-top: 15px;
padding-bottom: 15px;
}
.padding-20{
padding-top: 20px;
padding-bottom: 20px;
}
@media only screen and (min-width: 640px) {
.col-md,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-offset-0,
.col-md-offset-1,
.col-md-offset-2,
.col-md-offset-3,
.col-md-offset-4,
.col-md-offset-5,
.col-md-offset-6,
.col-md-offset-7,
.col-md-offset-8,
.col-md-offset-9,
.col-md-offset-10,
.col-md-offset-11,
.col-md-offset-12 {
box-sizing: border-box;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.col-md {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-md-1 {
-ms-flex-preferred-size: 8.33333333%;
flex-basis: 8.33333333%;
max-width: 8.33333333%;
}
.col-md-2 {
-ms-flex-preferred-size: 16.66666667%;
flex-basis: 16.66666667%;
max-width: 16.66666667%;
}
.col-md-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-md-4 {
-ms-flex-preferred-size: 33.33333333%;
flex-basis: 33.33333333%;
max-width: 33.33333333%;
}
.col-md-5 {
-ms-flex-preferred-size: 41.66666667%;
flex-basis: 41.66666667%;
max-width: 41.66666667%;
}
.col-md-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-md-7 {
-ms-flex-preferred-size: 58.33333333%;
flex-basis: 58.33333333%;
max-width: 58.33333333%;
}
.col-md-8 {
-ms-flex-preferred-size: 66.66666667%;
flex-basis: 66.66666667%;
max-width: 66.66666667%;
}
.col-md-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-md-10 {
-ms-flex-preferred-size: 83.33333333%;
flex-basis: 83.33333333%;
max-width: 83.33333333%;
}
.col-md-11 {
-ms-flex-preferred-size: 91.66666667%;
flex-basis: 91.66666667%;
max-width: 91.66666667%;
}
.col-md-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-md-offset-0 {
margin-left: 0;
}
.col-md-offset-1 {
margin-left: 8.33333333%;
}
.col-md-offset-2 {
margin-left: 16.66666667%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-4 {
margin-left: 33.33333333%;
}
.col-md-offset-5 {
margin-left: 41.66666667%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-7 {
margin-left: 58.33333333%;
}
.col-md-offset-8 {
margin-left: 66.66666667%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-10 {
margin-left: 83.33333333%;
}
.col-md-offset-11 {
margin-left: 91.66666667%;
}
.start-md {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-md {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.end-md {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-md {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.middle-md {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bottom-md {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.around-md {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-md {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.first-md {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.last-md {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
@media only screen and (min-width: 960px) {
.col-lg,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-offset-0,
.col-lg-offset-1,
.col-lg-offset-2,
.col-lg-offset-3,
.col-lg-offset-4,
.col-lg-offset-5,
.col-lg-offset-6,
.col-lg-offset-7,
.col-lg-offset-8,
.col-lg-offset-9,
.col-lg-offset-10,
.col-lg-offset-11,
.col-lg-offset-12 {
box-sizing: border-box;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.col-lg {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-lg-1 {
-ms-flex-preferred-size: 8.33333333%;
flex-basis: 8.33333333%;
max-width: 8.33333333%;
}
.col-lg-2 {
-ms-flex-preferred-size: 16.66666667%;
flex-basis: 16.66666667%;
max-width: 16.66666667%;
}
.col-lg-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-lg-4 {
-ms-flex-preferred-size: 33.33333333%;
flex-basis: 33.33333333%;
max-width: 33.33333333%;
}
.col-lg-5 {
-ms-flex-preferred-size: 41.66666667%;
flex-basis: 41.66666667%;
max-width: 41.66666667%;
}
.col-lg-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-lg-7 {
-ms-flex-preferred-size: 58.33333333%;
flex-basis: 58.33333333%;
max-width: 58.33333333%;
}
.col-lg-8 {
-ms-flex-preferred-size: 66.66666667%;
flex-basis: 66.66666667%;
max-width: 66.66666667%;
}
.col-lg-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-lg-10 {
-ms-flex-preferred-size: 83.33333333%;
flex-basis: 83.33333333%;
max-width: 83.33333333%;
}
.col-lg-11 {
-ms-flex-preferred-size: 91.66666667%;
flex-basis: 91.66666667%;
max-width: 91.66666667%;
}
.col-lg-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-lg-offset-0 {
margin-left: 0;
}
.col-lg-offset-1 {
margin-left: 8.33333333%;
}
.col-lg-offset-2 {
margin-left: 16.66666667%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-4 {
margin-left: 33.33333333%;
}
.col-lg-offset-5 {
margin-left: 41.66666667%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-7 {
margin-left: 58.33333333%;
}
.col-lg-offset-8 {
margin-left: 66.66666667%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-10 {
margin-left: 83.33333333%;
}
.col-lg-offset-11 {
margin-left: 91.66666667%;
}
.start-lg {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-lg {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.end-lg {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-lg {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.middle-lg {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bottom-lg {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.around-lg {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-lg {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.first-lg {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.last-lg {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
@import url(//fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,700italic,700,600,400&subset=latin,latin-ext);/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css *//* Document
========================================================================== *//**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in
* IE on Windows Phone and in iOS.
*/html {
line-height: 1.15; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */
}/* Sections
========================================================================== *//**
* Remove the margin in all browsers (opinionated).
*/body {
margin: 0;
}/**
* Add the correct display in IE 9-.
*/article,
aside,
footer,
header,
nav,
section {
display: block;
}/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/h1 {
font-size: 2em;
margin: 0.67em 0;
}/* Grouping content
========================================================================== *//**
* Add the correct display in IE 9-.
* 1. Add the correct display in IE.
*/figcaption,
figure,
main { /* 1 */
display: block;
}/**
* Add the correct margin in IE 8.
*/figure {
margin: 1em 40px;
}/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/hr {
-webkit-box-sizing: content-box;
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/pre {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}/* Text-level semantics
========================================================================== *//**
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/a {
background-color: transparent; /* 1 */
-webkit-text-decoration-skip: objects; /* 2 */
}/**
* 1. Remove the bottom border in Chrome 57- and Firefox 39-.
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted; /* 2 */
}/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/b,
strong {
font-weight: inherit;
}/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/b,
strong {
font-weight: bolder;
}/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/code,
kbd,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}/**
* Add the correct font style in Android 4.3-.
*/dfn {
font-style: italic;
}/**
* Add the correct background and color in IE 9-.
*/mark {
background-color: #ff0;
color: #000;
}/**
* Add the correct font size in all browsers.
*/small {
font-size: 80%;
}/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}sub {
bottom: -0.25em;
}sup {
top: -0.5em;
}/* Embedded content
========================================================================== *//**
* Add the correct display in IE 9-.
*/audio,
video {
display: inline-block;
}/**
* Add the correct display in iOS 4-7.
*/audio:not([controls]) {
display: none;
height: 0;
}/**
* Remove the border on images inside links in IE 10-.
*/img {
border-style: none;
}/**
* Hide the overflow in IE.
*/svg:not(:root) {
overflow: hidden;
}/* Forms
========================================================================== *//**
* 1. Change the font styles in all browsers (opinionated).
* 2. Remove the margin in Firefox and Safari.
*/button,
input,
optgroup,
select,
textarea {
font-family: sans-serif; /* 1 */
font-size: 100%; /* 1 */
line-height: 1.15; /* 1 */
margin: 0; /* 2 */
}/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/button,
input { /* 1 */
overflow: visible;
}/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/button,
select { /* 1 */
text-transform: none;
}/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
-webkit-appearance: button; /* 2 */
}/**
* Remove the inner border and padding in Firefox.
*/button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}/**
* Restore the focus styles unset by the previous rule.
*/button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}/**
* Correct the padding in Firefox.
*/fieldset {
padding: 0.35em 0.75em 0.625em;
}/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/legend {
-webkit-box-sizing: border-box;
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}/**
* 1. Add the correct display in IE 9-.
* 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/progress {
display: inline-block; /* 1 */
vertical-align: baseline; /* 2 */
}/**
* Remove the default vertical scrollbar in IE.
*/textarea {
overflow: auto;
}/**
* 1. Add the correct box sizing in IE 10-.
* 2. Remove the padding in IE 10-.
*/[type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/[type="search"] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}/**
* Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
*/[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}/* Interactive
========================================================================== *//*
* Add the correct display in IE 9-.
* 1. Add the correct display in Edge, IE, and Firefox.
*/details, /* 1 */
menu {
display: block;
}/*
* Add the correct display in all browsers.
*/summary {
display: list-item;
}/* Scripting
========================================================================== *//**
* Add the correct display in IE 9-.
*/canvas {
display: inline-block;
}/**
* Add the correct display in IE.
*/template {
display: none;
}/* Hidden
========================================================================== *//**
* Add the correct display in IE 10-.
*/[hidden] {
display: none;
}@charset "UTF-8";@font-face {
font-family: "be-engager";
src:url(/9.0/be-engager.eot);
src:url(/9.0/be-engager.eot?#iefix) format("embedded-opentype"),
url(/9.0/be-engager.woff) format("woff"),
url(/9.0/be-engager.ttf) format("truetype"),
url(/9.0/be-engager.svg#be-engager) format("svg");
font-weight: normal;
font-style: normal;
}[data-icon]:before {
font-family: "be-engager" !important;
content: attr(data-icon);
font-style: normal !important;
font-weight: normal !important;
-webkit-font-feature-settings: normal !important;
font-feature-settings: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}[class^="be-icon-"]:before,
[class*=" be-icon-"]:before {
font-family: "be-engager" !important;
font-style: normal !important;
font-weight: normal !important;
-webkit-font-feature-settings: normal !important;
font-feature-settings: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}.be-icon-arrows:before {
content: "b";
}.be-icon-trash:before {
content: "c";
}.be-icon-pencil:before {
content: "a";
}.be-icon-check:before {
content: "e";
}.be-icon-cross:before {
content: "f";
}.be-icon-more:before {
content: "g";
}.be-icon-plus:before {
content: "h";
}.be-icon-mail:before {
content: "i";
}.be-icon-linkedin:before {
content: "k";
}.be-icon-youtube:before {
content: "l";
}.be-icon-facebook:before {
content: "m";
}.be-icon-twitter:before {
content: "n";
}.be-icon-messenger:before {
content: "o";
}.be-icon-gplus:before {
content: "p";
}.be-icon-livechat:before {
content: "q";
}.be-icon-forum:before {
content: "d";
}.be-icon-copy:before {
content: "j";
}.be-icon-long-arrow-left:before {
content: "r";
}.be-icon-vk:before {
content: "t";
}.be-icon-search:before {
content: "v";
}.be-icon-calendar-o:before {
content: "w";
}.be-icon-calendar:before {
content: "x";
}.be-icon-refresh:before {
content: "y";
}.be-icon-reply:before {
content: "A";
}.be-icon-outbound:before {
content: "A";
-webkit-transform: rotate(90deg);
transform: rotate(90deg)
}.be-icon-inbound:before {
content: "A";
-webkit-transform: rotate(270deg);
transform: rotate(270deg)
}.be-icon-external-link:before {
content: "C";
}.be-icon-download:before {
content: "E";
}.be-icon-user-secret:before {
content: "u";
}.be-icon-users:before {
content: "D";
}.be-icon-link:before {
content: "F";
}.be-icon-info-circle:before {
content: "S";
}.be-icon-spinner:before {
content: "B";
}.be-icon-arrow-right:before {
content: "z";
}.be-icon-arrow-down:before {
content: "G";
}.be-icon-icon-insta:before {
content: "s";
}.be-icon-activity:before {
content: "H";
}.be-icon-flags:before {
content: "I";
}.be-icon-foods:before {
content: "J";
}.be-icon-people:before {
content: "K";
}.be-icon-recent:before {
content: "L";
}.be-icon-symbols:before {
content: "M";
}.be-icon-places:before {
content: "N";
}.be-icon-nature:before {
content: "O";
}.be-icon-objects:before {
content: "P";
}.be-icon-expand:before {
content: "Q";
}.be-icon-inbox:before {
content: "R";
}.be-icon-pending:before {
content: "T";
}.be-icon-starred:before {
content: "U";
}.be-icon-life-ring:before {
content: "V";
}.be-icon-sec-settings:before {
content: "W";
}.be-icon-arrow-left:before {
content: "X";
}.be-icon-resolved:before {
content: "Y";
}.be-icon-sec-care:before {
content: "Z";
}.be-icon-sec-crm:before {
content: "0";
}.be-icon-escalated:before {
content: "1";
}.be-icon-sec-reports:before {
content: "2";
}.be-icon-plus-1:before {
content: "3";
}.be-icon-flag:before {
content: "4";
}.be-icon-envelope:before {
content: "5";
}.be-icon-logout:before {
content: "6";
}.be-icon-be-symbol:before {
content: "7";
}.be-icon-lock:before {
content: "8";
}.be-icon-icon-dm:before {
content: "9";
}.be-icon-sec-engage:before {
content: "!";
}.be-icon-icon-cross:before {
content: "\"";
}.be-icon-phone:before {
content: "#";
}.be-icon-video-camera:before {
content: "$";
}.be-icon-volume-off:before {
content: "&";
}.be-icon-volume-up:before {
content: "'";
}.be-icon-icon-minimize:before {
content: "%";
}.be-icon-zendesk:before {
content: "(";
}.be-icon-tag:before {
content: ")";
}.be-icon-sentiment:before {
content: "*";
}.be-icon-reply-2:before {
content: "+";
}.be-icon-random:before {
content: ",";
}.be-icon-repeat:before {
content: "-";
}.be-icon-alert:before {
content: ".";
}.be-icon-long-arrow-right:before {
content: "/";
}.be-icon-api:before {
content: ":";
}.be-icon-chevron-down:before {
content: ";";
}.be-icon-copy-1:before {
content: "<";
}.be-icon-drag-hor:before {
content: "=";
}.be-icon-drag-vert:before {
content: ">";
}.be-icon-gallery:before {
content: "?";
}.be-icon-menu:before {
content: "@";
}.be-icon-play:before {
content: "[";
}.be-icon-quick-replies:before {
content: "]";
}.be-icon-quit:before {
content: "^";
}.be-icon-redirect:before {
content: "_";
}.be-icon-store:before {
content: "`";
}.be-icon-text:before {
content: "{";
}.be-icon-multi-audio:before {
content: "|";
}.be-icon-multi-file:before {
content: "}";
}.be-icon-multi-image:before {
content: "~";
}.be-icon-multi-video:before {
content: "\\";
}.be-icon-male:before {
content: "\E000";
}.be-icon-file:before {
content: "\E001";
}.be-icon-paperclip:before {
content: "\E002";
}.be-icon-exclamation-triangle:before {
content: "\E003";
}.be-icon-download-1:before {
content: "\E004";
}.be-icon-external-link-square:before {
content: "\E005";
}.be-icon-livechat-2:before {
content: "\E006";
}.be-icon-rating-1:before {
content: "\E007";
}.be-icon-rating-2:before {
content: "\E008";
}.be-icon-rating-3:before {
content: "\E009";
}.be-icon-rating-5:before {
content: "\E00B";
}.be-icon-thumb-down:before {
content: "\E00C";
}.be-icon-thumb-up:before {
content: "\E00D";
}.be-icon-close-big:before {
content: "\E00E";
}.be-icon-chevron-right:before {
content: "\E00F";
}.be-icon-chevron-left:before {
content: "\E010";
}.be-icon-emoji:before {
content: "\E011";
}.be-icon-be-logo:before {
content: "\E00A";
}.be-icon-rating-4:before {
content: "\E012";
}.be-icon-arrow-drop:before {
content: "\E013";
}.be-icon-file-drop:before {
content: "\E014";
}.be-icon-enlarge:before {
content: "\E015";
}.be-icon-mail-1:before {
content: "\E016";
}.be-icon-agent:before {
content: "\E017";
}.be-icon-moon:before {
content: "\E018";
}.be-icon-livechat-off:before {
content: "\E019";
}.be-icon-plug:before {
content: "\E01A";
}.be-icon-bold:before {
content: "\E01B";
}.be-icon-underline:before {
content: "\E01C";
}.be-icon-italic:before {
content: "\E01D";
}.be-icon-list-ul:before {
content: "\E01E";
}.be-icon-list-ol:before {
content: "\E01F";
}.be-icon-align-left:before {
content: "\E020";
}.be-icon-align-right:before {
content: "\E021";
}.be-icon-align-justify:before {
content: "\E022";
}.be-icon-align-center:before {
content: "\E023";
}.be-icon-chain-broken:before {
content: "\E024";
}.be-icon-sort-amount-asc:before {
content: "\E025";
}.be-icon-sort-amount-desc:before {
content: "\E026";
}.be-icon-page-export:before {
content: "\E027";
}.be-icon-briefcase:before {
content: "\E028";
}.be-icon-arrow-right-1:before {
content: "\E029";
}.be-icon-vcard:before {
content: "\E02A";
}.be-icon-pinterest:before {
content: "\E02B";
}.be-icon-tumblr:before {
content: "\E02C";
}.be-icon-social-snapchat:before {
content: "\E02D";
}.be-icon-slack:before {
content: "\E02E";
}.be-icon-kik:before {
content: "\E02F";
}.be-icon-amazon:before {
content: "\E031";
}.be-icon-search-1:before {
content: "\E032";
}.be-icon-whatsapp-logo:before {
content: "\E033";
}.be-icon-microphone:before {
content: "\E030";
}.be-icon-viber:before {
content: "\E034";
}.be-icon-odnoklassniki-logo:before {
content: "\E035";
}.be-icon-google-play:before {
content: "\E036";
}.be-icon-google:before {
content: "\E037";
}.be-icon-rss:before {
content: "\E039";
}.be-icon-telegram:before {
content: "\E03A";
}.be-icon-apple:before {
content: "\E03B";
}.be-icon-speech-bubble:before {
content: "\E03C";
}.be-icon-map-marker:before {
content: "\E03D";
}.be-icon-app-store-1:before {
content: "\E03E";
}.be-icon-speech-bubble-1:before {
content: "\E03F";
}.be-icon-if-imessage-social-media-765233:before {
content: "\E041";
}.be-icon-align-left-1:before {
content: "\E042";
}.be-icon-if-66-wechat-1181189:before {
content: "\E043";
}.be-icon-tango-short-01:before {
content: "\E044";
}.be-icon-tango-full-01:before {
content: "\E045";
}.be-icon-co-browsing-01:before {
content: "\E046";
}.be-icon-android-in-app-chat-01:before {
content: "\E047";
}.be-icon-kakao-talk-01:before {
content: "\E048";
}.be-icon-if-line-message-2559802:before {
content: "\E041";
}.be-icon-if-imessage-social-media-765233:before {
content: "\E040";
}.be-icon-black-speech-bubble:before {
content: "\E049";
}.be-icon-sitemap:before {
content: "\E038";
}.be-icon-filter:before {
content: "\E04A";
}.be-icon-triangle-down:before {
content: "\E04B";
}.be-icon-triangle-up:before {
content: "\E04C";
}.be-icon-sec-chatbot-builder:before {
content: "\E04D";
}.be-icon-list-add:before {
content: "\E04E";
}.be-icon-list:before {
content: "\E04F";
}.be-icon-character:before {
content: "\E050";
}.be-icon-clipboard-pencil:before {
content: "\E051";
}.be-icon-file-text-o:before {
content: "\E052";
}.be-icon-file-text:before {
content: "\E053";
}.be-icon-pencil-square-o:before {
content: "\E054";
}.be-icon-baseline-send-24px:before {
content: "\E055";
}[class^="be-icon"] {
position: relative;
display: inline-block;
height: inherit;
line-height: inherit;
}[class^="be-icon"]:before {
height: inherit;
line-height: inherit;
float: inherit;
}.Base__center, .Base__center-content {
text-align: center;
}.Base__layout {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
width: 100%;
overflow: hidden;
}.Base__layout.Base__horizontal {
position: absolute;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
z-index: 1;
}.Base__layout .Base__static {
position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
z-index: 2;
}.Base__layout .Base__flex {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
overflow-y: scroll;
z-index: 1;
}.Base__row {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: 0;
margin-left: 0;
}.Base__row.Base__reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}.Base__col.Base__reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}.Base__col-xs,
.Base__col-xs-1,
.Base__col-xs-2,
.Base__col-xs-3,
.Base__col-xs-4,
.Base__col-xs-5,
.Base__col-xs-6,
.Base__col-xs-7,
.Base__col-xs-8,
.Base__col-xs-9,
.Base__col-xs-10,
.Base__col-xs-11,
.Base__col-xs-12,
.Base__col-xs-offset-0,
.Base__col-xs-offset-1,
.Base__col-xs-offset-2,
.Base__col-xs-offset-3,
.Base__col-xs-offset-4,
.Base__col-xs-offset-5,
.Base__col-xs-offset-6,
.Base__col-xs-offset-7,
.Base__col-xs-offset-8,
.Base__col-xs-offset-9,
.Base__col-xs-offset-10,
.Base__col-xs-offset-11,
.Base__col-xs-offset-12 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 1rem;
padding-left: 1rem;
}.Base__col-xs {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}.Base__col-xs-1 {
-ms-flex-preferred-size: 8.33333333%;
flex-basis: 8.33333333%;
max-width: 8.33333333%;
}.Base__col-xs-2 {
-ms-flex-preferred-size: 16.66666667%;
flex-basis: 16.66666667%;
max-width: 16.66666667%;
}.Base__col-xs-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}.Base__col-xs-4 {
-ms-flex-preferred-size: 33.33333333%;
flex-basis: 33.33333333%;
max-width: 33.33333333%;
}.Base__col-xs-5 {
-ms-flex-preferred-size: 41.66666667%;
flex-basis: 41.66666667%;
max-width: 41.66666667%;
}.Base__col-xs-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}.Base__col-xs-7 {
-ms-flex-preferred-size: 58.33333333%;
flex-basis: 58.33333333%;
max-width: 58.33333333%;
}.Base__col-xs-8 {
-ms-flex-preferred-size: 66.66666667%;
flex-basis: 66.66666667%;
max-width: 66.66666667%;
}.Base__col-xs-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}.Base__col-xs-10 {
-ms-flex-preferred-size: 83.33333333%;
flex-basis: 83.33333333%;
max-width: 83.33333333%;
}.Base__col-xs-11 {
-ms-flex-preferred-size: 91.66666667%;
flex-basis: 91.66666667%;
max-width: 91.66666667%;
}.Base__col-xs-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}.Base__col-xs-offset-0 {
margin-left: 0;
}.Base__col-xs-offset-1 {
margin-left: 8.33333333%;
}.Base__col-xs-offset-2 {
margin-left: 16.66666667%;
}.Base__col-xs-offset-3 {
margin-left: 25%;
}.Base__col-xs-offset-4 {
margin-left: 33.33333333%;
}.Base__col-xs-offset-5 {
margin-left: 41.66666667%;
}.Base__col-xs-offset-6 {
margin-left: 50%;
}.Base__col-xs-offset-7 {
margin-left: 58.33333333%;
}.Base__col-xs-offset-8 {
margin-left: 66.66666667%;
}.Base__col-xs-offset-9 {
margin-left: 75%;
}.Base__col-xs-offset-10 {
margin-left: 83.33333333%;
}.Base__col-xs-offset-11 {
margin-left: 91.66666667%;
}.Base__start-xs {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: start;
}.Base__center-xs {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}.Base__end-xs {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: end;
}.Base__top-xs {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}.Base__middle-xs {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}.Base__bottom-xs {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}.Base__around-xs {
-ms-flex-pack: distribute;
justify-content: space-around;
}.Base__between-xs {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}.Base__first-xs {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}.Base__last-xs {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}.Base__padding-0 {
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
}.Base__padding-5 {
padding-top: 5px;
padding-bottom: 5px;
}.Base__padding-10 {
padding-top: 10px;
padding-bottom: 10px;
}.Base__padding-15{
padding-top: 15px;
padding-bottom: 15px;
}.Base__padding-20{
padding-top: 20px;
padding-bottom: 20px;
}@media only screen and (min-width: 640px) {
.Base__col-md,
.Base__col-md-1,
.Base__col-md-2,
.Base__col-md-3,
.Base__col-md-4,
.Base__col-md-5,
.Base__col-md-6,
.Base__col-md-7,
.Base__col-md-8,
.Base__col-md-9,
.Base__col-md-10,
.Base__col-md-11,
.Base__col-md-12,
.Base__col-md-offset-0,
.Base__col-md-offset-1,
.Base__col-md-offset-2,
.Base__col-md-offset-3,
.Base__col-md-offset-4,
.Base__col-md-offset-5,
.Base__col-md-offset-6,
.Base__col-md-offset-7,
.Base__col-md-offset-8,
.Base__col-md-offset-9,
.Base__col-md-offset-10,
.Base__col-md-offset-11,
.Base__col-md-offset-12 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.Base__col-md {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.Base__col-md-1 {
-ms-flex-preferred-size: 8.33333333%;
flex-basis: 8.33333333%;
max-width: 8.33333333%;
}
.Base__col-md-2 {
-ms-flex-preferred-size: 16.66666667%;
flex-basis: 16.66666667%;
max-width: 16.66666667%;
}
.Base__col-md-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.Base__col-md-4 {
-ms-flex-preferred-size: 33.33333333%;
flex-basis: 33.33333333%;
max-width: 33.33333333%;
}
.Base__col-md-5 {
-ms-flex-preferred-size: 41.66666667%;
flex-basis: 41.66666667%;
max-width: 41.66666667%;
}
.Base__col-md-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.Base__col-md-7 {
-ms-flex-preferred-size: 58.33333333%;
flex-basis: 58.33333333%;
max-width: 58.33333333%;
}
.Base__col-md-8 {
-ms-flex-preferred-size: 66.66666667%;
flex-basis: 66.66666667%;
max-width: 66.66666667%;
}
.Base__col-md-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.Base__col-md-10 {
-ms-flex-preferred-size: 83.33333333%;
flex-basis: 83.33333333%;
max-width: 83.33333333%;
}
.Base__col-md-11 {
-ms-flex-preferred-size: 91.66666667%;
flex-basis: 91.66666667%;
max-width: 91.66666667%;
}
.Base__col-md-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.Base__col-md-offset-0 {
margin-left: 0;
}
.Base__col-md-offset-1 {
margin-left: 8.33333333%;
}
.Base__col-md-offset-2 {
margin-left: 16.66666667%;
}
.Base__col-md-offset-3 {
margin-left: 25%;
}
.Base__col-md-offset-4 {
margin-left: 33.33333333%;
}
.Base__col-md-offset-5 {
margin-left: 41.66666667%;
}
.Base__col-md-offset-6 {
margin-left: 50%;
}
.Base__col-md-offset-7 {
margin-left: 58.33333333%;
}
.Base__col-md-offset-8 {
margin-left: 66.66666667%;
}
.Base__col-md-offset-9 {
margin-left: 75%;
}
.Base__col-md-offset-10 {
margin-left: 83.33333333%;
}
.Base__col-md-offset-11 {
margin-left: 91.66666667%;
}
.Base__start-md {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: start;
}
.Base__center-md {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.Base__end-md {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: end;
}
.Base__top-md {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.Base__middle-md {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.Base__bottom-md {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.Base__around-md {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.Base__between-md {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.Base__first-md {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.Base__last-md {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}@media only screen and (min-width: 960px) {
.Base__col-lg,
.Base__col-lg-1,
.Base__col-lg-2,
.Base__col-lg-3,
.Base__col-lg-4,
.Base__col-lg-5,
.Base__col-lg-6,
.Base__col-lg-7,
.Base__col-lg-8,
.Base__col-lg-9,
.Base__col-lg-10,
.Base__col-lg-11,
.Base__col-lg-12,
.Base__col-lg-offset-0,
.Base__col-lg-offset-1,
.Base__col-lg-offset-2,
.Base__col-lg-offset-3,
.Base__col-lg-offset-4,
.Base__col-lg-offset-5,
.Base__col-lg-offset-6,
.Base__col-lg-offset-7,
.Base__col-lg-offset-8,
.Base__col-lg-offset-9,
.Base__col-lg-offset-10,
.Base__col-lg-offset-11,
.Base__col-lg-offset-12 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.Base__col-lg {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.Base__col-lg-1 {
-ms-flex-preferred-size: 8.33333333%;
flex-basis: 8.33333333%;
max-width: 8.33333333%;
}
.Base__col-lg-2 {
-ms-flex-preferred-size: 16.66666667%;
flex-basis: 16.66666667%;
max-width: 16.66666667%;
}
.Base__col-lg-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.Base__col-lg-4 {
-ms-flex-preferred-size: 33.33333333%;
flex-basis: 33.33333333%;
max-width: 33.33333333%;
}
.Base__col-lg-5 {
-ms-flex-preferred-size: 41.66666667%;
flex-basis: 41.66666667%;
max-width: 41.66666667%;
}
.Base__col-lg-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.Base__col-lg-7 {
-ms-flex-preferred-size: 58.33333333%;
flex-basis: 58.33333333%;
max-width: 58.33333333%;
}
.Base__col-lg-8 {
-ms-flex-preferred-size: 66.66666667%;
flex-basis: 66.66666667%;
max-width: 66.66666667%;
}
.Base__col-lg-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.Base__col-lg-10 {
-ms-flex-preferred-size: 83.33333333%;
flex-basis: 83.33333333%;
max-width: 83.33333333%;
}
.Base__col-lg-11 {
-ms-flex-preferred-size: 91.66666667%;
flex-basis: 91.66666667%;
max-width: 91.66666667%;
}
.Base__col-lg-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.Base__col-lg-offset-0 {
margin-left: 0;
}
.Base__col-lg-offset-1 {
margin-left: 8.33333333%;
}
.Base__col-lg-offset-2 {
margin-left: 16.66666667%;
}
.Base__col-lg-offset-3 {
margin-left: 25%;
}
.Base__col-lg-offset-4 {
margin-left: 33.33333333%;
}
.Base__col-lg-offset-5 {
margin-left: 41.66666667%;
}
.Base__col-lg-offset-6 {
margin-left: 50%;
}
.Base__col-lg-offset-7 {
margin-left: 58.33333333%;
}
.Base__col-lg-offset-8 {
margin-left: 66.66666667%;
}
.Base__col-lg-offset-9 {
margin-left: 75%;
}
.Base__col-lg-offset-10 {
margin-left: 83.33333333%;
}
.Base__col-lg-offset-11 {
margin-left: 91.66666667%;
}
.Base__start-lg {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: start;
}
.Base__center-lg {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.Base__end-lg {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: end;
}
.Base__top-lg {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.Base__middle-lg {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.Base__bottom-lg {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.Base__around-lg {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.Base__between-lg {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.Base__first-lg {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.Base__last-lg {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}/* * {
font-family: Open Sans,Arial;
color: #4a4a4a;
font-size: 13px;
color: #4a4a4a;
box-sizing: border-box;
} */#Base__root, body, html {
height: 100%;
width: 100%;
}body {
font-family: Open Sans,Arial;
color: #4a4a4a;
font-size: 13px;
color: #4a4a4a;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}a {
text-decoration: none;
}button, input[type="reset"] {
background: none;
color: inherit;
border: none;
padding: 0;
font: inherit;
cursor: pointer;
outline: inherit;
}input[type="submit"] {
border: none;
}input[type="submit"]:focus {
outline: none;
}.background {
background-color: #F5F5F5;
}.p {
color: #4a4a4a;
line-height: 140%;
}.justify {
text-align: justify;
}/* @import './../../../node_modules/react-daterange-picker/dist/css/react-calendar.css'; */.Base__DateRangePicker {
display: inline-block;
margin-bottom: 10px;
padding: 0;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }.Base__DateRangePicker__Legend {
color: #52575e;
font-size: 14px;
line-height: 16px;
list-style-type: none;
margin: 20px 0;
padding: 0; }.Base__DateRangePicker__LegendItem {
display: inline-block;
margin: 0 20px; }.Base__DateRangePicker__LegendItemColor {
border-radius: 50%;
display: inline-block;
height: 14px;
margin-right: 6px;
vertical-align: text-bottom;
width: 14px;
border: 1px solid rgba(0, 0, 0, .25); }.Base__DateRangePicker__LegendItemColor--selection {
background-color: #ed5434; }.Base__DateRangePicker__PaginationArrow {
border: 0;
cursor: pointer;
display: block;
height: 35px;
outline: none;
overflow: hidden;
padding: 0;
position: absolute;
text-align: center;
top: 0;
white-space: nowrap;
width: 35px;
z-index: 1; }.Base__DateRangePicker__PaginationArrow--previous {
left: 20px; }.Base__DateRangePicker__PaginationArrow--next {
right: 20px; }.Base__DateRangePicker__PaginationArrow:hover {
background-color: #ccc; }.Base__DateRangePicker__PaginationArrowIcon {
border-bottom: 8px solid transparent;
border-top: 8px solid transparent;
height: 0;
position: absolute;
top: 10px;
width: 0; }.Base__DateRangePicker__PaginationArrowIcon--is-disabled {
opacity: .25; }.Base__DateRangePicker__PaginationArrowIcon--previous {
border-left: 8px solid transparent;
border-right: 8px solid #aaa;
right: 11px; }.Base__DateRangePicker__PaginationArrowIcon--next {
border-left: 8px solid #aaa;
border-right: 8px solid transparent;
left: 11px; }.Base__DateRangePicker__Month {
color: #333;
display: inline-block;
margin: 0 20px;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 275px; }.Base__DateRangePicker__MonthHeader {
color: #000;
font-size: 14px;
font-weight: bold;
height: 35px;
line-height: 35px;
position: relative;
text-align: center; }.Base__DateRangePicker__MonthHeaderLabel {
display: inline-block;
position: relative; }.Base__DateRangePicker__MonthHeaderSelect {
background: #e4e4e4;
border: 0;
cursor: pointer;
display: inline-block;
height: 100%;
left: 0;
margin: 0;
opacity: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 5; }.Base__DateRangePicker__MonthDates {
border-bottom: 1px solid #f4f5f6;
border-collapse: separate;
border-spacing: 0 1px;
margin: 0;
width: 100%; }.Base__DateRangePicker__WeekdayHeading, .Base__DateRangePicker__Date {
font-size: 12px;
line-height: 1;
padding: 10px 0;
text-align: center;
width: 14.285714285714286%; }.Base__DateRangePicker__WeekdayHeading {
border-bottom: 1px solid #f4f5f6;
color: #000;
font-weight: bold; }.Base__DateRangePicker__WeekdayHeading abbr[title] {
border-bottom-width: 0;
color: #000;
cursor: pointer;
font-size: inherit;
text-decoration: none; }.Base__DateRangePicker__Date {
border: 0 solid #f4f5f6;
border-right-width: 1px;
cursor: pointer;
overflow: hidden;
position: relative; }.Base__DateRangePicker__Date:first-child {
border-left-width: 1px; }.Base__DateRangePicker__Date--weekend {
background-color: #f6f7f9; }.Base__DateRangePicker__Date--otherMonth {
opacity: .25; }.Base__DateRangePicker__Date--is-disabled {
color: #cdcdd1;
cursor: default; }.Base__DateRangePicker__Date--is-selected {
color: #fff; }.Base__DateRangePicker__Date--is-highlighted {
color: #333; }.Base__DateRangePicker__CalendarDatePeriod {
bottom: 0;
position: absolute;
top: 0; }.Base__DateRangePicker__CalendarDatePeriod--am {
left: 0;
right: 50%; }.Base__DateRangePicker__CalendarDatePeriod--pm {
left: 50%;
right: 0; }.Base__DateRangePicker__CalendarSelection {
background-color: #ed5434;
border: 1px solid #eb401d;
bottom: 5px;
left: 0;
position: absolute;
right: 0;
top: 5px; }.Base__DateRangePicker__CalendarSelection--inOtherMonth {
opacity: .5; }.Base__DateRangePicker__CalendarSelection--start {
border-bottom-left-radius: 5px;
border-right-width: 0;
border-top-left-radius: 5px;
left: 5px; }.Base__DateRangePicker__CalendarSelection--end {
border-bottom-right-radius: 5px;
border-left-width: 0;
border-top-right-radius: 5px;
right: 5px; }.Base__DateRangePicker__CalendarSelection--segment {
border-left-width: 0;
border-right-width: 0; }.Base__DateRangePicker__CalendarSelection--single {
border-radius: 5px;
left: 5px;
right: 5px; }.Base__DateRangePicker__CalendarSelection--is-pending {
background-color: rgba(237, 84, 52, .75);
border-width: 0; }.Base__DateRangePicker__CalendarHighlight {
background-color: rgba(255, 255, 255, .25);
border: 1px solid rgba(0, 0, 0, .25);
bottom: 5px;
left: 0;
position: absolute;
right: 0;
top: 5px; }.Base__DateRangePicker__CalendarHighlight--inOtherMonth {
opacity: .5; }.Base__DateRangePicker__CalendarHighlight--start {
border-bottom-left-radius: 5px;
border-right-width: 0;
border-top-left-radius: 5px;
left: 5px; }.Base__DateRangePicker__CalendarHighlight--end {
border-bottom-right-radius: 5px;
border-left-width: 0;
border-top-right-radius: 5px;
right: 5px; }.Base__DateRangePicker__CalendarHighlight--segment {
border-left-width: 0;
border-right-width: 0; }.Base__DateRangePicker__CalendarHighlight--single {
background-color: #fff;
border: 1px solid #eb401d;
border-radius: 5px;
left: 5px;
right: 5px; }.Base__DateRangePicker__HalfDateStates {
bottom: -50px;
left: -50px;
position: absolute;
right: -50px;
top: -50px;
-webkit-transform: rotate(30deg);
transform: rotate(30deg); }.Base__DateRangePicker__FullDateStates {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0; }.Base__DateRangePicker__DateLabel {
display: block;
position: relative;
text-align: center;
width: 100%;
z-index: 1; }/* BE edits */.Base__daterangepicker .Base__DateRangePicker {
min-height: 270px;
margin-bottom: 0;
}.Base__daterangepicker .Base__DateRangePicker__MonthHeader {
height: 40px;
line-height: 40px;
background-color: #e6e6e6;
text-transform: uppercase;
text-align: center;
}.Base__daterangepicker .Base__DateRangePicker__Month {
margin: 0;
}.Base__daterangepicker .Base__DateRangePicker__Month:first-child {
margin-right: 5px;
}.Base__daterangepicker .Base__DateRangePicker__Month:nth-child(2) .Base__DateRangePicker__MonthHeader:after{
content: ' ';
position: absolute;
top: 0;
left: 100%;
display: block;
width: 5px;
height: 40px;
background-color: #e6e6e6;
}.Base__daterangepicker .Base__DateRangePicker__Month:nth-child(2) {
margin-right: 5px;
}.Base__daterangepicker .Base__DateRangePicker__PaginationArrow {
height: 40px;
line-height: 40px;
}.Base__daterangepicker .Base__DateRangePicker__PaginationArrow--previous {
left: 0;
}.Base__daterangepicker .Base__DateRangePicker__PaginationArrow--next {
right: 0;
}.Base__daterangepicker .Base__DateRangePicker__PaginationArrowIcon {
top: 12px;
}.Base__daterangepicker .Base__DateRangePicker__MonthDates {
border: none;
border-collapse: collapse;
border-spacing: 0 0;
}.Base__daterangepicker .Base__DateRangePicker__WeekdayHeading,
.Base__daterangepicker .Base__DateRangePicker__Date {
color: #4a4a4a;
font-size: 13px;
}.Base__daterangepicker .Base__DateRangePicker__WeekdayHeading {
color: #9b9b9b;
font-weight: 400;
}.Base__daterangepicker .Base__DateRangePicker__Date {
border: none;
}.Base__daterangepicker .Base__DateRangePicker__Date--is-highlighted {
border-color: #40c268;
color: #4a4a4a !important;
}.Base__daterangepicker .Base__DateRangePicker__Date--is-selected {
color: #fff;
}.Base__daterangepicker .Base__DateRangePicker__Date--is-disabled {
color: #cdcdd1 !important;
opacity: 0.25 !important;
cursor: not-allowed !important;
}.Base__daterangepicker .Base__DateRangePicker__Date--otherMonth {
opacity: .6;
}.Base__daterangepicker .Base__DateRangePicker__CalendarSelection {
border-color: #40c268;
background-color: #40c268;
}.Base__daterangepicker .Base__DateRangePicker__CalendarSelection--single {
border-radius: 3px;
}.Base__daterangepicker .Base__DateRangePicker__CalendarSelection--start {
border-radius: 3px 0 0 3px;
}.Base__daterangepicker .Base__DateRangePicker__CalendarSelection--end {
border-radius: 0 3px 3px 0;
}.Base__daterangepicker .Base__DateRangePicker__CalendarHighlight {
border-color: #e6e6e6;
background-color: #e6e6e6;
border-radius: 3px !important;
}.Base__daterangepicker .Base__DateRangePicker__control-panel {
position: relative;
display: block;
width: 100%;
height: 50px;
padding: 0 12px;
line-height: 50px;
border-top: 1px solid #e6e6e6;
}.Base__daterangepicker .Base__DateRangePicker__control-panel .Base__button,
.Base__daterangepicker .Base__DateRangePicker__control-panel .Base__gl-button {
position: relative;
display: inline-block;
min-width: 60px;
height: 26px;
margin: 12px 0 12px 5px;
line-height: 26px;
float: right;
text-align: center;
}.Base__daterangepicker .Base__DateRangePicker__control-panel .Base__selected-range {
position: relative;
display: inline-block;
line-height: 50px;
}
.App__App {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
width: 100%;
overflow: hidden;
}
.App__App.App__isHorizontal {
position: absolute;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
z-index: 1;
}
.App__App .App__Static {
position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
z-index: 2;
}
.App__App .App__Flex {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
overflow-y: scroll;
z-index: 1;
}
.App__App .App__Flexcols {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
overflow-y: hidden;
z-index: 1;
}
.App__App .App__Flexrows {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow-y: hidden;
z-index: 1;
}
.Breadcrumbs__Breadcrumbs {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: auto;
margin: 10px 0 0;
padding: 10px 0px;
line-height: 28px;
float: left;
border-bottom: 1px solid #e6e6e6;
font-size: 15px;
font-weight: 700;
font-style: normal;
color: #9b9b9b;
}
.Breadcrumbs__Breadcrumbs .Breadcrumbs__Textwrap {
-webkit-box-flex: 1;
-ms-flex: 1 1;
flex: 1 1;
}
.Breadcrumbs__Breadcrumbs .Breadcrumbs__Step {
position: relative;
display: inline-block;
padding-left: 30px;
float: left;
cursor: pointer;
color: #9b9b9b;
}
.Breadcrumbs__Breadcrumbs .Breadcrumbs__Step:first-child {
padding-left: 0;
}
.Breadcrumbs__Breadcrumbs .Breadcrumbs__Step:first-child:before {
content: "";
}
.Breadcrumbs__Breadcrumbs .Breadcrumbs__Step:last-child {
color: #4a4a4a;
cursor: default;
}
.Breadcrumbs__Breadcrumbs .Breadcrumbs__Step:before {
content: "z";
position: absolute;
top: 0;
left: 8px;
display: block;
font-family: be-engager !important;
font-style: normal !important;
font-weight: 400 !important;
-webkit-font-feature-settings: normal !important;
font-feature-settings: normal !important;
font-variant: normal !important;
text-transform: none !important;
color: #9b9b9b !important;
pointer-events: none;
cursor: default !important;
}
.Breadcrumbs__Breadcrumbs .Breadcrumbs__Right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-item-align: end;
align-self: flex-end;
}
.Breadcrumbs__Breadcrumbs .Breadcrumbs__Right a {
margin-right: 10px;
}
.Button__Button {
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: auto;
height: 40px;
margin: 5px;
padding: 0 42px;
line-height: 40px;
border-radius: 3px;
background-color: #3879bb;
font-size: 15px;
font-weight: 700;
color: #fff;
cursor: pointer;
-webkit-transition-duration: 0.11s;
-o-transition-duration: 0.11s;
transition-duration: 0.11s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.Button__Button [class^="be-icon"] {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
margin-right: 8px;
line-height: 15px;
font-size: inherit;
color: inherit;
height: auto;
}
.Button__Button:hover {
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: brightness(115%);
filter: brightness(115%);
}
.Button__Button.Button__Reversed {
color: #3879bb;
background-color: #fff;
}
.Button__Button.Button__Negative {
background-color: #e8585d;
}
.Button__Button.Button__Neutral {
background-color: #808080;
}
.Button__Button.Button__Cancel {
color: #e8585d;
background-color: #fff;
}
.Button__Button.Button__Disabled {
border-color: #c5c5c5 !important;
background-color: #cfcfcf !important;
color: #a6a6a6 !important;
cursor: not-allowed !important;
pointer-events: none !important;
-webkit-box-shadow: none;
box-shadow: none;
}
.Button__Button.Button__Small {
height: 28px;
padding: 0 22px;
line-height: 28px;
margin: 5px;
font-size: 13px;
}
.Button__Button.Button__Small [class^="be-icon"] {
line-height: 13px;
}
.Button__Button.Button__Wide {
width: 100%;
margin: 5px 0;
}
.ButtonGroup__ButtonGroup {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 10px 0;
}
.H1__H1 {
font-size: 2.5rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem;
}.H2__H2 {
font-size: 2rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem;
}.H3__H3 {
font-size: 1.5rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: 0.5rem;
}.Header__Header {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
height: 55px;
margin: 0;
padding: 0px 10px;
background: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 131, 200)), to(rgb(0, 112, 172)));
background: -webkit-linear-gradient(rgb(0, 131, 200), rgb(0, 112, 172));
background: -o-linear-gradient(rgb(0, 131, 200), rgb(0, 112, 172));
background: linear-gradient(rgb(0, 131, 200), rgb(0, 112, 172));
font-size: 15px;
font-weight: 700;
font-style: normal;
color: #fff;
}
.Header__Header .Header__Title {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.Header__Header .Header__Logo {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
margin-top: 1px;
width: 163px;
height: 30px;
margin-right: -40px;
margin-left: 15px;
line-height: 40px;
font-size: 30px;
font-weight: 700;
color: #fff;
background-image: url(data:image/svg+xml,%3Csvg%20width%3D%2288%22%20height%3D%2228%22%20viewBox%3D%220%200%2088%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M51.9412%2013.932C50.6285%2013.932%2049.4821%2013.6599%2048.4976%2013.1204C47.513%2012.581%2046.7503%2011.807%2046.2095%2010.7985C45.6687%209.78991%2045.396%208.59842%2045.396%207.2146C45.396%205.83079%2045.6687%204.58301%2046.2188%203.5557C46.7688%202.53308%2047.5361%201.74501%2048.5207%201.19617C49.5053%200.647338%2050.6377%200.370575%2051.9135%200.370575C53.1893%200.370575%2054.3633%200.652029%2055.334%201.21963C56.3001%201.78723%2057.0581%202.5753%2057.599%203.59323C58.1398%204.60646%2058.4125%205.8214%2058.4125%207.23806C58.4125%208.65471%2058.1444%209.81336%2057.6128%2010.8219C57.0813%2011.8304%2056.3324%2012.5998%2055.3756%2013.1298C54.4142%2013.6646%2053.2725%2013.9273%2051.9458%2013.9273L51.9412%2013.932ZM51.8904%2010.7375C52.6438%2010.7375%2053.2493%2010.5733%2053.7116%2010.2402C54.1692%209.90718%2054.502%209.47093%2054.71%208.93147C54.9134%208.39202%2055.0197%207.81973%2055.0197%207.21929C55.0197%206.61886%2054.918%206.04657%2054.71%205.49773C54.5066%204.9489%2054.1784%204.49388%2053.7254%204.13737C53.2725%203.78086%2052.6623%203.60261%2051.895%203.60261C51.1277%203.60261%2050.5591%203.78086%2050.1015%204.13737C49.6439%204.49388%2049.3111%204.9489%2049.1031%205.49773C48.8997%206.04657%2048.7934%206.61886%2048.7934%207.21929C48.7934%207.81973%2048.8951%208.41078%2049.1031%208.94085C49.3065%209.47562%2049.6393%209.90718%2050.1015%2010.2402C50.5591%2010.5733%2051.16%2010.7375%2051.895%2010.7375H51.8904Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M60.8669%2013.7584V0.605116H64.0887L64.2597%202.12966C64.6203%201.67933%2065.0363%201.32752%2065.5032%201.06952C65.97%200.811516%2066.4461%200.633261%2066.9314%200.534752C67.4168%200.436243%2067.8559%200.384644%2068.2488%200.384644C69.4968%200.384644%2070.4675%200.661407%2071.1655%201.21024C71.8635%201.75908%2072.3627%202.49555%2072.6678%203.41966C72.9728%204.34377%2073.1208%205.37107%2073.1208%206.50158V13.7678H69.6771V6.95191C69.6771%206.55318%2069.6448%206.15445%2069.58%205.75573C69.5153%205.357%2069.3952%204.99111%2069.2241%204.65806C69.0531%204.325%2068.8081%204.05762%2068.4984%203.8606C68.1887%203.65889%2067.7773%203.56038%2067.2689%203.56038C66.6125%203.56038%2066.0625%203.72926%2065.6187%204.05762C65.175%204.39067%2064.8468%204.841%2064.6341%205.40391C64.4215%205.97151%2064.3152%206.5954%2064.3152%207.27558V13.7678H60.8716L60.8669%2013.7584Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M81.9956%2013.946C80.632%2013.946%2079.4764%2013.6693%2078.5289%2013.1204C77.5767%2012.5716%2076.8463%2011.7929%2076.3379%2010.7844C75.8294%209.77583%2075.5752%208.59841%2075.5752%207.25213C75.5752%205.90584%2075.8387%204.69558%2076.361%203.66828C76.8879%202.64566%2077.6275%201.84351%2078.589%201.25715C79.5504%200.67548%2080.6829%200.384644%2081.9956%200.384644C82.9802%200.384644%2083.8446%200.548825%2084.5888%200.881879C85.3329%201.21493%2085.9662%201.67933%2086.4839%202.27977C87.0016%202.8802%2087.3853%203.57446%2087.6395%204.36253C87.8937%205.15529%2088.0139%206.00435%2087.9954%206.91907C87.9954%207.15362%2087.9862%207.37878%2087.9723%207.59456C87.9538%207.81034%2087.9215%208.02612%2087.8752%208.24191H78.9957C79.0466%208.73914%2079.1852%209.19885%2079.4117%209.61634C79.6429%2010.0338%2079.9664%2010.3622%2080.3824%2010.6014C80.7984%2010.8407%2081.3208%2010.9626%2081.9448%2010.9626C82.3562%2010.9626%2082.7306%2010.9157%2083.0772%2010.8266C83.4239%2010.7375%2083.7151%2010.5874%2083.9647%2010.3903C84.2097%2010.1886%2084.3807%209.95878%2084.4824%209.69139H87.8752C87.6626%2010.6718%2087.2651%2011.4786%2086.6827%2012.1119C86.1003%2012.7452%2085.3977%2013.2049%2084.5795%2013.4957C83.7614%2013.7866%2082.897%2013.932%2081.9956%2013.932V13.946ZM79.0697%205.80733H84.7043C84.6858%205.357%2084.5749%204.93951%2084.3715%204.54547C84.1681%204.15613%2083.863%203.83715%2083.4609%203.59791C83.0588%203.35868%2082.5457%203.23671%2081.9217%203.23671C81.2976%203.23671%2080.7799%203.36337%2080.3593%203.61198C79.9433%203.8606%2079.629%204.18427%2079.4256%204.57362C79.2222%204.96297%2079.102%205.37576%2079.0697%205.80733Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M22.3675%2017.4689H16.7698C16.6173%2017.4689%2016.4879%2017.5768%2016.4601%2017.7269C16.2013%2019.1717%2015.7113%2020.3257%2014.9995%2021.1841C14.1952%2022.1551%2013.0535%2022.6383%2011.5789%2022.6383C10.4419%2022.6383%209.46654%2022.2865%208.64839%2021.5828C7.83023%2020.8792%207.2016%2019.8847%206.75785%2018.5994C6.31411%2017.3141%206.09224%2015.7943%206.09224%2014.0352C6.09224%2012.323%206.30024%2010.8172%206.72087%209.50846C7.14151%208.1997%207.76552%207.18177%208.59292%206.44999C9.42032%205.7229%2010.428%205.35701%2011.6067%205.35701C12.9472%205.35701%2014.0334%205.81203%2014.8747%206.71737C15.6096%207.51014%2016.1181%208.57497%2016.4%209.90719C16.4324%2010.0526%2016.5618%2010.1558%2016.7097%2010.1558H22.2843C22.483%2010.1558%2022.6309%209.97286%2022.594%209.77584C22.0393%206.69861%2020.9022%204.32032%2019.1827%202.64098C17.3846%200.88189%2014.8562%200%2011.6113%200C9.24929%200%207.19697%200.576981%205.44973%201.73563C3.70249%202.89429%202.35739%204.52203%201.41443%206.62355C0.471478%208.72508%200%2011.1972%200%2014.0399C0%2016.8826%200.49459%2019.4907%201.47915%2021.5688C2.46833%2023.6422%203.82729%2025.2371%205.56529%2026.3441C7.30329%2027.4512%209.28165%2028.0047%2011.505%2028.0047C13.6636%2028.0047%2015.5126%2027.5919%2017.0564%2026.7616C18.6003%2025.9313%2019.8483%2024.7304%2020.8005%2023.159C21.6926%2021.686%2022.3166%2019.9176%2022.6725%2017.8583C22.7049%2017.6612%2022.557%2017.4783%2022.3629%2017.4783L22.3675%2017.4689Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M43.5609%200.605133H37.954C37.8431%200.605133%2037.7368%200.666115%2037.6813%200.764624L33.3455%208.32167C33.3039%208.39203%2033.2023%208.39203%2033.1653%208.32167L28.8295%200.764624C28.7741%200.666115%2028.6677%200.605133%2028.5568%200.605133H22.9499C22.7049%200.605133%2022.5524%200.872514%2022.6772%201.0883L30.0544%2013.9508C30.0729%2013.9836%2030.0729%2014.0258%2030.0544%2014.0586L22.6772%2026.9211C22.5524%2027.1369%2022.7049%2027.4043%2022.9499%2027.4043H28.5568C28.6677%2027.4043%2028.7741%2027.3433%2028.8295%2027.2448L33.1653%2019.6877C33.2069%2019.6174%2033.3086%2019.6174%2033.3455%2019.6877L37.6813%2027.2448C37.7368%2027.3433%2037.8431%2027.4043%2037.954%2027.4043H43.5609C43.8059%2027.4043%2043.9584%2027.1369%2043.8336%2026.9211L36.4564%2014.0586C36.4379%2014.0258%2036.4379%2013.9836%2036.4564%2013.9508L43.8336%201.0883C43.9584%200.872514%2043.8059%200.605133%2043.5609%200.605133Z%22%20fill%3D%22white%22%2F%3E%0A%3Cpath%20d%3D%22M61.1073%2021.4609C61.1628%2021.6204%2061.1951%2021.7752%2061.1951%2021.9347C61.1951%2022.0707%2061.172%2022.2114%2061.1212%2022.3568C61.0703%2022.5023%2060.9825%2022.6242%2060.8577%2022.7274C60.7329%2022.8259%2060.5526%2022.8775%2060.3215%2022.8775C60.0904%2022.8775%2059.9147%2022.8306%2059.7715%2022.7321C59.6282%2022.6336%2059.5265%2022.5116%2059.4618%2022.3615C59.397%2022.2114%2059.3601%2022.0566%2059.3601%2021.9018C59.3601%2021.747%2059.3924%2021.5828%2059.4618%2021.4327C59.5311%2021.2826%2059.6328%2021.1607%2059.7715%2021.0621C59.9101%2020.9636%2060.0812%2020.9167%2060.2892%2020.9167C60.5156%2020.9167%2060.6913%2020.9683%2060.8207%2021.0715C60.9502%2021.1747%2061.0426%2021.3061%2061.1027%2021.4609H61.1073ZM77.9557%2020.8182C77.8448%2020.7525%2077.6969%2020.7197%2077.512%2020.7197C77.3271%2020.7197%2077.1884%2020.7525%2077.0729%2020.8182C76.9573%2020.8839%2076.8741%2020.9636%2076.8186%2021.0575C76.7632%2021.156%2076.7354%2021.2451%2076.7354%2021.3342H78.2747C78.2747%2021.2451%2078.2515%2021.156%2078.2007%2021.0575C78.1499%2020.9589%2078.0713%2020.8792%2077.9603%2020.8182H77.9557ZM65.8776%2021.0997C65.7528%2020.9965%2065.5771%2020.9402%2065.3552%2020.9402C65.1334%2020.9402%2064.9623%2020.9918%2064.8329%2021.0997C64.7035%2021.2029%2064.611%2021.3342%2064.5602%2021.4796C64.5093%2021.6297%2064.4816%2021.7752%2064.4816%2021.9206C64.4816%2022.066%2064.5093%2022.2114%2064.5648%2022.3568C64.6203%2022.5023%2064.7081%2022.6148%2064.8375%2022.7087C64.9623%2022.7978%2065.138%2022.8447%2065.3552%2022.8447C65.5725%2022.8447%2065.7481%2022.7978%2065.8729%2022.704C65.9977%2022.6101%2066.0902%2022.4929%2066.141%2022.3475C66.1919%2022.202%2066.2196%2022.0613%2066.2196%2021.9206C66.2196%2021.7799%2066.1919%2021.6344%2066.141%2021.4796C66.0902%2021.3295%2066.0024%2021.1982%2065.8776%2021.095V21.0997ZM88.0001%2021.8596C88.0001%2025.7906%2086.1742%2027.3996%2081.7229%2027.3996H51.6731C47.2218%2027.3996%2045.396%2025.7906%2045.396%2021.8596C45.396%2017.9286%2047.2218%2016.3196%2051.6731%2016.3196H81.7229C86.1742%2016.3196%2088.0001%2017.9286%2088.0001%2021.8596ZM56.9888%2018.0037H55.089L53.6006%2020.7244L52.103%2018.0037H50.1246V24.2144H51.687V20.26L53.2586%2022.9901H53.8734L55.4218%2020.26V24.2144H56.9888V18.0037ZM62.6974%2021.8831C62.6974%2021.4374%2062.6234%2021.0387%2062.4709%2020.6775C62.323%2020.3163%2062.1011%2020.0301%2061.8053%2019.8191C61.5095%2019.608%2061.1443%2019.5001%2060.7052%2019.5001C60.4278%2019.5001%2060.1828%2019.5423%2059.961%2019.6314C59.7437%2019.7205%2059.5265%2019.8753%2059.3231%2020.1052L59.2445%2019.5986H57.8255V25.9829H59.3554V23.8251C59.434%2023.9048%2059.5403%2023.9846%2059.6698%2024.0549C59.7992%2024.1253%2059.9471%2024.1816%2060.1089%2024.2238C60.2753%2024.266%2060.4463%2024.2895%2060.622%2024.2895C61.0657%2024.2895%2061.4401%2024.1863%2061.7498%2023.9752C62.0595%2023.7641%2062.2906%2023.478%2062.4478%2023.1168C62.6049%2022.7556%2062.6835%2022.3428%2062.6835%2021.8877L62.6974%2021.8831ZM67.7173%2021.944C67.7173%2021.4233%2067.6109%2020.9824%2067.4029%2020.6212C67.1903%2020.26%2066.9083%2019.9785%2066.557%2019.7862C66.2011%2019.5939%2065.8036%2019.4954%2065.3599%2019.4954C64.9161%2019.4954%2064.5325%2019.5892%2064.1765%2019.7768C63.8206%2019.9645%2063.534%2020.2365%2063.3168%2020.5977C63.0995%2020.9589%2062.9932%2021.3999%2062.9932%2021.9159C62.9932%2022.4319%2063.0995%2022.8541%2063.3122%2023.2106C63.5248%2023.5624%2063.8114%2023.8298%2064.1719%2024.0127C64.5325%2024.1957%2064.9392%2024.2848%2065.3876%2024.2848C65.836%2024.2848%2066.2381%2024.1957%2066.5894%2024.0174C66.9407%2023.8392%2067.218%2023.5765%2067.4214%2023.2246C67.6248%2022.8728%2067.7219%2022.446%2067.7219%2021.944H67.7173ZM73.8696%2024.2144L75.3117%2019.5892H73.6939L73.0283%2022.3521L72.2841%2019.5892H70.6755L69.9221%2022.3521L69.2472%2019.5892H67.5878L69.03%2024.2144H70.6894L71.4429%2021.5031L72.2102%2024.2144H73.8603H73.8696ZM76.7077%2022.3475H79.6475C79.6706%2022.2489%2079.6845%2022.1551%2079.6937%2022.0613C79.703%2021.9722%2079.7076%2021.8737%2079.7076%2021.7752C79.7076%2021.4233%2079.6567%2021.1091%2079.555%2020.8276C79.4534%2020.5461%2079.3101%2020.3069%2079.1205%2020.1099C78.931%2019.9129%2078.7045%2019.7581%2078.4364%2019.6549C78.173%2019.5517%2077.8725%2019.4954%2077.5351%2019.4954C77.0682%2019.4954%2076.6568%2019.5986%2076.3055%2019.8003C75.9543%2020.0067%2075.6815%2020.2881%2075.4828%2020.654C75.2886%2021.0199%2075.1869%2021.4468%2075.1869%2021.93C75.1869%2022.4131%2075.284%2022.8353%2075.4781%2023.1824C75.6723%2023.5342%2075.9404%2023.8016%2076.2917%2023.994C76.6384%2024.1863%2077.0497%2024.2801%2077.5166%2024.2801C77.8587%2024.2801%2078.1776%2024.2238%2078.4827%2024.1112C78.7831%2023.9986%2079.0466%2023.8251%2079.2592%2023.5812C79.4765%2023.3372%2079.6244%2023.0276%2079.703%2022.6477H78.2053C78.1868%2022.6993%2078.1499%2022.7509%2078.0851%2022.8072C78.0204%2022.8588%2077.9372%2022.901%2077.8402%2022.9338C77.7385%2022.9666%2077.6183%2022.9807%2077.4796%2022.9807C77.3132%2022.9807%2077.1745%2022.9526%2077.0636%2022.8916C76.9527%2022.8353%2076.8695%2022.7556%2076.8094%2022.6571C76.7493%2022.5585%2076.7123%2022.4507%2076.7031%2022.3428L76.7077%2022.3475ZM83.2714%2019.5141C83.2483%2019.5095%2083.1974%2019.5048%2083.1142%2019.5001C83.0357%2019.5001%2082.9432%2019.5001%2082.8461%2019.5001C82.7306%2019.5001%2082.6058%2019.5095%2082.4671%2019.5282C82.3285%2019.547%2082.1898%2019.5939%2082.0511%2019.6689C81.9124%2019.744%2081.7876%2019.866%2081.6721%2020.0395L81.5704%2019.5986H80.2299V24.2238H81.7599V22.1176C81.7599%2021.808%2081.8154%2021.5735%2081.9263%2021.4187C82.0372%2021.2639%2082.1898%2021.1607%2082.3747%2021.1044C82.5642%2021.0481%2082.7629%2021.0199%2082.9756%2021.0199H83.2714V19.5188V19.5141Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E);
background-repeat: no-repeat;
}
.Header__Header .Header__Logo [class^="be-icon-be-symbol"]::before {
content: "";
}
.Channel__Channel {
position: relative;
display: inline-block;
-ms-flex-item-align: center;
align-self: center;
width: 24px;
height: 24px;
margin-right: 5px;
line-height: 24px;
border-radius: 3px;
background-color: rgba(245, 245, 245, 0);
text-align: center;
font-size: 12px;
color: #fff;
}
.Channel__Channel:before,
.Channel__Channel:after {
position: relative;
display: inline-block;
width: 100%;
height: 100%;
content: "";
height: inherit;
line-height: inherit;
float: left;
font-family: "be-engager" !important;
font-style: normal !important;
font-weight: normal !important;
-webkit-font-feature-settings: normal !important;
font-feature-settings: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
-webkit-font-smoothing: antialiased;
}
.Channel__Channel:after {
content: none;
}
.Channel__Channel.Channel__isPrivate:before,
.Channel__Channel.Channel__message:before {
width: 24px;
}
.Channel__Channel.Channel__isPrivate:after,
.Channel__Channel.Channel__message:after {
content: "9";
position: absolute;
bottom: 0;
right: 0;
display: block;
height: 18px;
width: 18px;
line-height: 19px;
font-size: 17px;
color: #ffc36b;
}
.Channel__Channel.Channel__facebook {
line-height: 25px;
background-color: #3b5998;
font-size: 12px;
}
.Channel__Channel.Channel__facebook:before {
content: "m";
}
.Channel__Channel.Channel__facebook-dm {
line-height: 25px;
background-color: #3b5998;
font-size: 12px;
}
.Channel__Channel.Channel__facebook-dm:before {
content: "m";
width: 24px;
}
.Channel__Channel.Channel__facebook-dm:after {
content: "9";
position: absolute;
bottom: 0;
right: 0;
display: block;
height: 18px;
width: 18px;
line-height: 19px;
font-size: 17px;
color: #ffc36b;
}
.Channel__Channel.Channel__facebook-messenger {
line-height: 25px;
background-color: #448aff;
font-size: 12px;
}
.Channel__Channel.Channel__facebook-messenger:before {
content: "o";
}
.Channel__Channel.Channel__twitter {
background-color: #000;
}
.Channel__Channel.Channel__twitter:before {
content: "n";
}
.Channel__Channel.Channel__co-browsing {
background-color: #cf6dca;
}
.Channel__Channel.Channel__co-browsing:before {
content: "U";
}
.Channel__Channel.Channel__in-app-messaging {
background-color: #cf6dca;
}
.Channel__Channel.Channel__in-app-messaging:before {
content: "U";
}
.Channel__Channel.Channel__kakao-talk {
background-color: #ffe812;
color: #000;
}
.Channel__Channel.Channel__kakao-talk:before {
content: "U";
}
.Channel__Channel.Channel__tango {
background-color: #db4301;
}
.Channel__Channel.Channel__tango:before {
content: "U";
}
.Channel__Channel.Channel__twitter-dm {
background-color: #000;
}
.Channel__Channel.Channel__twitter-dm:before {
content: "n";
width: 24px;
}
.Channel__Channel.Channel__twitter-dm:after {
content: "9";
position: absolute;
bottom: 0;
right: 0;
display: block;
height: 18px;
width: 18px;
line-height: 19px;
font-size: 17px;
color: #ffc36b;
}
.Channel__Channel.Channel__instagram {
background-color: rgba(85, 172, 238, 0);
background: -webkit-linear-gradient(45deg, #ee8252, #eb4b66, #a8478c);
background: -o-linear-gradient(45deg, #ee8252, #eb4b66, #a8478c);
background: linear-gradient(45deg, #ee8252, #eb4b66, #a8478c);
font-size: 14.4px;
}
.Channel__Channel.Channel__instagram:before {
content: "s";
}
.Channel__Channel.Channel__instagram-dm {
background-color: rgba(85, 172, 238, 0);
background: -webkit-linear-gradient(45deg, #ee8252, #eb4b66, #a8478c);
background: -o-linear-gradient(45deg, #ee8252, #eb4b66, #a8478c);
background: linear-gradient(45deg, #ee8252, #eb4b66, #a8478c);
font-size: 14.4px;
}
.Channel__Channel.Channel__instagram-dm:before {
content: "s";
width: 24px;
}
.Channel__Channel.Channel__instagram-dm:after {
content: "9";
position: absolute;
bottom: 0;
right: 0;
display: block;
height: 18px;
width: 18px;
line-height: 19px;
font-size: 17px;
color: #ffc36b;
}
.Channel__Channel.Channel__google {
background-color: #dd4b39;
font-size: 14.4px;
}
.Channel__Channel.Channel__google:before {
content: "p";
}
.Channel__Channel.Channel__google-dm {
background-color: #dd4b39;
font-size: 14.4px;
}
.Channel__Channel.Channel__google-dm:before {
content: "p";
width: 24px;
}
.Channel__Channel.Channel__google-dm:after {
content: "9";
position: absolute;
bottom: 0;
right: 0;
display: block;
height: 18px;
width: 18px;
line-height: 19px;
font-size: 17px;
color: #ffc36b;
}
.Channel__Channel.Channel__google-search {
background-color: #000000;
font-size: 14.4px;
}
.Channel__Channel.Channel__google-search:before {
content: "v";
}
.Channel__Channel.Channel__google-play {
background-color: #000000;
background: -webkit-linear-gradient(305deg, #00ceff, #d53f62, #f8c971);
background: -o-linear-gradient(305deg, #00ceff, #d53f62, #f8c971);
background: linear-gradient(145deg, #00ceff, #d53f62, #f8c971);
font-size: 14.4px;
}
.Channel__Channel.Channel__google-play:before {
content: "\E036";
}
.Channel__Channel.Channel__google-maps {
background-color: #8fc24e;
background: -webkit-gradient(linear, left bottom, left top, from(#a0cf61), to(#8fc24e));
background: -webkit-linear-gradient(bottom, #a0cf61, #8fc24e);
background: -o-linear-gradient(bottom, #a0cf61, #8fc24e);
background: linear-gradient(0deg, #a0cf61, #8fc24e);
font-size: 14.4px;
}
.Channel__Channel.Channel__google-maps:before {
content: "\E03D";
color: #ea4b36;
}
.Channel__Channel.Channel__telegram {
background-color: #229dd8;
}
.Channel__Channel.Channel__telegram:before {
content: "\E03A";
}
.Channel__Channel.Channel__youtube {
background-color: #282828;
font-size: 29px !important;
width: 47px !important;
}
table .Channel__Channel.Channel__youtube {
color: #282828;
background-color: white;
}
.Channel__Channel.Channel__youtube:before {
content: "l";
bottom: 2px;
}
.Channel__Channel.Channel__rcs {
background-color: #000000;
}
.Channel__Channel.Channel__rcs:before {
content: "\E006";
}
.Channel__Channel.Channel__pinterest {
background-color: #d63633;
}
.Channel__Channel.Channel__pinterest:before {
content: "\E02B";
}
.Channel__Channel.Channel__wechat,
.Channel__Channel.Channel__we-chat {
background-color: #2dc100;
}
.Channel__Channel.Channel__wechat:before,
.Channel__Channel.Channel__we-chat:before {
content: "\E038";
}
.Channel__Channel.Channel__voice {
background-color: #145de4;
background: -webkit-gradient(linear, left top, left bottom, from(#145de4), to(#0f44a7));
background: -webkit-linear-gradient(top, #145de4, #0f44a7);
background: -o-linear-gradient(top, #145de4, #0f44a7);
background: linear-gradient(180deg, #145de4, #0f44a7);
}
.Channel__Channel.Channel__voice:before {
content: "#";
}
.Channel__Channel.Channel__whatsapp {
background-color: #009d00;
}
.Channel__Channel.Channel__whatsapp:before {
content: "\E033";
}
.Channel__Channel.Channel__contact-form {
background-color: #000000;
}
.Channel__Channel.Channel__contact-form:before {
content: "\E042";
}
.Channel__Channel.Channel__viber {
background-color: #7b519d;
}
.Channel__Channel.Channel__viber:before {
content: "\E034";
}
.Channel__Channel.Channel__apple-apps,
.Channel__Channel.Channel__apple-apps-reviews {
background-color: #0269e2;
background: -webkit-gradient(linear, left top, left bottom, from(#1ac1fb), to(#1d77f2));
background: -webkit-linear-gradient(top, #1ac1fb, #1d77f2);
background: -o-linear-gradient(top, #1ac1fb, #1d77f2);
background: linear-gradient(180deg, #1ac1fb, #1d77f2);
}
.Channel__Channel.Channel__apple-apps:before,
.Channel__Channel.Channel__apple-apps-reviews:before {
content: "\E03E";
}
.Channel__Channel.Channel__apple {
background-color: #a7a7a7;
background: -webkit-gradient(linear, left top, left bottom, from(#bbbbbb), to(#a7a7a7));
background: -webkit-linear-gradient(top, #bbbbbb, #a7a7a7);
background: -o-linear-gradient(top, #bbbbbb, #a7a7a7);
background: linear-gradient(180deg, #bbbbbb, #a7a7a7);
color: #000;
}
.Channel__Channel.Channel__apple:before {
content: "\E03B";
}
.Channel__Channel.Channel__apple-imessage,
.Channel__Channel.Channel__apple-business {
background: -webkit-gradient(linear, left top, left bottom, from(#5df877), to(#0abb28));
background: -webkit-linear-gradient(top, #5df877, #0abb28);
background: -o-linear-gradient(top, #5df877, #0abb28);
background: linear-gradient(180deg, #5df877, #0abb28);
}
.Channel__Channel.Channel__apple-imessage:before,
.Channel__Channel.Channel__apple-business:before {
content: url('data:image/svg+xml; utf8, ');
display: block;
top: 2px;
left: 2px;
width: 20px;
}
.Channel__Channel.Channel__sms,
.Channel__Channel.Channel__twilio {
background-color: #a228b7;
color: #fff;
}
.Channel__Channel.Channel__sms:before,
.Channel__Channel.Channel__twilio:before {
content: "\E03C";
}
.Channel__Channel.Channel__rss {
background-color: #ffa500;
}
.Channel__Channel.Channel__rss:before {
content: "\E039";
}
.Channel__Channel.Channel__ok-ru {
background-color: #f68634;
}
.Channel__Channel.Channel__ok-ru:before {
content: "\E035";
}
.Channel__Channel.Channel__kik {
background-color: #000000;
color: #7db703;
}
.Channel__Channel.Channel__kik:before {
content: "\E02F";
}
.Channel__Channel.Channel__linkedin {
background-color: #007bb6;
}
.Channel__Channel.Channel__linkedin:before {
content: "k";
}
.Channel__Channel.Channel__livechat-contact-form {
background-color: #b42c2a;
}
.Channel__Channel.Channel__livechat-contact-form:before {
content: "\E019";
}
.Channel__Channel.Channel__slack {
background-color: #77d4b6;
color: #fff;
}
.Channel__Channel.Channel__slack:before {
content: "\E02E";
}
.Channel__Channel.Channel__tumblr {
background-color: #395a76;
}
.Channel__Channel.Channel__tumblr:before {
content: "\E02C";
}
.Channel__Channel.Channel__snapchat {
background-color: #ece000;
}
.Channel__Channel.Channel__snapchat :before {
content: "\E02D";
-webkit-text-stroke: 1px black;
}
.Channel__Channel.Channel__amazon {
background-color: #000000;
color: #f90;
color: #fff;
}
.Channel__Channel.Channel__amazon :before {
content: "\E031";
}
.Channel__Channel.Channel__livechat,
.Channel__Channel.Channel__live-chat {
background-color: #b42c2a;
}
.Channel__Channel.Channel__livechat:before,
.Channel__Channel.Channel__live-chat:before {
content: "q";
}
.Channel__Channel.Channel__line-message,
.Channel__Channel.Channel__line {
background: -webkit-gradient(linear, left top, left bottom, from(#35be19), to(#32b418));
background: -webkit-linear-gradient(top, #35be19, #32b418);
background: -o-linear-gradient(top, #35be19, #32b418);
background: linear-gradient(180deg, #35be19, #32b418);
font-size: 18px;
}
.Channel__Channel.Channel__line-message:before,
.Channel__Channel.Channel__line:before {
content: "\E041";
}
.Channel__Channel.Channel__email {
background-color: #dee4eb;
font-size: 13.2px;
color: #545968;
}
.Channel__Channel.Channel__email:before {
content: "i";
}
.Channel__Channel.Channel__forum {
background-color: #4a4a4a;
font-size: 10.8px;
}
.Channel__Channel.Channel__forum:before {
content: "d";
}
.Channel__Channel.Channel__vkontakte {
background-color: #45668e;
font-size: 12px;
}
.Channel__Channel.Channel__vkontakte:before {
content: "t";
}
.Channel__Channel.Channel__vkontakte-dm {
background-color: #45668e;
font-size: 12px;
}
.Channel__Channel.Channel__vkontakte-dm:before {
content: "t";
width: 24px;
}
.Channel__Channel.Channel__vkontakte-dm:after {
content: "9";
position: absolute;
bottom: 0;
right: 0;
display: block;
height: 18px;
width: 18px;
line-height: 19px;
font-size: 17px;
color: #ffc36b;
}
.Channel__Channel.Channel__listening,
.Channel__Channel.Channel__kbm-1,
.Channel__Channel.Channel__default {
background-color: #dcdcdc;
font-size: 14.4px;
color: #a2a2a2;
}
.Channel__Channel.Channel__listening:before,
.Channel__Channel.Channel__kbm-1:before,
.Channel__Channel.Channel__default:before {
content: "F";
}
/* SIZE XL */
.Channel__Channel.Channel__sizeXL {
width: 60px;
height: 60px;
line-height: 60px;
font-size: 30px;
border-radius: 7px;
}
.Channel__Channel.Channel__sizeXL.Channel__isPrivate:before,
.Channel__Channel.Channel__sizeXL.Channel__message:before {
width: 60px;
}
.Channel__Channel.Channel__sizeXL.Channel__isPrivate:after,
.Channel__Channel.Channel__sizeXL.Channel__message:after {
height: 45px;
width: 45px;
line-height: 46px;
font-size: 44px;
}
.Channel__Channel.Channel__sizeXL.Channel__facebook {
line-height: 60px;
font-size: 30px;
}
.Channel__Channel.Channel__sizeXL.Channel__facebook-dm {
line-height: 60px;
font-size: 30px;
}
.Channel__Channel.Channel__sizeXL.Channel__facebook-dm:before {
width: 60px;
}
.Channel__Channel.Channel__sizeXL.Channel__facebook-dm:after {
height: 45px;
width: 45px;
line-height: 46px;
font-size: 44px;
}
.Channel__Channel.Channel__sizeXL.Channel__twitter-dm {
line-height: 60px;
}
.Channel__Channel.Channel__sizeXL.Channel__twitter-dm:before {
width: 60px;
}
.Channel__Channel.Channel__sizeXL.Channel__twitter-dm:after {
height: 45px;
width: 45px;
line-height: 46px;
font-size: 44px;
}
.Channel__Channel.Channel__sizeXL.Channel__apple-apps,
.Channel__Channel.Channel__sizeXL.Channel__apple-apps-reviews {
font-size: 46px;
}
.Channel__Channel.Channel__sizeXL.Channel__wechat,
.Channel__Channel.Channel__sizeXL.Channel__we-chat {
font-size: 42px;
}
.Channel__Channel.Channel__sizeXL.Channel__apple-imessage:before,
.Channel__Channel.Channel__sizeXL.Channel__apple-business:before {
width: 50px;
top: 5px;
left: 5px;
}
.Channel__Channel.Channel__sizeXL.Channel__sms,
.Channel__Channel.Channel__sizeXL.Channel__twilio {
font-size: 40px;
}
.Channel__Channel.Channel__sizeXL.Channel__co-browsing {
font-size: 40px;
}
.Channel__Channel.Channel__sizeXL.Channel__telegram {
font-size: 36px;
}
.Channel__Channel.Channel__sizeXL.Channel__instagram {
font-size: 36px;
}
.Channel__Channel.Channel__sizeXL.Channel__instagram-dm {
line-height: 60px;
font-size: 36px;
}
.Channel__Channel.Channel__sizeXL.Channel__instagram-dm:before {
width: 60px;
}
.Channel__Channel.Channel__sizeXL.Channel__instagram-dm:after {
height: 45px;
width: 45px;
line-height: 46px;
font-size: 44px;
}
.Channel__Channel.Channel__sizeXL.Channel__amazon {
font-size: 36px;
}
.Channel__Channel.Channel__sizeXL.Channel__snapchat {
font-size: 38px;
}
.Channel__Channel.Channel__sizeXL.Channel__google {
font-size: 36px;
}
.Channel__Channel.Channel__sizeXL.Channel__google-dm {
line-height: 60px;
font-size: 36px;
}
.Channel__Channel.Channel__sizeXL.Channel__google-dm:before {
width: 60px;
}
.Channel__Channel.Channel__sizeXL.Channel__google-dm:after {
height: 45px;
width: 45px;
line-height: 46px;
font-size: 44px;
}
.Channel__Channel.Channel__sizeXL.Channel__google-maps {
font-size: 40px;
}
.Channel__Channel.Channel__sizeXL.Channel__email {
font-size: 33px;
}
.Channel__Channel.Channel__sizeXL.Channel__line-message,
.Channel__Channel.Channel__sizeXL.Channel__line {
font-size: 50px;
}
.Channel__Channel.Channel__sizeXL.Channel__forum {
font-size: 27px;
}
.Channel__Channel.Channel__sizeXL.Channel__voice {
font-size: 36px;
}
.Channel__Channel.Channel__sizeXL.Channel__vkontakte {
font-size: 30px;
}
.Channel__Channel.Channel__sizeXL.Channel__vkontakte-dm {
font-size: 30px;
}
.Channel__Channel.Channel__sizeXL.Channel__vkontakte-dm:before {
width: 60px;
}
.Channel__Channel.Channel__sizeXL.Channel__vkontakte-dm:after {
height: 45px;
width: 45px;
line-height: 46px;
font-size: 44px;
}
.Channel__Channel.Channel__sizeXL.Channel__listening,
.Channel__Channel.Channel__sizeXL.Channel__kbm-1,
.Channel__Channel.Channel__sizeXL.Channel__default {
font-size: 36px;
}
/* SIZE L */
.Channel__Channel.Channel__sizeL {
width: 40px;
height: 40px;
line-height: 40px;
font-size: 20px;
border-radius: 5px;
}
.Channel__Channel.Channel__sizeL.Channel__isPrivate:before,
.Channel__Channel.Channel__sizeL.Channel__message:before {
width: 40px;
}
.Channel__Channel.Channel__sizeL.Channel__isPrivate:after,
.Channel__Channel.Channel__sizeL.Channel__message:after {
height: 30px;
width: 30px;
line-height: 31px;
font-size: 29px;
}
.Channel__Channel.Channel__sizeL.Channel__facebook {
line-height: 40px;
font-size: 20px;
}
.Channel__Channel.Channel__sizeL.Channel__facebook-dm {
line-height: 40px;
font-size: 20px;
}
.Channel__Channel.Channel__sizeL.Channel__facebook-dm:before {
width: 40px;
}
.Channel__Channel.Channel__sizeL.Channel__facebook-dm:after {
height: 30px;
width: 30px;
line-height: 31px;
font-size: 29px;
}
.Channel__Channel.Channel__sizeL.Channel__twitter-dm {
line-height: 40px;
}
.Channel__Channel.Channel__sizeL.Channel__twitter-dm:before {
width: 40px;
}
.Channel__Channel.Channel__sizeL.Channel__twitter-dm:after {
height: 30px;
width: 30px;
line-height: 31px;
font-size: 29px;
}
.Channel__Channel.Channel__sizeL.Channel__apple-apps,
.Channel__Channel.Channel__sizeL.Channel__apple-apps-reviews {
font-size: 28px;
}
.Channel__Channel.Channel__sizeL.Channel__apple-imessage:before,
.Channel__Channel.Channel__sizeL.Channel__apple-business:before {
width: 30px;
top: 5px;
left: 5px;
}
.Channel__Channel.Channel__sizeL.Channel__line-message,
.Channel__Channel.Channel__sizeL.Channel__line {
font-size: 26px;
}
.Channel__Channel.Channel__sizeL.Channel__sms,
.Channel__Channel.Channel__sizeL.Channel__twilio {
font-size: 26px;
}
.Channel__Channel.Channel__sizeL.Channel__wechat,
.Channel__Channel.Channel__sizeL.Channel__we-chat {
font-size: 26px;
}
.Channel__Channel.Channel__sizeL.Channel__voice {
font-size: 26px;
}
.Channel__Channel.Channel__sizeL.Channel__amazon {
font-size: 26px;
}
.Channel__Channel.Channel__sizeL.Channel__snapchat {
font-size: 26px;
}
.Channel__Channel.Channel__sizeL.Channel__instagram {
font-size: 24px;
}
.Channel__Channel.Channel__sizeL.Channel__instagram-dm {
line-height: 40px;
font-size: 24px;
}
.Channel__Channel.Channel__sizeL.Channel__instagram-dm:before {
width: 40px;
}
.Channel__Channel.Channel__sizeL.Channel__instagram-dm:after {
height: 30px;
width: 30px;
line-height: 31px;
font-size: 29px;
}
.Channel__Channel.Channel__sizeL.Channel__google {
font-size: 24px;
}
.Channel__Channel.Channel__sizeL.Channel__google-dm {
line-height: 40px;
font-size: 24px;
}
.Channel__Channel.Channel__sizeL.Channel__google-dm:before {
width: 40px;
}
.Channel__Channel.Channel__sizeL.Channel__google-dm:after {
height: 30px;
width: 30px;
line-height: 31px;
font-size: 29px;
}
.Channel__Channel.Channel__sizeL.Channel__google-maps {
font-size: 26px;
}
.Channel__Channel.Channel__sizeL.Channel__email {
font-size: 22px;
}
.Channel__Channel.Channel__sizeL.Channel__forum {
font-size: 18px;
}
.Channel__Channel.Channel__sizeL.Channel__vkontakte {
font-size: 20px;
}
.Channel__Channel.Channel__sizeL.Channel__vkontakte-dm {
font-size: 20px;
}
.Channel__Channel.Channel__sizeL.Channel__vkontakte-dm:before {
width: 40px;
}
.Channel__Channel.Channel__sizeL.Channel__vkontakte-dm:after {
height: 30px;
width: 30px;
line-height: 31px;
font-size: 29px;
}
.Channel__Channel.Channel__sizeL.Channel__listening,
.Channel__Channel.Channel__sizeL.Channel__kbm-1,
.Channel__Channel.Channel__sizeL.Channel__default {
font-size: 24px;
}
/* SIZE S */
.Channel__Channel.Channel__sizeS {
width: 20px;
height: 20px;
line-height: 20px;
font-size: 10px;
}
.Channel__Channel.Channel__sizeS.Channel__isPrivate:before,
.Channel__Channel.Channel__sizeS.Channel__message:before {
width: 20px;
}
.Channel__Channel.Channel__sizeS.Channel__isPrivate:after,
.Channel__Channel.Channel__sizeS.Channel__message:after {
height: 15px;
width: 15px;
line-height: 16px;
font-size: 14px;
}
.Channel__Channel.Channel__sizeS.Channel__facebook {
line-height: 20px;
font-size: 10px;
}
.Channel__Channel.Channel__sizeS.Channel__facebook-dm {
line-height: 20px;
font-size: 10px;
}
.Channel__Channel.Channel__sizeS.Channel__facebook-dm:before {
width: 20px;
}
.Channel__Channel.Channel__sizeS.Channel__facebook-dm:after {
height: 15px;
width: 15px;
line-height: 16px;
font-size: 14px;
}
.Channel__Channel.Channel__sizeS.Channel__twitter-dm {
line-height: 20px;
font-size: 10px;
}
.Channel__Channel.Channel__sizeS.Channel__twitter-dm:before {
width: 20px;
}
.Channel__Channel.Channel__sizeS.Channel__twitter-dm:after {
height: 15px;
width: 15px;
line-height: 16px;
font-size: 14px;
}
.Channel__Channel.Channel__sizeS.Channel__instagram {
font-size: 12px;
}
.Channel__Channel.Channel__sizeS.Channel__line-message,
.Channel__Channel.Channel__sizeS.Channel__line {
font-size: 14px;
}
.Channel__Channel.Channel__sizeS.Channel__instagram-dm {
line-height: 20px;
font-size: 12px;
}
.Channel__Channel.Channel__sizeS.Channel__instagram-dm:before {
width: 20px;
}
.Channel__Channel.Channel__sizeS.Channel__instagram-dm:after {
height: 15px;
width: 15px;
line-height: 16px;
font-size: 14px;
}
.Channel__Channel.Channel__sizeS.Channel__google {
font-size: 12px;
}
.Channel__Channel.Channel__sizeS.Channel__google-dm {
line-height: 20px;
font-size: 12px;
}
.Channel__Channel.Channel__sizeS.Channel__google-dm:before {
width: 20px;
}
.Channel__Channel.Channel__sizeS.Channel__google-dm:after {
height: 15px;
width: 15px;
line-height: 16px;
font-size: 14px;
}
.Channel__Channel.Channel__sizeS.Channel__email {
font-size: 11px;
}
.Channel__Channel.Channel__sizeS.Channel__forum {
font-size: 9px;
}
.Channel__Channel.Channel__sizeS.Channel__vkontakte {
font-size: 10px;
}
.Channel__Channel.Channel__sizeS.Channel__vkontakte-dm {
font-size: 10px;
}
.Channel__Channel.Channel__sizeS.Channel__vkontakte-dm:before {
width: 20px;
}
.Channel__Channel.Channel__sizeS.Channel__vkontakte-dm:after {
height: 15px;
width: 15px;
line-height: 16px;
font-size: 14px;
}
.Channel__Channel.Channel__sizeS.Channel__listening,
.Channel__Channel.Channel__sizeS.Channel__kbm-1,
.Channel__Channel.Channel__sizeS.Channel__default {
font-size: 12px;
}
.Channel__Channel.Channel__sizeS.Channel__apple-imessage:before,
.Channel__Channel.Channel__sizeS.Channel__apple-business:before {
width: 16px;
top: 2px;
left: 2px;
}
/* SIZE XS */
.Channel__Channel.Channel__sizeXS {
width: 16px;
height: 16px;
line-height: 16px;
font-size: 8px;
}
.Channel__Channel.Channel__sizeXS.Channel__isPrivate:before,
.Channel__Channel.Channel__sizeXS.Channel__message:before {
width: 16px;
}
.Channel__Channel.Channel__sizeXS.Channel__isPrivate:after,
.Channel__Channel.Channel__sizeXS.Channel__message:after {
height: 12px;
width: 12px;
line-height: 13px;
font-size: 11px;
}
.Channel__Channel.Channel__sizeXS.Channel__facebook {
line-height: 16px;
font-size: 8px;
}
.Channel__Channel.Channel__sizeXS.Channel__facebook-dm {
line-height: 16px;
font-size: 8px;
}
.Channel__Channel.Channel__sizeXS.Channel__facebook-dm:before {
width: 16px;
}
.Channel__Channel.Channel__sizeXS.Channel__facebook-dm:after {
height: 12px;
width: 12px;
line-height: 13px;
font-size: 11px;
}
.Channel__Channel.Channel__sizeXS.Channel__line-message,
.Channel__Channel.Channel__sizeXS.Channel__line {
font-size: 12px;
}
.Channel__Channel.Channel__sizeXS.Channel__twitter-dm {
line-height: 16px;
font-size: 8px;
}
.Channel__Channel.Channel__sizeXS.Channel__twitter-dm:before {
width: 16px;
}
.Channel__Channel.Channel__sizeXS.Channel__twitter-dm:after {
height: 12px;
width: 12px;
line-height: 13px;
font-size: 11px;
}
.Channel__Channel.Channel__sizeXS.Channel__instagram {
font-size: 9.6px;
}
.Channel__Channel.Channel__sizeXS.Channel__instagram-dm {
line-height: 16px;
font-size: 9.6px;
}
.Channel__Channel.Channel__sizeXS.Channel__instagram-dm:before {
width: 16px;
}
.Channel__Channel.Channel__sizeXS.Channel__instagram-dm:after {
height: 12px;
width: 12px;
line-height: 13px;
font-size: 11px;
}
.Channel__Channel.Channel__sizeXS.Channel__google {
font-size: 9.6px;
}
.Channel__Channel.Channel__sizeXS.Channel__google-dm {
font-size: 9.6px;
}
.Channel__Channel.Channel__sizeXS.Channel__google-dm:before {
width: 16px;
}
.Channel__Channel.Channel__sizeXS.Channel__google-dm:after {
height: 12px;
width: 12px;
line-height: 13px;
font-size: 11px;
}
.Channel__Channel.Channel__sizeXS.Channel__email {
font-size: 8.8px;
}
.Channel__Channel.Channel__sizeXS.Channel__forum {
font-size: 7.2px;
}
.Channel__Channel.Channel__sizeXS.Channel__vkontakte {
font-size: 8px;
}
.Channel__Channel.Channel__sizeXS.Channel__vkontakte-dm {
font-size: 8px;
}
.Channel__Channel.Channel__sizeXS.Channel__vkontakte-dm:before {
width: 16px;
}
.Channel__Channel.Channel__sizeXS.Channel__vkontakte-dm:after {
height: 12px;
width: 12px;
line-height: 13px;
font-size: 11px;
}
.Channel__Channel.Channel__sizeXS.Channel__listening,
.Channel__Channel.Channel__sizeXS.Channel__kbm-1,
.Channel__Channel.Channel__sizeXS.Channel__default {
font-size: 9.6px;
}
.Channel__Channel.Channel__sizeXS.Channel__apple-imessage:before,
.Channel__Channel.Channel__sizeXS.Channel__apple-business:before {
width: 12px;
top: 2px;
left: 2px;
}
.Channel__Channel.Channel__isGrayscale {
background-color: rgba(0, 0, 0, 0);
color: #fff;
}
.Channel__Channel.Channel__isGrayscale.Channel__active {
color: #666;
}
.Checkbox__CheckboxContent {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 2px;
}
.Checkbox__CheckboxContent .Checkbox__Label {
padding-right: 2px;
}
.Checkbox__CheckboxContent .Checkbox__Children {
padding-right: 0px;
}
.Checkbox__CheckboxContent.Checkbox__hasBorder {
padding: 4px;
margin: 4px;
border: solid 1px #dadada;
border-radius: 3px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.Checkbox__Checkbox {
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
display: inline-block;
font-family: "be-engager" !important;
width: 16px;
height: 16px;
margin-right: 6px;
line-height: 16px;
}
.Checkbox__Checkbox label {
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
display: block;
width: 100%;
height: 100%;
line-height: inherit;
border: 1px solid #d9d9d9;
border-radius: 3px;
background-color: #fff;
/* .transition: (all 0.15s); */
cursor: pointer;
}
.Checkbox__Checkbox label:after {
content: "e";
position: relative;
display: block;
width: 100%;
height: 100%;
padding-right: 1px;
line-height: inherit;
text-align: center;
text-transform: none !important;
font-family: "be-engager" !important;
font-size: 8px;
font-weight: 400;
speak: none;
-webkit-font-smoothing: antialiased;
color: #fff;
opacity: 0;
}
.Checkbox__Checkbox input[type="checkbox"] {
position: absolute;
display: none;
}
.Checkbox__Checkbox input[type="checkbox"]:checked ~ label {
border-color: #3879bb;
background-color: #3879bb;
}
.Checkbox__Checkbox input[type="checkbox"]:checked ~ label:after {
opacity: 1;
}
.Input__Input {
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
display: block;
width: 100%;
height: auto;
margin: 10px 0;
}
.Input__Input .Input__Label {
position: relative;
display: block;
width: 100%;
height: 20px;
margin-bottom: 2px;
line-height: 20px;
font-weight: 400;
font-style: normal;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 13px;
color: #4a4a4a;
overflow: hidden;
}
.Input__Input .Input__Field {
position: relative;
display: block;
width: 100%;
}
.Input__Input .Input__Field input {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
width: 100%;
height: 36px;
padding: 8px 10px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), 0 0 0 #fff;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), 0 0 0 #fff;
border: 1px solid #ccc;
border-radius: 3px;
font-size: 13px;
font-weight: 400;
font-style: normal;
color: #4a4a4a;
-webkit-transition: border 0.15s linear, -webkit-box-shadow 0.15s linear;
transition: border 0.15s linear, -webkit-box-shadow 0.15s linear;
-o-transition: border 0.15s linear, box-shadow 0.15s linear;
transition: border 0.15s linear, box-shadow 0.15s linear;
transition: border 0.15s linear, box-shadow 0.15s linear, -webkit-box-shadow 0.15s linear;
resize: none;
background-color: #fff;
outline: none;
}
.Input__Input .Input__Field input:placeholder {
color: #999;
}
.Input__Input .Input__Field input:hover {
/* box-shadow: inset 0 1px 1px rgba(0,0,0,.2), 0 0 0 #fff; */
border: 1px solid rgb(184, 184, 184);
}
.Input__Input .Input__Field input:focus {
border-color: #81b9e8;
-webkit-box-shadow: inset 0 0 0 #fff, 0 0 6px rgba(80, 147, 205, .5);
box-shadow: inset 0 0 0 #fff, 0 0 6px rgba(80, 147, 205, .5);
}
.Input__Input .Input__Desc {
position: relative;
display: block;
height: 20px;
margin-top: 2px;
line-height: 20px;
font-weight: 400;
font-style: normal;
font-size: 12px;
color: #9b9b9b;
}
.Input__Input .Input__Description {
position: relative;
display: block;
height: auto;
margin-top: 2px;
line-height: 20px;
font-weight: 400;
font-style: normal;
font-size: 12px;
color: #9b9b9b;
}
.Input__Input.Input__Disabled .Input__Label {
color: #9b9b9b;
}
.Input__Input.Input__Disabled .Input__Field input {
border: 1px solid #b3b3b3;
background-color: #f5f5f5;
}
.Input__Input.Input__Disabled .Input__Field input:hover {
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), 0 0 0 #fff;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), 0 0 0 #fff;
}
.Input__Input.Input__Disabled input::-webkit-input-placeholder {
color: #b3b3b3;
}
.Input__Input.Input__Disabled input:-ms-input-placeholder {
color: #b3b3b3;
}
.Input__Input.Input__Disabled input::-ms-input-placeholder {
color: #b3b3b3;
}
.Input__Input.Input__Disabled input::placeholder {
color: #b3b3b3;
}
.Input__Input.Input__Error .Input__Field input {
border-color: #e73133;
-webkit-box-shadow: inset 0 0 0 #fff, 0 0 6px #e73133;
box-shadow: inset 0 0 0 #fff, 0 0 6px #e73133;
}
.Input__Input.Input__Error .Input__Field input:focus {
outline: none;
}
.Label__Label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding: 10px 0;
}
.Label__Label .Label__Children {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.Label__Label .Label__Text {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-ms-flex-item-align: center;
align-self: center;
margin-left: 7px;
}
.Link__Link {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-item-align: center;
align-self: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: auto;
height: auto;
line-height: inherit;
font-size: 13px;
font-weight: 700;
color: #4a4a4a;
text-decoration: none;
cursor: pointer;
-webkit-transition-duration: 0.11s;
-o-transition-duration: 0.11s;
transition-duration: 0.11s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.Link__Link:hover {
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: brightness(115%);
filter: brightness(115%);
}
.Link__Link .Link__Text {
display: inline;
color: inherit;
margin-left: 4px;
}
.Link__Link [class^="be-icon"] {
line-height: inherit;
float: left;
font-size: 13px;
color: inherit;
}
.Link__Link.Link__Blue {
color: #2eaae8;
}
.Link__Link.Link__White {
color: #ffffff;
}
.Link__Link.Link__White:hover {
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: brightness(80%);
filter: brightness(80%);
}
.Link__Link.Link__Green {
color: #329d53;
}
.Link__Link.Link__Red {
color: #e8585d;
}
.Link__Link.Link__Black {
color: #000000;
}
.Linklist__Linklist {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 10px 0;
}
.Linklist__Linklist a {
margin-right: 10px;
}
.Notification__Notification {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
width: 100%;
height: 40px;
line-height: 36px;
padding: 0 20px;
border-radius: 3px;
background-color: #e4e4e4;
text-align: center;
white-space: nowrap;
font-size: 13px;
color: #666;
z-index: 3000;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
z-index: 10000;
}
.Notification__Notification.Notification__isMultiline,
.Notification__Notification.Notification__withHeader {
white-space: pre-wrap;
height: auto;
display: inline-table;
line-height: 20px;
padding: 6px;
}
.Notification__Notification.Notification__withHeader h3 {
display: inline;
line-height: 36px;
}
.Notification__Notification.Notification__withHeader span {
display: block;
line-height: 28px;
}
.Notification__Notification.Notification__withHeader a {
font-weight: bold;
text-decoration: underline;
}
.Notification__Notification.Notification__Fixed {
position: fixed;
top: 50px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
display: inline-block;
width: auto;
max-width: 80%;
-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
box-shadow: 0 4px 8px rgba(0, 0, 0, .1);
}
.Notification__Notification:before {
position: relative;
top: 2px;
display: inline;
content: ".";
width: 16px;
height: inherit;
margin-right: 5px;
line-height: inherit;
font-family: "be-engager" !important;
font-style: normal !important;
font-weight: normal !important;
-webkit-font-feature-settings: normal !important;
font-feature-settings: normal !important;
font-variant: normal !important;
text-transform: none !important;
speak: none;
-webkit-font-smoothing: antialiased;
}
.Notification__Notification.Notification__isError,
.Notification__Notification.Notification__isRed {
background-color: #ffd0d1;
color: #7d1719;
}
.Notification__Notification.Notification__isError:before,
.Notification__Notification.Notification__isRed:before {
content: "f";
}
.Notification__Notification.Notification__isSuccess,
.Notification__Notification.Notification__isGreen {
background-color: #c8ecba;
color: #2e5e1b;
}
.Notification__Notification.Notification__isSuccess:before,
.Notification__Notification.Notification__isGreen:before {
content: "e";
}
.Notification__Notification.Notification__isWarning,
.Notification__Notification.Notification__isYellow {
background-color: #ffd5a5;
color: #865b29;
}
.Notification__Notification.Notification__isWarning:before,
.Notification__Notification.Notification__isYellow:before {
content: ".";
}
.Notification__Notification.Notification__isInfo,
.Notification__Notification.Notification__isBlue {
background-color: #b6dcff;
color: #294286;
}
.Notification__Notification.Notification__isInfo:before,
.Notification__Notification.Notification__isBlue:before {
content: "z";
}
.Notification__Notification.Notification__isDefault {
background-color: #e4e4e4;
color: #666;
}
.Notification__Notification.Notification__isDefault:before {
content: ".";
}
.P__P {
margin-bottom: 1rem;
font-size: inherit;
line-height: 1.6;
}
.Pagination__paginationComponent {
display: block;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.Pagination__displayCounts {
font-size: 18px;
color: black;
}
.Pagination__svgPagination {
fill: lightgrey;
height: 18px;
width: 20px;
}
.Pagination__svgPagination:hover {
fill: dimgrey;
}
.Pagination__Pagination {
display: inline-block;
height: 20px;
line-height: 20px;;
font-size: 18px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.Pagination__Pagination a {
fill: lightgrey;
color: lightgrey;
width: 30px;
float: left;
-webkit-transition: background-color .3s;
-o-transition: background-color .3s;
transition: background-color .3s;
}
.Pagination__Pagination a.Pagination__active {
color: black;
font-weight: 900
}
.Pagination__Pagination a:hover:not(.Pagination__active) {
color: black;
}
.Pagination__Pagination a:hover:not(.Pagination__active) {
color: black;
}
.Pagination__Pagination a.Pagination__current {
color: black;
font-weight: 900;
pointer-events: none;
}
.Pagination__disableClick {
pointer-events: none;
}
.Pagination__table {
border: 0;
width: 100%;
padding: 0;
border-spacing: 0;
}
.Pagination__td {
width: 33%;
}
.Pagination__tdCentered {
width: 33%;
text-align: center;
}
.ProfilePicture__ProfilePicture {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 32px;
height: 32px;
float: left;
border-radius: 2px;
background-color: #d8d8d8;
margin-right: 5px;
overflow: hidden;
}
.ProfilePicture__ProfilePicture img {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.ProfilePicture__ProfilePicture.ProfilePicture__Size60 {
width: 60px;
height: 60px;
border-radius: 3px;
}
.ProfilePicture__ProfilePicture.ProfilePicture__Size40 {
width: 40px;
height: 40px;
border-radius: 3px;
}
.ProfilePicture__ProfilePicture.ProfilePicture__Size24 {
width: 24px;
height: 24px;
border-radius: 3px;
}
.ProfilePicture__ProfilePicture.ProfilePicture__Size20 {
width: 20px;
height: 20px;
border-radius: 3px;
}
.ProfilePicture__ProfilePicture.ProfilePicture__Size16 {
width: 16px;
height: 16px;
border-radius: 3px;
}
.Radio__RadioContent {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.Radio__RadioContent .Radio__Label {
padding-left: 4px;
}
.Radio__Radio {
position: relative;
width: 14px;
height: 14px;
margin-right: 6px;
}
.Radio__Radio input {
height: 14px;
}
.Radio__Radio span {
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.Radio__Radio input[type="radio"]:checked,
.Radio__Radio input[type="radio"]:not(:checked) {
position: absolute;
left: -9999px;
}
.Radio__Radio input[type="radio"]:checked + label,
.Radio__Radio input[type="radio"]:not(:checked) + label {
position: relative;
width: 14px;
height: 14px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
display: inline-block;
color: #666;
}
.Radio__Radio input[type="radio"]:checked + label:before,
.Radio__Radio input[type="radio"]:not(:checked) + label:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border: 1px solid #808080;
border-radius: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background: #fff;
}
.Radio__Radio input[type="radio"]:checked + label:after,
.Radio__Radio input[type="radio"]:not(:checked) + label:after {
content: "";
width: 8px;
height: 8px;
background: #4d4d4d;
position: absolute;
top: 3px;
left: 3px;
border-radius: 100%;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.Radio__Radio input[type="radio"]:not(:checked) + label:after {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
.Radio__Radio input[type="radio"]:checked + label:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.Selectbox__Selectbox {
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
display: block;
width: 250px;
height: auto;
margin: 10px 0;
}
.Selectbox__Selectbox .Selectbox__Label {
position: relative;
display: block;
width: 100%;
height: 20px;
margin-bottom: 2px;
line-height: 20px;
font-weight: 400;
font-style: normal;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 13px;
color: #4a4a4a;
overflow: hidden;
}
.Selectbox__Selectbox .Selectbox__Desc {
position: relative;
display: block;
height: 20px;
margin-top: 2px;
line-height: 20px;
font-weight: 400;
font-style: normal;
font-size: 12px;
color: #9b9b9b;
}
.Selectbox__Selectbox select {
display: inline-block;
position: relative;
float: none;
margin-bottom: 0;
min-width: 42px;
max-width: 100%;
height: 36px;
padding-left: 10px;
border: 1px solid #d1d1d1;
border-radius: 4px;
background-clip: padding-box;
background-color: #fff;
outline: 0;
cursor: pointer;
color: #3f3f3f;
font-size: 12px;
}
.Selectbox__Selectbox option {
display: block;
min-height: 1.2em;
padding: 4px 2px 4px;
}
.Selectbox__Selectbox.Selectbox__Wide {
width: 100%;
max-width: auto;
}
.Selectbox__Selectbox.Selectbox__Wide select {
width: 100%;
max-width: auto;
}
.Selectbox__Selectbox.Selectbox__Wide option {
width: 100%;
max-width: auto;
}
.Selectbox__Selectbox.Selectbox__Disabled .Selectbox__Label {
color: #9b9b9b;
}
.Selectbox__Selectbox.Selectbox__Disabled select {
border: 1px solid #b3b3b3;
background-color: #f5f5f5;
color: #9b9b9b;
}
.Selectbox__Selectbox.Selectbox__Disabled select:hover {
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), 0 0 0 #fff;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), 0 0 0 #fff;
}
.Selectbox__Selectbox.Selectbox__Disabled input::-webkit-input-placeholder {
color: #b3b3b3;
}
.Selectbox__Selectbox.Selectbox__Disabled input:-ms-input-placeholder {
color: #b3b3b3;
}
.Selectbox__Selectbox.Selectbox__Disabled input::-ms-input-placeholder {
color: #b3b3b3;
}
.Selectbox__Selectbox.Selectbox__Disabled input::placeholder {
color: #b3b3b3;
}
.Selectbox__Selectbox.Selectbox__Error select {
-webkit-box-shadow: none;
box-shadow: none;
border: 2px solid #e85d5f;
}
.Selectbox__Selectbox.Selectbox__Error select:focus {
outline: none;
}
.Statuses__Statuses {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-item-align: center;
align-self: center;
width: auto;
height: auto;
margin-right: 6px;
padding: 3px 6px;
line-height: 10px;
font-size: 10px;
font-weight: 700;
color: #8d1616;
border: solid 2px #dadada;
border-radius: 3px;
text-decoration: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-transform: uppercase;
}
.Statuses__Statuses.Statuses__hasHover {
cursor: pointer;
}
.Statuses__Statuses.Statuses__hasHover:hover {
filter: url('data:image/svg+xml;charset=utf-8,#filter');
-webkit-filter: opacity(0.8);
filter: opacity(0.8);
-webkit-transition: 0.18s;
-o-transition: 0.18s;
transition: 0.18s;
}
.Statuses__Statuses.Statuses__New {
color: #f57d4a;
border-color: #f57d4a;
}
.Statuses__Statuses.Statuses__New.Statuses__Reversed {
color: #ffffff;
background-color: #f57d4a;
}
.Statuses__Statuses.Statuses__Open {
color: #f6af4a;
border-color: #f6af4a;
}
.Statuses__Statuses.Statuses__Open.Statuses__Reversed {
color: #ffffff;
background-color: #f6af4a;
}
.Statuses__Statuses.Statuses__Resolved {
color: #31b272;
border-color: #31b272;
}
.Statuses__Statuses.Statuses__Resolved.Statuses__Reversed {
color: #ffffff;
background-color: #31b272;
}
.Statuses__Statuses.Statuses__Pending {
color: #2a84f1;
border-color: #2a84f1;
}
.Statuses__Statuses.Statuses__Pending.Statuses__Reversed {
color: #ffffff;
background-color: #2a84f1;
}
.Statuses__Statuses.Statuses__Escalated {
color: #9c418c;
border-color: #9c418c;
}
.Statuses__Statuses.Statuses__Escalated.Statuses__Reversed {
color: #ffffff;
background-color: #9c418c;
}
.Statuses__Statuses.Statuses__Closed {
color: #e9575b;
border-color: #e9575b;
}
.Statuses__Statuses.Statuses__Closed.Statuses__Reversed {
color: #ffffff;
background-color: #e9575b;
}
.Statuses__Statuses.Statuses__Trashed {
color: #9a9a9a;
border-color: #9a9a9a;
}
.Statuses__Statuses.Statuses__Trashed.Statuses__Reversed {
color: #ffffff;
background-color: #9a9a9a;
}
.Statuses__Statuses.Statuses__Checked {
color: #9a9a9a;
border-color: #9a9a9a;
}
.Statuses__Statuses.Statuses__Checked.Statuses__Reversed {
color: #ffffff;
background-color: #9a9a9a;
}
.Statuses__Statuses.Statuses__Approval {
border-color: #ca4b5b;
color: #ca4b5b;
}
.Statuses__Statuses.Statuses__Approval.Statuses__Reversed {
background-color: #ca4b5b;
color: #f7bac2;
}
.Statuses__Statuses.Statuses__Assigntoyou {
border-color: #ca4b5b;
color: #ca4b5b;
}
.Statuses__Statuses.Statuses__Assigntoyou.Statuses__Reversed {
background-color: #ca4b5b;
color: #f7bac2;
}
.Switcher__Switcher {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: auto;
height: 24px;
line-height: 24px;
cursor: pointer;
margin: 4px;
}
.Switcher__Switcher .Switcher__Label {
position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
height: 24px;
line-height: 26px;
padding: 0 8px;
font-size: 13px;
-webkit-transition: all 0.18s;
-o-transition: all 0.18s;
transition: all 0.18s;
}
.Switcher__Switcher .Switcher__Label.Switcher__LabelOn {
color: #999999;
}
.Switcher__Switcher .Switcher__Label.Switcher__Label--off {
font-weight: 700;
color: #999999;
}
.Switcher__Switcher .Switcher__Switch {
position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
width: 44px;
height: 24px;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
box-shadow: 0 1px 2px rgba(0, 0, 0, .1);
border: 1px solid #b3b3b3;
border-radius: 4px;
background-color: #ffffff;
}
.Switcher__Switcher .Switcher__Switch:after {
content: "";
position: absolute;
top: 0;
right: 0;
left: auto;
display: block;
width: 16px;
height: 16px;
margin: 4px 3px;
border-radius: 2px;
background-color: #999;
-webkit-transition: all 0.18s;
-o-transition: all 0.18s;
transition: all 0.18s;
}
.Switcher__Switcher.Switcher__isActive.Switcher__Switcher .Switcher__Label.Switcher__LabelOn {
font-weight: 700;
color: #3879bb;
padding-right: 7px;
}
.Switcher__Switcher.Switcher__isActive.Switcher__Switcher .Switcher__Label.Switcher__LabelOff {
font-weight: 400;
color: #999999;
}
.Switcher__Switcher.Switcher__isActive.Switcher__Switcher .Switcher__Switch:after {
right: 20px;
background-color: #3879bb;
}
.ToggleSwitch__Switch {
position: relative;
display: inline-block;
width: 60px;
height: 34px;
margin: 5px;
}
.ToggleSwitch__Switch input {
opacity: 0;
width: 0;
height: 0;
}
.ToggleSwitch__slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.ToggleSwitch__slider:before {
position: absolute;
content: "";
height: 26px;
width: 26px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
input:checked + .ToggleSwitch__slider {
background-color: #2196f3;
}
input:focus + .ToggleSwitch__slider {
-webkit-box-shadow: 0 0 1px #2196f3;
box-shadow: 0 0 1px #2196f3;
}
input:checked + .ToggleSwitch__slider:before {
-webkit-transform: translateX(26px);
transform: translateX(26px);
}
/* Rounded sliders */
.ToggleSwitch__slider.ToggleSwitch__round {
border-radius: 34px;
}
.ToggleSwitch__slider.ToggleSwitch__round:before {
border-radius: 50%;
}
.Table__Table {
position: relative;
float: left;
display: block;
width: 100%;
margin: 20px 0;
-webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .1);
border: 1px solid #ccc;
border-radius: 3px;
text-align: left;
font-size: 13px;
font-weight: 400;
font-style: normal;
color: #4a4a4a;
overflow: hidden;
}
.Table__Table table {
table-layout: fixed;
position: relative;
width: 100%;
border-collapse: collapse;
border: none;
}
.Table__Table table [class*="be-icon"] {
height: auto;
}
.Table__Table table tr th:first-child,
.Table__Table table tr td:first-child {
padding-left: 20px;
}
.Table__Table table tr th:last-child,
.Table__Table table tr td:last-child {
padding-right: 20px;
}
.Table__Table table tr th {
display: table-cell;
height: 40px;
background-color: #f5f5f5;
font-weight: 700;
color: gray;
}
.Table__Table table tr td {
height: 40px;
color: gray;
display: table-cell;
white-space: normal;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.Table__Table tr.Table__TableRowDivider {
background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #fafafa), color-stop(50%, #ffffff));
background: -webkit-linear-gradient(bottom, #fafafa 50%, #ffffff 50%);
background: -o-linear-gradient(bottom, #fafafa 50%, #ffffff 50%);
background: linear-gradient(0deg, #fafafa 50%, #ffffff 50%);
}
.Table__Table tr.Table__TableRowDivider:nth-child(even) {
background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #ffffff), color-stop(50%, #fafafa));
background: -webkit-linear-gradient(bottom, #ffffff 50%, #fafafa 50%);
background: -o-linear-gradient(bottom, #ffffff 50%, #fafafa 50%);
background: linear-gradient(0deg, #ffffff 50%, #fafafa 50%);
}
.Table__Fixed table {
table-layout: fixed;
}
.Table__isStriped table tr:nth-child(even) {
background-color: #fafafa;
}
.Table__hasRowHover table tr:hover {
background-color: #e9e9e9;
}
div.Table__TableRowDivider:before {
content: "";
position: absolute;
top: 50%;
width: 40px;
height: 1px;
right: -45px;
background: #b7b7b7;
}
div.Table__TableRowDivider:after {
content: "";
position: absolute;
top: 50%;
width: 40px;
height: 1px;
left: -45px;
background: #b7b7b7;
}
.Tag__Tag {
position: relative;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-item-align: center;
align-self: center;
width: auto;
min-width: 0.1px;
min-height: 12px;
height: auto;
margin-right: 6px;
padding: 2px 8px;
line-height: inherit;
font-size: 10px;
font-weight: 400;
color: #111111;
background-color: #dadada;
border-radius: 3px;
text-decoration: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.Tag__Tag.Tag__Pink {
color: #a65297;
background-color: #f4d8ef;
}
.Tag__Tag.Tag__Yellow {
color: #c78a30;
background-color: #fff1dc;
}
.Tag__Tag.Tag__Green {
color: #3ea271;
background-color: #ddf5e9;
}
.Tag__Tag.Tag__Blue {
color: #398df2;
background-color: #d7e8ff;
}
.Tag__Tag.Tag__LightBlue {
color: #3aa2d5;
background-color: #dcf4ff;
}
.Tag__Tag.Tag__Purple {
color: #434483;
background-color: #e6e6ff;
}
.Tag__Tag.Tag__DarkPurple {
color: #5b4657;
background-color: #ebdde7;
}
.Tag__Tag.Tag__Turquoise {
color: #38a0a0;
background-color: #cff4f4;
}
.Tag__Tag.Tag__Red {
color: #e9575b;
background-color: #ffe1e1;
}
.Textarea__Textarea {
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
float: left;
display: block;
width: 100%;
height: auto;
margin: 10px 0;
}
.Textarea__Textarea .Textarea__Label {
position: relative;
display: block;
width: 100%;
height: 20px;
margin-bottom: 2px;
line-height: 20px;
font-style: normal;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 13px;
font-weight: 400;
color: #4a4a4a;
overflow: hidden;
}
.Textarea__Textarea .Textarea__Field {
position: relative;
display: block;
width: 100%;
}
.Textarea__Textarea .Textarea__Field textarea {
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
display: block;
width: 100%;
min-height: 60px;
padding: 12px 12px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), 0 0 0 #fff;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), 0 0 0 #fff;
border: 1px solid #ccc;
border-radius: 3px;
background-color: #fff;
font-size: 13px;
font-weight: 400;
color: #4a4a4a;
font-style: normal;
-webkit-transition: border 0.15s linear, -webkit-box-shadow 0.15s linear;
transition: border 0.15s linear, -webkit-box-shadow 0.15s linear;
-o-transition: border 0.15s linear, box-shadow 0.15s linear;
transition: border 0.15s linear, box-shadow 0.15s linear;
transition: border 0.15s linear, box-shadow 0.15s linear, -webkit-box-shadow 0.15s linear;
resize: none;
outline: none;
font-family: Open Sans;
}
.Textarea__Textarea .Textarea__Field textarea:placeholder {
color: #999;
}
.Textarea__Textarea .Textarea__Field textarea:hover {
border: 1px solid rgb(184, 184, 184);
}
.Textarea__Textarea .Textarea__Field textarea:focus {
border-color: #81b9e8;
-webkit-box-shadow: inset 0 0 0 #fff, 0 0 6px rgba(80, 147, 205, .5);
box-shadow: inset 0 0 0 #fff, 0 0 6px rgba(80, 147, 205, .5);
}
.Textarea__Textarea .Textarea__Desc {
position: relative;
display: block;
height: 20px;
margin-top: 2px;
line-height: 20px;
font-weight: 400;
font-style: normal;
font-size: 12px;
color: #9b9b9b;
}
.Textarea__Textarea.Textarea__Disabled .Textarea__Label {
color: #9b9b9b;
}
.Textarea__Textarea.Textarea__Disabled .Textarea__Field textarea {
background-color: #f5f5f5;
border: 1px solid #b3b3b3;
}
.Textarea__Textarea.Textarea__Disabled .Textarea__Field textarea:hover {
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), 0 0 0 #fff;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), 0 0 0 #fff;
}
.Textarea__Textarea.Textarea__Disabled textarea::-webkit-input-placeholder {
color: #b3b3b3;
}
.Textarea__Textarea.Textarea__Disabled textarea:-ms-input-placeholder {
color: #b3b3b3;
}
.Textarea__Textarea.Textarea__Disabled textarea::-ms-input-placeholder {
color: #b3b3b3;
}
.Textarea__Textarea.Textarea__Disabled textarea::placeholder {
color: #b3b3b3;
}
.Textarea__Textarea.Textarea__Error .Textarea__Field textarea {
border-color: #e73133;
-webkit-box-shadow: inset 0 0 0 #fff, 0 0 6px #e73133;
box-shadow: inset 0 0 0 #fff, 0 0 6px #e73133;
}
.Textarea__Textarea.Textarea__Error .Textarea__Field textarea:focus {
outline: none;
}
.Markdown__Markdown img{
width: 100%;
height: auto;
}