@charset "UTF-8";
/*
  ASSEMBL DEFAULT THEME
  If you want to create a new theme, it is recommended that your theme SCSS file uses `@import` of this default theme file
  (for example, `@import "../../../default/_theme.scss";`), so if a default theme variable is not overriden in your theme
  (for example a variable which would have been added in Assembl code after the creation of your theme),
  the SCSS will still compile, and the variable will have the default value.
*/
@font-face {
  font-family: 'latoRegular';
  src: url("//s3-eu-west-1.amazonaws.com/bluenove-assembl-fonts/Lato-Regular.eot");
  src: local("\263A"), url("//s3-eu-west-1.amazonaws.com/bluenove-assembl-fonts/Lato-Regular.woff") format("woff"), url("//s3-eu-west-1.amazonaws.com/bluenove-assembl-fonts/Lato-Regular.ttf") format("truetype"); }

@font-face {
  font-family: 'LatoMedium';
  src: url("//s3-eu-west-1.amazonaws.com/bluenove-assembl-fonts/Lato-Medium.eot");
  src: local("\263A"), url("//s3-eu-west-1.amazonaws.com/bluenove-assembl-fonts/Lato-Medium.woff") format("woff"), url("//s3-eu-west-1.amazonaws.com/bluenove-assembl-fonts/Lato-Medium.ttf") format("truetype"); }

@font-face {
  font-family: 'LatoBold';
  src: url("//s3-eu-west-1.amazonaws.com/bluenove-assembl-fonts/Lato-Bold.eot");
  src: local("\263A"), url("//s3-eu-west-1.amazonaws.com/bluenove-assembl-fonts/Lato-Bold.woff") format("woff"), url("//s3-eu-west-1.amazonaws.com/bluenove-assembl-fonts/Lato-Bold.ttf") format("truetype"); }

@font-face {
  font-family: 'LatoLight';
  src: url("//s3-eu-west-1.amazonaws.com/bluenove-assembl-fonts/Lato-Light.eot");
  src: local("\263A"), url("//s3-eu-west-1.amazonaws.com/bluenove-assembl-fonts/Lato-Light.woff") format("woff"), url("//s3-eu-west-1.amazonaws.com/bluenove-assembl-fonts/Lato-Light.ttf") format("truetype"); }

@font-face {
  font-family: 'LatoSemiBold';
  src: url("//s3-eu-west-1.amazonaws.com/bluenove-assembl-fonts/Lato-Semibold.eot");
  src: local("\263A"), url("//s3-eu-west-1.amazonaws.com/bluenove-assembl-fonts/Lato-Semibold.woff") format("woff"), url("//s3-eu-west-1.amazonaws.com/bluenove-assembl-fonts/Lato-Semibold.ttf") format("truetype"); }

@font-face {
  font-family: 'LatoItalic';
  src: url("//s3-eu-west-1.amazonaws.com/bluenove-assembl-fonts/Lato-Italic.eot");
  src: local("\263A"), url("//s3-eu-west-1.amazonaws.com/bluenove-assembl-fonts/Lato-Italic.woff") format("woff"), url("//s3-eu-west-1.amazonaws.com/bluenove-assembl-fonts/Lato-Italic.ttf") format("truetype"); }

@font-face {
  font-family: 'LatoLightItalic';
  src: url("//s3-eu-west-1.amazonaws.com/bluenove-assembl-fonts/Lato-LightItalic.eot");
  src: local("\263A"), url("//s3-eu-west-1.amazonaws.com/bluenove-assembl-fonts/Lato-LightItalic.woff") format("woff"), url("//s3-eu-west-1.amazonaws.com/bluenove-assembl-fonts/Lato-LightItalic.ttf") format("truetype"); }

@font-face {
  font-family: 'LatoHairline';
  src: url("//s3-eu-west-1.amazonaws.com/bluenove-assembl-fonts/Lato-Hairline.eot");
  src: local("\263A"), url("//s3-eu-west-1.amazonaws.com/bluenove-assembl-fonts/Lato-Hairline.woff") format("woff"), url("//s3-eu-west-1.amazonaws.com/bluenove-assembl-fonts/Lato-Hairline.ttf") format("truetype"); }

/* Large desktops and laptops */
/* Landscape tablets and medium desktops */
/* Portrait tablets and small desktops */
/* Landscape phones and portrait tablets */
/* Portrait phones and smaller */
/*
  Local theme variables
  Ranked from light to dark

  You can define here any variable that you want. This can be useful if you want several theme variables to have the same value.
  Example:
  In this Local theme variables section, you would add:
  $th_local_brand_logo_red: $FF0000;
  And in the Global theme variables section, you would redefine:
  $first-color: $th_local_brand_logo_red;
  $title1-dark-color: $th_local_brand_logo_red;

  Variables in this section should only be used within this current theme file.
  NEVER refer to these color variables in other SCSS files.
*/
/*
  Global theme variables
  You can redefine here any of the default theme variables. Theme variables are used in the entire SCSS infrastructure.
  Theme variables which are not redefined by a theme will keep their default value,
  which is defined in css/themes/default/_theme.scss and in css/variables.scss.
*/
/*
  This file is meant to define cascade variables. Cascade variables are variables which definition in a theme is not mandatory,
  but which by default have a value that depend on other theme variables. So if these theme variables they depend on are
  re-defined in a theme, cascade variables would have to use changed values. For this, we use the "!default" keyword of SCSS.
*/
.max-container .content-section .section-margin-top {
  padding: 5px 0 25px 0; }

.announcement .announcement-title .announcement-title-text {
  margin-top: 11px;
  margin-bottom: 20px; }

.announcement .announcement-statistics-container {
  display: flex;
  justify-content: center; }

.announcement .announcement-statistics {
  display: inline-block; }
  .announcement .announcement-statistics .announcement-doughnut {
    height: 140px;
    width: 190px; }
    .announcement .announcement-statistics .announcement-doughnut .circle {
      stroke-width: 17px; }
    .announcement .announcement-statistics .announcement-doughnut .doughnut-label {
      line-height: normal; }
      .announcement .announcement-statistics .announcement-doughnut .doughnut-label .doughnut-label-count {
        font-size: 18px; }
      .announcement .announcement-statistics .announcement-doughnut .doughnut-label .doughnut-label-text {
        font-family: "latoRegular";
        font-size: 10px;
        letter-spacing: 0.08em; }
  .announcement .announcement-statistics .announcement-numbers {
    color: #192882;
    text-align: center; }
    .announcement .announcement-statistics .announcement-numbers span::before {
      font-size: 17px; }

.announcement .media-section .container-fluid {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0; }
  .announcement .media-section .container-fluid .col-sm-12 {
    padding-left: 0;
    padding-right: 0; }

.announcement-menu h1 {
  margin-top: 10px;
  margin-bottom: 10px; }

.announcement-menu .md-only {
  display: none; }

.announcement-menu .nav-tabs.nav-justified {
  display: table;
  width: 100%;
  position: sticky;
  top: 60px;
  background-color: #fff;
  z-index: 1000;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 10px;
  table-layout: fixed; }
  .announcement-menu .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 100%; }
    .announcement-menu .nav-tabs.nav-justified > li > a {
      border-radius: 0;
      padding-top: 10px;
      padding-left: 0;
      padding-right: 0; }

.announcement-menu .tab-content {
  margin-top: 30px;
  overflow: hidden; }

.announcement-menu.single-tab .nav-tabs.nav-justified > li > a {
  text-align: left; }

.announcement-text-only {
  font-family: "LatoLight";
  letter-spacing: 1px;
  line-height: 36px;
  margin-bottom: 33px;
  font-size: 16px;
  text-align: left; }

@media screen and (min-width: 480px) {
  .announcement-menu {
    margin-left: 55px;
    margin-right: 55px; } }

@media screen and (max-width: 991px) {
  .announcement {
    margin-left: 0;
    padding-right: 0;
    margin-right: 0; }
    .announcement .announcement-title .announcement-title-text {
      margin-top: 23px;
      font-size: 25px;
      font-family: "LatoLight";
      letter-spacing: 1px;
      line-height: 36px;
      display: block;
      margin-left: 30px; }
    .announcement .announcement-title .title-hyphen {
      position: relative;
      left: -17px; }
    .announcement .announcement-media {
      padding-left: 0;
      padding-right: 0; }
      .announcement .announcement-media .media-section {
        padding-top: 0;
        padding-bottom: 0; }
        .announcement .announcement-media .media-section .media-description-layer {
          margin-left: 0;
          margin-right: 0; }
  .announcement-menu h1 {
    margin-top: 20px;
    margin-bottom: 10px; }
  .announcement-menu .tab-content {
    margin-top: 0; }
  .announcement-menu .nav-tabs.nav-justified > li > a {
    padding-top: 0; } }

@media screen and (min-width: 1200px) {
  .announcement-menu .md-only {
    display: inline; }
    .announcement-menu .md-only::before {
      content: ' '; }
  .announcement-menu .nav-tabs.nav-justified > li > a {
    padding-top: 5px; }
  .announcement .announcement-text-only {
    font-size: 18px; }
  .announcement .iframed {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 54%; }
    .announcement .iframed iframe {
      position: absolute;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0; } }

.alert {
  border: none;
  left: 0;
  position: fixed;
  bottom: 0;
  transition: opacity 1s ease-in-out;
  text-align: center;
  width: 100%; }

.showAlert {
  opacity: 1;
  z-index: 2000; }

.hideAlert {
  opacity: 0;
  z-index: -1; }

@media screen and (min-width: 601px) {
  .alert {
    height: 60px; } }

@media screen and (max-width: 600px) {
  .alert {
    height: 80px; } }

@font-face {
  font-family: 'assembl-glyph';
  src: url("//s3-eu-west-1.amazonaws.com/bluenove-assembl-fonts/assembl-glyph.eot?67943024");
  src: url("//s3-eu-west-1.amazonaws.com/bluenove-assembl-fonts/assembl-glyph.eot?67943024#iefix") format("embedded-opentype"), url("//s3-eu-west-1.amazonaws.com/bluenove-assembl-fonts/assembl-glyph.woff2?67943024") format("woff2"), url("//s3-eu-west-1.amazonaws.com/bluenove-assembl-fonts/assembl-glyph.woff?67943024") format("woff"), url("//s3-eu-west-1.amazonaws.com/bluenove-assembl-fonts/assembl-glyph.ttf?67943024") format("truetype"), url("//s3-eu-west-1.amazonaws.com/bluenove-assembl-fonts/assembl-glyph.svg?67943024#assembl-glyph") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'assembl-glyph';
    src: url('../font/assembl-glyph.svg?67943024#assembl-glyph') format('svg');
  }
}
*/
[class^="assembl-icon-"]:before, [class*=" assembl-icon-"]:before {
  font-family: "assembl-glyph";
  font-style: normal;
  font-weight: normal;
  speak: none;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

.assembl-icon-add:before {
  content: '\E800'; }

/* '' */
.assembl-icon-catch:before {
  content: '\E801'; }

/* '' */
.assembl-icon-checked:before {
  content: '\E802'; }

/* '' */
.assembl-icon-discussion:before {
  content: '\E803'; }

/* '' */
.assembl-icon-edit:before {
  content: '\E804'; }

/* '' */
.assembl-icon-cancel:before {
  content: '\E805'; }

/* '' */
.assembl-icon-faq:before {
  content: '\E806'; }

/* '' */
.assembl-icon-filter:before {
  content: '\E807'; }

/* '' */
.assembl-icon-down-dir:before {
  content: '\E808'; }

/* '' */
.assembl-icon-profil:before {
  content: '\E809'; }

/* '' */
.assembl-icon-idea:before {
  content: '\E80A'; }

/* '' */
.assembl-icon-down-open:before {
  content: '\E80B'; }

/* '' */
.assembl-icon-plus-circled:before {
  content: '\E80C'; }

/* '' */
.assembl-icon-minus-circled:before {
  content: '\E80D'; }

/* '' */
.assembl-icon-up-bold:before {
  content: '\E80E'; }

/* '' */
.assembl-icon-link:before {
  content: '\E80F'; }

/* '' */
.assembl-icon-down-bold:before {
  content: '\E810'; }

/* '' */
.assembl-icon-expert:before {
  content: '\E811'; }

/* '' */
.assembl-icon-menu-on:before {
  content: '\E812'; }

/* '' */
.assembl-icon-message:before {
  content: '\E813'; }

/* '' */
.assembl-icon-check-box-declined:before {
  content: '\E814'; }

/* '' */
.assembl-icon-right-dir:before {
  content: '\E815'; }

/* '' */
.assembl-icon-down-small:before {
  content: '\E817'; }

/* '' */
.assembl-icon-up-small:before {
  content: '\E818'; }

/* '' */
.assembl-icon-pepite:before {
  content: '\E81B'; }

/* '' */
.assembl-icon-plus:before {
  content: '\E820'; }

/* '' */
.assembl-icon-schedule:before {
  content: '\E821'; }

/* '' */
.assembl-icon-search:before {
  content: '\E822'; }

/* '' */
.assembl-icon-search2:before {
  content: '\E823'; }

/* '' */
.assembl-icon-share:before {
  content: '\E824'; }

/* '' */
.assembl-icon-delete:before {
  content: '\E825'; }

/* '' */
.assembl-icon-synthesis:before {
  content: '\E826'; }

/* '' */
.assembl-icon-mindmap:before {
  content: '\E829'; }

/* '' */
.assembl-icon-up-open:before {
  content: '\E82A'; }

/* '' */
.assembl-icon-symbol-assembl:before {
  content: '\E82C'; }

/* '' */
.assembl-icon-text-bold:before {
  content: '\E82D'; }

/* '' */
.assembl-icon-text-italics:before {
  content: '\E82E'; }

/* '' */
.assembl-icon-text-bullets:before {
  content: '\E82F'; }

/* '' */
.assembl-icon-text-link:before {
  content: '\E830'; }

/* '' */
.assembl-icon-text-attachment:before {
  content: '\E831'; }

/* '' */
.assembl-icon-text-align-left:before {
  content: '\E832'; }

/* '' */
.assembl-icon-text-align-right:before {
  content: '\E833'; }

/* '' */
.assembl-icon-participation-vote:before {
  content: '\E839'; }

/* '' */
.assembl-icon-suggest:before {
  content: '\E83D'; }

/* '' */
.assembl-icon-check:before {
  content: '\E84E'; }

/* '' */
.assembl-icon-left:before {
  content: '\E84F'; }

/* '' */
.assembl-icon-back-arrow:before {
  content: '\E856'; }

/* '' */
.assembl-icon-double-page:before {
  content: '\E869'; }

/* '' */
.assembl-icon-timer:before {
  content: '\E86A'; }

/* '' */
.assembl-icon-robot:before {
  content: '\E86D'; }

/* '' */
.assembl-icon-sentiment-neutral:before {
  content: '\E86F'; }

/* '' */
.assembl-icon-thumb:before {
  content: '\F00A'; }

/* '' */
.assembl-icon-angle-left:before {
  content: '\F104'; }

/* '' */
.assembl-icon-angle-right:before {
  content: '\F105'; }

/* '' */
.assembl-icon-angle-up:before {
  content: '\F106'; }

/* '' */
.assembl-icon-angle-down:before {
  content: '\F107'; }

/* '' */
.assembl-icon-ellipsis:before {
  content: '\F141'; }

/* '' */
.assembl-icon-ellipsis-vert:before {
  content: '\F142'; }

/* '' */
.assembl-icon-twitter:before {
  content: '\F309'; }

/* '' */
.assembl-icon-twitter-circle:before {
  content: '\F30A'; }

/* '' */
.assembl-icon-facebook:before {
  content: '\F30C'; }

/* '' */
.assembl-icon-facebook-circle:before {
  content: '\F30D'; }

/* '' */
.assembl-icon-gplus-1:before {
  content: '\F30F'; }

/* '' */
.assembl-icon-google-circle:before {
  content: '\F310'; }

/* '' */
.assembl-icon-linkedin:before {
  content: '\F318'; }

/* '' */
.assembl-icon-linkedin-circle:before {
  content: '\F319'; }

/* '' */
.attachment a {
  margin: 5px; }

.attachment .assembl-icon-text-attachment:before, .attachment .assembl-icon-delete:before {
  color: #192882;
  font-size: 14px; }

.attachment .assembl-icon-delete {
  cursor: pointer; }

.avatar {
  margin: 1px 15px 0 10px; }
  .avatar a:hover {
    text-decoration: none; }
  .avatar .username {
    color: #192882;
    font-size: 11px;
    line-height: 23px;
    padding: 0 5px 0 0;
    vertical-align: top; }
  .avatar .connection {
    color: #192882;
    font-family: "LatoMedium";
    font-size: 12px;
    margin: 1px 0; }

.box {
  background-color: #fff;
  border: 1px solid #fff;
  box-shadow: none;
  padding: 15px 20px 20px; }

.box-title {
  background-color: #000;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  box-shadow: none;
  color: #fff;
  font-size: 18px;
  padding: 15px;
  text-align: center; }

.insert-box {
  background-color: #fff;
  border: 1px solid #eceeed;
  height: 210px;
  padding: 10px 30px 15px;
  text-align: left; }
  .insert-box .box-hyphen {
    margin: 10px 0 0 -45px; }

.box-hyphen {
  border-top: 3px solid #0af;
  display: inline-block;
  vertical-align: top;
  width: 50px; }

.theme-box {
  background-color: #fff;
  border-left: 4px solid #192882;
  margin: -20px 0 0; }

.illustration-box {
  width: calc(100% - 2px); }
  .illustration-box .image-box {
    background-color: #666;
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    position: absolute;
    width: calc(100% - 2px);
    z-index: 0; }
  .illustration-box .content-box {
    color: #fff;
    cursor: pointer;
    height: 100%;
    padding: 0 20px;
    position: absolute;
    width: calc(100% - 2px);
    z-index: 4; }
    .illustration-box .content-box:hover .color-box {
      background-color: rgba(25, 40, 130, 0.6); }
    .illustration-box .content-box:hover .rotate-hyphen {
      margin: 0 0 0 -10px;
      transform: rotate(90deg); }
    .illustration-box .content-box .timeline-box-number {
      color: #fff;
      font-family: "LatoLight";
      font-size: 36px;
      letter-spacing: 1.7px;
      line-height: 1.27; }
  .illustration-box .color-box {
    background-color: rgba(0, 0, 0, 0.5);
    height: 500px;
    position: absolute;
    width: calc(100% - 2px);
    z-index: 1; }
  .illustration-box .box-hyphen {
    margin: 10px 0 0;
    position: absolute;
    z-index: 2;
    top: 59%; }
  .illustration-box .rotate-hyphen {
    position: absolute;
    z-index: 3;
    transition: all 0.2s ease-in; }

.mobile-illustration-box {
  width: calc(100% - 2px); }
  .mobile-illustration-box .image-box {
    background-color: #666;
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    position: absolute;
    width: calc(100% - 2px);
    z-index: 0; }
  .mobile-illustration-box .content-box {
    color: #fff;
    cursor: pointer;
    height: 100%;
    padding: 0 20px;
    position: absolute;
    width: calc(100% - 2px);
    z-index: 4; }
  .mobile-illustration-box .color-box {
    background-color: rgba(0, 0, 0, 0.5);
    height: 500px;
    position: absolute;
    width: calc(100% - 2px);
    z-index: 1; }
  .mobile-illustration-box .box-hyphen {
    margin: 10px 0 0;
    position: absolute;
    z-index: 2;
    top: 50%; }

@media screen and (max-width: 991px) {
  .media-right .box-hyphen {
    display: none; } }

/* Begin Code specific to the button hover animation (horizontal fill of background and inversion of text color) */
/* End Code specific to the button hover animation (horizontal fill of background and inversion of text color) */
.button-link {
  position: relative;
  /* so that on hover, background animation can fill the button instead of its parent */
  background-color: initial;
  border-color: #0af;
  color: #fff;
  z-index: 0;
  transition: color 0.2s ease-in;
  display: inline-block;
  padding: 10px 50px; }
  .button-link:hover, .button-link:focus, .button-link:active, .button-link:focus:active, .button-link:active:hover, .button-link[disabled]:hover {
    color: #fff;
    /* opposite of current non-hover color */
    border-color: #0af;
    background-color: initial;
    text-decoration: none; }
  .button-link:before {
    content: '';
    position: absolute;
    background: #0af;
    bottom: 0;
    left: 0;
    right: 100%;
    top: 0;
    z-index: -1;
    transition: right 0.2s ease-in; }
  .button-link:hover:before, .button-link:focus:before, .button-link:active:before, .button-link:focus:active:before {
    right: 0; }

.button-submit {
  padding: 10px 24px; }
  .button-submit:active {
    box-shadow: none; }
    .button-submit:active:focus {
      background-color: #fff;
      box-shadow: none; }

.button-pending {
  position: relative;
  /* so that on hover, background animation can fill the button instead of its parent */
  background-color: initial;
  border-color: #ffd58f;
  color: #fff;
  z-index: 0;
  transition: color 0.2s ease-in;
  border-width: 2px;
  border-style: solid;
  color: #ffa105; }
  .button-pending:hover, .button-pending:focus, .button-pending:active, .button-pending:focus:active, .button-pending:active:hover, .button-pending[disabled]:hover {
    color: #fff;
    /* opposite of current non-hover color */
    border-color: #ffd58f;
    background-color: initial;
    text-decoration: none; }
  .button-pending:before {
    content: '';
    position: absolute;
    background: #ffd58f;
    bottom: 0;
    left: 0;
    right: 100%;
    top: 0;
    z-index: -1;
    transition: right 0.2s ease-in; }
  .button-pending:hover:before, .button-pending:focus:before, .button-pending:active:before, .button-pending:focus:active:before {
    right: 0; }

.btn-draft {
  margin-right: 20px; }

.button-cancel {
  padding: 11px 24px; }

.button-light {
  position: relative;
  /* so that on hover, background animation can fill the button instead of its parent */
  background-color: initial;
  border-color: #0af;
  color: #fff;
  z-index: 0;
  transition: color 0.2s ease-in;
  background: none;
  border-width: 2px;
  border-style: solid; }
  .button-light:hover, .button-light:focus, .button-light:active, .button-light:focus:active, .button-light:active:hover, .button-light[disabled]:hover {
    color: #fff;
    /* opposite of current non-hover color */
    border-color: #0af;
    background-color: initial;
    text-decoration: none; }
  .button-light:before {
    content: '';
    position: absolute;
    background: #0af;
    bottom: 0;
    left: 0;
    right: 100%;
    top: 0;
    z-index: -1;
    transition: right 0.2s ease-in; }
  .button-light:hover:before, .button-light:focus:before, .button-light:active:before, .button-light:focus:active:before {
    right: 0; }

.button-dark {
  position: relative;
  /* so that on hover, background animation can fill the button instead of its parent */
  background-color: initial;
  border-color: #192882;
  color: #000;
  z-index: 0;
  transition: color 0.2s ease-in;
  background: none;
  border-width: 2px;
  border-style: solid; }
  .button-dark:hover, .button-dark:focus, .button-dark:active, .button-dark:focus:active, .button-dark:active:hover, .button-dark[disabled]:hover {
    color: #fff;
    /* opposite of current non-hover color */
    border-color: #192882;
    background-color: initial;
    text-decoration: none; }
  .button-dark:before {
    content: '';
    position: absolute;
    background: #192882;
    bottom: 0;
    left: 0;
    right: 100%;
    top: 0;
    z-index: -1;
    transition: right 0.2s ease-in; }
  .button-dark:hover:before, .button-dark:focus:before, .button-dark:active:before, .button-dark:focus:active:before {
    right: 0; }

.button-disable {
  background: #fff;
  color: #666;
  cursor: not-allowed; }
  .button-disable:active, .button-disable:focus, .button-disable:hover, .button-disable:visited {
    color: #666 !important;
    border: 1px solid #666; }

.button-generic, .button-link, .button-submit, .button-cancel {
  border-radius: 0;
  font-family: "LatoMedium";
  font-size: 12px;
  letter-spacing: 1.7px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none; }
  .button-generic:active, .button-link:active, .button-submit:active, .button-cancel:active, .button-generic:hover, .button-link:hover, .button-submit:hover, .button-cancel:hover, .button-generic:focus, .button-link:focus, .button-submit:focus, .button-cancel:focus, .button-generic:visited, .button-link:visited, .button-submit:visited, .button-cancel:visited {
    text-decoration: none;
    outline: none; }
  .button-generic[disabled], .button-link[disabled], .button-submit[disabled], .button-cancel[disabled] {
    box-shadow: unset;
    opacity: inherit; }

.button-diamond-dark {
  border-left: none;
  transition: none;
  color: #192882;
  margin-left: 18px;
  display: inline-block;
  height: 40px; }
  .button-diamond-dark:before {
    transition: none; }
  .button-diamond-dark .button-diamond-dark-back {
    transition: none;
    position: absolute;
    left: -14px;
    height: 28px;
    width: 28px;
    border: solid 2px #192882;
    transform: rotate(45deg);
    top: 4px;
    border-top: none;
    border-right: none; }

.button-diamond-dark:hover {
  background-color: initial; }
  .button-diamond-dark:hover .button-diamond-dark-back {
    background-color: #192882;
    border-color: #192882; }
    .button-diamond-dark:hover .button-diamond-dark-back:before {
      content: '';
      position: absolute;
      background: #192882;
      bottom: 0;
      left: 0;
      top: 0;
      z-index: -1;
      right: 0; }

.action-button {
  display: inline-block;
  padding: 6px 0 6px 15px;
  margin-right: 30px;
  cursor: pointer;
  min-width: 145px;
  text-align: left; }
  .action-button:hover .action-button-label {
    font-family: "LatoBold"; }
  .action-button:hover svg {
    stroke-width: 2.3; }
  .action-button:hover span:before {
    font-weight: 700; }
  .action-button svg {
    vertical-align: middle; }
  .action-button .action-button-label {
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px;
    text-transform: uppercase;
    font-size: 12px;
    font-family: "LatoLight"; }

.share-button {
  background-color: #192882; }
  .share-button .share-icon-container {
    display: inline-block;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    padding-top: 5px; }

.like-button {
  background-color: #46d38d; }

.disagree-button {
  background-color: #f75959; }

.info-button {
  background-color: #ffb704; }

.back-btn {
  color: #000; }
  .back-btn .icon-button {
    font-size: 20px; }

.blackIcon g path {
  stroke: #000; }

.whiteIcon g path {
  stroke: #fff; }

@media screen and (max-width: 480px) {
  .button-submit {
    white-space: pre-wrap;
    display: inline-block; } }

.deletePostIcon .group {
  fill: #000; }
  .deletePostIcon .group .path {
    stroke: #000; }

.deletePostIcon .group {
  fill: #000; }
  .deletePostIcon .group .path {
    stroke: #000; }

.editPostIcon path {
  fill: #000;
  stroke: #000; }

.mailIcon g {
  fill: #192882; }

.integration.button.btn {
  font-weight: bold;
  letter-spacing: 2px;
  border: none;
  text-transform: uppercase;
  transition: background-color 0.3s ease-out; }
  .integration.button.btn:focus {
    outline: none; }

.integration.button.btn-lg {
  padding: 15px 20px;
  font-size: 15px;
  border-radius: 40px; }

.integration.checkbox [type='checkbox']:checked,
.integration.checkbox [type='checkbox']:not(:checked) {
  position: absolute;
  left: -9999px; }

.integration.checkbox [type='checkbox']:checked + label,
.integration.checkbox [type='checkbox']:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 20px;
  display: inline-block;
  color: #666; }

.integration.checkbox [type='checkbox']:checked + label:before,
.integration.checkbox [type='checkbox']:not(:checked) + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #ddd;
  background: #fff; }

.integration.checkbox [type='checkbox']:checked + label:after,
.integration.checkbox [type='checkbox']:not(:checked) + label:after {
  content: '';
  width: 10px;
  height: 10px;
  background: #1e90ff;
  position: absolute;
  top: 4px;
  left: 4px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease; }

.integration.checkbox [type='checkbox']:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0); }

.integration.checkbox [type='checkbox']:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1); }

.circle {
  stroke-width: 10px;
  fill: transparent; }

.dropdown-xs {
  display: inline-block;
  font-family: "LatoMedium";
  font-size: 14px;
  list-style-type: none;
  margin: 0 auto;
  padding: 0;
  vertical-align: text-bottom; }
  .dropdown-xs .dropdown-toggle {
    height: 20px;
    color: #192882;
    font-size: 11px; }
    .dropdown-xs .dropdown-toggle:hover {
      color: #192882;
      text-decoration: none; }
    .dropdown-xs .dropdown-toggle:focus {
      color: #192882;
      text-decoration: none; }
  .dropdown-xs .dropdown-menu {
    min-width: 60px; }
    .dropdown-xs .dropdown-menu li.active a {
      background-color: #192882;
      color: #fff;
      cursor: default; }
    .dropdown-xs .dropdown-menu a {
      color: #192882;
      font-size: 12px; }
      .dropdown-xs .dropdown-menu a:focus {
        font-family: "LatoBold";
        outline: none; }
    .dropdown-xs .dropdown-menu .caret {
      color: #192882; }
  .dropdown-xs .dropdown > a {
    display: flex;
    flex-direction: row;
    align-items: center; }

.dropdown-xl {
  font-size: 12px;
  list-style-type: none;
  text-transform: uppercase; }
  .dropdown-xl .dropdown-toggle {
    color: #192882;
    font-size: 11px;
    text-transform: uppercase; }
    .dropdown-xl .dropdown-toggle:hover {
      color: #192882;
      text-decoration: none; }
    .dropdown-xl .dropdown-toggle:focus {
      color: #192882;
      text-decoration: none; }
  .dropdown-xl .dropdown {
    background-color: #fff;
    height: 30px;
    left: 0;
    position: absolute;
    width: 100%; }
  .dropdown-xl li a {
    width: 100%; }
    .dropdown-xl li a:hover {
      background-color: #fff; }
  .dropdown-xl li:not(:last-child) a {
    border: 0; }
  .dropdown-xl a:hover {
    text-decoration: none; }
  .dropdown-xl a:focus {
    outline: none;
    text-decoration: none; }
  .dropdown-xl .dropdown-menu {
    border: 0;
    box-shadow: none;
    margin: 0;
    text-align: center;
    width: 100%; }
    .dropdown-xl .dropdown-menu li {
      outline: none; }
      .dropdown-xl .dropdown-menu li a {
        color: #192882;
        font-size: 12px;
        margin: 0 0 10px -6px;
        outline: none; }

@keyframes pop {
  0% {
    transform: scale(1, 1); }
  50% {
    transform: scale(1.1, 1.1); }
  100% {
    transform: scale(1, 1); } }

.footer {
  color: #fff;
  font-family: "LatoLight";
  padding: 50px 0 0;
  position: relative;
  text-align: center; }
  .footer .legal-pages {
    display: flex;
    width: 50%;
    margin: auto;
    flex-flow: row wrap;
    justify-content: center; }
  .footer .legal-pages > * {
    margin-left: 5px;
    margin-right: 5px; }
  .footer .footer-links {
    width: 100%;
    padding-bottom: 30px; }
  .footer .custom-links {
    margin-bottom: 40px; }
    .footer .custom-links a {
      font-size: 14px;
      padding: 0 40px; }
  .footer .copyright,
  .footer .assembl-version {
    bottom: 10px;
    font-size: 10px;
    position: absolute; }
  .footer .assembl-version {
    right: 0; }
  .footer a {
    color: #fff;
    font-size: 10px;
    text-decoration: none; }
    .footer a:hover {
      color: #fff;
      text-decoration: none; }
  .footer .social-medias {
    list-style-type: none;
    padding: 0; }
    .footer .social-medias li {
      display: inline-block; }
    .footer .social-medias [class^='media-']:hover {
      animation: pop 0.3s 2; }
    .footer .social-medias i:before {
      font-size: 30px;
      margin: 10px 20px 30px; }

@media screen and (max-width: 767px) {
  .footer .legal-pages {
    width: 100%;
    flex-direction: column;
    margin-bottom: 30px; }
  .footer .copyright {
    font-size: 10px; }
  .footer .social-medias {
    min-height: 85px; }
    .footer .social-medias img {
      margin: 0 20px 100px; } }

.go-up {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 99; }
  .go-up div {
    font-size: 11px;
    text-align: center;
    color: #192882; }
  .go-up a {
    text-align: left;
    border-radius: 50%;
    padding: 8px 0 0 8px;
    width: 35px;
    height: 35px;
    background-color: #dbdeef;
    display: inline-block;
    cursor: pointer; }
    .go-up a:hover {
      color: white; }
    .go-up a .assembl-icon-up-open::before {
      font-size: 9px; }

@media screen and (max-width: 1480px) {
  .go-up {
    display: none; } }

.harvesting-menu {
  font-size: 12px;
  letter-spacing: 1.3px;
  line-height: 1;
  border: 1px solid #eceeed;
  border-radius: 0;
  position: absolute;
  margin-top: -60px !important;
  margin-left: 125px; }
  .harvesting-menu .assembl-icon-cancel {
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 10px;
    font-size: 13px; }
  .harvesting-menu .button-taxonomy {
    width: 90%;
    border-radius: 0;
    height: auto;
    padding: 3px 0;
    margin: 10px 0; }
  .harvesting-menu .button-taxonomy:hover {
    border-color: #192882; }
    .harvesting-menu .button-taxonomy:hover span {
      color: white; }
  .harvesting-menu .arrow {
    display: none; }
  .harvesting-menu .popover-content {
    padding: 30px 0 10px 0;
    width: 245px; }
  .harvesting-menu .taxonomy-label {
    color: #000;
    padding: 5px 10px 10px 8px;
    font-family: "LatoLight"; }
    .harvesting-menu .taxonomy-label .nature-label {
      display: contents;
      position: absolute;
      margin-top: 5px;
      padding-left: 10px; }
      .harvesting-menu .taxonomy-label .nature-label span {
        display: block;
        margin: -20px 0 0 32px; }
    .harvesting-menu .taxonomy-label .action-label {
      display: contents;
      position: absolute;
      margin-top: 5px; }
      .harvesting-menu .taxonomy-label .action-label span {
        display: block;
        margin: -19px 0 0 32px; }
    .harvesting-menu .taxonomy-label svg {
      width: 22px;
      height: 22px; }
    .harvesting-menu .taxonomy-label:hover {
      background-color: #dbdeef;
      font-family: "latoRegular"; }
  .harvesting-menu .taxonomy-label-border {
    padding: 5px 10px 10px;
    border-bottom: 1px solid #eceeed; }
  .harvesting-menu .taxonomy-category {
    font-family: "LatoBold";
    padding: 25px 10px 10px; }
  .harvesting-menu .taxonomy-label.active {
    background-color: #dbdeef;
    font-family: "latoRegular"; }

.harvesting-anchor {
  position: absolute;
  z-index: 1000; }

.harvesting-badge {
  position: absolute;
  left: -50px;
  top: 45px; }
  .harvesting-badge .badge-total {
    position: absolute;
    top: 0;
    left: -5px;
    background-color: #fff;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    font-size: 10px;
    box-shadow: 2px 2px 4px 0 #ccc;
    padding: 0 0 0 4px; }
  .harvesting-badge .left-side-harvesting-button .left-side-harvesting-button__button {
    width: 27px;
    height: 27px; }
  .harvesting-badge .confirm-harvest-button {
    padding: 0;
    margin-top: -9px; }
    .harvesting-badge .confirm-harvest-button:before {
      font-size: 12px; }

.harvesting-container {
  position: absolute;
  left: 0;
  z-index: 99;
  padding-top: 10px; }

.left-side-harvesting-button:hover .assembl-icon-catch:before {
  font-weight: bold; }

.left-side-harvesting-button:hover .left-side-harvesting-button__button__inside {
  background-color: #ffed5b; }

.left-side-harvesting-button .left-side-harvesting-button__button {
  background: white;
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 44px;
  height: 44px;
  box-shadow: 2px 2px 4px 0 #ccc;
  cursor: pointer; }
  .left-side-harvesting-button .left-side-harvesting-button__button .left-side-harvesting-button__button__inside {
    text-align: center;
    margin: 4px;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    background-color: #fff7b5;
    border-radius: 50%;
    display: flex; }

.confirm-harvest-button {
  text-align: center;
  padding: 1px 0 0 6px;
  font-size: 20px; }
  .confirm-harvest-button:before {
    margin-right: 2px;
    font-size: 16px; }

.harvesting-mode-on .extracts {
  display: none; }

.harvesting-mode-on .post-body--is-harvestable {
  /* FIXME: Factorizing these ::selection rules cancels effect on Firefox */ }
  .harvesting-mode-on .post-body--is-harvestable .post-body-content *::selection {
    background: #fff8c0; }
  .harvesting-mode-on .post-body--is-harvestable .post-body-content *::-moz-selection {
    background: #fff8c0; }

.active-box {
  border-left-color: #7ed321; }

.box-icon {
  width: 34px;
  height: 34px;
  border: 3px solid #7ed321;
  border-radius: 50%;
  position: absolute;
  background-color: #fff;
  margin-top: 15px;
  margin-left: 3px; }
  .box-icon svg {
    margin: 4px 0 0 4px; }

.harvesting-close-button {
  position: absolute;
  right: -9px;
  top: 2px;
  border: 1px solid #666;
  border-radius: 50%;
  background-color: #fff;
  height: 17px;
  font-size: 11px;
  line-height: 13px;
  padding-left: 1px;
  cursor: pointer; }
  .harvesting-close-button .assembl-icon-cancel:before {
    padding-left: 1px;
    font-size: 10px; }

.box-icon-2 {
  margin-top: 40px;
  z-index: 2; }

.harvesting-box {
  background-color: #fff;
  box-shadow: 2px 2px 4px 0 #ccc;
  width: 295px; }
  .harvesting-box .harvesting-box-header {
    padding: 16px 20px 15px 20px;
    border-bottom: 1px solid #eceeed; }
  .harvesting-box .extracts-nb-msg {
    font-size: 10px;
    padding-bottom: 10px; }
  .harvesting-box .harvesting-status {
    display: inline-block;
    font-size: 12px; }
    .harvesting-box .harvesting-status .harvesting-in-progress {
      color: #000;
      margin-left: -12px;
      padding: 0 0 15px; }
    .harvesting-box .harvesting-status .validated-harvesting {
      color: #7ed321;
      margin-left: -12px;
      padding: 0 0 15px; }
    .harvesting-box .harvesting-status .harvesting-status-label {
      display: inline-block;
      vertical-align: sub;
      margin-left: 15px;
      font-size: 10px;
      margin-top: 2px;
      width: 145px;
      height: 30px;
      line-height: 30px;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
    .harvesting-box .harvesting-status .harvesting-taxonomy-label {
      display: inline-block;
      vertical-align: sub;
      margin-left: 15px;
      font-size: 10px;
      margin-top: 2px;
      width: 145px;
      height: 30px; }
  .harvesting-box .profile {
    font-size: 11px;
    color: #666;
    margin-left: -5px;
    display: flex; }
    .harvesting-box .profile img {
      border-radius: 50%;
      margin: 0 10px 0 6px; }
    .harvesting-box .profile .assembl-icon-profil {
      vertical-align: bottom; }
      .harvesting-box .profile .assembl-icon-profil:before {
        font-size: 30px;
        margin-right: 10px; }
    .harvesting-box .profile .harvesting-date {
      font-family: "LatoLight";
      font-size: 10px; }
    .harvesting-box .profile .harvesting-infos {
      display: inline-block;
      vertical-align: bottom; }
      .harvesting-box .profile .harvesting-infos .username {
        width: 208px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden; }
  .harvesting-box .button-bar {
    padding-top: 5px;
    float: right;
    margin-right: -25px; }
    .harvesting-box .button-bar .taxonomy-menu-btn {
      border: none;
      padding: 0 0 0 2px;
      background: none; }
      .harvesting-box .button-bar .taxonomy-menu-btn:hover, .harvesting-box .button-bar .taxonomy-menu-btn:focus {
        background: none !important; }
      .harvesting-box .button-bar .taxonomy-menu-btn .assembl-icon-ellipsis-vert:before {
        font-size: 20px;
        vertical-align: middle;
        padding: 2px 0 0; }
      .harvesting-box .button-bar .taxonomy-menu-btn .assembl-icon-ellipsis-vert:hover {
        color: #7ed321; }
    .harvesting-box .button-bar .btn[disabled] {
      opacity: 1;
      border-color: #eceeed; }
      .harvesting-box .button-bar .btn[disabled] span {
        color: #eceeed; }
      .harvesting-box .button-bar .btn[disabled]:hover {
        background-color: #fff;
        border-color: #eceeed; }
        .harvesting-box .button-bar .btn[disabled]:hover span {
          color: #eceeed; }
    .harvesting-box .button-bar .btn.active {
      background-color: #fff;
      border-color: #0af;
      box-shadow: none; }
      .harvesting-box .button-bar .btn.active span {
        color: #0af; }
    .harvesting-box .button-bar .btn-default {
      margin: 0 3px;
      border-radius: 5px;
      width: 26px;
      height: 26px;
      border-color: #666; }
      .harvesting-box .button-bar .btn-default span {
        color: #666; }
      .harvesting-box .button-bar .btn-default:hover {
        background-color: #fff;
        border-color: #0af; }
        .harvesting-box .button-bar .btn-default:hover span {
          color: #0af; }
      .harvesting-box .button-bar .btn-default:focus {
        background-color: #fff;
        outline: none; }
      .harvesting-box .button-bar .btn-default:active {
        box-shadow: none; }
      .harvesting-box .button-bar .btn-default span:before {
        font-size: 12px;
        display: block;
        margin: 0 0 0 -6px; }
  .harvesting-box .harvesting-box-body {
    padding: 20px 5px 10px;
    font-size: 12px;
    color: #666;
    word-wrap: break-word; }
    .harvesting-box .harvesting-box-body .extract-body {
      max-width: 250px; }
    .harvesting-box .harvesting-box-body .form-group {
      margin: 0; }
    .harvesting-box .harvesting-box-body .selection-body {
      padding: 0 20px 20px; }
    .harvesting-box .harvesting-box-body textarea {
      border: 1px solid #eceeed;
      margin: -20px 0 0;
      color: #666;
      font-family: "latoRegular";
      font-size: 12px;
      min-height: 100px; }
      .harvesting-box .harvesting-box-body textarea:focus {
        border: 1px solid #eceeed; }
    .harvesting-box .harvesting-box-body .body-container {
      display: inline-flex;
      align-items: center; }
      .harvesting-box .harvesting-box-body .body-container .previous-extract {
        cursor: pointer;
        margin-top: 20px;
        font-size: 30px;
        flex-basis: 30px;
        flex-shrink: 0; }
      .harvesting-box .harvesting-box-body .body-container .next-extract {
        cursor: pointer;
        margin-top: 20px;
        font-size: 30px;
        flex-basis: 30px;
        flex-shrink: 0;
        padding-left: 15px; }
  .harvesting-box .harvesting-tag-form-container {
    border: 1px solid #eceeed;
    width: 100%; }
    .harvesting-box .harvesting-tag-form-container .form-group {
      margin: 0; }
    .harvesting-box .harvesting-tag-form-container .select-field__control {
      border: none;
      min-height: auto !important;
      border-radius: 20px !important; }
    .harvesting-box .harvesting-tag-form-container .select-field__indicator {
      padding: 0 8px; }
    .harvesting-box .harvesting-tag-form-container .select-field__value-container {
      padding: 0; }
  .harvesting-box .harvesting-tags-form-container,
  .harvesting-box .harvesting-tags-container {
    padding: 15px 15px 10px 26px;
    border-top: 1px solid #eceeed; }
    .harvesting-box .harvesting-tags-form-container label,
    .harvesting-box .harvesting-tags-container label {
      font-weight: normal; }
    .harvesting-box .harvesting-tags-form-container .select-field__control,
    .harvesting-box .harvesting-tags-container .select-field__control {
      border-radius: 0;
      min-height: 34px; }
    .harvesting-box .harvesting-tags-form-container .select-field__placeholder,
    .harvesting-box .harvesting-tags-container .select-field__placeholder {
      color: #666;
      font-size: 12px; }
    .harvesting-box .harvesting-tags-form-container .select-field__dropdown-indicator,
    .harvesting-box .harvesting-tags-container .select-field__dropdown-indicator {
      color: #666;
      padding: 0 8px; }
      .harvesting-box .harvesting-tags-form-container .select-field__dropdown-indicator svg,
      .harvesting-box .harvesting-tags-container .select-field__dropdown-indicator svg {
        width: 16px; }
    .harvesting-box .harvesting-tags-form-container .select-field__multi-value,
    .harvesting-box .harvesting-tags-container .select-field__multi-value {
      border-radius: 0 !important; }
    .harvesting-box .harvesting-tags-form-container .select-field__multi-value__label,
    .harvesting-box .harvesting-tags-container .select-field__multi-value__label {
      padding: 3px; }
    .harvesting-box .harvesting-tags-form-container .select-field__multi-value__remove,
    .harvesting-box .harvesting-tags-container .select-field__multi-value__remove {
      padding: 0 !important; }
      .harvesting-box .harvesting-tags-form-container .select-field__multi-value__remove:hover,
      .harvesting-box .harvesting-tags-container .select-field__multi-value__remove:hover {
        background: none;
        color: #666; }
    .harvesting-box .harvesting-tags-form-container .harvesting-box-footer,
    .harvesting-box .harvesting-tags-container .harvesting-box-footer {
      padding: 5px 0; }
    .harvesting-box .harvesting-tags-form-container .harvesting-tags-titles-container,
    .harvesting-box .harvesting-tags-container .harvesting-tags-titles-container {
      margin-left: 6px;
      display: inline; }
    .harvesting-box .harvesting-tags-form-container .harvesting-tag-container,
    .harvesting-box .harvesting-tags-container .harvesting-tag-container {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background-color: white;
      border-radius: 13px;
      padding: 2px 2px 2px 10px;
      color: #666;
      margin-right: 5px;
      margin-bottom: 5px;
      font-family: "LatoLight";
      font-size: 12px;
      font-weight: bold; }
      .harvesting-box .harvesting-tags-form-container .harvesting-tag-container.editing,
      .harvesting-box .harvesting-tags-container .harvesting-tag-container.editing {
        width: 100%; }
      .harvesting-box .harvesting-tags-form-container .harvesting-tag-container.editable,
      .harvesting-box .harvesting-tags-container .harvesting-tag-container.editable {
        cursor: pointer; }
      .harvesting-box .harvesting-tags-form-container .harvesting-tag-container .harvesting-tag-title,
      .harvesting-box .harvesting-tags-container .harvesting-tag-container .harvesting-tag-title {
        margin-right: 7px;
        white-space: nowrap; }
      .harvesting-box .harvesting-tags-form-container .harvesting-tag-container .assembl-icon-cancel,
      .harvesting-box .harvesting-tags-container .harvesting-tag-container .assembl-icon-cancel {
        cursor: pointer; }
        .harvesting-box .harvesting-tags-form-container .harvesting-tag-container .assembl-icon-cancel::before,
        .harvesting-box .harvesting-tags-container .harvesting-tag-container .assembl-icon-cancel::before {
          padding-left: 2px; }
    .harvesting-box .harvesting-tags-form-container .harvesting-tags-edit,
    .harvesting-box .harvesting-tags-container .harvesting-tags-edit {
      display: inline-flex;
      border-radius: 16px;
      padding: 0 0 0 3px;
      color: #192882;
      border: solid 1px #192882;
      font-size: 13px;
      line-height: 13px;
      height: 15px;
      width: 15px;
      cursor: pointer; }
      .harvesting-box .harvesting-tags-form-container .harvesting-tags-edit:hover,
      .harvesting-box .harvesting-tags-container .harvesting-tags-edit:hover {
        color: white;
        background-color: #192882; }
  .harvesting-box .harvesting-box-footer {
    text-align: center;
    display: flex;
    justify-content: space-around;
    padding: 20px 0; }
    .harvesting-box .harvesting-box-footer .btn-default {
      margin: 0 22px; }
    .harvesting-box .harvesting-box-footer .button-submit {
      padding: 8px 17px; }
    .harvesting-box .harvesting-box-footer .button-cancel {
      padding: 8px 17px; }
  .harvesting-box .extracts-numbering {
    text-align: right;
    padding-right: 20px;
    padding-bottom: 20px;
    font-size: 10px; }

.extract-in-message {
  display: inline; }

.submitted-harvesting .harvesting-submitted-message {
  color: #00b6ff;
  padding-top: 10px;
  font-size: 12px;
  padding-left: 8px;
  margin-bottom: -10px; }

.submitted-harvesting .validated-harvesting {
  color: #00b6ff !important; }

.submitted-harvesting .box-icon {
  border: 3px solid #00b6ff; }

.submitted-harvesting .active-box {
  border-left-color: #00b6ff; }

.harvesting-tag-input-container {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .harvesting-tag-input-container .harvesting-tag-input {
    display: flex;
    align-items: center; }
    .harvesting-tag-input-container .harvesting-tag-input > div {
      margin: 0 !important;
      padding: 0 !important; }
  .harvesting-tag-input-container .harvesting-tag-input-control {
    display: flex;
    padding: 0 5px; }
    .harvesting-tag-input-container .harvesting-tag-input-control .icon {
      margin-right: 5px;
      padding: 2px 1px 0 1px;
      border-radius: 12px;
      cursor: pointer; }
    .harvesting-tag-input-container .harvesting-tag-input-control .icon:last-child {
      margin-right: 0; }
    .harvesting-tag-input-container .harvesting-tag-input-control .cancel-icon:hover {
      color: white !important;
      background-color: #f75959 !important; }
    .harvesting-tag-input-container .harvesting-tag-input-control .validate-icon {
      padding: 2px 1px 0 1px; }
      .harvesting-tag-input-container .harvesting-tag-input-control .validate-icon:hover {
        color: white;
        background-color: #30c86e; }

@media screen and (max-width: 768px) {
  .is-harvesting-button {
    display: none; }
  .harvesting-container {
    display: none; } }

.loader-container-xl {
  height: 100px;
  margin: 140px 0;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 100%; }

.loader-container-xs {
  position: relative;
  width: 30px; }

.loader {
  left: 0;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 10000; }
  .loader svg {
    margin: 0;
    width: 30px; }

.menu {
  padding: 0;
  list-style-type: none; }
  .menu li.menu-item {
    padding: 0 0 15px; }
    .menu li.menu-item a {
      color: #666; }
      .menu li.menu-item a:hover {
        color: #192882; }
    .menu li.menu-item .arrow {
      color: #666;
      font-size: 6px;
      margin-right: 10px;
      margin-left: -19px;
      cursor: pointer; }
    .menu li.menu-item .menu-item-title {
      display: flex;
      align-items: center; }
    .menu li.menu-item .sub-menu {
      padding: 10px 0 0 10px;
      list-style-type: none; }
      .menu li.menu-item .sub-menu > li.menu-item:last-child {
        padding: 0 !important; }

#multi-column .idea .level {
  margin: auto; }

#multi-column .column-tree .post-left {
  padding: 20px 10px 20px 10px;
  width: 90%; }

#multi-column .synthesis .post-left {
  width: 90%; }

.column-view .level {
  margin: auto; }

.column-view .synthesis {
  border: none;
  padding: 15px;
  margin-bottom: 60px;
  max-width: calc(600px + 2 * 15px);
  margin-left: auto;
  margin-right: auto;
  height: auto; }
  .column-view .synthesis .post-left {
    padding: 0; }
  .column-view .synthesis .post-right {
    background-color: #fff; }

.column-view .column-tree {
  margin-bottom: 90px; }

.column-view:first-child .column-header {
  margin-left: 0; }

.column-view:last-child .column-header {
  margin-right: 0; }

.column-view:only-child .column-header {
  margin-left: 0;
  margin-right: 0; }

.column-header {
  margin-bottom: 20px;
  margin-left: 2px;
  margin-right: 2px; }
  .column-header .form-container {
    padding-left: 10px;
    padding-right: 10px; }
    .column-header .form-container .form-group .margin-m {
      margin: 0;
      max-width: 600px;
      margin-left: auto;
      margin-right: auto; }
      .column-header .form-container .form-group .margin-m .rich-text-editor {
        max-width: 600px;
        padding-top: 5px;
        margin: 0; }
        .column-header .form-container .form-group .margin-m .rich-text-editor .editor-label {
          padding-top: 5px; }

.column-header .start-discussion-container {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  text-align: left;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 15px; }
  .column-header .start-discussion-container .start-discussion {
    max-width: 80%;
    padding: 0 0 0 10px; }
    .column-header .start-discussion-container .start-discussion .dark-title-3 {
      font-family: "latoRegular";
      letter-spacing: 1px;
      line-height: 27px;
      font-size: 16px; }

.tab-selector > .tab-selector-buttons {
  display: flex;
  position: sticky;
  top: 60px;
  width: 100%;
  z-index: 1000; }
  .tab-selector > .tab-selector-buttons .button-container {
    padding: 0 1px; }
    .tab-selector > .tab-selector-buttons .button-container button {
      display: block;
      text-overflow: ellipsis; }
    .tab-selector > .tab-selector-buttons .button-container:first-child {
      padding-left: 0; }
    .tab-selector > .tab-selector-buttons .button-container:last-child {
      padding-right: 0; }
    .tab-selector > .tab-selector-buttons .button-container button {
      border: 0;
      width: 100%;
      outline: 0;
      font-family: "latoRegular";
      color: #192882;
      padding-top: 10px;
      padding-bottom: 10px;
      height: 100%; }
      .tab-selector > .tab-selector-buttons .button-container button:disabled {
        font-family: "LatoBold"; }

.multi-column-container {
  display: flex;
  justify-content: center; }
  .multi-column-container .column-header .box.synthesis {
    padding-left: 15px;
    padding-right: 15px; }
  .multi-column-container .column-header .form-container {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px; }
  .multi-column-container .column-tree {
    padding-left: 15px;
    padding-right: 15px;
    position: static; }
    .multi-column-container .column-tree .level-0 {
      width: auto;
      margin: 0; }

.multi-column-container .column-view {
  max-width: 45%; }
  .multi-column-container .column-view .column-header {
    margin-left: 15px;
    margin-right: 15px; }
  .multi-column-container .column-view:first-child .column-header {
    margin-left: 15px; }
  .multi-column-container .column-view:last-child .column-header {
    margin-right: 15px; }
  .multi-column-container .column-view:only-child .column-header {
    margin-left: 15px;
    margin-right: 15px; }

.column-synthesis .insert-box {
  border: none;
  height: 100%; }
  .column-synthesis .insert-box .insert-content {
    overflow-y: auto;
    height: 100%; }

@media screen and (min-width: 991px) {
  .column-view {
    height: 100%; }
    .column-view .synthesis {
      height: 320px; }
  .column-synthesis .insert-box {
    height: 320px; }
    .column-synthesis .insert-box .insert-content {
      overflow-y: auto;
      height: calc(320px - 140px); } }

/* Portrait phones and smaller */
@media (max-width: 480px) {
  .tab-selector > .tab-selector-buttons .button-container > button {
    font-family: "latoRegular";
    line-height: 19px;
    font-size: 12px;
    text-transform: uppercase;
    padding-left: 3px;
    padding-right: 3px; } }

.chatframe {
  position: fixed;
  right: 15px;
  bottom: 15px;
  z-index: 300;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  flex-direction: column;
  height: 60px;
  width: 60px;
  max-width: calc(100% - (2 * 15px));
  max-height: calc(100% - (60px + 15px + 20px));
  pointer-events: none; }
  .chatframe > * {
    pointer-events: auto; }
  @media (max-width: 480px) {
    .chatframe {
      height: 40px;
      width: 40px; } }
  .chatframe.open {
    height: 470px;
    width: 350px; }
  .chatframe .chatframe-modal {
    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.4);
    margin-bottom: 10px;
    border-radius: 10px;
    height: calc(100% - (60px + 10px));
    width: 100%;
    /* Portrait phones and smaller */ }
    @media (max-width: 480px) {
      .chatframe .chatframe-modal {
        height: calc(100% - (40px + 10px)); } }
    .chatframe .chatframe-modal .chatframe-modal-header {
      font-family: "LatoLight";
      height: 60px;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      display: flex;
      align-items: center;
      padding: 0 15px;
      color: white;
      background-color: #120d9c;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
      position: relative;
      z-index: 400; }
    .chatframe .chatframe-modal .chatframe-modal-iframe {
      height: calc(100% - 60px);
      width: 100%;
      border: 0;
      display: block;
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px; }
  .chatframe .chatframe-button {
    height: 60px;
    width: 60px;
    border-radius: 30px;
    background-color: #120d9c;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    /* Portrait phones and smaller */ }
    @media (max-width: 480px) {
      .chatframe .chatframe-button {
        height: 40px;
        width: 40px;
        border-radius: 20px; } }
  .chatframe .chatframe-icon:before {
    font-size: 32px; }

.nav-bar {
  display: flex;
  align-items: center;
  background-color: #fff;
  height: 60px;
  /* Landscape phones and portrait tablets */ }
  .nav-bar .sk-layout {
    float: none; }
    .nav-bar .sk-layout .sk-top-bar {
      display: inline-block;
      height: auto;
      margin: 0; }
  .nav-bar .caret {
    margin-left: 10px; }
  .nav-bar .navbar-logo {
    height: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center; }
    .nav-bar .navbar-logo img {
      max-height: 40px; }
  .nav-bar .right-part {
    display: inline-flex;
    align-items: center;
    height: 60px; }
    .nav-bar .right-part .navbar-language .dropdown-toggle {
      line-height: normal; }
  .nav-bar .navbar-icons {
    display: inline-flex;
    align-items: center;
    padding: 0; }
    .nav-bar .navbar-icons .assembl-icon-expert:before,
    .nav-bar .navbar-icons .assembl-icon-profil:before {
      font-size: 20px; }
    .nav-bar .navbar-icons .is-harvesting-button {
      margin-top: 4px; }
      .nav-bar .navbar-icons .is-harvesting-button:focus {
        outline: 0; }
      .nav-bar .navbar-icons .is-harvesting-button.active {
        color: #0af; }
    .nav-bar .navbar-icons #search {
      float: none; }
  .nav-bar .navbar-menu-item {
    color: #192882;
    font-family: "LatoMedium";
    font-size: 12px;
    letter-spacing: 0.8px;
    line-height: 0;
    padding: 0 20px;
    text-transform: uppercase;
    white-space: nowrap; }
    .nav-bar .navbar-menu-item:hover {
      color: #192882;
      font-family: "LatoBold";
      text-decoration: none; }
    .nav-bar .navbar-menu-item:after {
      color: #192882;
      font-family: "LatoBold";
      text-decoration: none;
      content: attr(data-text);
      height: 0;
      overflow: hidden;
      visibility: hidden;
      line-height: 0; }
    .nav-bar .navbar-menu-item:focus {
      text-decoration: none; }
  .nav-bar .navbar-language {
    padding-top: 18px; }
  .nav-bar .avatar {
    display: flex;
    align-items: center;
    margin-top: 0; }
    .nav-bar .avatar .user-account {
      white-space: nowrap;
      margin-left: 10px;
      line-height: normal;
      padding-right: 0; }
    .nav-bar .avatar .connection {
      display: flex;
      align-items: center;
      margin: 0; }
    .nav-bar .avatar .assembl-icon-profil {
      display: flex; }
      .nav-bar .avatar .assembl-icon-profil:before {
        margin: 0; }
  .nav-bar .dropdown-toggle .inline {
    display: flex;
    align-items: center; }
  .nav-bar .burger-navbar {
    display: flex;
    align-items: center;
    width: 100%; }
    .nav-bar .burger-navbar .burgermenu-language {
      line-height: normal;
      padding-left: 0;
      margin-bottom: 0; }
      .nav-bar .burger-navbar .burgermenu-language > .dropdown {
        position: static;
        height: auto; }
        .nav-bar .burger-navbar .burgermenu-language > .dropdown.open > .dropdown-menu {
          position: static;
          height: auto;
          padding-bottom: 60px; }
        .nav-bar .burger-navbar .burgermenu-language > .dropdown.open > .dropdown-toggle {
          color: #192882; }
        .nav-bar .burger-navbar .burgermenu-language > .dropdown > .dropdown-toggle {
          line-height: 64px;
          font-size: 13px;
          color: inherit; }
    .nav-bar .burger-navbar .burgermenu-icon {
      cursor: pointer; }
      .nav-bar .burger-navbar .burgermenu-icon .assembl-icon-menu-on {
        font-size: 23px; }
      .nav-bar .burger-navbar .burgermenu-icon .assembl-icon-cancel {
        font-size: 23px; }
    .nav-bar .burger-navbar .nav-burger-menu {
      background-color: #fff;
      left: 0;
      position: absolute;
      top: 60px;
      width: 100%;
      height: 100vh;
      overflow-y: scroll; }
    .nav-bar .burger-navbar .navbar-logo {
      margin-right: auto;
      margin-left: 15px; }
    .nav-bar .burger-navbar .avatar {
      margin-right: 0;
      text-align: right; }
    .nav-bar .burger-navbar .navbar-language {
      display: none; }
    .nav-bar .burger-navbar .navbar-menu-item {
      display: flex;
      line-height: 64px;
      align-items: center;
      flex-direction: column;
      font-size: 13px;
      color: inherit; }
    .nav-bar .burger-navbar .navbar-icons {
      padding: 0 0;
      margin-left: auto;
      justify-content: flex-end;
      z-index: 10; }
    .nav-bar .burger-navbar .dropdown-navbar {
      margin: 0 0 0 4px; }
    .nav-bar .burger-navbar .active {
      font-family: "LatoBold";
      background-color: #dbdeef;
      color: #192882; }
  .nav-bar .flat-navbar {
    display: inline-flex;
    align-items: center;
    max-height: 60px;
    justify-content: space-between;
    width: 100%; }
    .nav-bar .flat-navbar .navbar-logo {
      padding-right: 15px; }
    .nav-bar .flat-navbar .navbar-language {
      padding: 0; }
    .nav-bar .flat-navbar .left-part {
      display: inline-flex;
      align-items: center;
      height: 100%; }
    .nav-bar .flat-navbar .nav-menu {
      display: inline-flex;
      align-items: center; }
    .nav-bar .flat-navbar .navbar-home-item {
      display: none; }
    .nav-bar .flat-navbar .burgermenu-icon {
      display: none; }
    .nav-bar .flat-navbar .nav-burger-menu {
      display: none; }
    .nav-bar .flat-navbar .navbar-menu-item {
      height: 60px;
      display: inline-flex;
      flex-direction: column;
      align-items: center;
      justify-content: center; }
      .nav-bar .flat-navbar .navbar-menu-item.active {
        border-bottom: 4px solid #0af;
        padding-top: 4px;
        color: #192882; }
    .nav-bar .flat-navbar .logo-active {
      border-bottom: 4px solid #0af;
      padding-top: 4px;
      display: inline-flex;
      align-items: center;
      height: 60px;
      line-height: 60px;
      vertical-align: middle; }
  @media (max-width: 992px) {
    .nav-bar .burger-navbar .burgermenu-icon {
      flex-grow: 0.25; }
    .nav-bar .navbar-logo {
      flex-grow: 1.25; }
      .nav-bar .navbar-logo img {
        max-width: 90px; } }
  @media (max-width: 767px) {
    .nav-bar #search {
      display: none; }
    .nav-bar .right-part {
      flex: 1; }
    .nav-bar .burger-navbar .navbar-logo {
      flex: 1;
      margin: auto; }
    .nav-bar .burgermenu-icon {
      flex: 1; } }

.large-logo {
  padding: 25px 0 0 20px; }
  .large-logo img {
    max-height: 60px; }

.overflow-menu .overflow-menu-container {
  padding: 0;
  display: flex;
  flex-direction: column; }

.overflow-menu .overflow-menu-action {
  color: rgba(25, 40, 130, 0.7);
  border: none;
  padding: 0; }
  .overflow-menu .overflow-menu-action:hover, .overflow-menu .overflow-menu-action:active, .overflow-menu .overflow-menu-action:focus {
    color: #192882;
    background: none;
    outline: none; }

.translate {
  font-size: 12px;
  font-family: "LatoItalic";
  display: flex;
  align-items: baseline; }
  .translate .translate-button {
    margin: 5px;
    text-transform: uppercase;
    cursor: pointer; }
    .translate .translate-button:hover {
      text-decoration: underline; }

.choose-content-locale-form .modal-body {
  text-align: left !important; }

.proposals .post-body .body,
.posts .post-body .body {
  font-family: "LatoLight";
  color: #000;
  line-height: 1.6em;
  word-wrap: break-word;
  text-align: left; }

.proposals .custom-overlay {
  display: inline-block; }

.proposals .box {
  border-bottom: 1px solid #eceeed;
  border-left: 4px solid #192882;
  border-right: 1px solid #eceeed;
  border-top: 1px solid #eceeed;
  margin: 0 auto 40px;
  max-width: 1200px;
  padding: 0;
  position: relative;
  text-align: center; }
  .proposals .box.pending {
    border-left: 4px solid #ffd58f; }

.proposals .statistics-container {
  height: 70%; }

.proposals .user {
  text-align: left; }
  .proposals .user.pending {
    color: #ffa105; }
  .proposals .user .username {
    color: #192882; }

.proposals .translate {
  padding: 20px 0 0 50px; }

.proposals .post-footer {
  border-top: 1px solid #eceeed;
  padding: 0;
  display: flex;
  justify-content: space-between; }
  .proposals .post-footer.pending {
    display: flex;
    justify-content: flex-end; }
  .proposals .post-footer .sentiments {
    font-family: "LatoLight";
    padding-top: 15px; }
  .proposals .post-footer .actions {
    display: inline-flex;
    margin: 15px; }
  .proposals .post-footer .assembl-icon-check-box-declined:before {
    font-size: 20px; }
  .proposals .post-footer .answer-form-inner .form-group {
    margin: 13px 0 0;
    border: 1px solid #dbdeef; }

.proposals .overflow-action {
  cursor: pointer;
  margin: 20px 3px 0;
  color: rgba(25, 40, 130, 0.7);
  border: none;
  background-color: transparent; }
  .proposals .overflow-action .deletePostIcon .group {
    fill: #192882; }
    .proposals .overflow-action .deletePostIcon .group .path {
      stroke: #192882; }
  .proposals .overflow-action:hover {
    color: #192882; }

.proposals .stat-sentiment {
  padding: 0 0 0 3px; }

.proposals .min-sentiment {
  display: inline-block;
  font-family: "LatoLight";
  font-size: 10px;
  text-align: left;
  width: 60px; }
  .proposals .min-sentiment svg {
    vertical-align: bottom; }
  .proposals .min-sentiment .txt {
    font-size: 12px;
    line-height: 12px;
    padding: 0 0 0 5px; }

.proposals .totalSentimentsCount {
  font-family: "LatoBold";
  font-size: 16px;
  letter-spacing: initial;
  margin: 0 0 0;
  position: absolute;
  top: 30%;
  width: 100%; }

.proposals .sentimentsCountLabel {
  font-family: "LatoLight";
  font-size: 10px;
  letter-spacing: initial;
  margin: 20px 0 0;
  position: absolute;
  top: 70px;
  width: 100%; }

.proposals .sentiment-label {
  font-weight: bold;
  color: #192882; }

.proposals .question-footer {
  margin: 0 0 70px;
  display: flex;
  justify-content: center; }
  .proposals .question-footer :first-child {
    margin-left: 0; }
  .proposals .question-footer span {
    margin-left: 5px; }

.idea .level .deleted-post .box {
  border-left: 1px solid #eceeed; }

.idea .level .box.pending {
  border-left: 4px solid #ffd58f; }

.posts .post-body-title {
  font-family: "latoRegular";
  text-transform: uppercase;
  font-size: 16px;
  margin-top: 10px; }

.posts.deleted-post .body {
  font-style: italic;
  font-family: "latoRegular"; }

.posts .embedded-video {
  width: 100%;
  height: 300px; }

@media screen and (max-width: 500px) {
  .posts .embedded-video {
    height: 250px; } }

@media screen and (max-width: 321px) {
  .posts .embedded-video {
    height: 180px; } }

.posts .post-row {
  display: flex; }

.posts .post-left {
  width: 95%;
  padding: 20px 10px 20px 30px; }
  .posts .post-left .post-header {
    align-items: center;
    display: flex; }
  .posts .post-left .meta {
    display: flex;
    margin: 10px 0 0 5px; }
    .posts .post-left .meta .author .assembl-icon-back-arrow {
      display: inline-block;
      transform: scaleX(-1);
      font-size: 12px;
      padding-left: 5px;
      padding-right: 5px; }
    .posts .post-left .meta .avatar-logo {
      margin-right: 5px; }
    .posts .post-left .meta .published-date {
      font-size: 12px;
      font-weight: 300;
      line-height: 1.91;
      margin-left: 5px; }
      .posts .post-left .meta .published-date:before {
        content: '-';
        margin-right: 5px; }

.posts .post-right {
  width: 42px;
  position: relative;
  text-align: center; }
  .posts .post-right .answers {
    display: none; }
  .posts .post-right .post-actions {
    width: 100%; }

.posts .post-right.pending {
  background-color: #ffd58f; }

.posts .box {
  border: none;
  margin: 0 auto;
  max-width: 925px;
  position: relative;
  text-align: left;
  padding: 0 0 10px 0; }
  .posts .box .label {
    display: block;
    white-space: normal;
    text-align: left;
    line-height: 12px; }

.posts .body {
  padding: 20px 0; }
  .posts .body p {
    margin: 0;
    min-height: 1em;
    /* so that empty paragraphs (created by multiple line returns) still have height */ }

.posts .post-action {
  cursor: pointer;
  margin: 10px 0 0;
  transition: all 0.2s ease-in-out;
  border: none;
  background-color: inherit; }
  .posts .post-action:hover {
    transform: scale(1.2); }
  .posts .post-action .assembl-icon-check-box-declined {
    font-size: 18px;
    padding-left: 2px; }

.posts .overflow-action {
  cursor: pointer;
  margin: 20px 0 0;
  color: rgba(25, 40, 130, 0.7); }
  .posts .overflow-action:hover {
    color: #192882; }
  .posts .overflow-action .assembl-icon-ellipsis-vert:before {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    padding-left: 3px; }

.posts .add-sentiment {
  margin: 10px 0 0; }
  .posts .add-sentiment .sentiment {
    margin-left: auto;
    margin-right: auto; }

.posts .answer-form {
  width: 90%;
  margin: auto;
  background-color: #fff;
  border-top: 2px solid #fff;
  border: 1px solid #dbdeef;
  box-shadow: 3px 4px 4px 0 #dbdeef;
  padding: 30px; }
  .posts .answer-form .assembl-icon-back-arrow:before {
    font-size: 14px; }
  .posts .answer-form .DraftEditor-root {
    border: solid 2px #192882; }
  .posts .answer-form .answer-form-inner .editor-label {
    padding-top: 16px; }
  .posts .answer-form .button-container {
    margin: 25px 0 0; }
  .posts .answer-form .assembl-icon-back-arrow {
    padding-left: 10px; }
  .posts .answer-form .btn {
    margin: 3px 0 8px; }
  @media screen and (min-width: 768px) {
    .posts .answer-form .button-container {
      display: flex;
      justify-content: space-between; } }

.posts .collapsed-answer-form {
  background-color: #fff;
  padding: 0 20px; }
  .posts .collapsed-answer-form .rich-text-editor {
    margin-top: 0; }
  .posts .collapsed-answer-form .editor-header {
    display: none; }
  .posts .collapsed-answer-form .form-group {
    border: #192882 solid 1px;
    box-shadow: 1px 1px #192882; }
  .posts .collapsed-answer-form .public-DraftEditor-content {
    height: 20px; }
  .posts .collapsed-answer-form .button-container {
    display: none; }
  .posts .collapsed-answer-form .annotation {
    display: none; }

.posts .extracts {
  position: absolute;
  left: 2vw;
  max-width: 230px;
  width: 14vw;
  line-height: 30px; }
  .posts .extracts .badges {
    line-height: 26px;
    font-family: "LatoLight"; }
    .posts .extracts .badges .nugget-img {
      text-align: center;
      margin-bottom: 25px; }
      .posts .extracts .badges .nugget-img span {
        display: inline-block; }
      .posts .extracts .badges .nugget-img span::before {
        font-size: 50px; }
    .posts .extracts .badges .nugget .nugget-txt {
      font-family: "LatoItalic";
      color: #192882;
      margin-bottom: 25px; }
    .posts .extracts .badges .nugget .box-hyphen {
      border-top-width: 3px; }

.column-post .post-body-title {
  display: none; }

.column-post .box {
  border: none; }

.column-post .answer-form {
  border-top: none; }

.column-post .column-hint {
  font-family: "LatoLight";
  font-size: 18px;
  letter-spacing: 1px;
  line-height: 30px;
  padding-top: 20px; }

.column-post .post-actions-separator {
  margin: 7.5px auto 0 auto; }

.action-validate {
  border: none; }

.post-actions-separator {
  margin: 20px auto 10px auto;
  border-bottom: 2px solid white;
  width: 85%; }

@media screen and (min-width: 768px) {
  .proposals .sentiment-label {
    display: inline-block; }
  .proposals .stat-sentiment {
    margin: -26px 0 0; }
    .proposals .stat-sentiment .min-sentiment {
      text-align: center; }
  .proposals .content {
    float: left;
    text-align: left;
    width: 80%; }
    .proposals .content .user {
      padding: 20px 0 0 40px; }
  .proposals .statistic {
    background-color: #dbdeef;
    float: left;
    height: 100%;
    min-width: 150px;
    padding: 0 0 0;
    position: absolute;
    right: 0;
    width: 20%; }
    .proposals .statistic.pending {
      background-color: #ffd58f; }
    .proposals .statistic .statistics-doughnut {
      height: 100px;
      margin-top: 15px;
      margin-bottom: 15px; }
      .proposals .statistic .statistics-doughnut .circle {
        stroke-width: 14px; }
  .proposals .body {
    padding: 20px 50px; }
  .proposals .post-footer {
    margin: 0 50px; }
  .proposals .box {
    min-height: 170px; }
  .survey .actions .overflow-action {
    margin: 0; } }

@media screen and (max-width: 1199px) {
  .synthesis .post-row {
    background-color: #fff; }
    .synthesis .post-row .post-left .insert-box {
      border-bottom: none; }
    .synthesis .post-row .post-right .post-actions .post-icons {
      border-top: none; }
    .synthesis .post-row .post-right .post-actions .post-actions-separator {
      display: none; } }

@media screen and (max-width: 767px) {
  .proposals .content .post-footer {
    margin: 5px 20px 0 25px; }
    .proposals .content .post-footer div {
      display: none; }
  .proposals .statistic {
    text-align: right;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .proposals .statistic .sentiments {
      border-top: 0;
      display: flex;
      flex-direction: row;
      justify-content: center;
      padding: 0;
      padding-left: 25px;
      padding-right: 20px; }
      .proposals .statistic .sentiments .custom-overlay {
        display: flex;
        flex-direction: column;
        text-align: center;
        margin: 20px 10px 20px 0; }
        .proposals .statistic .sentiments .custom-overlay .sentiment-label-sm {
          display: block;
          font-size: 12px;
          font-family: "LatoLight"; }
      .proposals .statistic .sentiments .sentiment {
        margin: 0; }
        .proposals .statistic .sentiments .sentiment svg {
          vertical-align: middle; }
    .proposals .statistic .statistics-doughnut {
      height: 50px;
      width: 50px;
      margin-right: 10px;
      vertical-align: middle; }
      .proposals .statistic .statistics-doughnut .circle {
        stroke-width: 20px; }
      .proposals .statistic .statistics-doughnut .doughnut-label {
        display: none; }
    .proposals .statistic .stat-sentiment {
      margin: 0;
      padding: 0;
      vertical-align: middle;
      display: inline-block; }
    .proposals .statistic .actions {
      margin: 0;
      padding: 0;
      margin-right: 10px;
      height: 50px;
      display: flex;
      flex-direction: column;
      justify-content: center; }
  .proposals .content {
    text-align: left; }
    .proposals .content .user {
      padding: 30px 20px 0; }
  .proposals .translate {
    padding: 20px 20px 0 25px;
    display: flex; }
  .proposals .statistics-container {
    display: none; }
  .proposals .sentiment-label {
    display: none; }
  .proposals .totalSentimentsCount {
    display: none; }
  .proposals .sentimentsCountLabel {
    display: none; }
  .proposals .body {
    padding: 20px 20px 20px 25px; }
  .proposals .min-sentiment {
    margin: 0 0 5px 0; }
  .proposals .clear {
    height: 10px; } }

@media screen and (min-width: 992px) {
  .posts .post-actions {
    position: absolute;
    bottom: 0; }
  .posts .post-right {
    min-height: 320px; } }

@media screen and (max-width: 992px) {
  .posts .custom-overlay {
    float: right;
    display: inline-block; }
  .posts .post-actions-separator {
    display: none; }
  .posts .post-row {
    display: block; }
  .posts .post-right {
    background: none;
    width: 100%; }
    .posts .post-right .answers {
      float: none;
      display: inline-block;
      padding: 6px 0 0 0; }
  .posts .post-left {
    width: 100%; }
    .posts .post-left .answers {
      display: none; }
  .posts .post-actions {
    position: relative; }
    .posts .post-actions .post-action {
      margin-top: 5px; }
    .posts .post-actions .post-icons {
      border-bottom: 1px solid #eceeed;
      border-top: 1px solid #eceeed;
      padding: 18px 0 10px; }
      .posts .post-actions .post-icons .post-action {
        display: inline-block;
        margin: 8px 10px; }
      .posts .post-actions .post-icons .add-sentiment {
        display: inline-block;
        margin: 0; }
        .posts .post-actions .post-icons .add-sentiment .sentiment {
          margin: 0 10px 5px 10px; }
  .posts .sentiments-count {
    float: left; }
    .posts .sentiments-count .txt {
      margin-left: 20px;
      text-align: left;
      padding: 1px 0 0 20px; }
  .posts .min-sentiment {
    padding: 1px 0 0 10px; }
  .posts .answer-form {
    padding: 25px 30px 10px 30px; }
    .posts .answer-form .button-container .btn {
      float: none;
      width: 100%; }
    .posts .answer-form .assembl-icon-back-arrow {
      padding: 0; }
  .posts .extracts {
    display: none; } }

@media screen and (max-width: 480px) {
  .translate {
    flex-direction: column; }
    .translate .translate-button {
      margin: 0; }
  .posts .post-right .answers {
    float: left;
    display: block;
    padding: 6px 0 0 17px; }
  .posts .post-left {
    padding: 20px 10px 20px 10px; }
    .posts .post-left .circle-avatar {
      display: none; }
    .posts .post-left .meta {
      flex-direction: column;
      margin: 0; }
      .posts .post-left .meta .author {
        word-wrap: break-word; }
      .posts .post-left .meta .published-date {
        margin-left: 0; }
      .posts .post-left .meta .published-date:before {
        display: none; }
  .posts .answer-form {
    width: 100%; }
  .posts .post-body-title {
    font-size: 14px; }
  .proposals .statistic .sentiments {
    flex-direction: column; } }

.admin-content .rich-text-editor {
  font-size: 12px; }
  .admin-content .rich-text-editor label {
    margin: 0 !important;
    font-family: "latoRegular";
    font-size: 14px; }
  .admin-content .rich-text-editor .attachments {
    float: none;
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 12px; }
  .admin-content .rich-text-editor .modal-body .preview {
    display: block; }

.admin-content .rich-text-editor .DraftEditor-editorContainer {
  padding: 5px;
  border: 1px solid #eceeed; }
  .admin-content .rich-text-editor .DraftEditor-editorContainer .DraftEditor-root {
    max-height: 180px;
    overflow-y: scroll;
    font-size: 12px;
    letter-spacing: 0; }
  .admin-content .rich-text-editor .DraftEditor-editorContainer .editor-toolbar {
    background-color: #ccc;
    margin: -5px; }
    .admin-content .rich-text-editor .DraftEditor-editorContainer .editor-toolbar .btn {
      background-color: #ccc; }
      .admin-content .rich-text-editor .DraftEditor-editorContainer .editor-toolbar .btn:first-child, .admin-content .rich-text-editor .DraftEditor-editorContainer .editor-toolbar .btn:last-child, .admin-content .rich-text-editor .DraftEditor-editorContainer .editor-toolbar .btn:focus, .admin-content .rich-text-editor .DraftEditor-editorContainer .editor-toolbar .btn:active {
        border-radius: 0;
        outline: none; }

.sm-title {
  font-size: 16px; }

.margin-left-9 {
  margin-left: 9px; }

.top-post-form .editor-toolbar {
  margin-bottom: 5px; }

.top-post-form .start-discussion {
  display: inline-block;
  padding: 2px 0 0 10px;
  max-width: 150px; }

.top-post-form .start-discussion-icon {
  display: inline-block;
  padding: 3px 0 0 0;
  vertical-align: top; }

.collapsed-answer-form .rich-text-editor .editor-toolbar.top {
  display: none; }

.rich-text-editor {
  font-family: "latoRegular";
  margin-top: 16px;
  position: relative;
  letter-spacing: 0;
  font-size: 14px; }
  .rich-text-editor .attachments {
    float: right;
    font-size: 12px; }
  .richtext-large .rich-text-editor {
    min-height: 1000px; }
  .rich-text-editor .insertion-box {
    background-color: #fff;
    min-height: 200px;
    position: fixed;
    top: 25%;
    left: 50%;
    transform: translate(-50%);
    width: 50%;
    min-width: 320px;
    max-width: 550px;
    z-index: 1040;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    box-shadow: 1px 1px 1px 0 #656565;
    padding: 15px; }
    .rich-text-editor .insertion-box .richtext-label {
      white-space: nowrap; }
    .rich-text-editor .insertion-box .close:focus {
      outline: none; }
    .rich-text-editor .insertion-box input {
      border-radius: 0;
      box-shadow: none; }
      .rich-text-editor .insertion-box input:focus {
        border-color: #192882;
        box-shadow: none; }
    .rich-text-editor .insertion-box .modal-header {
      padding: 0 0 15px; }
      .rich-text-editor .insertion-box .modal-header .close {
        position: absolute;
        right: 15px;
        top: 15px; }
    .rich-text-editor .insertion-box .modal-body {
      position: initial;
      padding: 25px 0 0; }
    .rich-text-editor .insertion-box .with-image-preview {
      min-height: 350px; }
    .rich-text-editor .insertion-box .assembl-icon-cancel {
      float: right;
      cursor: pointer; }
    .rich-text-editor .insertion-box .attach-file .attachment-label {
      min-width: 150px; }
      .rich-text-editor .insertion-box .attach-file .attachment-label span {
        position: absolute;
        left: 50%;
        top: 11%;
        transform: translate(-50%);
        font-size: 14px; }
    .rich-text-editor .insertion-box .with-preview {
      min-height: 320px; }
      .rich-text-editor .insertion-box .with-preview .btn-default {
        top: 21%; }
      .rich-text-editor .insertion-box .with-preview .preview img {
        top: 35%;
        max-height: 42%; }
    .rich-text-editor .insertion-box .preview img {
      max-width: 400px;
      max-height: 200px; }
    .rich-text-editor .insertion-box .btn-default:focus {
      outline: none; }
    .rich-text-editor .insertion-box .preview .btn-default {
      border-color: #fff; }
      .rich-text-editor .insertion-box .preview .btn-default:hover {
        background-color: #fff; }
      .rich-text-editor .insertion-box .preview .btn-default:focus {
        outline: none; }
    .rich-text-editor .insertion-box .preview-title {
      margin-top: 20px;
      font-size: 10px; }
  .rich-text-editor .editor-label {
    float: left;
    padding-top: 12px;
    font-family: "LatoLightItalic";
    margin: 0 0 5px 1px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.7px; }
  .rich-text-editor .editor-toolbar-sticky {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%; }
  .rich-text-editor .editor-toolbar {
    float: right; }
    .rich-text-editor .editor-toolbar.top {
      position: absolute;
      top: 0;
      right: 0; }
    .rich-text-editor .editor-toolbar .btn-group {
      margin-right: 5px; }
      .rich-text-editor .editor-toolbar .btn-group .btn {
        font-size: 14px;
        border: 0;
        border-radius: 20px; }
        .rich-text-editor .editor-toolbar .btn-group .btn span:before {
          font-size: 14px; }
    .rich-text-editor .editor-toolbar .btn-group:first-of-type {
      margin-right: 0; }
      .rich-text-editor .editor-toolbar .btn-group:first-of-type .btn {
        border-radius: 20px 0 0 20px; }
    .rich-text-editor .editor-toolbar .btn-group:nth-of-type(2) {
      margin-right: 0; }
      .rich-text-editor .editor-toolbar .btn-group:nth-of-type(2) .btn {
        border-radius: 0; }
    .rich-text-editor .editor-toolbar .btn-group:nth-of-type(3) .btn {
      border-radius: 0 20px 20px 0; }
  .rich-text-editor .public-DraftEditorPlaceholder-root {
    color: #666;
    font-family: "LatoItalic";
    position: absolute; }
  .rich-text-editor .DraftEditor-root {
    padding: 5px; }
  .rich-text-editor .DraftEditor-editorContainer {
    padding: 5px;
    background-color: #fff; }
  .rich-text-editor .public-DraftEditorPlaceholder-root {
    padding: 5px; }
  .rich-text-editor .public-DraftEditor-content {
    height: 200px;
    overflow: auto; }
    .richtext-large .rich-text-editor .public-DraftEditor-content {
      height: 1000px; }

.rich-text-editor.hidePlaceholder .public-DraftEditorPlaceholder-inner {
  display: none; }

img.attachment-image {
  max-width: 100%;
  margin-top: 20px; }

.atomic-block .attachment-document {
  border: solid 1px;
  margin: 3px;
  padding: 3px;
  font-family: "LatoBold"; }

.atomic-block img.attachment-icon {
  width: 38px; }

.administration .rich-text-editor .DraftEditor-editorContainer {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.administration .editor-toolbar {
  float: none;
  background-color: #eceeed;
  width: 100%;
  text-align: right; }
  .administration .editor-toolbar .active {
    background-color: #666 !important; }
  .administration .editor-toolbar .btn {
    background-color: #eceeed; }

.administration .DraftEditor-root {
  padding: 0; }

.administration .DraftEditor-editorContainer {
  background-color: #fff; }

.administration .public-DraftEditorPlaceholder-inner {
  font-size: 12px;
  font-family: "LatoItalic";
  letter-spacing: 0;
  padding: 5px 0 0 5px; }

.administration .public-DraftStyleDefault-block {
  padding: 5px 0 0 5px; }

@media screen and (min-width: 480px) {
  .questions-section .rich-text-editor .public-DraftEditor-content {
    height: 200px;
    overflow: auto; } }

@media screen and (min-width: 768px) {
  .questions-section .rich-text-editor .public-DraftEditor-content {
    height: 300px;
    overflow: auto; } }

@media screen and (min-width: 1440px) {
  .questions-section .rich-text-editor .public-DraftEditor-content {
    height: 300px;
    overflow: auto; } }

.scroll-one-page {
  display: inline-block;
  position: fixed;
  cursor: pointer;
  z-index: 99;
  left: 50%;
  margin-left: -34px; }
  .scroll-one-page span {
    border-radius: 40px 40px 0 0;
    height: 40px;
    width: 80px;
    display: block;
    background-color: #0af;
    color: #fff;
    text-align: center; }
    .scroll-one-page span .icon {
      padding-top: 12px;
      padding-right: 1em;
      margin-bottom: 2px; }
      .scroll-one-page span .icon:before {
        font-size: 16px;
        margin: 0 0 0 8px; }

.select-field.expand-up .select-field__menu {
  top: auto !important;
  bottom: calc(100% - 1px) !important; }

.select-field > .select-field__control {
  border-radius: 15px; }

.select-field > .select-field__control--is-focused {
  border-color: #666 !important;
  box-shadow: initial !important;
  border-radius: 15px; }

.select-field .select-field__input > input {
  height: auto !important;
  box-shadow: none !important; }

.select-field .select-field__multi-value {
  border-radius: 12px;
  border: solid 1px #666;
  margin-left: 2px; }
  .select-field .select-field__multi-value .select-field__multi-value__remove {
    border-radius: 12px;
    padding-left: 3px;
    padding-right: 3px; }

.sentiment {
  cursor: pointer;
  display: inline-block;
  transition: all .2s ease-in-out;
  vertical-align: middle; }
  .sentiment:hover {
    transform: scale(1.3); }

.sentiment-active {
  transform: scale(1.3); }
  .sentiment-active svg {
    stroke-width: 2.3; }

.proposals .sentiment {
  margin: 0 0 0 15px; }

.posts .sentiment {
  margin: 5px 10px;
  height: 25px;
  width: 30px; }

.posts .min-sentiment {
  position: absolute; }

.sentiments-count {
  cursor: pointer;
  margin: 5px 0; }
  .sentiments-count .txt {
    padding: 1px 0 0 20px;
    display: block;
    color: #192882;
    font-family: "LatoLight";
    font-size: 10px; }

.multi-column-container .sentiments-count {
  margin-top: 10px; }

.gauge {
  display: inline-block;
  text-align: center;
  margin: 0 2px; }
  .gauge .gauge-count {
    display: inline-block;
    font-size: 15px;
    width: 15px; }

.sentiments-popover {
  background-color: #dbdeef;
  padding: 10px 0 0; }
  .sentiments-popover .arrow {
    display: none; }

#likeTooltip .tooltip-inner {
  background-color: #46D081; }

#likeTooltip.top > .tooltip-arrow {
  border-top-color: #46D081; }

#likeTooltip.right > .tooltip-arrow {
  border-right-color: #46D081; }

#likeTooltip.bottom > .tooltip-arrow {
  border-bottom-color: #46D081; }

#likeTooltip.left > .tooltip-arrow {
  border-left-color: #46D081; }

#disagreeTooltip .tooltip-inner {
  background-color: #F2474D; }

#disagreeTooltip.top > .tooltip-arrow {
  border-top-color: #F2474D; }

#disagreeTooltip.right > .tooltip-arrow {
  border-right-color: #F2474D; }

#disagreeTooltip.bottom > .tooltip-arrow {
  border-bottom-color: #F2474D; }

#disagreeTooltip.left > .tooltip-arrow {
  border-left-color: #F2474D; }

#dontUnderstandTooltip .tooltip-inner {
  background-color: #FAC16F; }

#dontUnderstandTooltip.top > .tooltip-arrow {
  border-top-color: #FAC16F; }

#dontUnderstandTooltip.right > .tooltip-arrow {
  border-right-color: #FAC16F; }

#dontUnderstandTooltip.bottom > .tooltip-arrow {
  border-bottom-color: #FAC16F; }

#dontUnderstandTooltip.left > .tooltip-arrow {
  border-left-color: #FAC16F; }

#moreInfoTooltip .tooltip-inner {
  background-color: #9374FF; }

#moreInfoTooltip.top > .tooltip-arrow {
  border-top-color: #9374FF; }

#moreInfoTooltip.right > .tooltip-arrow {
  border-right-color: #9374FF; }

#moreInfoTooltip.bottom > .tooltip-arrow {
  border-bottom-color: #9374FF; }

#moreInfoTooltip.left > .tooltip-arrow {
  border-left-color: #9374FF; }

/*
  Taken from https://github.com/lipis/bootstrap-social/blob/gh-pages/bootstrap-social.css
  Because less file size
*/
.btn-social {
  position: relative;
  padding-left: 44px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }
  .btn-social i:before {
    font-size: 18px;
    line-height: 32px;
    vertical-align: text-bottom; }

.btn-social > :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  line-height: 34px;
  font-size: 1.6em;
  text-align: center;
  border-right: 1px solid rgba(0, 0, 0, 0.2); }

.btn-social.btn-lg {
  padding-left: 61px; }

.btn-social.btn-lg > :first-child {
  line-height: 45px;
  width: 45px;
  font-size: 1.8em; }

.btn-social.btn-sm {
  padding-left: 38px; }

.btn-social.btn-sm > :first-child {
  line-height: 28px;
  width: 28px;
  font-size: 1.4em; }

.btn-social.btn-xs {
  padding-left: 30px; }

.btn-social.btn-xs > :first-child {
  line-height: 20px;
  width: 20px;
  font-size: 1.2em; }

.btn-social-icon {
  position: relative;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 34px;
  width: 34px;
  padding: 0; }

.btn-social-icon > :first-child {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 32px;
  line-height: 34px;
  font-size: 1.6em;
  text-align: center;
  border-right: 1px solid rgba(0, 0, 0, 0.2); }

.btn-social-icon.btn-lg {
  padding-left: 61px; }

.btn-social-icon.btn-lg > :first-child {
  line-height: 45px;
  width: 45px;
  font-size: 1.8em; }

.btn-social-icon.btn-sm {
  padding-left: 38px; }

.btn-social-icon.btn-sm > :first-child {
  line-height: 28px;
  width: 28px;
  font-size: 1.4em; }

.btn-social-icon.btn-xs {
  padding-left: 30px; }

.btn-social-icon.btn-xs > :first-child {
  line-height: 20px;
  width: 20px;
  font-size: 1.2em; }

.btn-social-icon > :first-child {
  border: none;
  text-align: center;
  width: 100% !important; }

.btn-social-icon.btn-lg {
  height: 45px;
  width: 45px;
  padding-left: 0;
  padding-right: 0; }

.btn-social-icon.btn-sm {
  height: 30px;
  width: 30px;
  padding-left: 0;
  padding-right: 0; }

.btn-social-icon.btn-xs {
  height: 22px;
  width: 22px;
  padding-left: 0;
  padding-right: 0; }

.btn-facebook {
  color: #fff;
  background-color: #3b5998;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-facebook:focus, .btn-facebook.focus {
  color: #fff;
  background-color: #2d4373;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-facebook:hover {
  color: #fff;
  background-color: #2d4373;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-facebook:active, .btn-facebook.active, .open > .dropdown-toggle.btn-facebook {
  color: #fff;
  background-color: #2d4373;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-facebook:active:hover, .btn-facebook.active:hover, .open > .dropdown-toggle.btn-facebook:hover,
.btn-facebook:active:focus, .btn-facebook.active:focus, .open > .dropdown-toggle.btn-facebook:focus,
.btn-facebook:active.focus, .btn-facebook.active.focus, .open > .dropdown-toggle.btn-facebook.focus {
  color: #fff;
  background-color: #23345a;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-facebook:active, .btn-facebook.active, .open > .dropdown-toggle.btn-facebook {
  background-image: none; }

.btn-facebook.disabled:hover, .btn-facebook[disabled]:hover, fieldset[disabled] .btn-facebook:hover,
.btn-facebook.disabled:focus, .btn-facebook[disabled]:focus, fieldset[disabled] .btn-facebook:focus,
.btn-facebook.disabled.focus, .btn-facebook[disabled].focus, fieldset[disabled] .btn-facebook.focus {
  background-color: #3b5998;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-facebook .badge {
  color: #3b5998;
  background-color: #fff; }

.btn-google {
  color: #fff;
  background-color: #dd4b39;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-google:focus, .btn-google.focus {
  color: #fff;
  background-color: #c23321;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-google:hover {
  color: #fff;
  background-color: #c23321;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-google:active, .btn-google.active, .open > .dropdown-toggle.btn-google {
  color: #fff;
  background-color: #c23321;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-google:active:hover, .btn-google.active:hover,
.open > .dropdown-toggle.btn-google:hover, .btn-google:active:focus,
.btn-google.active:focus, .open > .dropdown-toggle.btn-google:focus,
.btn-google:active.focus, .btn-google.active.focus,
.open > .dropdown-toggle.btn-google.focus {
  color: #fff;
  background-color: #a32b1c;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-google:active, .btn-google.active, .open > .dropdown-toggle.btn-google {
  background-image: none; }

.btn-google.disabled:hover, .btn-google[disabled]:hover, fieldset[disabled] .btn-google:hover,
.btn-google.disabled:focus, .btn-google[disabled]:focus, fieldset[disabled] .btn-google:focus,
.btn-google.disabled.focus, .btn-google[disabled].focus, fieldset[disabled] .btn-google.focus {
  background-color: #dd4b39;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-google .badge {
  color: #dd4b39;
  background-color: #fff; }

.btn-linkedin {
  color: #fff;
  background-color: #007bb6;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-linkedin:focus, .btn-linkedin.focus {
  color: #fff;
  background-color: #005983;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-linkedin:hover {
  color: #fff;
  background-color: #005983;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-linkedin:active, .btn-linkedin.active, .open > .dropdown-toggle.btn-linkedin {
  color: #fff;
  background-color: #005983;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-linkedin:active:hover, .btn-linkedin.active:hover, .open > .dropdown-toggle.btn-linkedin:hover,
.btn-linkedin:active:focus, .btn-linkedin.active:focus, .open > .dropdown-toggle.btn-linkedin:focus,
.btn-linkedin:active.focus, .btn-linkedin.active.focus, .open > .dropdown-toggle.btn-linkedin.focus {
  color: #fff;
  background-color: #00405f;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-linkedin:active, .btn-linkedin.active, .open > .dropdown-toggle.btn-linkedin {
  background-image: none; }

.btn-linkedin.disabled:hover, .btn-linkedin[disabled]:hover, fieldset[disabled] .btn-linkedin:hover,
.btn-linkedin.disabled:focus, .btn-linkedin[disabled]:focus, fieldset[disabled] .btn-linkedin:focus,
.btn-linkedin.disabled.focus, .btn-linkedin[disabled].focus, fieldset[disabled] .btn-linkedin.focus {
  background-color: #007bb6;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-linkedin .badge {
  color: #007bb6;
  background-color: #fff; }

.btn-twitter {
  color: #fff;
  background-color: #55acee;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-twitter:focus, .btn-twitter.focus {
  color: #fff;
  background-color: #2795e9;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-twitter:hover {
  color: #fff;
  background-color: #2795e9;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-twitter:active, .btn-twitter.active, .open > .dropdown-toggle.btn-twitter {
  color: #fff;
  background-color: #2795e9;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-twitter:active:hover, .btn-twitter.active:hover, .open > .dropdown-toggle.btn-twitter:hover,
.btn-twitter:active:focus, .btn-twitter.active:focus, .open > .dropdown-toggle.btn-twitter:focus,
.btn-twitter:active.focus, .btn-twitter.active.focus, .open > .dropdown-toggle.btn-twitter.focus {
  color: #fff;
  background-color: #1583d7;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-twitter:active, .btn-twitter.active, .open > .dropdown-toggle.btn-twitter {
  background-image: none; }

.btn-twitter.disabled:hover, .btn-twitter[disabled]:hover, fieldset[disabled] .btn-twitter:hover,
.btn-twitter.disabled:focus, .btn-twitter[disabled]:focus, fieldset[disabled] .btn-twitter:focus,
.btn-twitter.disabled.focus, .btn-twitter[disabled].focus, fieldset[disabled] .btn-twitter.focus {
  background-color: #55acee;
  border-color: rgba(0, 0, 0, 0.2); }

.btn-twitter .badge {
  color: #55acee;
  background-color: #fff; }

.statistics-doughnut {
  text-align: center;
  display: inline-block;
  width: 100%;
  height: 100%; }
  .statistics-doughnut .statistics {
    position: relative;
    width: 100%;
    height: 100%; }
    .statistics-doughnut .statistics svg {
      width: 100%;
      height: 100%; }
    .statistics-doughnut .statistics .circle {
      stroke-width: 16px; }
    .statistics-doughnut .statistics .superpose {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .statistics-doughnut .statistics .superpose.doughnut-label {
      top: 48%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%);
      width: auto;
      height: auto; }
    .statistics-doughnut .statistics .doughnut-label .doughnut-label-count {
      font-family: "LatoBold";
      font-size: 16px;
      letter-spacing: initial; }
    .statistics-doughnut .statistics .doughnut-label .doughnut-label-text {
      font-family: "LatoLight";
      font-size: 10px;
      letter-spacing: initial; }

.title-section {
  margin: 60px 0 0;
  text-align: left; }
  .title-section .dark-title-1 {
    padding: 15px 0 0;
    width: calc(100% - 75px); }

.title-hyphen {
  border-top: 3px solid #0af;
  display: inline-block;
  height: 5px;
  vertical-align: top;
  width: 75px; }

.subtitle {
  font-family: "LatoLight";
  margin: 20px 0 0 75px; }

.dark-title-1 {
  color: #192882;
  display: inline-block;
  font-family: "LatoLight";
  font-size: 36px;
  letter-spacing: 1.7px;
  line-height: 1.1em;
  margin: 15px 0;
  max-width: 1100px; }

.dark-title-2 {
  color: #000;
  font-family: "LatoLight";
  font-size: 18px;
  letter-spacing: 1.7px;
  text-transform: uppercase;
  line-height: 24px; }

.dark-title-3 {
  color: #192882;
  font-family: "LatoLight";
  font-size: 18px;
  letter-spacing: 1.7px; }

.dark-title-4 {
  color: #192882;
  font-family: "latoRegular";
  font-size: 14px;
  letter-spacing: 1.7px;
  text-transform: uppercase; }

.dark-title-5 {
  color: #000;
  font-family: "LatoLight";
  font-size: 25px;
  letter-spacing: 1.7px;
  line-height: 36px; }

.dark-title-6 {
  color: #000;
  font-size: 14px;
  font-family: "LatoLight"; }

.dark-title-7 {
  color: #192882;
  font-family: "LatoLight";
  font-size: 48px;
  letter-spacing: 1.7px;
  line-height: 1.27; }

.light-title-1 {
  color: #fff;
  font-family: "LatoLight";
  font-size: 36px;
  letter-spacing: 1.7px;
  line-height: 1.27; }

.light-title-2 {
  color: #fff;
  font-size: 18px;
  font-family: "LatoLight"; }

.light-title-3 {
  color: #fff;
  font-family: "LatoSemiBold";
  font-size: 18px;
  text-transform: uppercase;
  line-height: 1.5; }

.light-title-4 {
  color: #fff;
  font-family: "latoRegular";
  font-size: 14px;
  letter-spacing: 1.7px;
  line-height: 1.5; }

.light-title-5 {
  color: #fff;
  font-family: "LatoLight";
  font-size: 25px;
  letter-spacing: 1.7px;
  line-height: 36px; }

.light-title-6 {
  color: #fff;
  font-size: 14px;
  font-family: "LatoLight"; }

.light-title-7 {
  color: #fff;
  font-family: "LatoLight";
  font-size: 48px;
  letter-spacing: 1.7px;
  line-height: 1.27; }

.collapsed-title {
  background-color: #dbdeef;
  color: #192882;
  font-size: 18px;
  margin: 0 0 80px 0;
  padding: 20px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center; }
  .collapsed-title.padding-title {
    padding-left: 80px;
    margin-bottom: 40px; }
    .collapsed-title.padding-title .title-txt {
      display: block;
      text-align: left;
      width: 95%; }
  .collapsed-title .proposal-arrow {
    display: block;
    text-align: center;
    width: 5%; }
    .collapsed-title .proposal-arrow .assembl-icon-up-open:before {
      font-size: 12px; }
    .collapsed-title .proposal-arrow .assembl-icon-down-open:before {
      font-size: 12px; }

.text {
  font-family: "LatoLight";
  font-size: 14px;
  line-height: 30px;
  margin: 10px 0 0; }

.text-xs {
  font-size: 12px; }

.date {
  color: #0af;
  font-size: 10px; }

.text-column-2 {
  column-count: 2;
  column-gap: 30px;
  font-family: "LatoLight";
  font-size: 14px;
  line-height: 30px;
  margin: 8px 0 0; }

.text-column-3 {
  column-count: 3;
  column-gap: 30px;
  font-family: "LatoLight";
  font-size: 14px;
  line-height: 30px;
  margin: 8px 0 0; }

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.annotation {
  text-align: left;
  color: #192882;
  font-family: "LatoLight";
  font-size: 12px;
  margin-top: 15px; }
  .annotation.padding-left {
    padding-left: 5px; }

@media screen and (max-width: 1440px) {
  .collapsed-title.padding-title {
    padding-left: 20px; } }

@media screen and (max-width: 768px) {
  .collapsed-title {
    font-size: 14px;
    line-height: 1.4;
    margin: 0 -15px 30px -15px;
    padding: 20px 10px 20px 10px; }
    .collapsed-title.padding-title {
      padding-left: 20px;
      padding-right: 20px; }
    .collapsed-title .proposal-arrow .assembl-icon-up-open:before {
      font-size: 8px; }
    .collapsed-title .proposal-arrow .assembl-icon-down-open:before {
      font-size: 8px; }
  .text-column-2,
  .text-column-3 {
    line-height: 25px; } }

@media screen and (max-width: 767px) {
  .text-column-2,
  .text-column-3 {
    column-count: 1; }
  .collapsed-title.padding-title {
    padding-left: 20px; }
  .annotation {
    font-size: 10px; } }

@media screen and (max-width: 420px) {
  .collapsed-title.padding-title {
    padding-left: 10px; }
  .title-section {
    margin: 80px 0 0; }
    .title-section .dark-title-1 {
      display: block;
      margin: -10px 0 15px 32px;
      width: calc(100% - 30px);
      font-size: 30px; }
      .title-section .dark-title-1.no-margin-left-xs {
        margin-left: 0; }
    .title-section .subtitle {
      margin: 30px 0 0; }
  .text {
    margin: 10px 5px 0; }
  .text-column-2,
  .text-column-3 {
    margin: 0 5px; } }

@media screen and (max-width: 320px) {
  .objectives-img {
    background-position-x: -20px; } }

.timeline {
  height: 60px; }
  .timeline .bar {
    background-color: #192882;
    bottom: 0;
    height: 10px;
    position: absolute;
    z-index: 2; }
  .timeline .bar-bkg {
    background-color: #d8d8d6;
    bottom: 0;
    height: 10px;
    position: absolute;
    width: 100%; }
  .timeline .pointer {
    fill: #192882;
    position: absolute;
    z-index: 10;
    cursor: auto; }
  .timeline .trsp-pointer {
    height: 51px; }
  .timeline .timeline-date {
    color: #192882;
    font-size: 18px;
    letter-spacing: 1.7px;
    margin-top: -30px;
    position: absolute;
    white-space: nowrap; }

.minimized-timeline {
  height: 100%;
  position: relative;
  flex-grow: 1;
  flex-basis: 0;
  display: flex;
  flex-direction: column;
  align-self: flex-end;
  padding-bottom: 8px; }
  .minimized-timeline .active {
    background-color: #192882; }
  .minimized-timeline .not-active {
    background-color: #eceeed; }
  .minimized-timeline .timeline-number {
    border: 2px solid #fff;
    border-radius: 18px;
    display: inline-block;
    color: #fff;
    font-size: 8px;
    height: 18px;
    line-height: 14px;
    padding: 0 0 0 1px;
    position: relative;
    text-align: center;
    width: 18px;
    z-index: 2; }
    .minimized-timeline .timeline-number .assembl-icon-checked:before {
      font-size: 8px; }
  .minimized-timeline .timeline-graph {
    position: relative;
    margin-right: 3px;
    z-index: 1; }
    .minimized-timeline .timeline-graph .timeline-bars {
      display: inline-block;
      width: calc(100% - 10px);
      height: 9px; }
      .minimized-timeline .timeline-graph .timeline-bars .timeline-bar-background-container {
        background-color: #fff;
        height: 6px;
        position: absolute;
        width: 100%;
        z-index: 0;
        display: inline-block; }
        .minimized-timeline .timeline-graph .timeline-bars .timeline-bar-background-container .timeline-bar-background {
          position: absolute;
          top: 0;
          bottom: 0;
          width: 100%;
          background-color: #192882;
          opacity: 0.7; }
      .minimized-timeline .timeline-graph .timeline-bars .timeline-bar-filler {
        background-color: #fff;
        height: 6px;
        position: absolute;
        z-index: 1;
        display: inline-block; }
  .minimized-timeline .timeline-arrow {
    transition: none;
    position: absolute;
    left: calc(50% - 9px);
    height: 22px;
    width: 22px;
    background-color: #192882;
    transform: rotate(45deg);
    bottom: -5px;
    display: none; }
  .minimized-timeline .timeline-title {
    cursor: pointer;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: center; }
    .minimized-timeline .timeline-title .arrow {
      color: #fff;
      margin-right: 5px;
      height: 15px; }
      .minimized-timeline .timeline-title .arrow::before {
        font-size: 17px; }
    .minimized-timeline .timeline-title .timeline-link {
      height: 100%;
      padding-right: 10px; }
  .minimized-timeline .txt-not-active .timeline-link {
    color: #eceeed;
    font-family: "LatoLight"; }
  .minimized-timeline .txt-active-light .timeline-link {
    color: #fff;
    font-family: "latoRegular"; }
  .minimized-timeline .txt-active-bold .timeline-link {
    color: #fff;
    font-family: "LatoBold"; }
  .minimized-timeline .assembl-icon-down-dir:before {
    font-size: 15px; }
  .minimized-timeline.active .timeline-arrow {
    display: block; }
  .minimized-timeline.active .txt-active-light .timeline-link {
    font-family: "LatoBold"; }
  .minimized-timeline.active .txt-not-active ~ .timeline-graph .timeline-number {
    background-color: #192882; }
  .minimized-timeline.active .txt-not-active ~ .timeline-graph .timeline-bar-background-container {
    background-color: #192882; }
  .minimized-timeline.active .txt-not-active .timeline-link {
    color: #192882; }

@media screen and (max-width: 480px) {
  .timeline {
    display: none; }
    .timeline .timeline-date {
      display: none; } }

.urls-container {
  margin-top: 15px;
  margin-bottom: 15px; }
  .urls-container .url-container:last-child {
    margin-bottom: 0; }

.url-container {
  border-left: solid 3px #e8e8e8;
  padding-left: 10px;
  margin-bottom: 15px;
  margin-top: 15px; }
  .url-container .url-header,
  .url-container .url-footer {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 5px 0; }
  .url-container .url-header-avatar,
  .url-container .url-footer-avatar {
    width: 16px;
    height: 16px;
    border-radius: 3px;
    border-width: 0.5px;
    border-color: #d6d7da;
    margin-bottom: 2px; }
  .url-container .url-header-title,
  .url-container .url-footer-title {
    display: flex;
    font-size: 15px;
    color: #505050;
    justify-content: space-around;
    padding-left: 5px; }
  .url-container .url-contribution-title {
    color: #337ab7;
    font-size: 15px;
    font-weight: bold;
    padding-left: 5px;
    text-decoration: none; }
    .url-container .url-contribution-title:hover {
      text-decoration: underline; }
  .url-container .url-contribution-avatar {
    width: 20px;
    height: 20px;
    border-radius: 3px; }
  .url-container .url-link {
    color: #337ab7;
    font-weight: bold;
    text-decoration: none;
    display: block; }
    .url-container .url-link:hover {
      text-decoration: underline; }
  .url-container .url-content-container .url-description {
    color: #505050;
    padding-left: 5px;
    font-size: 12px; }
  .url-container .url-content-container .url-media-container {
    margin-top: 10px;
    margin-bottom: 10px; }
    .url-container .url-content-container .url-media-container .url-img-preview {
      min-height: 250px;
      border-radius: 3px;
      border-width: 0.5px;
      border-color: #d6d7da;
      background-color: rgba(0, 0, 0, 0);
      background-repeat: no-repeat;
      background-attachment: scroll;
      background-position-x: center;
      background-position-y: center;
      background-size: cover;
      border-style: solid; }
  .url-container .url-author-name {
    color: #505050;
    font-size: 11px;
    padding-left: 5px; }

.url-iframe {
  width: 100% !important;
  min-height: 250px; }

.video-container {
  height: 0;
  margin: 20px 0 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  padding-top: 30px;
  position: relative; }
  .video-container iframe,
  .video-container object,
  .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0; }

.media-section .media-title-section {
  margin-left: 6.5%;
  margin-right: 6.5%;
  padding-bottom: 50px; }
  .media-section .media-title-section .dark-title-1 {
    padding-top: 9px;
    font-family: "LatoLight";
    font-size: 36px;
    letter-spacing: 2px;
    line-height: 56px; }

.media-section .container-fluid {
  margin-left: 12.5%;
  margin-right: 15.5%; }
  .media-section .container-fluid .media-description-layer {
    text-align: justify;
    font-family: "LatoLight";
    font-size: 18px;
    line-height: 1.78;
    letter-spacing: 1.1px; }
  .media-section .container-fluid .media-description .description-txt {
    font-family: "LatoItalic";
    color: #192882;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 32px;
    margin-top: 34px;
    margin-bottom: 26px; }
  .media-section .container-fluid .media-description .media-description-icon {
    text-align: center; }
    .media-section .container-fluid .media-description .media-description-icon .assembl-icon-pepite:before {
      font-size: 56px; }
  .media-section .container-fluid .media-right {
    width: 100%;
    display: block; }
    .media-section .container-fluid .media-right .media-description {
      display: none; }

@media screen and (max-width: 991px) {
  .media-section .media-title-section {
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 70px; }
    .media-section .media-title-section .dark-title-1 {
      margin-left: 30px;
      margin-right: 30px;
      font-size: 25px;
      letter-spacing: 1px;
      line-height: 38px; }
    .media-section .media-title-section .title-hyphen {
      position: relative;
      left: -17px; }
  .media-section .container-fluid {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0; }
    .media-section .container-fluid .col-sm-12 {
      padding-left: 0;
      padding-right: 0; }
    .media-section .container-fluid .media-description-layer {
      text-align: left;
      margin-left: 30px;
      margin-right: 30px;
      width: calc(100% - ($margin-section-tiny * 2)); }
    .media-section .container-fluid .media-description {
      display: none; }
    .media-section .container-fluid .media-description-top {
      margin-bottom: 30px; }
    .media-section .container-fluid .media-right {
      padding: 0; }
      .media-section .container-fluid .media-right .media-description {
        display: block;
        margin-top: 60px;
        margin-left: auto;
        margin-right: auto;
        width: calc(100% - ($margin-section-tiny * 2)); } }

.idea-preview {
  height: 200px; }
  .idea-preview .light-title-3 {
    font-size: 16px;
    width: 100%;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    padding-top: 10%; }
  .idea-preview .content-box {
    cursor: default; }
    .idea-preview .content-box.position-content-box {
      display: flex;
      justify-content: space-between;
      align-items: center;
      flex-direction: column;
      overflow: hidden; }
  .idea-preview .access-discussion {
    height: 70px;
    width: 100%;
    text-align: center; }
  .idea-preview .see-discussion {
    width: 100%;
    text-align: center; }
    .idea-preview .see-discussion a {
      color: #fff;
      text-transform: uppercase;
      font-size: 12px;
      font-family: "LatoMedium";
      line-height: 2; }
      .idea-preview .see-discussion a:hover {
        text-decoration: underline; }
  .idea-preview .see-sub-ideas {
    cursor: pointer;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 2;
    font-family: "LatoMedium";
    width: 100%;
    text-align: center; }
    .idea-preview .see-sub-ideas:hover {
      text-decoration: underline; }
  .idea-preview .stats {
    text-align: center;
    padding-bottom: 10px;
    width: 100%; }
    .idea-preview .stats .stat-nb {
      display: inline-block;
      font-size: 12px; }
    .idea-preview .stats .dash {
      display: inline-block;
      padding: 0 5px 0 0; }
    .idea-preview .stats .assembl-icon-message::before {
      font-size: 16px; }
    .idea-preview .stats .assembl-icon-profil::before {
      font-size: 16px; }
  .idea-preview .selected-idea-arrow {
    display: none;
    text-align: center;
    width: 100%; }
    .idea-preview .selected-idea-arrow .assembl-icon-down-open {
      margin-left: -40px;
      color: #fff; }
      .idea-preview .selected-idea-arrow .assembl-icon-down-open:before {
        font-size: 36px;
        transform: scaleY(0.6); }

.idea-preview-selected .color-box {
  background-color: rgba(25, 40, 130, 0.6); }

.idea-preview-selected .selected-idea-arrow {
  display: block; }

.idea-preview-selected .stats {
  display: none; }

.idea-preview-level-0 {
  height: 500px; }
  .idea-preview-level-0 .light-title-3 {
    margin-top: 40px;
    width: 100%; }
  .idea-preview-level-0 .content-box {
    cursor: pointer; }

.idea-preview-level-1 {
  height: 500px; }
  .idea-preview-level-1 .light-title-3 {
    margin-top: 40px;
    width: 100%;
    min-height: 100px; }

.idea-preview-level-2 {
  height: 300px; }
  .idea-preview-level-2 .light-title-3 {
    margin-top: 20px;
    width: 100%;
    min-height: 70px; }

.idea-preview-level-3 .mobile-illustration-box .box-hyphen,
.idea-preview-level-4 .mobile-illustration-box .box-hyphen {
  top: 60%; }

@media screen and (max-width: 992px) {
  .idea-preview .stats {
    bottom: 5px; } }

@media screen and (max-width: 480px) {
  .box-hyphen {
    width: 30px; }
  .idea-preview .access-discussion {
    width: 100%; }
  .idea-preview .light-title-3 {
    padding-top: 0;
    margin-top: 10%; }
  .idea-preview .see-discussion a {
    align-items: center;
    display: flex;
    height: 30px;
    justify-content: center;
    width: 100%; }
  .idea-preview .see-sub-ideas {
    align-items: center;
    display: flex;
    height: 30px;
    justify-content: center;
    width: 100%; }
  .idea-preview .stats {
    bottom: 2px; }
  .idea-preview.mobile-illustration-box .box-hyphen {
    top: 55%; }
  .idea-preview.idea-preview-thumbnails.mobile-illustration-box {
    display: table; }
    .idea-preview.idea-preview-thumbnails.mobile-illustration-box .content-box {
      padding-left: 5px;
      padding-right: 5px; }
      .idea-preview.idea-preview-thumbnails.mobile-illustration-box .content-box.position-content-box {
        display: block; }
        .idea-preview.idea-preview-thumbnails.mobile-illustration-box .content-box.position-content-box .light-title-3 {
          padding-top: 0;
          margin-left: auto;
          margin-right: auto; }
        .idea-preview.idea-preview-thumbnails.mobile-illustration-box .content-box.position-content-box .selected-idea-arrow {
          left: 30px; }
  .idea-preview-level-1 {
    height: 436px; } }

.idea-synthesis {
  overflow: auto; }
  .idea-synthesis .synthesis-stats {
    background-color: #eceeed;
    padding: 20px;
    padding-bottom: 10px;
    padding-right: 10px;
    border-radius: 3px 0 0 0;
    display: inline-block; }
    .idea-synthesis .synthesis-stats .idea-link {
      font-family: "LatoBold";
      font-size: 14px; }
    .idea-synthesis .synthesis-stats .counters {
      display: inline-block;
      margin-left: 5px;
      margin-bottom: 10px; }
      .idea-synthesis .synthesis-stats .counters .counter-with-icon {
        color: #192882;
        font-family: "LatoLight";
        font-size: 12px;
        line-height: 26px;
        display: block;
        text-align: right; }
  .idea-synthesis img.synthesis-image-container {
    height: auto !important; }
  .idea-synthesis .synthesis-image-container {
    background-size: cover;
    width: 100%;
    height: 500px;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    margin-bottom: 50px; }
    .idea-synthesis .synthesis-image-container .synthesis-stats {
      position: absolute;
      bottom: 0;
      right: 0; }
    @media screen and (max-width: 320px) {
      .idea-synthesis .synthesis-image-container .synthesis-stats {
        left: 32px;
        padding-left: 0; } }
  .idea-synthesis .title-under-hyphen-container .title-under-hyphen-text {
    text-align: center; }
  .idea-synthesis .synthesis-body {
    text-align: justify;
    line-height: 1.8;
    margin-bottom: 50px;
    column-gap: 20px; }
  .idea-synthesis .statistics-doughnut {
    width: auto;
    display: block;
    margin-bottom: 10px; }
    .idea-synthesis .statistics-doughnut .statistics {
      display: flex;
      align-items: center;
      text-align: left; }
      .idea-synthesis .statistics-doughnut .statistics .doughnut-container {
        display: table-cell;
        width: 60px;
        margin-right: 10px; }
        .idea-synthesis .statistics-doughnut .statistics .doughnut-container .doughnut {
          vertical-align: middle; }
          .idea-synthesis .statistics-doughnut .statistics .doughnut-container .doughnut circle,
          .idea-synthesis .statistics-doughnut .statistics .doughnut-container .doughnut path {
            stroke-width: 22px; }
      .idea-synthesis .statistics-doughnut .statistics .after {
        display: inline; }
        .idea-synthesis .statistics-doughnut .statistics .after .doughnut-label-count {
          color: #192882;
          font-family: "LatoBold";
          font-size: 14px;
          line-height: 26px;
          display: inline; }
        .idea-synthesis .statistics-doughnut .statistics .after .doughnut-label-text {
          color: #192882;
          font-family: "LatoLight";
          font-size: 14px;
          line-height: 26px;
          display: inline; }
  .idea-synthesis .idea-link {
    color: #192882;
    font-family: "LatoLight";
    font-size: 12px;
    line-height: 26px;
    display: block; }
  @media screen and (max-width: 570px) {
    .idea-synthesis .synthesis-body {
      column-count: auto !important; } }

.idea-synthesis.idea-synthesis-level-2 .synthesis-image-container,
.idea-synthesis.idea-synthesis-level-2 .synthesis-stats {
  float: left;
  width: 50%;
  margin: 0; }

.idea-synthesis.idea-synthesis-level-2 .image-container {
  float: left;
  width: 50%;
  padding: 0 50px 30px 0; }

.idea-synthesis.idea-synthesis-level-2 .synthesis-image-container,
.idea-synthesis.idea-synthesis-level-2 .synthesis-stats {
  padding-left: 0;
  margin: 0; }

.idea-synthesis.idea-synthesis-level-2 .synthesis-stats {
  padding: 20px; }

.idea-synthesis.idea-synthesis-level-2 .synthesis-image-container {
  padding-bottom: 0;
  width: 100%; }

.themes-section {
  margin: 50px 0 0; }
  .themes-section .idea-preview-thumbnails .light-title-3 {
    font-size: 12px;
    top: 10px !important; }
  .themes-section .idea-preview-thumbnails .selected-idea-arrow {
    bottom: 18px; }
    .themes-section .idea-preview-thumbnails .selected-idea-arrow .assembl-icon-down-open:before {
      font-size: 28px; }
  .themes-section .idea-preview-thumbnails .access-discussion {
    display: none; }
  .themes-section .idea-preview-thumbnails .box-hyphen {
    display: none; }
  .themes-section .idea-preview-thumbnails .light-title-3 {
    top: 25px; }
  .themes-section .idea-preview-thumbnails .stats {
    display: none; }
  .themes-section .slider-container {
    width: 100%;
    overflow: hidden;
    margin: 0 0 40px 0; }
    .themes-section .slider-container .slider {
      position: relative; }
    .themes-section .slider-container .slider-arrow-container {
      display: none; }
    .themes-section .slider-container .slider-arrow {
      cursor: pointer;
      background-color: rgba(255, 255, 255, 0.5);
      position: absolute;
      top: calc(50% - 36px);
      z-index: 10;
      height: 100px;
      padding: 20px 10px 0; }
    .themes-section .slider-container .slider-arrow-left .assembl-icon-down-open {
      display: block;
      transform: rotate(90deg); }
      .themes-section .slider-container .slider-arrow-left .assembl-icon-down-open:before {
        font-size: 30px; }
    .themes-section .slider-container .slider-arrow-right {
      right: 0; }
      .themes-section .slider-container .slider-arrow-right .assembl-icon-up-open {
        display: block;
        transform: rotate(90deg); }
        .themes-section .slider-container .slider-arrow-right .assembl-icon-up-open:before {
          font-size: 30px; }
    .themes-section .slider-container:hover .slider-arrow-container {
      display: block; }
  .themes-section .mobile-slider-container {
    margin-bottom: 15px !important;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch; }
    .themes-section .mobile-slider-container .color-box {
      height: 100%; }
  .themes-section .thumbnails-mobile-slider {
    padding: 15px 0;
    background-color: #eceeed; }
  .themes-section .thumbnails-slider .theme {
    margin-right: 15px !important; }
    .themes-section .thumbnails-slider .theme:last-child {
      margin-right: 0 !important; }
  .themes-section .ideas-back-arrow {
    width: 100%;
    position: fixed;
    z-index: 10;
    left: 0;
    right: 0;
    background-color: #eceeed;
    height: 40px;
    padding-top: 3px; }
    .themes-section .ideas-back-arrow span {
      transform: rotate(90deg);
      display: inline-block;
      font-size: 25px; }
  .themes-section .theme-first-row-0 {
    margin-top: 80px; }
  .themes-section .theme-first-row-1 {
    margin-top: 0; }
  .themes-section .theme-first-row-2 {
    margin-top: 80px; }
  .themes-section .theme-first-row-3 {
    margin-top: 40px; }
  .themes-section .theme-0 {
    margin-top: 2px; }
  .themes-section .theme-1 {
    margin-top: -78px; }
  .themes-section .theme-2 {
    margin-top: 2px; }
  .themes-section .theme-3 {
    margin-top: -38px; }
  .themes-section .theme-inline {
    margin-top: 0; }
  .themes-section .theme {
    padding: 0;
    transition: all 0.5s ease-out; }
  .themes-section .row-inline {
    display: flex;
    float: left; }
  .themes-section .mobile-tdi {
    overflow-x: scroll; }
    .themes-section .mobile-tdi .slider-arrow {
      display: none; }

.mobile-ideas-section {
  margin: 0 !important; }
  .mobile-ideas-section .title-section {
    margin-top: 40px;
    margin-left: 15px; }
    .mobile-ideas-section .title-section .dark-title-1 {
      font-size: 26px;
      margin: -5px 0 0 15px; }

@media screen and (max-width: 991px) {
  .themes-section .theme {
    margin: 2px 0 0; } }

@media screen and (min-width: 768px) {
  .theme-inline {
    min-width: 350px; } }

.question-footer .button-light {
  color: #192882; }
  .question-footer .button-light:hover, .question-footer .button-light:focus, .question-footer .button-light:active, .question-footer .button-light:focus:active, .question-footer .button-light:active:hover, .question-footer .button-light[disabled]:hover {
    color: #fff;
    /* opposite of current non-hover color */ }

.back-btn-container {
  margin-top: 105px; }
  .back-btn-container .button-dark {
    color: #192882; }
    .back-btn-container .button-dark:hover, .back-btn-container .button-dark:focus, .back-btn-container .button-dark:active, .back-btn-container .button-dark:focus:active, .back-btn-container .button-dark:active:hover, .back-btn-container .button-dark[disabled]:hover {
      color: #fff;
      /* opposite of current non-hover color */ }

.synthesis-preview {
  height: 500px; }
  .synthesis-preview .title-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 50%;
    justify-content: space-between;
    position: absolute;
    top: 150px;
    width: calc(100% - 40px); }
  .synthesis-preview .light-title-4 {
    color: #0af; }
  .synthesis-preview .content-box {
    cursor: pointer; }

.rsbc-switch-button {
  position: relative;
  line-height: 100%;
  display: inline-block;
  vertical-align: middle;
  margin: -7px 10px 0;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .rsbc-switch-button label {
    cursor: pointer;
    font-weight: normal !important; }
  .rsbc-switch-button.disabled label {
    cursor: not-allowed; }
  .rsbc-switch-button input[type='checkbox'] {
    position: absolute;
    margin-left: -9999px;
    visibility: hidden; }
  .rsbc-switch-button > label:first-child {
    display: inline-block;
    margin: 0 6px 0 0; }
  .rsbc-switch-button label + label {
    margin-left: 6px; }
  .rsbc-switch-button input[type='checkbox'] + label {
    display: inline-block;
    position: relative;
    margin: 0;
    outline: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .rsbc-switch-button.rsbc-switch-button-flat-round input[type='checkbox'] + label {
    padding: 1px;
    width: 36px;
    height: 20px;
    vertical-align: middle;
    background-color: #666;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    -webkit-transition: background 0.4s;
    -moz-transition: background 0.4s;
    -o-transition: background 0.4s;
    transition: background 0.4s; }
  .rsbc-switch-button.rsbc-switch-button-flat-round.disabled input[type='checkbox'] + label {
    background-color: #eceeed; }
  .rsbc-switch-button.rsbc-switch-button-flat-round:hover input[type='checkbox'] + label {
    background-color: #666; }
  .rsbc-switch-button.rsbc-switch-button-flat-round.disabled:hover input[type='checkbox'] + label {
    background-color: #eceeed; }
  .rsbc-switch-button.rsbc-switch-button-flat-round input[type='checkbox'] + label:before,
  .rsbc-switch-button.rsbc-switch-button-flat-round input[type='checkbox'] + label:after {
    display: inline-block;
    position: absolute;
    content: ''; }
  .rsbc-switch-button.rsbc-switch-button-flat-round input[type='checkbox'] + label:before {
    top: 1px;
    left: 1px;
    bottom: 1px;
    right: 1px;
    background-color: #fff;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    border-radius: 60px;
    -webkit-transition: background 0.4s;
    -moz-transition: background 0.4s;
    -o-transition: background 0.4s;
    transition: background 0.4s; }
  .rsbc-switch-button.rsbc-switch-button-flat-round input[type='checkbox'] + label:after {
    top: 4px;
    left: 4px;
    bottom: 4px;
    width: 12px;
    margin-left: 16px;
    background-color: #4d4d4d;
    -webkit-border-radius: 52px;
    -moz-border-radius: 52px;
    border-radius: 52px;
    -webkit-transition: margin 0.4s;
    -moz-transition: margin 0.4s;
    -o-transition: margin 0.4s;
    transition: margin 0.4s;
    -webkit-transition: background 0.4s;
    -moz-transition: background 0.4s;
    -o-transition: background 0.4s;
    transition: background 0.4s; }
  .rsbc-switch-button.rsbc-switch-button-flat-round.disabled input[type='checkbox'] + label:after {
    background-color: #d1d6d4; }
  .rsbc-switch-button.rsbc-switch-button-flat-round:hover input[type='checkbox']:checked + label {
    background-color: #666; }
  .rsbc-switch-button.rsbc-switch-button-flat-round input[type='checkbox']:checked + label {
    background-color: #666; }
  .rsbc-switch-button.rsbc-switch-button-flat-round.disabled input[type='checkbox']:checked + label {
    background-color: #eceeed; }
  .rsbc-switch-button.rsbc-switch-button-flat-round input[type='checkbox']:checked + label:after {
    margin-left: 0;
    background-color: #4d4d4d; }
  .rsbc-switch-button.rsbc-switch-button-flat-round.disabled input[type='checkbox']:checked + label:after {
    margin-left: 24px;
    background-color: #d1d6d4; }
  .rsbc-switch-button.rsbc-switch-button.rsbc-switch-button-flat-round.rsbc-mode-select input[type='checkbox'] + label:after,
  .rsbc-switch-button.rsbc-switch-button.rsbc-switch-button-flat-round.rsbc-mode-select:hover input[type='checkbox']:checked + label,
  .rsbc-switch-button.rsbc-switch-button.rsbc-switch-button-flat-round.rsbc-mode-select input[type='checkbox'] + label {
    background-color: #666 !important; }

.administration .rsbc-switch-button-flat-round input[type='checkbox'] + label {
  height: 14px;
  width: 27px;
  background-color: #fff; }
  .administration .rsbc-switch-button-flat-round input[type='checkbox'] + label:hover {
    background-color: #fff; }
  .administration .rsbc-switch-button-flat-round input[type='checkbox'] + label:after {
    height: 8px;
    width: 8px;
    margin-top: -1px;
    background-color: #fff;
    margin-left: -1px; }
  .administration .rsbc-switch-button-flat-round input[type='checkbox'] + label:before {
    background-color: #eceeed; }

.administration .rsbc-switch-button-flat-round input[type='checkbox']:checked + label {
  background-color: #fff; }
  .administration .rsbc-switch-button-flat-round input[type='checkbox']:checked + label:hover {
    background-color: #fff; }
  .administration .rsbc-switch-button-flat-round input[type='checkbox']:checked + label:after {
    margin-left: 12px;
    background-color: #fff; }
  .administration .rsbc-switch-button-flat-round input[type='checkbox']:checked + label:before {
    background-color: #7ed321; }

.share-buttons-container {
  margin-bottom: 25px; }
  .share-buttons-container .social-share-buttons-container {
    margin-top: 8px;
    margin-bottom: 8px; }
  .share-buttons-container .btn-share {
    padding: 8px 12px;
    white-space: normal;
    width: 60%; }
    .share-buttons-container .btn-share svg {
      margin-bottom: -2px;
      margin-right: 6px; }
    .share-buttons-container .btn-share.btn-copy {
      border: solid 1px #192882;
      background-color: #192882;
      color: #fff; }
      .share-buttons-container .btn-share.btn-copy:focus {
        outline: none; }
      .share-buttons-container .btn-share.btn-copy:hover {
        border: solid 1px #000;
        background-color: #000;
        color: #fff; }
    .share-buttons-container .btn-share.btn-copied {
      background-color: #30c86e;
      border: solid 1px #30c86e;
      color: #fff; }
      .share-buttons-container .btn-share.btn-copied:focus {
        outline: none; }
    .share-buttons-container .btn-share.btn-mail {
      background-color: #fff;
      border: solid 1px #192882;
      color: #192882;
      margin-top: 8px; }
      .share-buttons-container .btn-share.btn-mail:focus {
        outline: none; }
      .share-buttons-container .btn-share.btn-mail:hover {
        border: solid 1px #000;
        background-color: #000;
        color: #fff; }
        .share-buttons-container .btn-share.btn-mail:hover .mailIcon g {
          fill: #fff; }
  @media screen and (max-width: 700px) {
    .share-buttons-container .btn-share {
      width: 100%; } }
  .share-buttons-container .social-share-buttons-container .social-share-button {
    display: inline-block;
    padding: 0 10px; }

.modal-content div:focus {
  outline: none;
  border: none; }

.modal-title {
  text-align: center; }

@media screen and (min-width: 701px) {
  .btn-share {
    min-width: 300px; } }

.modal-header {
  padding-top: 25px; }

.resources-center .resource-block {
  margin-bottom: 80px; }

.resources-center .rsc-media-right .rsc-media-left {
  margin: 0 auto; }

.resources-center .title-section {
  padding-bottom: 50px; }

.resources-center .resource-video-container .resource-video {
  width: 500px;
  height: 300px; }
  .resources-center .resource-video-container .resource-video .resource-iframe {
    width: 100%;
    height: 100%; }

@media screen and (min-width: 1024px) {
  .resources-center .rsc-media-right {
    float: right; }
  .resources-center .rsc-media-left {
    float: left; }
  .resources-center .resource-img {
    max-width: 520px; }
  .resources-center .margin-case-right {
    margin: 12px 50px 30px 0; }
  .resources-center .margin-case-left {
    margin: 12px 0 30px 50px; } }

@media screen and (max-width: 1023px) {
  .resources-center .resource-video-container {
    width: 100%;
    padding-bottom: 50px;
    display: flex;
    justify-content: center; }
  .resources-center .resource-img-container {
    width: 100%;
    padding-bottom: 50px; }
    .resources-center .resource-img-container .resource-img {
      margin: 0 auto;
      width: 100%; } }

.resources-center .resource-text {
  font-size: 14px;
  line-height: 2; }
  .resources-center .resource-text .resource-download-link {
    font-size: 16px;
    margin-top: 20px; }

@media screen and (max-width: 1400px) {
  .resources-center .resource-text {
    padding: 0 10px; } }

.header-section-container {
  position: relative; }

.header-section {
  background-color: #192882;
  height: 500px;
  position: relative; }
  .header-section .header-actions-container {
    z-index: 2;
    color: #fff;
    position: relative;
    padding: 40px 0 0 40px; }
    .header-section .header-actions-container .doughnut-container {
      width: 130px;
      height: 130px;
      display: inline-block;
      vertical-align: middle; }
      .header-section .header-actions-container .doughnut-container svg path {
        stroke-width: 15px; }
      .header-section .header-actions-container .doughnut-container .total-count-container {
        text-align: center;
        margin-top: -90px; }
        .header-section .header-actions-container .doughnut-container .total-count-container .total-count {
          font-size: 20px;
          font-family: "LatoBold"; }
        .header-section .header-actions-container .doughnut-container .total-count-container .count-label {
          font-size: 12px;
          font-family: "LatoLight";
          margin-top: -3px; }
  @media screen and (max-width: 500px) {
    .header-section .light-title-7 {
      font-size: 30px;
      line-height: 38px; }
    .header-section .header-actions-container {
      padding: 0 0 0 40px; }
    .header-section .action-button {
      padding: 10px 8px; } }
  .header-section .header-content {
    padding: 20px 0 0 40px;
    position: relative;
    text-align: left;
    z-index: 2;
    margin: 90px 0 0; }
    @media screen and (min-width: 1100px) {
      .header-section .header-content {
        max-width: 70%; } }
    @media screen and (max-width: 1099px) {
      .header-section .header-content {
        padding-left: 40px;
        padding-right: 40px;
        max-width: 100%; } }
    .header-section .header-content .max-text-width {
      margin: 0 auto;
      max-width: 500px; }
    .header-section .header-content a {
      color: #fff; }
      .header-section .header-content a:hover {
        text-decoration: underline; }
  .header-section .header-bkg {
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; }
  .header-section .header-bkg-mask {
    background-color: rgba(25, 40, 130, 0.6);
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; }
  .header-section .statistic {
    background-color: rgba(25, 40, 130, 0.6);
    bottom: 0;
    left: 0;
    margin: 0 auto;
    position: absolute;
    text-align: center;
    display: flex;
    width: 100%;
    z-index: 10; }
    .header-section .statistic .intermediary-container {
      padding: 12px 0;
      display: inline-block;
      vertical-align: middle;
      width: 100%;
      margin: 0 auto; }
      .header-section .statistic .intermediary-container .stat-container {
        padding: 0 40px;
        display: inline-block;
        border-right: 1px solid #fff; }
        .header-section .statistic .intermediary-container .stat-container:last-child {
          border-right: none; }
        .header-section .statistic .intermediary-container .stat-container .stat-box {
          display: flex;
          align-items: center;
          vertical-align: middle;
          margin: auto; }
          .header-section .statistic .intermediary-container .stat-container .stat-box .stat-icon {
            padding-top: 3px; }
      .header-section .statistic .intermediary-container .stat-loader {
        margin-top: -20px; }
      .header-section .statistic .intermediary-container .stat {
        display: inline-block;
        font-family: "LatoMedium";
        text-align: left;
        text-transform: uppercase;
        padding-left: 8px; }
      .header-section .statistic .intermediary-container .stat-nb {
        color: #fff;
        font-family: "LatoLight";
        font-size: 10px;
        letter-spacing: 1.7px; }
      .header-section .statistic .intermediary-container img {
        vertical-align: baseline; }

.wyntk-box {
  position: absolute;
  right: 0;
  top: calc(50% - 175px - 22px);
  height: 350px;
  width: 350px;
  padding: 30px;
  padding-right: 0;
  z-index: 3; }
  .wyntk-box .wyntk-title {
    text-transform: uppercase;
    margin: 0;
    padding: 0;
    font-family: "LatoBold"; }
  .wyntk-box .box-hyphen {
    margin-top: 12px;
    margin-bottom: 23px; }
  .wyntk-box .wyntk-text-container {
    overflow-y: auto;
    padding-right: 10px;
    margin-right: 10px;
    height: 234px; }
    .wyntk-box .wyntk-text-container .wyntk-text {
      line-height: 2;
      font-size: 12px;
      padding-right: 10px; }
  @media screen and (max-width: 1100px) {
    .wyntk-box {
      position: static;
      margin: 15px;
      width: auto; } }

.sentiment-header-tooltip {
  border-radius: 4px;
  padding: 0 !important; }
  .sentiment-header-tooltip .tooltip-inner {
    background: none !important; }

@media screen and (max-width: 1019px) {
  .header-section .statistic .intermediary-container .stat-container {
    padding: 0 12px; } }

@media screen and (max-width: 820px) {
  .header-section .statistic .intermediary-container {
    padding: 20px 0; }
    .header-section .statistic .intermediary-container .stat-container .stat-box {
      flex-direction: column;
      justify-content: center; }
      .header-section .statistic .intermediary-container .stat-container .stat-box [class^='assembl-icon-']:before,
      .header-section .statistic .intermediary-container .stat-container .stat-box [class*=' assembl-icon-']:before {
        font-size: 170%; }
      .header-section .statistic .intermediary-container .stat-container .stat-box .stat-icon {
        padding-top: 0;
        display: block;
        float: none; }
      .header-section .statistic .intermediary-container .stat-container .stat-box .stat {
        padding-left: 0;
        text-align: center;
        word-break: break-word; }
      .header-section .statistic .intermediary-container .stat-container .stat-box .stat-nb {
        padding-top: 3px; } }

@media screen and (max-width: 768px) {
  .header-section {
    display: flex;
    align-items: flex-start;
    flex-direction: column; }
    .header-section .statistic .intermediary-container {
      padding: 20px 0; }
      .header-section .statistic .intermediary-container .stat-container {
        margin-top: 5px;
        padding: 0 9px; }
        .header-section .statistic .intermediary-container .stat-container .stat-box {
          display: block !important;
          text-align: center; }
          .header-section .statistic .intermediary-container .stat-container .stat-box .stat {
            margin-left: 0;
            text-align: center; }
          .header-section .statistic .intermediary-container .stat-container .stat-box .stat-nb {
            margin-left: 0; }
    .header-section .header-content-container {
      width: 100%;
      max-height: 75%;
      min-height: 75%;
      justify-content: center;
      display: flex;
      flex-direction: column; }
    .header-section .header-content {
      margin: 0;
      padding-top: 0; }
    .header-section .header-actions-container {
      padding: 10px 0 0 40px; } }

.section-title .section-title-index {
  margin-right: 10px; }

.section-title.section-title-2 {
  font-size: 30px; }

.section-title.section-title-3 {
  font-size: 24px; }

.text-with-header .page-body {
  margin-bottom: 90px; }

.login-view .share-button {
  margin-top: 10px; }

.login-view .terms-link {
  cursor: pointer;
  text-decoration: underline;
  color: #0af; }
  .login-view .terms-link:hover {
    text-decoration: none; }

.login-view .password-form-group {
  display: flex;
  align-items: center; }

.login-view input:required {
  box-shadow: none; }

.terms-form {
  height: 530px; }
  .terms-form .full-height {
    height: 430px !important; }
  .terms-form .terms-box {
    overflow: auto;
    height: 350px; }
  @media screen and (min-width: 768px) {
    .terms-form .terms-box {
      width: 680px;
      margin: 10px auto;
      padding: 0 10px; }
    .terms-form .terms-submit {
      margin-right: 5% !important; } }
  @media screen and (max-width: 600px) {
    .terms-form .button-submit {
      white-space: normal; }
    .terms-form .terms-box {
      width: 100%;
      height: 310px; }
    .terms-form .modal-body {
      padding: 0 20px !important; }
    .terms-form .modal-content {
      padding: 0; } }
  .terms-form .terms-submit {
    margin: 15px 0; }
  .terms-form .terms-form {
    height: 500px; }

@media screen and (min-width: 768px) {
  .modal-large .modal-dialog {
    width: 768px; } }

.modal-large .modal-body {
  padding: 0 20px 15px 20px !important; }

.modal-centered .modal-content {
  padding: 40px; }

.modal-centered .modal-dialog {
  margin-top: 250px; }

.modal-centered .button-modal {
  margin-top: 20px; }

.gauge-settings-modal .modal-content {
  padding: 30px 60px; }

.gauge-settings-modal .form-group {
  flex-grow: 1; }

.gauge-settings-modal .gauge-modal .form {
  width: 75%;
  margin: 0 auto;
  padding: 10px 0; }

.gauge-settings-modal .gauge-modal .save-button {
  margin-top: 30px; }

.gauge-settings-modal label {
  font-family: "LatoLight";
  font-size: 12px;
  margin: 0 0 5px 5px; }

.gauge-settings-modal .form-control {
  font-size: 12px;
  padding-left: 8px; }

.token {
  width: 35px;
  height: 35px;
  border-style: solid;
  border-width: 3px;
  border-radius: 50%;
  margin: 5px 7px; }

.helper-text-only {
  margin-top: -7px; }

.helper-text {
  font-size: 12px;
  font-family: "LatoItalic"; }

.rc-slider-handle.no-value {
  left: 0% !important; }

.gauge-no-value .rc-slider-mark-text-active {
  font-weight: normal !important;
  color: #666 !important; }

.gauge-vote-for-proposal p,
.number-gauge-vote-for-proposal p {
  margin-top: 35px; }

.gauge-vote-for-proposal .gauge-container,
.number-gauge-vote-for-proposal .gauge-container {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0 10px 0 10px; }
  .gauge-vote-for-proposal .gauge-container .assembl-icon-delete,
  .number-gauge-vote-for-proposal .gauge-container .assembl-icon-delete {
    margin: 0 0 21px 30px;
    cursor: pointer; }
  .gauge-vote-for-proposal .gauge-container p,
  .number-gauge-vote-for-proposal .gauge-container p {
    margin-bottom: 30px;
    margin-left: -10px; }
  .gauge-vote-for-proposal .gauge-container .rc-slider-disabled,
  .number-gauge-vote-for-proposal .gauge-container .rc-slider-disabled {
    background-color: inherit; }
    .gauge-vote-for-proposal .gauge-container .rc-slider-disabled span,
    .number-gauge-vote-for-proposal .gauge-container .rc-slider-disabled span {
      color: grey; }
  .gauge-vote-for-proposal .gauge-container .rc-slider,
  .number-gauge-vote-for-proposal .gauge-container .rc-slider {
    height: 55px;
    margin-top: 20px; }
    .gauge-vote-for-proposal .gauge-container .rc-slider .rc-slider-track,
    .number-gauge-vote-for-proposal .gauge-container .rc-slider .rc-slider-track {
      background-color: #192882; }
    .gauge-vote-for-proposal .gauge-container .rc-slider .rc-slider-dot,
    .number-gauge-vote-for-proposal .gauge-container .rc-slider .rc-slider-dot {
      /* rc-slider dotStyle prop mysteriously does not work anymore */
      background-color: #e6e5f4;
      height: 12px;
      top: 0;
      width: 2px;
      border: none;
      border-radius: initial;
      margin-left: 0; }
    .gauge-vote-for-proposal .gauge-container .rc-slider .rc-slider-dot:first-child,
    .gauge-vote-for-proposal .gauge-container .rc-slider .rc-slider-dot:last-child,
    .number-gauge-vote-for-proposal .gauge-container .rc-slider .rc-slider-dot:first-child,
    .number-gauge-vote-for-proposal .gauge-container .rc-slider .rc-slider-dot:last-child {
      display: none; }
    .gauge-vote-for-proposal .gauge-container .rc-slider .rc-slider-mark-text,
    .number-gauge-vote-for-proposal .gauge-container .rc-slider .rc-slider-mark-text {
      margin-top: 7px;
      color: #666; }
      .gauge-vote-for-proposal .gauge-container .rc-slider .rc-slider-mark-text .nowrap,
      .number-gauge-vote-for-proposal .gauge-container .rc-slider .rc-slider-mark-text .nowrap {
        white-space: nowrap; }
      .gauge-vote-for-proposal .gauge-container .rc-slider .rc-slider-mark-text.rc-slider-mark-text-active,
      .number-gauge-vote-for-proposal .gauge-container .rc-slider .rc-slider-mark-text.rc-slider-mark-text-active {
        color: #192882;
        font-weight: bold; }
    .gauge-vote-for-proposal .gauge-container .rc-slider svg.pointer,
    .number-gauge-vote-for-proposal .gauge-container .rc-slider svg.pointer {
      fill: #192882; }
    .gauge-vote-for-proposal .gauge-container .rc-slider .rc-slider-handle.no-value svg.pointer,
    .number-gauge-vote-for-proposal .gauge-container .rc-slider .rc-slider-handle.no-value svg.pointer {
      fill: #666; }

@media screen and (max-width: 992px) {
  .proposal-vote-modules {
    padding-left: 0;
    padding-right: 0; }
  .gauge-vote-for-proposal .gauge-container {
    flex-direction: column;
    padding: 0; } }

.cookies-policy .page-body {
  margin: 90px; }

.cookies-policy .cookies-selector {
  margin-bottom: 50px; }

.date-picker-field .warning-label {
  margin: auto;
  width: 250px;
  padding-left: 10px; }

.date-picker-field:first-child {
  margin-bottom: 15px; }

.date-picker-field .warning {
  border-color: #f00 !important;
  border-width: 2px !important; }

.date-picker-field .datepicker-label > div {
  display: inline-block; }

.date-picker-field .react-datepicker__input-container input[type='text'] {
  box-shadow: none;
  width: 250px;
  height: 34px;
  font-size: 10px;
  font-family: "LatoLight";
  padding-left: 10px; }

.date-picker-field .react-datepicker__time-list-item {
  margin-left: -80px; }

.date-picker-field .date-picker-type {
  font-size: 12px;
  display: inline-block;
  width: 40px;
  text-align: left; }

.date-picker-field .icon-schedule-container {
  margin-left: 10px; }
  .date-picker-field .icon-schedule-container .assembl-icon-schedule {
    cursor: pointer; }
    .date-picker-field .icon-schedule-container .assembl-icon-schedule:before {
      font-size: 25px;
      vertical-align: sub; }

button.DayPickerKeyboardShortcuts_buttonReset {
  display: none; }

.date-range-picker {
  margin-top: 10px; }
  .date-range-picker .DateInput_input__small {
    font-size: 16px; }
  .date-range-picker .DateInput__small {
    width: 156px; }
  .date-range-picker .DateInput_input,
  .date-range-picker .DateInput_input__focused {
    text-align: center; }
  .date-range-picker .dropdown {
    width: 100%; }
    .date-range-picker .dropdown span {
      font-size: 16px; }
    .date-range-picker .dropdown #presets-dropdown {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-between;
      font-size: 16px;
      border-top: 2px solid #0095b2; }
    .date-range-picker .dropdown .dropdown-menu {
      width: 100%;
      border: 1px solid #0095b2;
      border-top: none;
      border-radius: 0; }
  .date-range-picker .DateRangePickerInput__withBorder {
    border: 2px solid #0095b2; }
  .date-range-picker .CalendarDay__selected {
    background: #0095b2;
    border: none; }
  .date-range-picker .CalendarDay__selected_span,
  .date-range-picker .CalendarDay__hovered_span {
    background: #0094b291;
    border: none;
    color: #fff; }
  .date-range-picker .DateRangePicker_picker {
    border: 2px double #0095b2; }
  .date-range-picker .DateInput_fang {
    display: none; }

.DateRangePickerInput__withBorder {
  width: 323px; }

.rc-slider {
  position: relative;
  height: 14px;
  padding: 5px 0;
  width: 100%;
  border-radius: 6px;
  -ms-touch-action: none;
  touch-action: none;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.rc-slider * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.rc-slider-rail {
  position: absolute;
  width: 100%;
  background-color: #e9e9e9;
  height: 4px;
  border-radius: 6px; }

.rc-slider-track {
  position: absolute;
  left: 0;
  height: 4px;
  border-radius: 6px;
  background-color: #abe2fb; }

.rc-slider-handle {
  position: absolute;
  margin-left: -7px;
  margin-top: -5px;
  width: 14px;
  height: 14px;
  cursor: pointer;
  cursor: -webkit-grab;
  cursor: grab;
  border-radius: 50%;
  border: solid 2px #96dbfa;
  background-color: #fff;
  -ms-touch-action: pan-x;
  touch-action: pan-x; }

.rc-slider-handle:hover {
  border-color: #57c5f7; }

.rc-slider-handle:active {
  border-color: #57c5f7;
  box-shadow: 0 0 5px #57c5f7;
  cursor: -webkit-grabbing;
  cursor: grabbing; }

.rc-slider-handle:focus {
  border-color: #57c5f7;
  box-shadow: 0 0 0 5px #96dbfa;
  outline: none; }

.rc-slider-mark {
  position: absolute;
  top: 18px;
  left: 25px;
  width: 90%;
  font-size: 12px; }

.rc-slider-mark-text {
  position: absolute;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  color: #999;
  overflow: hidden;
  word-wrap: break-word;
  width: 14ex; }

.rc-slider-mark-text-active {
  color: #666; }

.rc-slider-step {
  position: absolute;
  width: 100%;
  height: 4px;
  background: transparent; }

.rc-slider-dot {
  position: absolute;
  bottom: -2px;
  margin-left: -4px;
  width: 8px;
  height: 8px;
  border: 2px solid #e9e9e9;
  background-color: #fff;
  cursor: pointer;
  border-radius: 50%;
  vertical-align: middle; }

.rc-slider-dot-active {
  border-color: #96dbfa; }

.rc-slider-disabled {
  background-color: #e9e9e9; }

.rc-slider-disabled .rc-slider-track {
  background-color: #ccc; }

.rc-slider-disabled .rc-slider-handle,
.rc-slider-disabled .rc-slider-dot {
  border-color: #ccc;
  box-shadow: none;
  background-color: #fff;
  cursor: not-allowed; }

.rc-slider-disabled .rc-slider-mark-text,
.rc-slider-disabled .rc-slider-dot {
  cursor: not-allowed !important; }

.rc-slider-vertical {
  width: 14px;
  height: 100%;
  padding: 0 5px; }

.rc-slider-vertical .rc-slider-rail {
  height: 100%;
  width: 4px; }

.rc-slider-vertical .rc-slider-track {
  left: 5px;
  bottom: 0;
  width: 4px; }

.rc-slider-vertical .rc-slider-handle {
  margin-left: -5px;
  margin-bottom: -7px;
  -ms-touch-action: pan-y;
  touch-action: pan-y; }

.rc-slider-vertical .rc-slider-mark {
  top: 0;
  left: 18px;
  height: 100%; }

.rc-slider-vertical .rc-slider-step {
  height: 100%;
  width: 4px; }

.rc-slider-vertical .rc-slider-dot {
  left: 2px;
  margin-bottom: -4px; }

.rc-slider-vertical .rc-slider-dot:first-child {
  margin-bottom: -4px; }

.rc-slider-vertical .rc-slider-dot:last-child {
  margin-bottom: -4px; }

.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display: block !important;
  -webkit-animation-play-state: paused;
  animation-play-state: paused; }

.rc-slider-tooltip-zoom-down-leave {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  display: block !important;
  -webkit-animation-play-state: paused;
  animation-play-state: paused; }

.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active,
.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active {
  -webkit-animation-name: rcSliderTooltipZoomDownIn;
  animation-name: rcSliderTooltipZoomDownIn;
  -webkit-animation-play-state: running;
  animation-play-state: running; }

.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
  -webkit-animation-name: rcSliderTooltipZoomDownOut;
  animation-name: rcSliderTooltipZoomDownOut;
  -webkit-animation-play-state: running;
  animation-play-state: running; }

.rc-slider-tooltip-zoom-down-enter,
.rc-slider-tooltip-zoom-down-appear {
  -webkit-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); }

.rc-slider-tooltip-zoom-down-leave {
  -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); }

@-webkit-keyframes rcSliderTooltipZoomDownIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0); }
  100% {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); } }

@keyframes rcSliderTooltipZoomDownIn {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0); }
  100% {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); } }

@-webkit-keyframes rcSliderTooltipZoomDownOut {
  0% {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0); } }

@keyframes rcSliderTooltipZoomDownOut {
  0% {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale(0, 0);
    transform: scale(0, 0); } }

.rc-slider-tooltip {
  position: absolute;
  left: -9999px;
  top: -9999px;
  visibility: visible;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.rc-slider-tooltip * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.rc-slider-tooltip-hidden {
  display: none; }

.rc-slider-tooltip-placement-top {
  padding: 4px 0 8px 0; }

.rc-slider-tooltip-inner {
  padding: 6px 2px;
  min-width: 24px;
  height: 24px;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #6c6c6c;
  border-radius: 6px;
  box-shadow: 0 0 4px #d9d9d9; }

.rc-slider-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
  bottom: 4px;
  left: 50%;
  margin-left: -4px;
  border-width: 4px 4px 0;
  border-top-color: #6c6c6c; }

@media screen and (max-width: 992px) {
  .rc-slider-mark {
    font-size: 10px;
    left: 0;
    width: 90%; } }

@media screen and (max-width: 768px) {
  .rc-slider-mark {
    font-size: 10px;
    left: 22px;
    width: 85%; } }

.cookies-bar {
  position: fixed;
  left: 0;
  bottom: 0;
  transition: opacity 1s ease-in-out, z-index 1s ease-in-out;
  width: 100%;
  padding: 10px 30px;
  background-color: #dbdeef;
  display: flex;
  align-items: center; }
  .cookies-bar .cookies-text {
    font-size: 14px;
    width: 60%; }
  .cookies-bar .cookies-buttons-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 40%;
    margin-bottom: 10px; }
  .cookies-bar .cookies-button {
    margin-right: 50px;
    margin-top: 15px; }

.show-cookies-bar {
  opacity: 1;
  z-index: 1000; }

.hide-cookies-bar {
  opacity: 0;
  z-index: -1;
  position: relative; }

@media screen and (max-width: 820px) {
  .cookies-bar {
    flex-direction: column; }
    .cookies-bar .cookies-text {
      font-size: 12px;
      width: 100%; }
    .cookies-bar .cookies-buttons-container {
      width: 100%;
      justify-content: flex-start;
      margin: 0; }
    .cookies-bar .cookies-button {
      margin-right: 12px; }
    .cookies-bar .button-submit {
      padding: 10px 18px; } }

.cookies-selector {
  margin-top: 30px; }
  .cookies-selector .submit-button-container {
    width: 468px;
    margin: 0 auto; }
  .cookies-selector .cookies-category-selector {
    cursor: pointer; }
  .cookies-selector .active-arrow {
    transform: rotateX(90deg); }
  .cookies-selector .dark-title-4 {
    font-size: 16px; }
  .cookies-selector .cookies-toggles {
    margin: 10px 0; }
  .cookies-selector .button-submit {
    margin-top: 20px; }
  .cookies-selector .cookies-instructions {
    font-family: "LatoLight";
    font-size: 16px; }
  .cookies-selector .cookie-title {
    width: 45%;
    margin-left: 20px;
    display: flex; }
    .cookies-selector .cookie-title .dark-title-3 {
      font-family: "latoRegular"; }
  .cookies-selector .cookie-with-link {
    display: flex; }
    .cookies-selector .cookie-with-link .matomo-settings-link {
      width: 100%; }
  .cookies-selector .cookie-toggle {
    display: flex;
    align-items: center;
    margin: 5px; }
    .cookies-selector .cookie-toggle .cookie-helper {
      margin-top: 3px; }
    .cookies-selector .cookie-toggle .cookie-helper-popover {
      width: 320px;
      padding-bottom: 10px; }
    .cookies-selector .cookie-toggle .rsbc-switch-button {
      margin-top: 6px;
      width: 100%; }
  .cookies-selector .dark-title-2 {
    margin: 30px 0; }
  .cookies-selector .cookies-categories {
    margin: 25px 0; }

@media screen and (max-width: 480px) {
  .cookies-selector .cookie-with-link {
    flex-direction: column;
    margin-top: 20px; }
    .cookies-selector .cookie-with-link > span {
      margin-left: 10px; }
  .cookies-selector .cookie-title {
    display: inline-block;
    width: 100%;
    margin-left: 10px; }
    .cookies-selector .cookie-title .dark-title-3.ellipsis {
      overflow: hidden;
      text-overflow: initial;
      white-space: normal; }
    .cookies-selector .cookie-title .cookie-helper {
      display: inline-block; } }

.circle-avatar {
  height: 30px;
  width: 30px;
  border-radius: 50%; }

.header {
  align-items: center;
  display: flex;
  margin: 0 auto 10px auto; }
  .header .meta {
    color: #000;
    font-size: 18px;
    padding-left: 15px;
    flex-grow: 1; }
  .header .author {
    margin-bottom: 4px; }
  .header .date-time {
    font-size: 14px;
    font-family: "LatoLight";
    margin-bottom: 0; }

hr {
  margin-top: 10px;
  margin-bottom: 10px;
  border-top-color: #666; }

@media screen and (min-width: 992px) {
  .header {
    align-items: flex-start;
    flex-direction: column; }
    .header .meta {
      padding-left: 0;
      padding-top: 10px; } }

@media screen and (min-width: 768px) {
  .header .author {
    margin-bottom: 7px; }
  hr {
    margin-top: 12px; } }

.admin-export-section input[type='radio'] {
  margin: 1px 0 0 -20px; }

.admin-export-section input[type='checkbox'] {
  margin: 2px 0 0 -20px; }

.admin-export-section.admin-box .admin-content {
  text-align: left !important; }

.admin-export-section .disabled {
  cursor: progress; }

.admin-export-section .export-language-dropdown {
  margin-top: 5px; }

.admin-export-section .export-options {
  display: flex; }
  .admin-export-section .export-options .export-date {
    margin-left: 100px; }
    .admin-export-section .export-options .export-date .datepicker-with-presets {
      margin-top: 12px; }

.warning-message {
  color: #f00;
  font-size: 12px;
  margin-bottom: 2em; }

.administration .preferences-section input[type='checkbox'],
.administration .legal-contents-administration input[type='checkbox'] {
  margin: 2px -20px 0; }

.administration input[type='text'],
.administration input[type='textarea'],
.administration .form-control,
.administration .admin-dropdown,
.administration .dropdown-toggle,
.administration .btn-default {
  border-radius: 0 !important; }
  .administration input[type='text']:focus,
  .administration input[type='textarea']:focus,
  .administration .form-control:focus,
  .administration .admin-dropdown:focus,
  .administration .dropdown-toggle:focus,
  .administration .btn-default:focus {
    border-color: #192882;
    outline: 0;
    box-shadow: none; }

.administration .profile-options .textfield-checkbox {
  margin-top: 17px;
  margin-right: 5px; }

.administration .profile-options .profile-options-field {
  margin-bottom: 25px; }
  .administration .profile-options .profile-options-field input[type='text'] {
    min-width: 350px; }
  .administration .profile-options .profile-options-field .rsbc-switch-button-flat-round {
    margin-top: 9px;
    margin-right: 5px;
    margin-left: 6px; }
  .administration .profile-options .profile-options-field .admin-icons {
    padding: 0;
    width: 18px; }
  .administration .profile-options .profile-options-field .form-control {
    width: 350px; }
  .administration .profile-options .profile-options-field .select-field-options {
    padding-left: 20px; }
    .administration .profile-options .profile-options-field .select-field-options input[type='text'] {
      min-width: 330px; }
    .administration .profile-options .profile-options-field .select-field-options .form-control {
      width: 330px; }

.administration .help-block {
  color: #f00 !important; }

.administration .has-error > input {
  border-color: #f00 !important; }

.administration .panel-error {
  border-color: #f00; }

.administration .block-picker input {
  height: 34px !important; }

.administration .checkbox-title {
  line-height: 20px;
  font-size: 12px;
  font-family: "latoRegular"; }

.administration .gauges-vote-form {
  margin: 30px 0 0; }

.administration .token-vote-form {
  margin-top: 30px; }

.administration .admin-menu-sticky {
  position: sticky;
  top: 100px;
  z-index: 99;
  padding: 15px 0 0 30px; }

.administration .admin-menu-container {
  padding: 0;
  max-height: 600px;
  max-width: 320px;
  overflow-y: auto;
  background-color: #eceeed; }

.administration .no-box-shadow {
  box-shadow: none !important; }

.administration .module-form {
  margin-top: 30px; }

.administration .label-indication {
  font-family: "LatoLightItalic";
  font-size: 10px;
  margin-bottom: 2em; }

.administration .admin-menu {
  padding: 0;
  list-style-type: none; }
  .administration .admin-menu li {
    padding: 0 0 15px; }
    .administration .admin-menu li a {
      color: #666; }
      .administration .admin-menu li a:hover {
        color: #192882; }
    .administration .admin-menu li .assembl-icon-angle-right:before,
    .administration .admin-menu li .assembl-icon-angle-down:before {
      margin-left: -7px; }
  .administration .admin-menu .active {
    color: #192882;
    text-decoration: none; }

.administration .admin-menu2 {
  list-style-type: none;
  padding: 15px 0 0 30px; }
  .administration .admin-menu2 > li:last-child {
    padding: 0; }

.administration .admin-sub-menu {
  padding: 10px 0 0 10px;
  list-style-type: none; }

.administration .language-menu {
  position: fixed;
  background-color: #fff;
  padding-bottom: 15px;
  margin-top: 20px;
  max-height: 350px;
  overflow-y: auto; }

.administration .admin-help {
  font-size: 12px;
  font-family: "LatoItalic";
  letter-spacing: 0; }

.administration .admin-box {
  background-color: #fff; }
  .administration .admin-box .dark-title-3 {
    font-size: 18px;
    padding: 40px 50px 0;
    font-weight: bold; }
  .administration .admin-box .admin-content {
    padding: 10px 40px 40px;
    text-align: center; }
    .administration .admin-box .admin-content .form-group.no-margin-bottom {
      margin-bottom: 0; }
    .administration .admin-box .admin-content .block-picker.no-border-radius > div {
      border-radius: 0 0 0 0 !important; }
  .administration .admin-box .admin-paragraph {
    font-size: 13px;
    font-family: "LatoMedium";
    line-height: 1.8; }
  .administration .admin-box .admin-language-content {
    padding: 30px 30% 80px;
    text-align: left; }
    .administration .admin-box .admin-language-content .language-list {
      padding-top: 20px;
      color: #666; }
  .administration .admin-box .two-columns-admin {
    display: flex;
    margin: 40px 0 0; }
    .administration .admin-box .two-columns-admin .column-left {
      flex: 1; }
    .administration .admin-box .two-columns-admin .column-right {
      flex: 1; }
  .administration .admin-box .annotation {
    font-family: "LatoLightItalic"; }
    .administration .admin-box .annotation.margin {
      margin: 0 44px 20px; }

.administration .admin-icons {
  border: none;
  width: 35px; }
  .administration .admin-icons:hover {
    background-color: #fff;
    border: none; }
  .administration .admin-icons:focus {
    outline: none;
    background-color: #fff; }
  .administration .admin-icons:active {
    box-shadow: none; }

.administration .plus {
  background-color: #192882;
  border-radius: 20px;
  color: #fff;
  cursor: pointer;
  height: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 0 1px 1px;
  text-align: center;
  width: 20px; }

.administration .form-container {
  margin: 0 auto;
  max-width: 400px;
  text-align: left; }
  .administration .form-container .title {
    font-size: 13px;
    font-family: "LatoMedium";
    margin: 0 0 25px;
    text-align: left; }
  .administration .form-container .form-control {
    font-size: 12px; }
  .administration .form-container .form-control::placeholder {
    font-size: 12px;
    font-family: "LatoItalic"; }
  .administration .form-container .separator {
    margin: 40px 0;
    padding: 0; }

.administration .flag-container {
  cursor: pointer;
  margin: 20px 15px 0; }
  .administration .flag-container:hover {
    transform: scale(1.2); }

.administration .flag-container.active {
  border-width: 2px;
  border-style: solid;
  border-color: #192882;
  border-radius: 20px;
  height: 24px;
  margin: 20px 15px 0 13px;
  transform: scale(1.2);
  width: 24px; }

.administration .assembl-icon-delete:before {
  font-size: 15px; }

.administration .separator {
  border-bottom: 1px solid #192882;
  clear: both;
  margin: 0 0 50px;
  padding: 40px 0 15px; }

.administration .admin-navbar {
  background-color: #dbdeef;
  height: 60px;
  width: 100%; }
  .administration .admin-navbar .step-numbers {
    max-width: 250px;
    padding: 0 0 0 40px;
    position: relative;
    width: 100%; }
    .administration .admin-navbar .step-numbers .txt {
      color: #192882;
      font-family: "LatoLight";
      font-size: 12px;
      margin: 12px 0 5px; }
    .administration .admin-navbar .step-numbers .bar {
      background-color: #192882;
      height: 6px;
      position: absolute;
      z-index: 2; }
    .administration .admin-navbar .step-numbers .bkg-bar {
      background-color: #fff;
      height: 6px;
      width: 100%;
      position: absolute;
      z-index: 1; }

.administration .arrow-container {
  padding: 0 40px 0 0; }
  .administration .arrow-container .arrow {
    background-color: #fff;
    border-radius: 26px;
    cursor: pointer;
    display: inline-block;
    line-height: 20px;
    height: 26px;
    margin: 18px 0 0 30px;
    padding: 0 0 0 4px;
    text-align: left;
    transform: rotate(90deg);
    width: 26px; }
    .administration .arrow-container .arrow .assembl-icon-up-open {
      color: #192882;
      display: block;
      margin-bottom: 2px; }
      .administration .arrow-container .arrow .assembl-icon-up-open:before {
        font-size: 8px; }
    .administration .arrow-container .arrow .assembl-icon-down-open {
      color: #192882;
      display: block;
      margin-top: 2px; }
      .administration .arrow-container .arrow .assembl-icon-down-open:before {
        font-size: 8px; }

.administration .save-bar {
  border-bottom: 1px solid #eceeed;
  border-top: 0;
  background-color: #fff;
  height: 60px;
  padding: 10px 0;
  width: 100%;
  z-index: 100; }

.administration .margin-container {
  margin: 40px 0 60px 0; }

.administration .text-area {
  height: 100px; }

.administration .preview {
  margin: 25px 0 0;
  display: flex;
  align-items: flex-end;
  justify-content: space-between; }
  .administration .preview img {
    width: 50%;
    max-height: 300px; }
  .administration .preview .preview-title {
    margin: 0 0 0 10px;
    white-space: pre;
    overflow: hidden;
    text-overflow: ellipsis; }
  .administration .preview .assembl-icon-text-attachment {
    margin-right: 5px; }
  .administration .preview .admin-icons {
    padding: 0; }

.administration .preview-title {
  color: #666;
  font-family: "LatoItalic";
  font-size: 12px;
  margin: 10px 0 20px 5px; }

.administration .question-section {
  margin: 0 0 75px 0; }

.administration label {
  font-family: "LatoLightItalic";
  font-size: 11px;
  margin: 0 0 5px 5px; }

.administration .help-block {
  font-size: 10px;
  margin: 5px 0 0 5px;
  font-family: "LatoItalic"; }

.administration .description-block {
  color: #666;
  font-size: 10px;
  margin: 10px 0 0 5px;
  font-family: "LatoItalic"; }

.administration .assembl-icon-faq:before {
  font-size: 16px; }

.administration .vote-modules-form .dropdown {
  width: 100%; }
  .administration .vote-modules-form .dropdown .admin-dropdown {
    width: 92%;
    text-align: left; }
  .administration .vote-modules-form .dropdown .dropdown-toggle {
    width: 8%; }

.administration .vote-modules-form .flex > .form-group {
  flex-grow: 1; }

.administration .landing-page-admin .admin-box .admin-content {
  text-align: left; }

.administration .landing-page-admin .section-description {
  margin-bottom: 20px;
  margin-top: 20px;
  font-family: "LatoLightItalic";
  font-size: 11px; }

.administration .landing-page-admin .modules-preview {
  margin: 5px;
  padding: 2px;
  background-color: #eceeed;
  min-height: 400px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 11px;
  min-width: 300px; }
  .administration .landing-page-admin .modules-preview .inner {
    margin: auto;
    width: 75%;
    min-height: 330px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); }
    .administration .landing-page-admin .modules-preview .inner .module-block:first-child {
      padding: 10px 0; }
    .administration .landing-page-admin .modules-preview .inner .module-block:first-child,
    .administration .landing-page-admin .modules-preview .inner .module-block:last-child {
      background-color: #192882;
      opacity: 0.7;
      color: #fff;
      border: 0;
      margin: 0;
      text-align: center; }
    .administration .landing-page-admin .modules-preview .inner .other-modules {
      flex: 1;
      justify-content: flex-start;
      background-color: #fff; }
      .administration .landing-page-admin .modules-preview .inner .other-modules .module-block {
        margin: 7px;
        padding: 10px 5px 10px 11px;
        border: 0.8px solid #192882;
        color: #192882;
        background-color: #fff;
        display: flex;
        justify-content: space-between; }
        .administration .landing-page-admin .modules-preview .inner .other-modules .module-block .admin-icons {
          color: #192882;
          padding: 0;
          width: 20px; }
        .administration .landing-page-admin .modules-preview .inner .other-modules .module-block:first-child, .administration .landing-page-admin .modules-preview .inner .other-modules .module-block:last-child {
          opacity: 1;
          text-align: left; }

.administration .admin-box .intro-text {
  display: flex;
  flex-direction: column;
  padding: 0 45px;
  font-size: 14px;
  color: #666;
  font-family: "LatoLight"; }
  .administration .admin-box .intro-text .timeline-link {
    font-family: "LatoMedium";
    text-decoration: underline; }

.administration .admin-box .bold {
  font-family: "LatoSemiBold"; }

.administration .vote-proposal-form .settings-link {
  margin-left: 20px;
  font-size: 12px;
  color: #192882;
  font-family: "LatoLightItalic"; }
  .administration .vote-proposal-form .settings-link:hover {
    cursor: pointer; }
  .administration .vote-proposal-form .settings-link .assembl-icon-edit:before {
    font-size: 14px; }

.administration .timeline-admin .admin-instruction {
  text-align: left;
  margin-left: 50px;
  font-family: "LatoLight"; }

.helper-popover {
  width: auto;
  min-width: 350px;
  padding: 20px 11px; }
  .helper-popover .arrow {
    display: none; }
  .helper-popover img {
    padding-bottom: 10px; }
  .helper-popover .helper-text {
    padding-top: 10px; }

.margin-left-20 {
  margin-left: 20px; }

.img-helper-container {
  margin-top: 17px; }
  .img-helper-container .img-helper {
    max-width: 100%; }

.form-title {
  margin-left: auto;
  margin-right: auto;
  max-width: 400px;
  text-align: initial;
  font-size: 16px;
  font-weight: bold;
  font-family: "LatoLight";
  color: #192882; }

.section-helper {
  margin-left: 49px;
  margin-top: 37px; }
  .section-helper .section-helper-title {
    font-size: 14px;
    font-weight: bold; }
  .section-helper .section-helper-description {
    font-size: 14px;
    font-family: "LatoLight"; }

.legal-contents-administration .separator {
  margin: 0 0 20px;
  padding: 10px 0 15px; }

.legal-contents-administration.form-container {
  max-width: 550px; }

@media screen and (min-width: 991px) {
  .administration .assembl-icon-faq:before {
    font-size: 10px; }
  .administration .assembl-icon-faq:hover {
    color: #000; } }

@media screen and (max-width: 992px) {
  .administration .admin-menu-sticky {
    padding: 15px 0 0 15px; }
    .administration .admin-menu-sticky .admin-menu2 {
      padding-left: 15px; } }

@media screen and (max-width: 768px) {
  .administration .margin-container {
    margin: 10px 0 20px 0; }
  .administration .admin-menu-sticky {
    padding: 0; }
    .administration .admin-menu-sticky .admin-menu2 {
      padding-left: 8px; }
  .administration .profile-options .profile-options-field input[type='text'] {
    min-width: 240px; }
  .administration .profile-options .profile-options-field .form-control {
    width: 240px; }
  .administration .timeline-admin .phase-side-title {
    margin-left: 0; }
  .administration .timeline-admin .form-group .form-control {
    width: 160px; }
  .administration .timeline-admin .admin-content {
    padding: 10px 10px 40px; } }

.warning-label {
  font-size: 12px;
  color: #ff6a00;
  text-align: left; }

.warning {
  border-color: #ffd58f !important;
  border-width: 2px !important; }

.unauthorized-administration {
  margin: 100px;
  text-align: center; }

.proposals .assembl-icon-angle-right:before {
  font-size: 30px; }

.proposals .assembl-icon-angle-down:before {
  font-size: 30px; }

.debate-link.active > .navbar-menu-item {
  background-color: #192882;
  color: #fff !important; }

.debate-link.active .header-container {
  display: block; }

.debate-link .timeline-shifted {
  top: 60px; }

.debate-link .header-container {
  display: none;
  position: absolute;
  width: 100%;
  right: 0;
  left: 0;
  background-color: #192882; }
  .debate-link .header-container .menu-container {
    position: fixed;
    right: 0;
    left: 0;
    z-index: -1;
    padding: 10px 0 10px;
    background-color: #fff;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.45); }
  .debate-link .header-container .menu-table-col {
    width: 100%;
    min-height: 100%;
    display: flex;
    flex: 1; }
    .debate-link .header-container .menu-table-col .sub-menu-separator {
      width: 1px;
      background: rgba(0, 0, 0, 0.15);
      min-height: 100%; }
    .debate-link .header-container .menu-table-col.sub-menu .menu-table {
      max-width: 24vw; }
  .debate-link .header-container .menu-table {
    width: 26vw;
    float: left;
    height: 100%;
    padding: 0 5px;
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 72vh; }
    @media (min-height: 534px) and (max-height: 549px) {
      .debate-link .header-container .menu-table {
        max-height: calc(72vh - 30px); } }
    @media (min-height: 640px) and (max-height: 655px) {
      .debate-link .header-container .menu-table {
        max-height: calc(72vh - 10px); } }
    @media (min-height: 667px) and (max-height: 682px) {
      .debate-link .header-container .menu-table {
        max-height: calc(72vh - 30px); } }
    @media (min-height: 720px) and (max-height: 735px) {
      .debate-link .header-container .menu-table {
        max-height: calc(72vh - 70px); } }
    @media (min-height: 800px) and (max-height: 815px) {
      .debate-link .header-container .menu-table {
        max-height: calc(72vh - 30px); } }
    @media (min-height: 864px) and (max-height: 879px) {
      .debate-link .header-container .menu-table {
        max-height: calc(72vh - 30px); } }
    @media (min-height: 1024px) and (max-height: 1039px) {
      .debate-link .header-container .menu-table {
        max-height: calc(72vh - 25px); } }
    @media (min-height: 1050px) and (max-height: 1065px) {
      .debate-link .header-container .menu-table {
        max-height: calc(72vh - 60px); } }
    .debate-link .header-container .menu-table .menu-item-container {
      display: flex;
      flex: 1;
      justify-content: flex-end;
      margin-bottom: 10px;
      margin-top: 10px; }
      .debate-link .header-container .menu-table .menu-item-container .menu-item {
        display: flex;
        width: 24vw;
        max-width: 100%;
        align-items: center;
        color: inherit;
        cursor: pointer; }
        .debate-link .header-container .menu-table .menu-item-container .menu-item .thumb-img {
          height: 42px;
          width: 64px;
          background-position: top left;
          background-repeat: no-repeat;
          background-size: cover;
          background-color: #192882;
          position: relative; }
        .debate-link .header-container .menu-table .menu-item-container .menu-item .thumb-body {
          padding: 5px 5px 3px 15px;
          font-size: 10px;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          width: calc(100% - 79px);
          height: 100%; }
        .debate-link .header-container .menu-table .menu-item-container .menu-item .assembl-icon::before {
          font-size: 12px; }
        .debate-link .header-container .menu-table .menu-item-container .menu-item .thumb-title {
          font-size: 11px;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          width: 100%; }
      .debate-link .header-container .menu-table .menu-item-container.active {
        background-color: #dbdeef;
        color: #192882; }
        .debate-link .header-container .menu-table .menu-item-container.active .thumb-img {
          border: solid 2px #192882; }
          .debate-link .header-container .menu-table .menu-item-container.active .thumb-img .thumb-img-background {
            background-color: rgba(25, 40, 130, 0.5);
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%; }
        .debate-link .header-container .menu-table .menu-item-container.active .thumb-title {
          font-weight: bold; }
  .debate-link .header-container .max-container {
    position: relative; }
  .debate-link .header-container .not-started {
    width: 100%;
    max-width: 500px;
    text-align: center;
    padding: 30px;
    margin: auto; }
  .debate-link .header-container .timeline-section {
    padding-top: 17px;
    width: 100%;
    z-index: 200; }
    .debate-link .header-container .timeline-section .timeline-container {
      margin: 0 100px;
      max-width: 500px;
      height: auto;
      display: flex;
      position: relative; }
    .debate-link .header-container .timeline-section .burger-menu {
      cursor: pointer;
      position: absolute;
      text-align: center;
      top: 12px; }
      .debate-link .header-container .timeline-section .burger-menu:hover {
        color: #666; }
    .debate-link .header-container .timeline-section .burger-menu-label {
      font-size: 10px; }
  @media (min-width: 1300px) {
    .debate-link .header-container .menu-table-col.sub-menu .menu-table {
      max-width: 20vw; }
    .debate-link .header-container .menu-table {
      width: 30vw; }
      .debate-link .header-container .menu-table .menu-item-container .menu-item {
        width: 20vw; } }

.debate .timeline-shifted {
  top: 60px; }

.debate .top-post-sticky {
  position: sticky;
  top: 60px;
  width: 100%;
  z-index: 1000; }

.debate .timeline-section {
  background-color: #fff;
  border-bottom: 1px solid #eceeed;
  border-top: 1px solid #eceeed;
  padding: 13px 0 13px 0;
  position: fixed;
  width: 100%;
  z-index: 200;
  top: 60px; }
  .debate .timeline-section .timeline-container {
    margin: 0 100px;
    max-width: 500px;
    height: auto;
    display: flex; }
  .debate .timeline-section .burger-menu {
    cursor: pointer;
    position: absolute;
    text-align: center;
    top: 12px; }
    .debate .timeline-section .burger-menu:hover {
      color: #666; }
  .debate .timeline-section .burger-menu-label {
    font-size: 10px; }

.debate .shifted {
  margin: 60px 0 0; }

.debate .questions .questions-section .txt-area {
  background: #fff;
  border-bottom: none;
  border-left: 5px solid #192882;
  border-radius: initial;
  border-right: none;
  border-top: none;
  box-shadow: none;
  font-family: "LatoLight";
  font-size: 14px;
  height: 160px;
  letter-spacing: 1px;
  padding: 20px; }

.debate .questions .question-title {
  text-align: left; }
  .debate .questions .question-title .dark-title-1 {
    padding: 15px 0 0;
    width: calc(100% - 75px); }
  .debate .questions .question-title .dark-title-5 {
    margin: 20px 0 10px 60px; }

.debate .navigation-section {
  width: 100%;
  z-index: 0; }
  .debate .navigation-section .question-nav {
    color: #192882;
    height: 60px; }
    .debate .navigation-section .question-nav .question-numbers {
      max-width: 350px;
      position: relative; }
      .debate .navigation-section .question-nav .question-numbers .txt {
        font-family: "LatoLight";
        margin: 14px 0 5px; }
      .debate .navigation-section .question-nav .question-numbers .bar {
        background-color: #192882;
        height: 6px;
        position: absolute;
        z-index: 2; }
      .debate .navigation-section .question-nav .question-numbers .bkg-bar {
        background-color: #fff;
        height: 6px;
        width: 100%;
        z-index: 1; }
    .debate .navigation-section .question-nav .arrow {
      align-items: center;
      background-color: #fff;
      border-radius: 36px;
      cursor: pointer;
      display: flex;
      justify-content: center;
      height: 36px;
      margin: 15px 0 0 30px;
      width: 36px; }

.debate .proposals-section {
  margin: 90px 0 0 0; }

.debate .postcreator-loader {
  margin: 40px; }

.debate .start-discussion {
  display: inline-block;
  padding: 2px 0 0 10px;
  max-width: 150px; }

.debate .start-discussion-icon {
  display: inline-block;
  padding: 3px 0 0 0;
  vertical-align: top; }

.debate input[type='text'] {
  border: none;
  border-radius: 0;
  height: 40px; }

.debate textarea {
  border: none;
  border-radius: 0;
  box-shadow: 0 0 0 50px #fff inset; }
  .debate textarea:focus {
    box-shadow: 0 0 0 50px #fff inset; }

.debate .input-title-label {
  padding-bottom: 8px; }

@media screen and (max-width: 480px) {
  .debate .questions .questions-section .dark-title-5 {
    margin: 10px 0 10px 20px; } }

@media screen and (min-width: 601px) {
  .debate .survey .alert {
    top: 60px; } }

@media screen and (max-width: 1200px) {
  .start-discussion-container {
    margin-left: -20px; } }

@media screen and (max-width: 768px) {
  .start-discussion-container {
    margin-left: 0; } }

@media screen and (max-width: 1280px) {
  .burger-menu {
    padding: 0 0 0 15px; } }

@media screen and (min-width: 768px) {
  .top-post-form {
    padding: 33px 0 0; }
  .debate .questions .questions-section .dark-title-5 {
    margin: 20px 0 10px 20px; } }

@media screen and (max-width: 767px) {
  .navigation-section.shown {
    display: none; }
  .top-post-form {
    padding: 20px 20px 0 20px; }
    .top-post-form .start-discussion-icon {
      height: auto;
      margin: 0 0 0 20px; }
    .top-post-form .form-container {
      margin: 20px; }
    .top-post-form .start-discussion {
      max-width: 100%; } }

@media screen and (max-width: 600px) {
  .debate .survey .alert {
    top: 140px; }
  .debate .top-post-sticky {
    top: 60px; }
  .debate .timeline-section {
    display: none; }
  .debate .themes-section {
    margin: 60px 0 0; }
  .debate .debate-section {
    margin: 60px 0 0; }
  .debate .shifted {
    margin: 0; } }

@media screen and (min-width: 768px) {
  .question-title {
    margin: 90px 0 80px; } }

@media screen and (max-width: 768px) {
  .question-title {
    margin: 90px 0 80px; } }

@media screen and (max-width: 991px) {
  .idea .container-fluid {
    padding-left: 0;
    padding-right: 0; } }

@media screen and (max-width: 767px), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .question-title {
    margin: 80px 0 40px; }
    .question-title .title-hyphen {
      position: relative;
      left: -30px; }
    .question-title .dark-title-1 {
      display: block;
      font-size: 20px;
      line-height: 33px;
      width: calc(100% - 30px); } }

.home .home-section:nth-child(2) .container-fluid {
  background-color: #eceeed; }

.home .home-section:nth-child(3) .container-fluid {
  background-color: #fff; }

.home .home-section:nth-child(4) .container-fluid {
  background-color: #eceeed; }

.home .home-section:nth-child(5) .container-fluid {
  background-color: #fff; }

.home .home-section:nth-child(6) .container-fluid {
  background-color: #eceeed; }

.home .home-section:nth-child(7) .container-fluid {
  background-color: #fff; }

.home .home-section:nth-child(8) .container-fluid {
  background-color: #eceeed; }

.home .home-section:nth-child(9) .container-fluid {
  background-color: #fff; }

.home .home-section:nth-child(10) .container-fluid {
  background-color: #eceeed; }

.home .header-section {
  background-color: #192882;
  min-height: 380px;
  height: auto;
  overflow: hidden;
  position: relative; }
  .home .header-section .header-content {
    position: relative;
    text-align: center;
    z-index: 2; }
    .home .header-section .header-content .max-text-width {
      margin-top: -5px;
      margin-bottom: 0;
      max-width: 1000px; }
    .home .header-section .header-content .header-logo {
      filter: brightness(0) invert(1);
      max-height: 110px;
      padding: 10px;
      width: auto; }
  .home .header-section .header-bkg {
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    opacity: 0.5;
    position: absolute;
    top: 0;
    width: 100%; }

.home .synthesis-section .insert-box {
  height: auto;
  width: 100%; }

.home .synthesis-section .synthesis-container {
  padding: 0 0 0 14px; }

.home .center-content {
  display: flex;
  justify-content: center; }

.home .objectives-section-1 .container-objectives-img {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden; }

.home .objectives-section-1 .objectives-img {
  background-size: cover;
  background-position-x: 50%;
  height: 480px;
  margin: 20px 0 0; }
  .home .objectives-section-1 .objectives-img.size-single-img {
    width: 100%; }

.home .themes-section .theme:nth-child(1) {
  margin: 80px 0 0; }

.home .themes-section .theme:nth-child(2) {
  margin: 0; }

.home .themes-section .theme:nth-child(3) {
  margin: 80px 0 0; }

.home .themes-section .theme:nth-child(4) {
  margin: 40px 0 0; }

.home .themes-section .top-idea .dark-title-2 {
  padding: 30px 40px 0; }

.home .themes-section .top-idea .idea-link {
  cursor: pointer;
  height: 125px;
  letter-spacing: 1.7px;
  padding: 25px 40px; }
  .home .themes-section .top-idea .idea-link .idea-link-title {
    color: #192882;
    display: block;
    text-align: center; }
  .home .themes-section .top-idea .idea-link .stats {
    color: #666;
    text-align: center; }
  .home .themes-section .top-idea .idea-link .black-icon {
    margin: 0 0 0 5px; }
  .home .themes-section .top-idea .idea-link:nth-child(3) {
    background-color: #eceeed; }
  .home .themes-section .top-idea .idea-link:hover {
    background-color: rgba(25, 40, 130, 0.6); }
    .home .themes-section .top-idea .idea-link:hover .idea-link-title {
      color: #fff; }
    .home .themes-section .top-idea .idea-link:hover .inline {
      color: #fff; }
    .home .themes-section .top-idea .idea-link:hover span {
      color: #fff; }

.home .phases-section .phases-container {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 80px;
  width: 100%; }
  .home .phases-section .phases-container .illustration-box {
    background-color: #666;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
    margin-bottom: 2px;
    margin-right: 1px;
    width: 100%; }
    .home .phases-section .phases-container .illustration-box .content-box {
      background-color: rgba(0, 0, 0, 0.5);
      position: relative;
      width: 100%;
      display: flex;
      flex-direction: column; }

.home .phases-section .bar:nth-child(1) {
  margin-top: 80px; }

.home .phases-section .bar:nth-child(2) {
  margin-top: 70px; }

.home .phases-section .bar:nth-child(3) {
  margin-top: 60px; }

.home .phases-section .bar:nth-child(4) {
  margin-top: 50px; }

.home .phases-section .bar:nth-child(5) {
  margin-top: 40px; }

.home .phases-section .bar:nth-child(6) {
  margin-top: 30px; }

.home .phases-section .bar:nth-child(7) {
  margin-top: 20px; }

.home .phases-section .bar:nth-child(8) {
  margin-top: 10px; }

.home .twitter-section .tweet-container {
  background-color: #fff;
  max-width: 650px; }

.home .twitter-section .title-section {
  margin: 0;
  padding: 75px 0 0; }

.home .partners-section {
  text-align: center; }
  .home .partners-section .partner-logo {
    display: inline-block;
    margin: 70px; }
  .home .partners-section img {
    height: auto;
    max-height: 100px;
    max-width: 200px;
    width: auto; }

.home .synthesis-container a .insert-content {
  color: #000; }

.home .synthesis-container a:hover .insert-content {
  color: #000; }

@media screen and (min-width: 1101px) {
  .synthesis-section {
    display: none; } }

@media screen and (max-width: 1100px) {
  .home .header-section .insert-box {
    display: none; }
  .synthesis-section {
    display: block; } }

@media screen and (min-width: 1100px) {
  .home .header-section {
    /* synthesis block */
    /* synthesis block content */ }
    .home .header-section .insert-box {
      position: absolute;
      right: 0;
      top: 120px;
      width: 270px; }
    .home .header-section .insert-content {
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      display: -webkit-box;
      font-size: 12px;
      height: 50.4px;
      line-height: 1.4;
      max-width: 250px;
      overflow: hidden;
      text-overflow: ellipsis; }
  .container-objectives-img .objectives-img.size-single-img {
    width: 100%; } }

/* Landscape phones and portrait tablets */
@media screen and (max-width: 767px) {
  .home .header-section {
    min-height: 500px; }
    .home .header-section .header-content {
      padding: 60px 5px 120px; }
  .home .synthesis-section .insert-content {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    font-size: 12px;
    line-height: 1.4;
    overflow: hidden;
    text-overflow: ellipsis; } }

@media screen and (max-width: 991px) {
  .home .objectives-section-1 .objectives-img.margin-right {
    margin-right: 0; }
  .home .objectives-section-1 .objectives-img.size-single-img {
    width: 50%; }
  .home .objectives-section-1 .objectives-img.size-two-img {
    width: 100%; }
  .themes-section .theme:nth-child(1) {
    margin: 2px 0 0; }
  .themes-section .theme:nth-child(2) {
    margin: 2px 0 0; }
  .themes-section .theme:nth-child(3) {
    margin: 2px 0 0; }
  .themes-section .theme:nth-child(4) {
    margin: 2px 0 0; } }

@media screen and (min-width: 768px) {
  .home .header-section .header-content {
    padding: 75px 40px 150px; } }

@media screen and (min-width: 768px) and (max-width: 768px) {
  .home .padding-sm {
    padding: 40px 0; }
  .home .partners-section .partner-logo {
    margin: 20px; }
  .home .partners-section img {
    height: 60%;
    width: 60%; } }

@media screen and (min-width: 768px) and (min-width: 992px) {
  .home .header-section .header-content {
    max-width: 100%; } }

@media screen and (min-width: 768px) and (min-width: 1200px) {
  .home .phases-section .phases-container {
    padding-bottom: 0; }
    .home .phases-section .phases-container div:first-child:nth-last-child(1),
    .home .phases-section .phases-container div:first-child:nth-last-child(1) ~ div {
      height: 500px;
      width: 100%;
      flex: 0 0 99.9%;
      min-width: 24%; }
    .home .phases-section .phases-container div:first-child:nth-last-child(2),
    .home .phases-section .phases-container div:first-child:nth-last-child(2) ~ div {
      height: 500px;
      width: 50%;
      flex: 0 0 49.9%;
      min-width: 24%; }
    .home .phases-section .phases-container div:first-child:nth-last-child(3),
    .home .phases-section .phases-container div:first-child:nth-last-child(3) ~ div {
      height: 500px;
      width: 33.33333%;
      flex: 0 0 33.23333%;
      min-width: 24%; }
    .home .phases-section .phases-container div:first-child:nth-last-child(4),
    .home .phases-section .phases-container div:first-child:nth-last-child(4) ~ div {
      height: 500px;
      width: 25%;
      flex: 0 0 24.9%;
      min-width: 24%; }
    .home .phases-section .phases-container div:first-child:nth-last-child(5),
    .home .phases-section .phases-container div:first-child:nth-last-child(5) ~ div {
      height: 500px;
      width: 20%;
      flex: 0 0 19.9%;
      min-width: 24%; }
    .home .phases-section .phases-container div:first-child:nth-last-child(6),
    .home .phases-section .phases-container div:first-child:nth-last-child(6) ~ div {
      height: 500px;
      width: 16.66667%;
      flex: 0 0 16.56667%;
      min-width: 24%; }
    .home .phases-section .phases-container div:first-child:nth-last-child(7),
    .home .phases-section .phases-container div:first-child:nth-last-child(7) ~ div {
      height: 500px;
      width: 14.28571%;
      flex: 0 0 14.18571%;
      min-width: 24%; }
    .home .phases-section .phases-container div:first-child:nth-last-child(8),
    .home .phases-section .phases-container div:first-child:nth-last-child(8) ~ div {
      height: 500px;
      width: 12.5%;
      flex: 0 0 12.4%;
      min-width: 24%; } }

@media screen and (min-width: 768px) and (max-width: 480px) {
  .home .header-section .header-content {
    padding: 10px 5px 170px; }
  .home .objectives-section-1 .objectives-img.size-single-img {
    width: 100%; }
  .home .twitter-section .tweet-section {
    padding: 10px 20px 30px 20px; }
  .home .twitter-section .title-section {
    padding: 30px 0 0; }
    .home .twitter-section .title-section h1 {
      padding: 0 0 0 20px; }
  .objectives-section-1 .objectives:nth-child(3) {
    display: none; } }

@media screen and (min-width: 768px) and (min-width: 480px) {
  .home .objectives-section-1 .container-objectives-img {
    flex-direction: row;
    overflow: hidden; }
    .home .objectives-section-1 .container-objectives-img .objectives-img.margin-right {
      margin-right: 20px; }
    .home .objectives-section-1 .container-objectives-img .objectives-img.size-two-img {
      width: 100%; } }

@media screen and (min-width: 768px) {
  .twitter-section .tweet-section {
    padding: 45px 75px 65px; } }

.login-container {
  padding: 80px 0 0;
  max-width: 1000px; }
  .login-container .button-signup {
    margin-top: 80px; }

.resendPwd {
  margin: 20px 20px 25px; }

.login-providers-list ul {
  list-style-type: none;
  padding: 0; }
  .login-providers-list ul li {
    margin: 0;
    padding: 10px 0 0; }

.warning-label {
  margin: auto;
  padding-left: 10px; }
  .warning-label.warning {
    border-color: #ffd58f !important;
    border-width: 2px !important; }

@media screen and (max-width: 420px) {
  .login-grid {
    margin: 0 0 15px; }
  .login-container {
    padding: 15px 0 0; } }

#thread-view .level {
  width: 925px;
  display: flex;
  flex-direction: column;
  margin-left: auto;
  margin-right: 125px; }
  #thread-view .level .box {
    border-left: 4px solid #192882; }

#thread-view .level-2 {
  width: 885px; }

#thread-view .level-3 {
  width: 845px; }

#thread-view .level-4 {
  width: 805px; }

#thread-view .level-5 {
  width: 765px; }

#thread-view .level-6 {
  width: 765px; }

#thread-view .level-7 {
  width: 765px; }

#thread-view .level-8 {
  width: 765px; }

#thread-view .level-9 {
  width: 765px; }

#thread-view .level-10 {
  width: 765px; }

#thread-view .level-11 {
  width: 765px; }

#thread-view .level-12 {
  width: 765px; }

.idea {
  position: relative; }
  .idea .padding-left-right {
    padding-left: 40px;
    padding-right: 40px; }
  .idea .subject-prefix {
    color: rgba(25, 40, 130, 0.7);
    font-family: 'LatoLight'; }
  .idea .no-rows {
    margin-top: 20px; }
  .idea .child-level .box {
    border-left: 4px solid #dbdeef; }
  .idea .level-1,
  .idea .level-2,
  .idea .level-3,
  .idea .level-4 {
    padding-bottom: 40px;
    padding-left: 40px;
    border-top: 1px solid #dbdeef;
    border-left: 1px solid #dbdeef; }
    .idea .level-1 .box,
    .idea .level-2 .box,
    .idea .level-3 .box,
    .idea .level-4 .box {
      border-top: none; }
    .idea .level-1:last-child,
    .idea .level-2:last-child,
    .idea .level-3:last-child,
    .idea .level-4:last-child {
      border-left: none;
      padding-bottom: 0; }
  .idea .level-5 {
    padding-bottom: 40px; }
    .idea .level-5:last-child {
      padding-bottom: 0; }
  .idea .postfolded-container {
    cursor: pointer;
    position: relative;
    top: -8px; }
  .idea .expand-indented {
    font-size: 12px;
    cursor: pointer;
    color: #192882;
    display: inline-block;
    position: relative;
    height: 40px;
    border-left: 1px solid #dbdeef;
    width: 20px; }
    .idea .expand-indented span {
      position: absolute;
      bottom: -12px;
      left: -15px; }
  .idea .expand {
    border-left: 1px solid #dbdeef;
    color: #192882;
    cursor: pointer;
    position: relative;
    height: 40px; }
    .idea .expand span {
      position: absolute;
      bottom: 28px;
      left: -14px; }
  .idea .post-folded {
    color: #192882;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    position: relative; }
    .idea .post-folded span {
      display: block;
      margin: 3px 0 0 20px;
      width: 400px; }
  .idea .no-shift .post-folded span {
    bottom: 0;
    left: 0; }
  .idea .infinite-separator {
    margin: 90px auto;
    width: 200px;
    border-bottom: 1px solid #192882;
    position: relative; }
    .idea .infinite-separator span {
      position: absolute;
      background-color: #eceeed;
      width: 50px;
      padding: 0 15px 0 0;
      top: -8px;
      margin: 0 0 0 75px;
      text-align: center; }
  .idea .padding-right {
    padding-right: 20px; }
  .idea .tree-list {
    will-change: auto !important; }
    .idea .tree-list:focus {
      outline: none; }

@media screen and (min-width: 1440px) {
  #thread-view .padding-left-right {
    padding-left: 110px;
    padding-right: 110px; } }

@media screen and (max-width: 992px) {
  #thread-view .border-left {
    border-left: none; }
  #thread-view .padding-left-right {
    padding-left: 20px;
    padding-right: 20px; }
  #thread-view .level {
    border-top: 1px solid #dbdeef;
    margin-top: 20px; }
  #thread-view .level-1 {
    margin-left: 0;
    padding-left: 0;
    padding-right: 20px; }
  #thread-view .level-2,
  #thread-view .level-3,
  #thread-view .level-4 {
    margin-left: 0;
    padding-left: 0;
    padding-bottom: 0; }
  #thread-view .expand-indented {
    display: none; }
  #thread-view .expand {
    display: none; }
  #thread-view .padding-right {
    padding-right: 0; }
  #thread-view .postfolded-container {
    top: 0; } }

@media screen and (max-width: 925px) {
  #thread-view .padding-left-right {
    padding-left: 10px;
    padding-right: 10px; }
  #thread-view .level {
    width: 100%;
    padding-bottom: 0; }
  #thread-view .margin-txt-xxs {
    margin-left: 20px;
    margin-right: 20px; } }

@media screen and (max-width: 480px) {
  #thread-view .level-1 {
    padding-right: 0; } }

.col-announcement-count {
  font-size: 12px;
  padding-left: 0; }

.columns-view-inline {
  display: flex;
  float: left; }
  .columns-view-inline .post-right {
    min-width: 40px;
    margin-left: -10px; }

.top-post-form-inline {
  display: flex;
  justify-content: center; }

.columns-view {
  margin-top: -20px; }
  .columns-view .infinite-separator {
    border: none;
    margin: 40px auto; }
    .columns-view .infinite-separator span {
      display: none; }
  .columns-view .empty-sentiments-count {
    height: 35px; }
  .columns-view .top-post-form {
    min-height: 440px;
    width: 100%;
    margin: 120px 0 0; }
    .columns-view .top-post-form .dark-title-3 {
      line-height: 25px; }
  .columns-view .level {
    width: 100%; }
  .columns-view .posts .box {
    max-width: 100%; }
  .columns-view .DraftEditor-editorContainer {
    height: 180px;
    max-height: 180px;
    overflow-y: auto; }
  .columns-view .public-DraftEditor-content {
    overflow: hidden; }
  .columns-view .attachments {
    float: left; }
  .columns-view .start-discussion-multicol {
    max-width: 80%;
    vertical-align: top; }

.synthesis {
  font-family: "LatoLight"; }
  .synthesis .ellipsis {
    white-space: normal;
    line-height: 1.8em;
    height: 3.6em; }

.sk-action-button, .sk-no-hits__step-action, .sk-range-input__submit {
  border: 1px solid #ccc;
  color: #192882;
  border-radius: 3px;
  display: inline-block;
  padding: 10px 20px;
  cursor: pointer;
  font-size: 14px;
  outline: none; }
  .sk-action-button:hover, .sk-no-hits__step-action:hover, .sk-range-input__submit:hover {
    text-decoration: underline; }
  .sk-action-button:active, .sk-no-hits__step-action:active, .sk-range-input__submit:active {
    color: black; }

.sk-spinning-loader {
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 2px solid rgba(0, 0, 0, 0.2);
  border-right: 2px solid rgba(0, 0, 0, 0.2);
  border-bottom: 2px solid rgba(0, 0, 0, 0.2);
  border-left: 2px solid #000;
  transform: translateZ(0);
  animation: spinning-loader 1.1s infinite linear; }

.sk-spinning-loader,
.sk-spinning-loader:after {
  border-radius: 50%;
  width: 20px;
  height: 20px; }

@keyframes spinning-loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

.sk-hits-stats__info {
  font-size: 14px;
  color: #777; }

.sk-action-button, .sk-no-hits__step-action, .sk-range-input__submit {
  border: 1px solid #ccc;
  color: #192882;
  border-radius: 3px;
  display: inline-block;
  padding: 10px 20px;
  cursor: pointer;
  font-size: 14px;
  outline: none; }
  .sk-action-button:hover, .sk-no-hits__step-action:hover, .sk-range-input__submit:hover {
    text-decoration: underline; }
  .sk-action-button:active, .sk-no-hits__step-action:active, .sk-range-input__submit:active {
    color: black; }

.sk-no-hits {
  text-align: center;
  margin-top: 60px;
  color: #444; }
  .sk-no-hits__info {
    font-size: 14px; }
  .sk-no-hits__steps {
    margin-top: 20px; }

.sk-filter-group-items {
  display: inline-block; }
  .sk-filter-group-items__title, .sk-filter-group-items__list, .sk-filter-group-items__value {
    display: inline-block; }
  .sk-filter-group-items__title {
    font-weight: bold; }
    .sk-filter-group-items__title:after {
      content: ": "; }
  .sk-filter-group-items__value {
    padding-left: 4px; }
    .sk-filter-group-items__value:hover {
      text-decoration: line-through;
      cursor: pointer;
      color: #fa2a00; }
    .sk-filter-group-items__value:after {
      display: inline-block;
      content: ", "; }
    .sk-filter-group-items__value:last-child:after {
      content: ""; }

.sk-filter-group__remove-action {
  display: inline-block;
  cursor: pointer;
  font-weight: 700; }

.sk-action-bar .sk-filter-groups {
  display: flex;
  flex-flow: row;
  margin: 0 10px 10px 0;
  color: #192882; }

.sk-action-bar .sk-filter-group {
  border: none;
  background: #f4f4f4;
  display: inline-block;
  padding: 0 0 0 10px;
  font-size: 14px;
  line-height: 20px;
  border-radius: 3px;
  margin-right: 10px; }
  .sk-action-bar .sk-filter-group-items__title {
    font-weight: 300; }
  .sk-action-bar .sk-filter-group-items__list {
    padding: 10px 0; }
  .sk-action-bar .sk-filter-group__remove-action {
    border-left: 1px solid #ddd;
    padding: 0 15px 0 10px;
    margin-left: 10px;
    font-size: 14px; }
    .sk-action-bar .sk-filter-group__remove-action:hover {
      color: #fa2a00; }

.sk-layout__filters .sk-filter-groups {
  display: block;
  width: 100%;
  margin-right: 10px;
  color: #666; }

.sk-layout__filters .sk-filter-group {
  border: none;
  display: block;
  font-size: 14px;
  line-height: 20px; }
  .sk-layout__filters .sk-filter-group__remove-action {
    padding-right: 10px; }

.sk-item-list.is-disabled {
  display: none; }

.sk-item-list-option {
  position: relative;
  cursor: pointer;
  padding: 0px 0;
  line-height: 22px;
  display: flex;
  font-weight: 300; }
  .sk-item-list-option input.sk-item-list-option__checkbox {
    margin: 5px 5px 0 1px;
    flex: 0 0 15px; }
  .sk-item-list-option.is-active .sk-item-list-option__text {
    font-weight: 700;
    color: #000; }
  .sk-item-list-option.is-selected .sk-item-list-option__text {
    font-weight: 700;
    color: #000; }
  .sk-item-list-option__text {
    flex: auto;
    font-size: 14px;
    color: #666; }
  .sk-item-list-option__count {
    font-size: 12px;
    text-align: right;
    color: #ccc; }
  .sk-item-list-option.is-histogram {
    z-index: 1; }
  .sk-item-list-option.is-histogram .sk-item-list-option__count {
    padding-right: 4px;
    color: #999; }
  .sk-item-list-option__bar {
    position: absolute; }
  .sk-item-list-option__bar {
    display: inline-block;
    position: absolute;
    background: #e7e7e7;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 8px; }
    .sk-item-list-option__bar-container {
      position: absolute;
      right: 0;
      top: 3px;
      bottom: 3px;
      width: 40%;
      max-width: 60px;
      display: inline-block;
      z-index: -1;
      background: #f4f4f4;
      border-radius: 8px;
      overflow: hidden; }

.sk-select {
  position: relative;
  cursor: pointer;
  max-height: 30px;
  display: inline-block; }
  .sk-select.is-disabled {
    display: none; }
  .sk-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: white;
    padding: 6px 10px;
    padding-right: 30px;
    border: 1px solid #ccc;
    outline: 0;
    font-weight: 700;
    font-size: 14px;
    border-radius: 3px;
    color: black;
    height: initial;
    line-height: initial; }
  .sk-select:after {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -3px;
    right: 10px;
    width: 0;
    height: 0;
    border-top: 6px solid #666;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    pointer-events: none; }

.sk-tabs {
  width: 100%;
  border-bottom: 1px solid #ccc;
  list-style: none;
  padding: 0;
  margin: 4px 0; }
  .sk-tabs.is-disabled {
    display: none; }
  .sk-tabs-option {
    cursor: pointer;
    display: inline-block;
    font-weight: 500;
    font-size: 14px;
    color: #192882;
    padding: 10px 15px;
    text-decoration: none;
    margin-bottom: -1px;
    border: 1px solid transparent;
    border-radius: 3px 3px 0 0; }
    .sk-tabs-option.is-active {
      background-color: white;
      color: #666;
      border-color: #192882;
      cursor: default;
      border: 1px solid #ccc;
      border-bottom-color: transparent; }
    .sk-tabs-option.is-disabled {
      cursor: initial;
      color: #ccc; }
    .sk-tabs-option__text, .sk-tabs-option__count {
      display: inline; }
    .sk-tabs-option__count:before {
      content: " ("; }
    .sk-tabs-option__count:after {
      content: ")"; }

.sk-tag-cloud {
  text-align: justify;
  word-wrap: break-word;
  line-height: 16px;
  font-size: 10px; }
  .sk-tag-cloud.is-disabled {
    display: none; }
  .sk-tag-cloud-option {
    display: inline;
    cursor: pointer;
    font-weight: 300;
    color: #666;
    padding: 4px 2px;
    border-right: none;
    text-decoration: none; }
    .sk-tag-cloud-option__text, .sk-tag-cloud-option__count {
      display: inline; }
    .sk-tag-cloud-option:before {
      content: ' ';
      display: inline; }
    .sk-tag-cloud-option:after {
      content: ' ';
      display: inline; }
    .sk-tag-cloud-option__count:before {
      content: ' ('; }
    .sk-tag-cloud-option__count:after {
      content: ')'; }
    .sk-tag-cloud-option.is-active .sk-tag-cloud-option__text {
      color: #000;
      font-weight: 500; }
    .sk-tag-cloud-option.is-disabled {
      cursor: initial;
      color: #ddd; }

.sk-toggle {
  display: flex;
  align-content: center;
  text-align: center;
  border-radius: 3px;
  max-height: 30px; }
  .sk-toggle.is-disabled {
    display: none; }
  .sk-toggle-option {
    flex: 1;
    background-color: white;
    border: 1px solid #ccc;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
    color: black;
    padding: 5px 10px;
    border-right: none;
    text-decoration: none;
    white-space: nowrap; }
    .sk-toggle-option:first-child {
      border-radius: 3px 0 0 3px; }
    .sk-toggle-option:last-child {
      border-radius: 0 3px 3px 0;
      border-right: 1px solid #ccc; }
    .sk-toggle-option.is-active {
      background-color: #192882;
      color: white;
      border-color: #192882; }
    .sk-toggle-option.is-disabled {
      cursor: initial;
      color: #ddd; }
    .sk-toggle-option__text, .sk-toggle-option__count {
      display: inline; }
    .sk-toggle-option__count:before {
      content: " ("; }
    .sk-toggle-option__count:after {
      content: ")"; }

.sk-range-input {
  width: 100%;
  align-content: center; }
  .sk-range-input__input {
    display: inline-block;
    width: 68px;
    border-radius: 3px;
    border: 1px solid #ccc;
    height: 30px;
    padding: 0 10px; }
    .sk-range-input__input.is-error {
      border-color: #fa2a00; }
  .sk-range-input__submit {
    display: inline-block;
    background: white;
    height: 30px;
    padding: 0 10px;
    margin-left: 8px; }
  .sk-range-input__to-label {
    display: inline-block;
    line-height: 30px;
    margin: 0 8px;
    color: #444;
    font-size: 14px; }

.sk-range-histogram {
  height: 50px;
  flex-flow: row nowrap;
  justify-content: space-around;
  display: flex;
  align-items: flex-end; }
  .sk-range-histogram__bar {
    background: rgba(156, 162, 153, 0.5);
    flex: 1; }
    .sk-range-histogram__bar.is-out-of-bounds {
      background: rgba(156, 162, 153, 0.3); }

.rc-tooltip {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif; }

.sk-range-slider {
  padding-bottom: 16px; }
  .sk-range-slider .rc-slider-handle {
    border-color: #ccc; }
  .sk-range-slider .rc-slider-track {
    background-color: rgba(156, 162, 153, 0.5); }
  .sk-range-slider .rc-slider-mark-text-active {
    color: #ccc; }
  .sk-range-slider .rc-slider-mark-text {
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    color: #ccc; }

.sk-hierarchical-menu-list.is-disabled {
  display: none; }

.sk-hierarchical-menu-list__header {
  margin-bottom: 5px;
  font-weight: 700;
  font-size: 14px;
  color: black; }

.sk-hierarchical-menu-list__root {
  margin-left: -10px; }

.sk-hierarchical-menu-list__hierarchical-options {
  margin-left: 10px; }

.sk-hierarchical-menu-option {
  position: relative;
  cursor: pointer;
  padding: 0px 0;
  line-height: 22px;
  display: flex;
  font-weight: 300; }
  .sk-hierarchical-menu-option input.sk-hierarchical-menu-option__checkbox {
    margin: 5px 5px 0 1px;
    flex: 0 0 15px; }
  .sk-hierarchical-menu-option.is-active .sk-hierarchical-menu-option__text {
    font-weight: 700;
    color: #000; }
  .sk-hierarchical-menu-option.is-selected .sk-hierarchical-menu-option__text {
    font-weight: 700;
    color: #000; }
  .sk-hierarchical-menu-option__text {
    flex: auto;
    font-size: 14px;
    color: #666; }
  .sk-hierarchical-menu-option__count {
    font-size: 12px;
    text-align: right;
    color: #ccc; }

.sk-hierarchical-refinement-list__header {
  margin-bottom: 5px;
  font-weight: 700;
  font-size: 14px; }

.sk-hierarchical-refinement-list__root {
  margin-left: -10px; }

.sk-hierarchical-refinement-list__hierarchical-options {
  margin-left: 10px; }

.sk-hierarchical-refinement-list.is-disabled {
  display: none; }

.sk-hierarchical-refinement-option {
  position: relative;
  cursor: pointer;
  padding: 0px 0;
  line-height: 22px;
  display: flex;
  font-weight: 300; }
  .sk-hierarchical-refinement-option input.sk-hierarchical-refinement-option__checkbox {
    margin: 5px 5px 0 1px;
    flex: 0 0 15px; }
  .sk-hierarchical-refinement-option.is-active .sk-hierarchical-refinement-option__text {
    font-weight: 700;
    color: #000; }
  .sk-hierarchical-refinement-option.is-selected .sk-hierarchical-refinement-option__text {
    font-weight: 700;
    color: #000; }
  .sk-hierarchical-refinement-option__text {
    flex: auto;
    font-size: 14px;
    color: #666; }
  .sk-hierarchical-refinement-option__count {
    font-size: 12px;
    text-align: right;
    color: #ccc; }

.sk-input-filter {
  flex: auto;
  border-radius: 3px;
  border: 1px solid #ccc; }
  .sk-input-filter form {
    display: flex;
    margin: 0;
    position: relative; }
  .sk-input-filter__icon {
    flex: 0 20px 20px;
    margin-top: 6px;
    margin-left: 10px;
    opacity: 0.3; }
    .sk-input-filter__icon:before {
      content: "";
      background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KCgo8IS0tIFRoZSBpY29uIGNhbiBiZSB1c2VkIGZyZWVseSBpbiBib3RoIHBlcnNvbmFsIGFuZCBjb21tZXJjaWFsIHByb2plY3RzIHdpdGggbm8gYXR0cmlidXRpb24gcmVxdWlyZWQsIGJ1dCBhbHdheXMgYXBwcmVjaWF0ZWQuIApZb3UgbWF5IE5PVCBzdWItbGljZW5zZSwgcmVzZWxsLCByZW50LCByZWRpc3RyaWJ1dGUgb3Igb3RoZXJ3aXNlIHRyYW5zZmVyIHRoZSBpY29uIHdpdGhvdXQgZXhwcmVzcyB3cml0dGVuIHBlcm1pc3Npb24gZnJvbSBpY29ubW9uc3RyLmNvbSAtLT4KCgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgoKPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoKCSB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KCjxwYXRoIGlkPSJtYWduaWZpZXItMi1pY29uIiBkPSJNNDYwLjM1NSw0MjEuNTlMMzUzLjg0NCwzMTUuMDc4YzIwLjA0MS0yNy41NTMsMzEuODg1LTYxLjQzNywzMS44ODUtOTguMDM3CgoJQzM4NS43MjksMTI0LjkzNCwzMTAuNzkzLDUwLDIxOC42ODYsNTBDMTI2LjU4LDUwLDUxLjY0NSwxMjQuOTM0LDUxLjY0NSwyMTcuMDQxYzAsOTIuMTA2LDc0LjkzNiwxNjcuMDQxLDE2Ny4wNDEsMTY3LjA0MQoKCWMzNC45MTIsMCw2Ny4zNTItMTAuNzczLDk0LjE4NC0yOS4xNThMNDE5Ljk0NSw0NjJMNDYwLjM1NSw0MjEuNTl6IE0xMDAuNjMxLDIxNy4wNDFjMC02NS4wOTYsNTIuOTU5LTExOC4wNTYsMTE4LjA1NS0xMTguMDU2CgoJYzY1LjA5OCwwLDExOC4wNTcsNTIuOTU5LDExOC4wNTcsMTE4LjA1NmMwLDY1LjA5Ni01Mi45NTksMTE4LjA1Ni0xMTguMDU3LDExOC4wNTZDMTUzLjU5LDMzNS4wOTcsMTAwLjYzMSwyODIuMTM3LDEwMC42MzEsMjE3LjA0MQoKCXoiLz4KCjwvc3ZnPgoK) no-repeat top left;
      background-size: contain;
      height: 20px;
      width: 20px;
      display: block; }
  .sk-input-filter__text {
    padding: 7px;
    width: 100%;
    flex: 3;
    font-size: 14px;
    background: transparent;
    border: none;
    color: #444;
    height: initial;
    line-height: initial; }
    .sk-input-filter__text:focus {
      outline: 0; }
  .sk-input-filter__action {
    height: 30px;
    visibility: hidden;
    display: none; }
  .sk-input-filter__remove:before {
    flex: 0 20px 20px;
    align-self: flex-end;
    padding: 5px 10px;
    line-height: 30px;
    color: #444;
    content: "x";
    cursor: pointer; }
  .sk-input-filter__remove.is-hidden:before {
    display: none; }

.sk-numeric-refinement-list__header {
  margin-bottom: 5px;
  font-weight: 700;
  font-size: 14px; }

.sk-numeric-refinement-list.is-disabled {
  display: none; }

.sk-numeric-refinement-list-option {
  position: relative;
  cursor: pointer;
  padding: 0px 0;
  line-height: 22px;
  display: flex;
  font-weight: 300; }
  .sk-numeric-refinement-list-option input.sk-numeric-refinement-list-option__checkbox {
    margin: 5px 5px 0 1px;
    flex: 0 0 15px; }
  .sk-numeric-refinement-list-option.is-active .sk-numeric-refinement-list-option__text {
    font-weight: 700;
    color: #000; }
  .sk-numeric-refinement-list-option.is-selected .sk-numeric-refinement-list-option__text {
    font-weight: 700;
    color: #000; }
  .sk-numeric-refinement-list-option__text {
    flex: auto;
    font-size: 14px;
    color: #666; }
  .sk-numeric-refinement-list-option__count {
    font-size: 12px;
    text-align: right;
    color: #ccc; }

.sk-refinement-list__header {
  margin-bottom: 5px;
  font-weight: 700;
  font-size: 14px; }

.sk-refinement-list.is-disabled {
  display: none; }

.sk-refinement-list__view-more-action {
  font-size: 12px;
  color: #192882;
  cursor: pointer;
  margin-top: 5px; }

.sk-refinement-list-option {
  position: relative;
  cursor: pointer;
  padding: 0px 0;
  line-height: 22px;
  display: flex;
  font-weight: 300; }
  .sk-refinement-list-option input.sk-refinement-list-option__checkbox {
    margin: 5px 5px 0 1px;
    flex: 0 0 15px; }
  .sk-refinement-list-option.is-active .sk-refinement-list-option__text {
    font-weight: 700;
    color: #000; }
  .sk-refinement-list-option.is-selected .sk-refinement-list-option__text {
    font-weight: 700;
    color: #000; }
  .sk-refinement-list-option__text {
    flex: auto;
    font-size: 14px;
    color: #666; }
  .sk-refinement-list-option__count {
    font-size: 12px;
    text-align: right;
    color: #ccc; }

.sk-selected-filters {
  display: flex;
  flex-flow: row wrap;
  margin-right: 10px; }
  .sk-selected-filters__item {
    flex: 0 0 auto;
    margin: 0 10px 10px 0; }
  .sk-selected-filters-option {
    background: #f4f4f4;
    border: none;
    display: flex;
    padding: 10px 0 10px 10px;
    font-size: 14px;
    line-height: 20px;
    border-radius: 3px; }
    .sk-selected-filters-option__name {
      flex: auto;
      color: #192882; }
    .sk-selected-filters-option__remove-action {
      flex: auto;
      padding: 0 10px;
      cursor: pointer;
      font-size: 16px;
      line-height: 18px;
      color: #192882;
      font-weight: 700;
      border-left: 1px solid #ddd;
      padding: 0 15px 0 10px;
      margin-left: 10px; }
      .sk-selected-filters-option__remove-action:hover {
        color: #fa2a00; }

.sk-reset-filters {
  text-align: center;
  border-radius: 3px;
  padding: 10px 20px;
  cursor: pointer;
  color: #192882; }
  .sk-reset-filters.is-disabled {
    cursor: default;
    color: #ddd; }
  .sk-reset-filters__text {
    font-size: 12px; }

.sk-menu-list__header {
  margin-bottom: 5px;
  font-weight: 700;
  font-size: 14px; }

.sk-menu-list-option {
  position: relative;
  cursor: pointer;
  padding: 0px 0;
  line-height: 22px;
  display: flex;
  font-weight: 300; }
  .sk-menu-list-option input.sk-menu-list-option__checkbox {
    margin: 5px 5px 0 1px;
    flex: 0 0 15px; }
  .sk-menu-list-option.is-active .sk-menu-list-option__text {
    font-weight: 700;
    color: #000; }
  .sk-menu-list-option.is-selected .sk-menu-list-option__text {
    font-weight: 700;
    color: #000; }
  .sk-menu-list-option__text {
    flex: auto;
    font-size: 14px;
    color: #666; }
  .sk-menu-list-option__count {
    font-size: 12px;
    text-align: right;
    color: #ccc; }

.sk-tag-filter {
  cursor: pointer; }

.sk-tag-filter-list {
  display: inline; }
  .sk-tag-filter-list .sk-tag-filter {
    display: inline; }
    .sk-tag-filter-list .sk-tag-filter:after {
      content: ", ";
      cursor: initial; }
    .sk-tag-filter-list .sk-tag-filter:last-child:after {
      content: ""; }

.sk-pagination-navigation .sk-toggle-option:first-child,
.sk-pagination-navigation .sk-toggle-option:last-child {
  flex: 4; }

/* TODO : This style is copied from PureCSS for testing purpose, please come back and update !! */
.sk-table {
  /* Remove spacing between table cells (from Normalize.css) */
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  border: 1px solid #cbcbcb;
  /* Consider removing this next declaration block, as it causes problems when
  there's a rowspan on the first cell. Case added to the tests. issue#432 */
  /*
  striping:
    even - #fff (white)
    odd  - #f2f2f2 (light gray)
  */
  /* nth-child selector for modern browsers */
  /* BORDERED TABLES */
  /* HORIZONTAL BORDERED TABLES */ }
  .sk-table caption {
    color: #000;
    font: italic 85%/1 arial, sans-serif;
    padding: 1em 0;
    text-align: center; }
  .sk-table td,
  .sk-table th {
    border-left: 1px solid #cbcbcb;
    /*  inner column border */
    border-width: 0 0 0 1px;
    font-size: inherit;
    margin: 0;
    overflow: visible;
    /*to make ths where the title is really long work*/
    padding: 0.5em 1em;
    /* cell padding */ }
  .sk-table td:first-child,
  .sk-table th:first-child {
    border-left-width: 0; }
  .sk-table thead {
    background-color: #e0e0e0;
    color: #000;
    text-align: left;
    vertical-align: bottom; }
  .sk-table td {
    background-color: transparent; }
  .sk-table-odd td {
    background-color: #f2f2f2; }
  .sk-table-striped tr:nth-child(2n-1) td {
    background-color: #f2f2f2; }
  .sk-table-bordered td {
    border-bottom: 1px solid #cbcbcb; }
  .sk-table-bordered tbody > tr:last-child > td {
    border-bottom-width: 0; }
  .sk-table-horizontal td,
  .sk-table-horizontal th {
    border-width: 0 0 1px 0;
    border-bottom: 1px solid #cbcbcb; }
  .sk-table-horizontal tbody > tr:last-child > td {
    border-bottom-width: 0; }

.sk-layout__filters .sk-panel {
  margin-bottom: 16px; }

.sk-action-bar .sk-panel__header {
  display: none; }

.sk-panel {
  width: 100%; }
  .sk-panel__header {
    color: black;
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 14px; }
    .sk-panel__header.is-collapsable {
      cursor: pointer;
      user-select: none;
      padding-left: 15px;
      position: relative; }
      .sk-panel__header.is-collapsable:after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        margin-top: -3px;
        left: -1px;
        width: 0;
        height: 0;
        border-top: 5px solid #666;
        border-right: 5px solid transparent;
        border-left: 5px solid transparent; }
      .sk-panel__header.is-collapsable.is-collapsed:after {
        width: 0;
        height: 0;
        border-bottom: 5px solid transparent;
        border-top: 5px solid transparent;
        border-left: 5px solid #666;
        margin-top: -5px;
        left: 0; }
  .sk-panel__content.is-collapsed {
    display: none; }
  .sk-panel.is-disabled {
    display: none; }

.emoticonValue {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 0 0 -14px;
  padding: 2px 0 0 6px; }

.sk-tag-filter {
  display: inline-block; }
  .sk-tag-filter.is-active {
    background-color: #dbdeef;
    font-weight: bold; }
  .sk-tag-filter.is-active::after {
    content: 'x';
    color: red;
    border-left: 1px solid #777;
    padding-left: 1ex;
    padding-right: 1ex;
    margin-left: 1ex;
    margin-top: -1em; }
  .sk-tag-filter .inline {
    display: inline; }
  .sk-tag-filter .profileLine {
    display: inline;
    margin-top: 10px; }
  .sk-tag-filter .profileLine .user {
    vertical-align: middle;
    margin-bottom: 2px; }

.date-filter input {
  display: inline-block; }

.react-datepicker__input-container {
  display: block !important; }

.sk-layout {
  float: left; }
  .sk-layout__top-bar {
    height: 40px;
    margin-top: -3px;
    z-index: 100;
    position: relative; }
    .sk-layout__top-bar button {
      display: inline-block; }
  .sk-layout__body {
    position: absolute;
    z-index: 99;
    margin: 0 auto 0;
    top: 60px;
    left: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28); }
  .sk-layout__filters {
    background: #f4f4f4;
    padding: 0 15px 15px 15px;
    margin: 15px 0 15px 15px;
    width: 250px;
    float: left;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08); }
    .sk-layout__filters .sk-panel {
      margin: 16px 0 0 0; }
      .sk-layout__filters .sk-panel.filter--type {
        margin: 0; }
    .sk-layout__filters .sk-refinement-list,
    .sk-layout__filters .sk-range-filter,
    .sk-layout__filters .sk-hierarchical-menu-list,
    .sk-layout__filters .sk-numeric-refinement-list,
    .sk-layout__filters .sk-hierarchical-refinement-list {
      margin-bottom: 20px; }
    .sk-layout__filters .sk-select {
      width: 100%; }
    .sk-layout__filters .sk-range-input {
      margin-top: 10px; }
  .sk-layout__results {
    background: white;
    margin: 15px 15px 15px 265px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
    min-height: 600px; }

.sk-action-bar {
  margin: 0 15px 15px; }
  .sk-action-bar-row {
    margin: 0 0 10px; }
    .sk-action-bar-row:last-child {
      margin: 0; }
  .sk-action-bar .sk-hits-stats {
    line-height: 30px; }

.sk-results-list {
  padding: 0; }

.sk-panel__header {
  font-size: 16px;
  margin-top: 30px;
  margin-bottom: 15px; }

.sk-item-list-option {
  align-items: flex-start;
  line-height: 14px;
  margin-bottom: 6px; }

.sk-item-list-option__text,
.sk-item-list-option__count {
  color: #666;
  font-family: "LatoLight";
  margin-bottom: 0.5em; }

.sk-item-list-option input.sk-item-list-option__checkbox {
  margin: 0 4px 0 0; }

.sk-search-box form {
  position: relative; }

.sk-search-box input.sk-search-box__text {
  width: 14em;
  height: 30px;
  box-shadow: none;
  border: 1px solid #ccc;
  color: black;
  font-size: 12px;
  padding: 2px 20px 2px 24px; }

.sk-search-box__icon {
  position: absolute;
  left: 4px;
  top: 5px;
  opacity: 0.3; }
  .sk-search-box__icon:before {
    content: '';
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KCgo8IS0tIFRoZSBpY29uIGNhbiBiZSB1c2VkIGZyZWVseSBpbiBib3RoIHBlcnNvbmFsIGFuZCBjb21tZXJjaWFsIHByb2plY3RzIHdpdGggbm8gYXR0cmlidXRpb24gcmVxdWlyZWQsIGJ1dCBhbHdheXMgYXBwcmVjaWF0ZWQuIApZb3UgbWF5IE5PVCBzdWItbGljZW5zZSwgcmVzZWxsLCByZW50LCByZWRpc3RyaWJ1dGUgb3Igb3RoZXJ3aXNlIHRyYW5zZmVyIHRoZSBpY29uIHdpdGhvdXQgZXhwcmVzcyB3cml0dGVuIHBlcm1pc3Npb24gZnJvbSBpY29ubW9uc3RyLmNvbSAtLT4KCgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgoKPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoKCSB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KCjxwYXRoIGlkPSJtYWduaWZpZXItMi1pY29uIiBkPSJNNDYwLjM1NSw0MjEuNTlMMzUzLjg0NCwzMTUuMDc4YzIwLjA0MS0yNy41NTMsMzEuODg1LTYxLjQzNywzMS44ODUtOTguMDM3CgoJQzM4NS43MjksMTI0LjkzNCwzMTAuNzkzLDUwLDIxOC42ODYsNTBDMTI2LjU4LDUwLDUxLjY0NSwxMjQuOTM0LDUxLjY0NSwyMTcuMDQxYzAsOTIuMTA2LDc0LjkzNiwxNjcuMDQxLDE2Ny4wNDEsMTY3LjA0MQoKCWMzNC45MTIsMCw2Ny4zNTItMTAuNzczLDk0LjE4NC0yOS4xNThMNDE5Ljk0NSw0NjJMNDYwLjM1NSw0MjEuNTl6IE0xMDAuNjMxLDIxNy4wNDFjMC02NS4wOTYsNTIuOTU5LTExOC4wNTYsMTE4LjA1NS0xMTguMDU2CgoJYzY1LjA5OCwwLDExOC4wNTcsNTIuOTU5LDExOC4wNTcsMTE4LjA1NmMwLDY1LjA5Ni01Mi45NTksMTE4LjA1Ni0xMTguMDU3LDExOC4wNTZDMTUzLjU5LDMzNS4wOTcsMTAwLjYzMSwyODIuMTM3LDEwMC42MzEsMjE3LjA0MQoKCXoiLz4KCjwvc3ZnPgoK) no-repeat top left;
    background-size: contain;
    height: 20px;
    width: 20px;
    display: block; }

.sk-search-box__action {
  display: none; }

.sk-search-box__loader {
  position: absolute;
  right: 4px;
  top: 4px; }
  .sk-search-box__loader.is-hidden {
    display: none; }

.sk-search-box,
#search-expand {
  display: inline-block; }

.sk-search-box {
  margin-right: 10px; }

.sk-range-filter .rc-slider-handle {
  border-color: #2a4466; }

.sk-range-filter .rc-slider-track {
  background-color: rgba(156, 162, 153, 0.5); }

.sk-reset-filters {
  border: none;
  font-size: 14px;
  margin: 0;
  padding-left: 0;
  padding-top: 5px; }

.sk-pagination-navigation {
  width: 300px;
  margin: 10px auto; }
  .sk-pagination-navigation.is-numbered {
    width: 600px; }

.sk-pagination-select {
  margin: 10px auto;
  text-align: center; }

.sk-hits-list {
  max-height: 500px;
  overflow-y: scroll;
  margin: 0 15px 20px; }
  .sk-hits-list em {
    background: #dbdeef; }
  .sk-hits-list a {
    text-decoration: none;
    color: #192882; }
  .sk-hits-list__no-results {
    text-align: center;
    margin-top: 60px; }
  .sk-hits-list__item {
    margin-bottom: 20px; }

.sk-hits-list-hit {
  padding-bottom: 1em;
  border-bottom: 1px solid #192882;
  clear: both;
  min-height: 9em;
  position: relative; }
  .sk-hits-list-hit__title {
    font-family: "LatoLight";
    line-height: 20px;
    letter-spacing: 1.7px;
    margin: 0 0 5px 80px;
    font-size: 18px; }
  .sk-hits-list-hit__content {
    font-family: "LatoLight";
    margin-left: 80px;
    margin-top: 1em;
    max-width: 85%; }
  .sk-hits-list-hit__info {
    color: #666;
    font-size: 12px;
    font-family: "LatoLight";
    margin-left: 80px;
    bottom: 2em; }
  .sk-hits-list-hit__assembl-icon-message, .sk-hits-list-hit__assembl-icon-avatar {
    margin-left: 5px;
    margin-right: 15px; }
  .sk-hits-list-hit__imgtype {
    float: left; }
    .sk-hits-list-hit__imgtype:before {
      color: #192882;
      font-size: 20px;
      margin: 0; }

.sk-action-bar .sk-select,
.sk-action-bar .sk-toggle {
  margin-left: 15px; }

.sk-layout__filters {
  max-height: 600px;
  overflow-x: hidden;
  overflow-y: scroll; }
  .sk-layout__filters .sk-select select {
    width: 100%; }

.hidden .sk-layout__body {
  z-index: 0; }

.syntheses-page .syntheses-no-synthesis {
  font-size: 18px;
  margin-top: 100px; }

.syntheses-page .page-body {
  margin-top: 24px; }

.syntheses-page .create-synthesis-button {
  margin-top: 100px; }

.synthesis-page .affix {
  top: 15%; }

.synthesis-page .actions {
  position: absolute;
  right: 0;
  list-style: none;
  margin: 5px 5px 0 0; }
  .synthesis-page .actions li {
    padding: 10px; }

.synthesis-page .synthesis-side-menu {
  background-color: #fff;
  padding: 30px;
  margin: 0 10px; }
  .synthesis-page .synthesis-side-menu .title-hyphen {
    display: block;
    width: 50px;
    margin: 10px 0 10px -35px; }
  .synthesis-page .synthesis-side-menu .assembl-icon-down-open {
    font-size: 10px;
    color: #192882;
    margin: 0 10px 1px 0; }
  .synthesis-page .synthesis-side-menu .link-container {
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .synthesis-page .synthesis-side-menu .active {
    background: rgba(25, 40, 130, 0.15); }
    .synthesis-page .synthesis-side-menu .active a {
      pointer-events: none; }
  .synthesis-page .synthesis-side-menu .side-menu-link-1 {
    overflow: auto;
    font-size: 14px;
    color: #192882;
    line-height: 22px;
    font-family: "LatoBold";
    letter-spacing: 2px;
    padding: 4px 0; }
  .synthesis-page .synthesis-side-menu .side-menu-link-2 {
    overflow: auto;
    margin-left: 20px;
    font-size: 12px;
    color: #192882;
    line-height: 20px;
    font-family: "LatoBold"; }
  .synthesis-page .synthesis-side-menu .side-menu-link-3 {
    overflow: auto;
    margin-left: 40px;
    font-size: 12px;
    color: #192882;
    line-height: 20px;
    font-family: "LatoBold"; }
  .synthesis-page .synthesis-side-menu .dark-title-4 {
    font-family: "latoRegular";
    font-size: 18px; }

.synthesis-page .synthesis-block .content-section {
  padding: 0 0 60px 0;
  text-align: justify;
  font-size: 18px; }

.synthesis-page .synthesis-tree {
  padding-top: 60px; }

.synthesis-page .idea-synthesis-section .content-section {
  padding: 0; }

.synthesis-page .idea-synthesis-section .title-section {
  margin: 0; }

.synthesis-page .idea-synthesis-section .section-title1 {
  font-size: 32px; }

.synthesis-page .idea-synthesis-section .section-title-2 {
  font-size: 26px; }

.synthesis-page .idea-synthesis-section .section-title-3 {
  font-size: 20px; }

.create-synthesis-button {
  margin-bottom: 25px; }

.synthesis-form .content-section {
  margin-left: 70px; }

.synthesis-form .admin-box {
  margin: 20px 0;
  padding: 40px;
  border-radius: 3px; }

.synthesis-form .url-field > .form-group,
.synthesis-form .form-group > #title {
  width: 400px; }

.synthesis-form .button-container {
  display: flex;
  justify-content: space-around; }

.synthesis-form .action-button {
  margin-left: 20px; }

.synthesis-iframe {
  height: 1500px;
  width: 100%;
  border: none; }

.profile .profile-cookies-configuration {
  margin-bottom: 50px; }

.profile .submit-button-container .button-submit {
  margin-left: 50px; }

.profile .profile-form {
  max-width: 468px;
  margin: 35px 0 0 100px; }
  .profile .profile-form button {
    display: block;
    margin: 40px auto; }
  .profile .profile-form .form-control {
    height: 44px; }
  .profile .profile-form .control-label {
    font-size: 10px;
    text-align: left;
    width: 100%; }
  .profile .profile-form .warning {
    font-size: 12px;
    text-align: left;
    color: #f00; }

.profile .border-left {
  border-left-color: #eceeed;
  padding-left: 6%; }

.profile .assembl-icon-profil:before {
  font-size: 80px; }

.profile .member-since {
  width: 20ex;
  line-height: 1.5em;
  font-family: "LatoLight";
  font-size: 12px; }
  .profile .member-since.lang-fr {
    width: 21ex; }
  .profile .member-since.lang-en {
    width: 18ex; }

.profile .dark-title-1 {
  margin: 15px 0 0 0; }

.profile .dark-title-2 {
  color: #192882;
  font-family: "latoRegular";
  font-size: 20px;
  letter-spacing: 1.7px;
  text-transform: none;
  margin-top: 28px; }

.profile .dark-title-3 {
  font-family: "LatoBold";
  font-size: 16px; }

.profile .help-block {
  color: #f00;
  text-align: left;
  font-family: "LatoItalic";
  font-size: 12px; }

.profile .has-error .form-control {
  border: 1px solid #f00 !important;
  border-radius: 0;
  box-shadow: none; }

.profile .form-control {
  border: #fff;
  border-radius: 0;
  box-shadow: none; }
  .profile .form-control:focus {
    border-radius: 0;
    border: 1px solid #0af !important;
    box-shadow: none; }

@media screen and (max-width: 480px) {
  .profile .border-left {
    padding-left: 0; }
  .profile .profile-form {
    padding: 0; }
  .profile .no-padding-sm {
    padding-left: 0;
    padding-right: 0; } }

@media screen and (max-width: 600px) {
  .profile .border-left {
    border: none; }
  .profile .profile-form {
    width: 100%;
    margin: 0; }
  .profile .dark-title-1 {
    margin-top: 60px; } }

.votesession-page h1,
.votesession-page h2,
.votesession-page h3 {
  margin-bottom: 0; }

.votesession-page .vote-instructions {
  padding: 0 10px;
  font-size: 18px;
  font-family: "LatoLight";
  max-width: 780px;
  line-height: 32px; }

.votesession-page .content-section {
  padding: 0; }

.votesession-page .available-tokens {
  margin: 20px 0 40px; }
  .votesession-page .available-tokens .category-available-tokens {
    display: flex;
    padding: 0 0 15px;
    max-width: 780px;
    margin-left: -5px; }
    .votesession-page .available-tokens .category-available-tokens h2 {
      margin-top: 7px; }
    .votesession-page .available-tokens .category-available-tokens .tokens {
      padding-left: 100px;
      padding-top: 9px; }
    .votesession-page .available-tokens .category-available-tokens .text {
      margin: 0; }
    .votesession-page .available-tokens .category-available-tokens span {
      font-size: 12px; }

.votesession-page .available-tokens-sticky {
  position: fixed;
  top: 60px;
  left: 0;
  right: 0;
  z-index: 100;
  border-top: 1px solid #eceeed;
  box-shadow: 3px 4px 7px #eceeed; }
  .votesession-page .available-tokens-sticky .separator {
    display: none; }
  .votesession-page .available-tokens-sticky .category-available-tokens .tokens {
    padding: 20px 0 0 0;
    display: inline-block;
    vertical-align: top;
    text-align: left; }
    .votesession-page .available-tokens-sticky .category-available-tokens .tokens svg {
      margin: 0 3px; }
  .votesession-page .available-tokens-sticky .category-available-tokens .text {
    line-height: 20px;
    margin: 0 0 5px;
    display: inline-block;
    text-align: left; }
    .votesession-page .available-tokens-sticky .category-available-tokens .text .dark-title-2 {
      font-size: 14px;
      line-height: 18px; }
    .votesession-page .available-tokens-sticky .category-available-tokens .text span {
      font-size: 12px; }

.votesession-page .extra-margin-top {
  margin-top: 400px; }

.votesession-page .tokens > * {
  margin: 7px 3px; }

.votesession-page .theme-box:first-child {
  margin: -70px 0 0; }

.votesession-page .proposal.row {
  margin: 90px 10px 70px; }
  .votesession-page .proposal.row .proposal-title {
    font-family: "latoRegular";
    margin-top: 0;
    font-size: 22px; }
  .votesession-page .proposal.row .text {
    line-height: 24px; }
  .votesession-page .proposal.row .proposal-vote-modules {
    display: flex;
    justify-content: center;
    flex-direction: column; }
  .votesession-page .proposal.row .tokens-line {
    margin-bottom: 0; }
    .votesession-page .proposal.row .tokens-line p {
      margin: 0; }
    .votesession-page .proposal.row .tokens-line .tokens {
      margin-left: -5px; }
  .votesession-page .proposal.row .tokens > button {
    border: none;
    padding: 0;
    background: none; }
    .votesession-page .proposal.row .tokens > button:focus {
      outline: none; }
    .votesession-page .proposal.row .tokens > button:active {
      box-shadow: none; }
  .votesession-page .proposal.row .tokens > .btn-default:hover {
    background-color: transparent; }

.votesession-page .form-actions {
  margin-top: 50px;
  margin-bottom: 100px; }

.votesession-page .link-button {
  border: none;
  font-size: 12px;
  color: #192882;
  text-decoration: none;
  background-color: #eceeed;
  padding: 15px; }
  .votesession-page .link-button:hover {
    color: #000;
    text-decoration: none; }
  .votesession-page .link-button:focus {
    outline: none; }
  .votesession-page .link-button:active {
    box-shadow: none; }
  .votesession-page .link-button [class^='assembl-icon-']:before,
  .votesession-page .link-button [class*=' assembl-icon-']:before {
    font-size: 10px;
    margin-left: 5px; }

.votesession-page .link-button:focus,
.votesession-page .link-button:active,
.votesession-page .link-button:hover {
  background-color: transparent; }

.votesession-page .expand-row {
  margin: 0 40px; }

.votesession-page .participants-count .assembl-icon-profil:before {
  font-size: 40px;
  margin-bottom: 8px; }

.votesession-page .participants-count__text {
  color: #192882;
  padding: 0 10px 20px 10px; }

.votesession-page .proposal-results .participants-count {
  border: 1px solid #eceeed;
  margin: 20px 0;
  min-height: 120px; }

.votesession-page .proposal-results .doughnut-container {
  text-align: center;
  height: 150px;
  width: 150px;
  padding: 10px 0 0;
  position: relative;
  margin: auto; }
  .votesession-page .proposal-results .doughnut-container .doughnut .circle {
    stroke-width: 18px; }
  .votesession-page .proposal-results .doughnut-container .doughnut-totalCount {
    position: absolute;
    top: 63px;
    left: 53px;
    width: 45px;
    font-size: 14px; }
    .votesession-page .proposal-results .doughnut-container .doughnut-totalCount .vote-totalCount {
      font-size: 16px;
      font-weight: bold;
      font-family: "LatoBold"; }

.votesession-page .votes-in-progress {
  margin: 0 40px;
  padding: 0 15px 15px; }
  .votesession-page .votes-in-progress .padding-s {
    padding-left: 5px;
    padding-right: 5px; }
  .votesession-page .votes-in-progress .box {
    border: 1px solid #eceeed;
    margin-top: 10px;
    height: 140px;
    text-align: center; }
  .votesession-page .votes-in-progress .tokens-box {
    text-align: center; }
  .votesession-page .votes-in-progress .doughnut-container {
    margin: 0 auto 0 auto;
    height: 80px;
    width: 80px;
    position: relative; }
    .votesession-page .votes-in-progress .doughnut-container .doughnut .circle {
      stroke-width: 18px; }
    .votesession-page .votes-in-progress .doughnut-container .doughnut-totalCount {
      position: absolute;
      top: 23px;
      left: 24px;
      width: 34px;
      font-size: 10px; }
      .votesession-page .votes-in-progress .doughnut-container .doughnut-totalCount .vote-totalCount {
        font-size: 12px;
        font-family: "LatoBold"; }

.votesession-page .expand-result {
  padding-bottom: 20px; }

.votesession-page .gauge-box {
  padding: 20px 0 0; }

.votesession-page .gauge-box__instructions {
  font-size: 14px; }

.votesession-page .gauge-box__estimate {
  color: #192882; }

.votesession-page .separator {
  border-bottom: 1px solid #eceeed;
  max-width: 605px;
  margin-left: -5px; }

.token-tooltip {
  border-radius: 4px; }
  .token-tooltip .tooltip-inner {
    background: none; }

@media screen and (min-width: 768px) {
  .votesession-page .proposal.row {
    padding: 15px 5px 15px 0;
    display: flex; }
  .votesession-page .participants-count {
    height: inherit;
    padding: 20px 0 0; }
  .votesession-page .tokens-box {
    padding: 19px 0 19px 0;
    text-align: center; } }

@media screen and (max-width: 767px) {
  .votesession-page .votes-in-progress {
    padding: 0 0 15px 0; }
    .votesession-page .votes-in-progress .box {
      margin-top: 15px;
      height: 160px; }
  .votesession-page .available-tokens-sticky {
    display: none; }
  .votesession-page .container {
    padding: 0;
    margin: 0; }
  .votesession-page .proposal.row {
    padding: 15px 0 15px; }
  .votesession-page .participants-count {
    padding: 32px 0 0; }
  .votesession-page .tokens-box {
    padding: 10px 0 20px 0;
    text-align: center; }
  .votesession-page .section-title {
    display: block; }
  .votesession-page .max-container {
    padding-left: 15px;
    padding-right: 15px; } }

@media screen and (max-width: 660px) {
  .votesession-page .available-tokens .category-available-tokens {
    display: block; }
    .votesession-page .available-tokens .category-available-tokens .tokens {
      padding-left: 10px;
      margin-left: -5px; } }

@media screen and (max-width: 420px) {
  .votesession-page .title-section .dark-title-1 {
    margin: 0 5px; } }

.error-page {
  background-color: #dbdeef;
  margin: 0;
  overflow-x: hidden; }
  .error-page .main-table {
    width: 100%;
    height: 100vh;
    text-align: left; }
  .error-page .main-table tr {
    height: 100%; }
  .error-page .server-image {
    margin-left: 40px;
    width: 85%;
    max-width: 400px; }
  .error-page .td-text {
    min-width: 350px; }
  @media only screen and (max-width: 1100px) {
    .error-page .td-img {
      width: auto; } }
  @media only screen and (max-width: 800px) {
    .error-page .td-img {
      display: none; }
    .error-page .td-space {
      width: 0%;
      display: none; }
    .error-page .td-text {
      width: 100%; } }
  .error-page .title-error-code {
    font-family: latoBold;
    font-size: 120px;
    text-align: center;
    color: #192882;
    margin: 0;
    margin-top: -55px; }
  .error-page .title-error {
    font-family: latoBold;
    font-size: 44px;
    text-align: center;
    color: #192882;
    margin-block-end: 0;
    margin-block-start: 0;
    margin-bottom: 25px; }
  .error-page .text {
    font-family: latoMedium;
    text-align: center;
    font-size: 20px;
    word-spacing: 2px;
    letter-spacing: 1px;
    margin: 0; }
  .error-page .excuse {
    font-size: 18px;
    font-weight: bold;
    font-style: italic;
    margin-top: 25px; }
  .error-page button {
    font-family: LatoMedium;
    font-size: 12px;
    font-weight: bold;
    color: #0af;
    letter-spacing: 1.7px;
    text-align: center;
    text-transform: uppercase;
    line-height: 1.42857143;
    border: 2px solid #192882;
    background-color: transparent;
    padding: 10px 24px;
    min-width: 210px;
    margin-top: 40px;
    margin-left: 50%;
    transform: translateX(-50%);
    transition: color 0.2s ease-in;
    -webkit-transition: right 0.2s ease-in;
    z-index: 0;
    cursor: pointer; }
  .error-page button:before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #192882;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in; }
  .error-page button:hover:before, .error-page button:focus:before, .error-page button:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1); }

.navbar-default {
  background-color: #fff;
  border: 0 !important;
  box-shadow: none !important; }

.modal-content .modal-header {
  border: none; }

.modal-content .modal-body {
  padding: 0 50px 15px 50px;
  text-align: center; }

.modal-content .modal-footer {
  display: flex;
  justify-content: space-between;
  padding-bottom: 50px;
  border: 0;
  outline: none;
  text-align: center; }

.tooltip.top .tooltip-inner {
  background-color: #000; }

.tooltip.top .tooltip-arrow {
  border-top-color: #000; }

.administration .form-group {
  margin-bottom: 25px; }

.alert-warning {
  background-color: #ffd58f;
  color: #ff6a00; }

.no-arrow-tooltip .tooltip-arrow {
  display: none; }

.tooltip {
  opacity: 1 !important; }

.popover {
  z-index: 1050; }

.nav {
  font-size: 18px;
  letter-spacing: 1px;
  padding-left: 10px;
  padding-right: 10px; }
  .nav > li > a {
    padding: 10px 5px; }

.nav-tabs {
  padding-bottom: 25px; }
  .nav-tabs > li > a {
    border: none; }
    .nav-tabs > li > a:hover {
      background-color: transparent; }
  .nav-tabs.nav-justified > li > a {
    border-bottom: 2px solid #0af;
    color: #192882;
    opacity: 0.2;
    outline: none; }
    .nav-tabs.nav-justified > li > a:hover {
      color: #192882;
      opacity: 1; }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border: none;
    color: #192882;
    border-bottom: 2px solid #0af;
    border-radius: 0;
    opacity: 1; }

.panel-heading {
  background-color: #fff !important; }

.has-error .control-label {
  color: #f00 !important; }

.has-error .form-control {
  border-color: #f00 !important; }

@media screen and (min-width: 768px) {
  .nav {
    font-family: "LatoLight";
    font-size: 25px;
    letter-spacing: 1.4px; }
  .nav-tabs {
    padding-bottom: 30px; } }

@media screen and (min-width: 1200px) {
  .nav {
    font-size: 30px;
    letter-spacing: 1.7px; }
  .nav-tabs {
    padding-bottom: 45px; } }

:focus {
  outline: none; }

.bright-mirror-fiction {
  padding-bottom: 30px;
  padding-top: 15px; }
  .bright-mirror-fiction p {
    min-height: 1em;
    margin: 0; }

.side-comment-container {
  position: absolute;
  left: 0;
  padding-top: 10px; }

.bright-mirror-comments {
  padding: 30px 0;
  z-index: 100;
  position: relative; }
  .bright-mirror-comments .comments-content {
    background-color: #fff;
    padding: 30px 15px 20px 15px; }
    .bright-mirror-comments .comments-content .level .expand-indented {
      display: none; }
    .bright-mirror-comments .comments-content .level .border-left {
      border-left: none; }

.background-fiction-default {
  /* stylelint-disable-next-line declaration-colon-newline-after */
  background-image: radial-gradient(circle at 49% 95%, #f1fbe5, #b7f4f0); }

.background-comments-default {
  background: repeating-linear-gradient(-45deg, #d2ffee, #d2ffee 4px, #fff 2px, #fff 7px); }

@media screen and (min-width: 768px) {
  .bright-mirror-fiction {
    padding-left: 70px;
    padding-right: 70px; }
  .bright-mirror-comments {
    padding: 40px; }
    .bright-mirror-comments .comments-content {
      margin-left: 0;
      padding-left: 70px;
      padding-right: 70px; }
      .bright-mirror-comments .comments-content .level .expand-indented {
        display: inline-block; }
      .bright-mirror-comments .comments-content .level .level-1,
      .bright-mirror-comments .comments-content .level .level-2 {
        padding-left: 40px; } }

@media screen and (min-width: 1440px) {
  .bright-mirror-fiction,
  .bright-mirror-comments {
    padding: 30px 200px 70px; }
  .bright-mirror-comments .comments-content {
    padding: 80px 50px; } }

.bright-mirror-fiction .back-btn {
  display: block;
  margin: 0 15px 15px 15px;
  width: 28px; }

@media screen and (min-width: 768px) {
  .bright-mirror-fiction .back-btn {
    margin: 0 15px 25px;
    width: 165px; } }

@media screen and (min-width: 1440px) {
  .bright-mirror-fiction .back-btn {
    margin-bottom: 30px; } }

.circle-avatar {
  height: 30px;
  width: 30px;
  border-radius: 50%; }

.action-toggle {
  cursor: pointer; }

.action-delete {
  border: none;
  cursor: pointer;
  padding: 0; }

.action-edit {
  border: none;
  cursor: pointer;
  padding: 0; }

.action-reply {
  cursor: pointer; }
  .action-reply.disabled {
    color: #666;
    pointer-events: none;
    cursor: default; }
  .action-reply .assembl-icon-back-arrow:before {
    transform: scaleX(-1); }

.comment-helper {
  background-color: transparent;
  border: none;
  padding: 0; }

.header {
  align-items: center;
  display: flex;
  margin: 0 auto 10px auto; }
  .header .meta {
    color: #000;
    font-size: 18px;
    padding-left: 15px;
    flex-grow: 1; }
  .header .author {
    margin-bottom: 4px; }
  .header .date-time {
    font-size: 14px;
    font-family: "LatoLight";
    margin-bottom: 0; }

hr {
  margin-top: 10px;
  margin-bottom: 10px;
  border-top-color: #666; }

@media screen and (min-width: 992px) {
  .header {
    align-items: flex-start;
    flex-direction: column; }
    .header .meta {
      padding-left: 0;
      padding-top: 10px; } }

@media screen and (min-width: 768px) {
  .header .author {
    margin-bottom: 7px; }
  hr {
    margin-top: 12px; } }

.action-buttons {
  margin-bottom: 20px;
  text-align: right; }
  .action-buttons .custom-overlay {
    display: inline-block; }
    .action-buttons .custom-overlay div {
      display: inline-block; }
  .action-buttons .edit,
  .action-buttons .delete,
  .action-buttons .share {
    color: #000;
    font-size: 17px;
    padding-left: 10px;
    background: none;
    border: none; }
    .action-buttons .edit .assembl-icon-share::before,
    .action-buttons .delete .assembl-icon-share::before,
    .action-buttons .share .assembl-icon-share::before {
      margin-left: 0;
      margin-right: 0;
      font-size: 18px; }
    .action-buttons .edit:hover, .action-buttons .edit:focus, .action-buttons .edit:active,
    .action-buttons .delete:hover,
    .action-buttons .delete:focus,
    .action-buttons .delete:active,
    .action-buttons .share:hover,
    .action-buttons .share:focus,
    .action-buttons .share:active {
      background: none;
      border: none;
      outline: none;
      box-shadow: none; }
  .action-buttons .edit,
  .action-buttons .delete {
    padding-right: 10px; }

@media screen and (min-width: 768px) {
  .action-buttons {
    margin-bottom: 20px; } }

@media screen and (min-width: 1440px) {
  .action-buttons .edit,
  .action-buttons .delete,
  .action-buttons .share {
    cursor: pointer;
    display: inline-block;
    transition: all 0.2s ease-in-out; }
    .action-buttons .edit:hover,
    .action-buttons .delete:hover,
    .action-buttons .share:hover {
      transform: scale(1.2); }
  .action-buttons {
    margin-bottom: 35px; } }

.body-toolbar-container {
  position: fixed;
  left: 0; }
  .body-toolbar-container .add-sentiment {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin: 0 0.25em; }
  .body-toolbar-container .min-sentiment {
    position: absolute; }
  @media screen and (min-width: 1200px) {
    .body-toolbar-container .sentiment {
      padding-bottom: 7.5px;
      padding-top: 7.5px;
      padding-right: 5px; }
    .body-toolbar-container .sentiment svg {
      width: 35px;
      height: 35px; }
    .body-toolbar-container .comment-helper {
      font-size: 28px;
      padding-right: 4px;
      padding-bottom: 7.5px;
      padding-top: 7.5px;
      transition: all 0.2s ease-in-out; }
      .body-toolbar-container .comment-helper:hover {
        transform: scale(1.3); }
    .body-toolbar-container .min-sentiment svg {
      width: 25px;
      height: 25px; }
    .body-toolbar-container .sentiments-count {
      height: 25px; }
      .body-toolbar-container .sentiments-count .txt {
        font-size: 16px; }
    .body-toolbar-container .margin-m {
      margin-top: 0; } }

.modal-comment-helper-gif {
  width: 500px;
  margin-bottom: 10px; }

.modal-comment-helper-content {
  margin-top: 10px; }
  .modal-comment-helper-content ol {
    padding-left: 20px; }

.bright-mirror-fiction .post-body-title {
  color: #000;
  font-size: 25px;
  letter-spacing: 2.4px;
  font-family: "latoRegular";
  margin-bottom: 20px; }

.bright-mirror-fiction .post-body-content {
  color: #000;
  line-height: 1.7;
  letter-spacing: 0.9px;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
  hyphens: none; }
  .bright-mirror-fiction .post-body-content .attachment-image {
    margin-bottom: 20px;
    margin-top: 15px; }

.bright-mirror-fiction .active-extract,
.bright-mirror-fiction .selection-highlight {
  background-color: rgba(25, 40, 130, 0.6); }

@media screen and (min-width: 768px) {
  .bright-mirror-fiction .post-body-title {
    font-size: 42px;
    letter-spacing: 2.4px;
    margin-bottom: 30px; }
  .bright-mirror-fiction .post-body-content {
    font-size: 18px;
    letter-spacing: 1.1px; }
    .bright-mirror-fiction .post-body-content .attachment-image {
      margin-bottom: 35px;
      margin-top: 35px; } }

@media screen and (min-width: 1440px) {
  .bright-mirror-fiction .post-body-content .attachment-image {
    margin-bottom: 25px;
    margin-top: 45px; } }

.comments-header {
  padding-bottom: 25px;
  padding-left: 15px;
  padding-right: 15px; }
  .comments-header .title {
    color: #000;
    font-family: "LatoLight";
    font-size: 25px;
    font-weight: 300;
    line-height: 1.44;
    letter-spacing: 2px; }
  .comments-header .title .highlight {
    display: block;
    font-family: "latoRegular"; }
  .comments-header .subtitle {
    color: #000;
    font-family: "latoRegular";
    font-size: 18px;
    letter-spacing: 1.1px;
    margin: 0; }

@media screen and (min-width: 768px) {
  .comments-header .title {
    font-size: 42px;
    letter-spacing: 2.4px;
    line-height: 1.4;
    margin-bottom: 35px; }
  .comments-header .title .highlight {
    display: inline-block; }
  .comments-header .img-responsive {
    margin: 0 auto; } }

@media screen and (min-width: 1440px) {
  .comments-header .title {
    margin-bottom: 35px; }
  .comments-header .subtitle {
    font-size: 36px;
    margin-top: 35px; } }

.comment-form {
  border: 2px solid #192882;
  border-radius: 4px;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 25px; }
  .comment-form .form-control {
    border: none;
    height: 125px;
    resize: none !important; }
    .comment-form .form-control::placeholder {
      font-size: 18px; }
    .comment-form .form-control:focus {
      box-shadow: none; }
  .comment-form .comment-textarea {
    flex-grow: 20;
    margin: 0; }
  .comment-form .comment-buttons {
    display: flex;
    flex-grow: 1; }
  .comment-form .btn {
    border-color: transparent;
    flex-basis: 100px;
    flex-grow: 1; }
    .comment-form .btn.cancel {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
    .comment-form .btn.submit {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }

@media screen and (min-width: 768px) {
  .comment-form {
    margin-bottom: 50px; }
    .comment-form .form-control {
      border-top-right-radius: 0;
      border-bottom-right-radius: 0;
      height: 75px; }
    .comment-form .btn.cancel {
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; } }

.tree-list .comment-form {
  margin-bottom: 0; }

@media screen and (max-width: 1440px) {
  .tree-list {
    padding-bottom: 25px; } }

.comment-container {
  display: flex; }
  .comment-container .circle-avatar {
    height: 30px;
    margin-top: 5px;
    width: 30px; }
  .comment-container .content {
    color: #000;
    font-size: 12px;
    padding-bottom: 25px;
    padding-left: 10px;
    width: 100%; }
    .comment-container .content .meta p {
      margin-bottom: 4px;
      margin-right: 4px; }
    .comment-container .content .meta .author .assembl-icon-back-arrow {
      display: inline-block;
      font-size: 10px;
      padding-left: 6px;
      padding-right: 6px;
      transform: scaleX(-1); }
    .comment-container .content .meta .published-date {
      font-size: 10px;
      font-weight: 300;
      line-height: 1.91; }
      .comment-container .content .meta .published-date .isEdited {
        text-transform: capitalize; }
        .comment-container .content .meta .published-date .isEdited:before {
          content: '-';
          margin-left: 4px;
          margin-right: 4px; }
    .comment-container .content .comment-form {
      margin-bottom: 5px; }
    .comment-container .content .comment {
      background-color: #cef1ff;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;
      border-bottom-left-radius: 4px;
      letter-spacing: 1px;
      line-height: 1.62;
      margin-bottom: 7px;
      padding: 11px 15px;
      overflow-wrap: break-word;
      word-wrap: break-word;
      word-break: break-word;
      hyphens: auto; }
    .comment-container .content .toolbar {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      .comment-container .content .toolbar .left-content,
      .comment-container .content .toolbar .right-content {
        display: flex; }
      .comment-container .content .toolbar .action-edit,
      .comment-container .content .toolbar .action-delete {
        background-color: transparent; }
      .comment-container .content .toolbar .action-edit {
        margin-left: 15px;
        margin-right: 15px; }
        .comment-container .content .toolbar .action-edit .editPostIcon path {
          fill: #192882;
          stroke: #192882; }
      .comment-container .content .toolbar .action-delete .deletePostIcon .group {
        fill: #192882; }
        .comment-container .content .toolbar .action-delete .deletePostIcon .group .path {
          stroke: #192882; }
      .comment-container .content .toolbar .assembl-icon-up-open,
      .comment-container .content .toolbar .assembl-icon-down-open {
        color: #000;
        font-size: 8px;
        padding-left: 7px; }
      .comment-container .content .toolbar .assembl-icon-back-arrow,
      .comment-container .content .toolbar .assembl-icon-edit,
      .comment-container .content .toolbar .assembl-icon-delete {
        color: #000;
        font-size: 14px; }
      .comment-container .content .toolbar .assembl-icon-back-arrow,
      .comment-container .content .toolbar .assembl-icon-edit {
        padding-left: 15px;
        padding-right: 15px; }
      .comment-container .content .toolbar .assembl-icon-delete {
        padding-left: 0;
        padding-right: 0; }
      .comment-container .content .toolbar .assembl-icon-back-arrow {
        display: inline-block;
        transform: scaleX(-1); }
      .comment-container .content .toolbar .action-toggle,
      .comment-container .content .toolbar .action-reply,
      .comment-container .content .toolbar .action-edit,
      .comment-container .content .toolbar .action-delete {
        opacity: 0.7;
        transition: opacity 0.2s linear; }
        .comment-container .content .toolbar .action-toggle:hover,
        .comment-container .content .toolbar .action-reply:hover,
        .comment-container .content .toolbar .action-edit:hover,
        .comment-container .content .toolbar .action-delete:hover {
          opacity: 1; }

.level-0 .comment-container .content .meta .author .parent-info {
  display: none; }

.level-1 .comment-container .content .meta .author .parent-info {
  display: inline-block; }

.level-1 .comment-container .content .comment {
  background-color: rgba(206, 241, 255, 0.75); }

.level-2 .comment-container .content .comment {
  background-color: rgba(206, 241, 255, 0.5); }

.level-3 .comment-container .content .comment {
  background-color: rgba(206, 241, 255, 0.25); }

@media screen and (min-width: 768px) {
  .comment-container .circle-avatar {
    margin-top: 0; }
  .comment-container .content .meta {
    display: flex; }
    .comment-container .content .meta .published-date:before {
      content: '-';
      margin-right: 4px; }
  .comment-container {
    padding-left: 40px; } }

@media screen and (min-width: 1440px) {
  .comment-container {
    padding-right: 40px; } }

.bright-mirror-comments .no-row {
  padding-bottom: 80px; }

.bright-mirror-comments .post-folded {
  cursor: pointer;
  margin-bottom: 25px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-size: 12px; }

.fiction-edit-modal .modal-dialog {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0; }

.fiction-edit-modal .modal-content {
  height: auto;
  min-height: 100%;
  border-radius: 0;
  background-color: #dbdeef; }

.fiction-edit-modal .fiction-edit-modal-inner {
  height: 100%;
  padding: 40px; }
  .fiction-edit-modal .fiction-edit-modal-inner .assembl-icon-back-arrow:before {
    font-size: 14px; }
  .fiction-edit-modal .fiction-edit-modal-inner .answer-form-inner {
    margin: 13px; }
    .fiction-edit-modal .fiction-edit-modal-inner .answer-form-inner .editor-label {
      padding-top: 16px; }
  .fiction-edit-modal .fiction-edit-modal-inner .button-container {
    width: 100%;
    margin: 10px 0 0; }
    .fiction-edit-modal .fiction-edit-modal-inner .button-container .button-cancel {
      width: 100%; }
    .fiction-edit-modal .fiction-edit-modal-inner .button-container .button-submit {
      width: 100%; }
  .fiction-edit-modal .fiction-edit-modal-inner .assembl-icon-back-arrow {
    padding-left: 10px; }
  .fiction-edit-modal .fiction-edit-modal-inner .btn {
    margin: 3px 0 8px; }
  .fiction-edit-modal .fiction-edit-modal-inner .btn-draft {
    margin-right: 20px; }
  .fiction-edit-modal .fiction-edit-modal-inner .rich-text-editor .public-DraftEditor-content {
    height: 300px; }
  @media screen and (min-width: 768px) {
    .fiction-edit-modal .fiction-edit-modal-inner .button-container {
      display: flex;
      justify-content: space-between; }
      .fiction-edit-modal .fiction-edit-modal-inner .button-container .button-cancel {
        width: initial; }
      .fiction-edit-modal .fiction-edit-modal-inner .button-container .button-submit {
        width: initial; }
    .fiction-edit-modal .fiction-edit-modal-inner .rich-text-editor .public-DraftEditor-content {
      height: 400px; } }
  @media screen and (min-width: 1440px) {
    .fiction-edit-modal .fiction-edit-modal-inner .rich-text-editor .public-DraftEditor-content {
      height: 600px; } }

@media screen and (min-width: 1199px) {
  .fiction-edit-modal {
    width: 70%;
    height: 750px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); } }

@media screen and (min-width: 1440px) {
  .fiction-edit-modal {
    height: 950px; } }

.fiction-preview {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: solid 3px #192882;
  box-shadow: 0 2px 3px 0 #666;
  width: 149px;
  height: 200px;
  margin: 4px;
  transition: all 0.3s ease-out; }
  .fiction-preview.draft {
    background-color: #fff !important;
    border-color: #192882;
    border-style: solid;
    border-width: 1px 1px 3px 1px; }
    .fiction-preview.draft .actions li {
      background-color: #eceeed; }
    .fiction-preview.draft h3,
    .fiction-preview.draft p,
    .fiction-preview.draft .author,
    .fiction-preview.draft .published-date {
      color: #000; }
  .fiction-preview:hover {
    transform: scale(1.02); }
  .fiction-preview h3,
  .fiction-preview p,
  .fiction-preview .author,
  .fiction-preview .published-date {
    color: #fff;
    letter-spacing: normal;
    line-height: 1.19;
    text-align: left;
    text-transform: capitalize; }
  .fiction-preview h3,
  .fiction-preview .author {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .fiction-preview h3 {
    font-size: 16px;
    margin-bottom: 17px;
    width: 130px; }
  .fiction-preview .draft-label {
    position: absolute;
    top: 70px;
    left: 0;
    right: 0;
    width: 60%;
    margin: 0 auto;
    padding: 5px 0;
    border: 1px solid #192882;
    text-align: center;
    color: #192882;
    font-size: 16px;
    font-style: italic;
    letter-spacing: normal;
    line-height: 1.19; }
  .fiction-preview .actions {
    position: absolute;
    top: 0;
    right: 0;
    list-style: none;
    padding: 0;
    margin: 6px 6px 12px auto; }
    .fiction-preview .actions li {
      width: 30px;
      height: 30px;
      background-color: #fff;
      border-radius: 50%;
      margin-bottom: 8px;
      display: flex;
      align-items: center;
      justify-content: center; }
      .fiction-preview .actions li .assembl-icon-share:before {
        font-size: 14px; }
      .fiction-preview .actions li a {
        display: block;
        width: 100%;
        height: 100%;
        font-size: 9px;
        color: #000; }
      .fiction-preview .actions li .edit svg {
        margin-top: 6px; }
  .fiction-preview .content-box {
    display: block;
    text-align: center;
    cursor: pointer;
    height: 100%;
    width: 100%;
    position: relative; }
    .fiction-preview .content-box .link {
      display: block;
      width: 100%;
      height: 100%; }
    .fiction-preview .content-box .inner-box {
      position: absolute;
      bottom: 0;
      padding: 0 8px; }
      .fiction-preview .content-box .inner-box .info {
        align-items: center;
        display: flex;
        margin-bottom: 12px; }
        .fiction-preview .content-box .inner-box .info .author {
          font-size: 10px;
          line-height: 12px;
          padding-right: 3px;
          max-width: 70px; }
        .fiction-preview .content-box .inner-box .info .published-date {
          font-family: "LatoLight";
          font-size: 10px;
          font-weight: 300; }
  @media (min-width: 480px) {
    .fiction-preview {
      margin: 13px;
      width: 200px;
      height: 268px; }
      .fiction-preview h3 {
        width: 170px; }
      .fiction-preview .draft-label {
        width: 45%;
        top: 100px; }
      .fiction-preview .content-box .inner-box .info .author {
        max-width: 120px; } }
  @media (min-width: 768px) {
    .fiction-preview {
      border-bottom: solid 3px #192882;
      width: 336px;
      height: 456px; }
      .fiction-preview h3 {
        font-size: 25px;
        width: 300px; }
      .fiction-preview .draft-label {
        width: 42%;
        top: 180px;
        font-size: 25px; }
      .fiction-preview .actions {
        margin-top: 20px;
        margin-right: 18px; }
        .fiction-preview .actions li {
          width: 36px;
          height: 36px;
          margin-bottom: 14px; }
          .fiction-preview .actions li a {
            font-size: 17px; }
      .fiction-preview .content-box .inner-box {
        padding: 0 17px; }
        .fiction-preview .content-box .inner-box .info {
          margin-bottom: 36px; }
          .fiction-preview .content-box .inner-box .info .author {
            font-size: 12px;
            max-width: 230px; }
          .fiction-preview .content-box .inner-box .info .published-date {
            font-size: 10px; } }
  @media (min-width: 992px) {
    .fiction-preview {
      width: 368px;
      height: 499px;
      border-bottom: solid 3px #192882; }
      .fiction-preview h3 {
        font-size: 25px;
        margin-bottom: 20px;
        width: 320px; }
      .fiction-preview .actions {
        margin-top: 22px;
        margin-right: 20px; }
        .fiction-preview .actions li {
          width: 39px;
          height: 39px;
          margin-bottom: 14px; }
          .fiction-preview .actions li a {
            font-size: 18px; }
      .fiction-preview .content-box .inner-box {
        padding: 0 19px; }
        .fiction-preview .content-box .inner-box .info {
          margin-bottom: 41px; }
          .fiction-preview .content-box .inner-box .info .author {
            max-width: 260px; } }

.fictions-section .content-section {
  padding-top: 50px; }

.fictions-section .fictions-list {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: stretch;
  width: 100%;
  margin: auto; }
  .fictions-section .fictions-list button {
    background: none;
    border: none; }
    .fictions-section .fictions-list button .deletePostIcon {
      margin-top: 5px;
      margin-left: 1px; }
    .fictions-section .fictions-list button:hover, .fictions-section .fictions-list button:focus, .fictions-section .fictions-list button:active {
      background: none;
      border: none;
      outline: none;
      box-shadow: none; }
  .fictions-section .fictions-list .fiction-preview {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-content: stretch;
    flex-grow: 1; }
    .fictions-section .fictions-list .fiction-preview:nth-child(3n + 2) {
      height: 220px; }
    @media (min-width: 480px) {
      .fictions-section .fictions-list .fiction-preview {
        margin: 13px; }
        .fictions-section .fictions-list .fiction-preview:nth-child(3n + 2) {
          height: 295px; } }
    @media (min-width: 768px) {
      .fictions-section .fictions-list .fiction-preview {
        margin: 15px; }
        .fictions-section .fictions-list .fiction-preview:nth-child(3n + 2) {
          height: 499px; }
        .fictions-section .fictions-list .fiction-preview .fictions-list button .deletePostIcon {
          margin-top: 5px;
          margin-left: 2px; } }
    @media (min-width: 992px) {
      .fictions-section .fictions-list .fiction-preview {
        margin: 16px; }
        .fictions-section .fictions-list .fiction-preview:nth-child(3n + 2) {
          height: 546px; } }

.scalein-appear-active,
.scalein-enter-active {
  transition: all 0.3s ease-out;
  transform: scale(1.02); }

.max-container .content-section .section-margin-top {
  padding: 5px 0 25px 0; }

.instructions-text .announcement {
  margin: 0; }

.instructions-text .announcement-title {
  margin-bottom: 33px; }

@media (min-width: 768px) {
  .instructions-text .announcement-title {
    margin-bottom: 40px; } }

@media (min-width: 992px) {
  .instructions-text .announcement-title {
    margin-bottom: 47px; } }

.side-comment-anchor {
  position: absolute;
  z-index: 1000; }
  .side-comment-anchor .button {
    width: 130px;
    height: 35px;
    border-radius: 4px;
    background-color: #192882;
    text-align: center;
    line-height: 35px;
    cursor: pointer; }
  .side-comment-anchor .arrow-down {
    position: relative;
    left: 60px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #192882; }
  .side-comment-anchor .suggest {
    font-family: "LatoBold";
    font-size: 12px;
    letter-spacing: 1.5px;
    color: #fff;
    text-transform: uppercase; }

.side-comment-badge {
  z-index: 0; }
  .side-comment-badge .badge-total {
    left: -2px;
    width: 17px;
    height: 17px;
    font-size: 12px;
    padding-left: 5px; }
    .side-comment-badge .badge-total.wide {
      left: -5px;
      width: 24px;
      padding-left: 4px; }
  .side-comment-badge .side-comment-button {
    margin-top: 5px; }
    .side-comment-badge .side-comment-button .assembl-icon-suggest {
      color: #192882; }
      .side-comment-badge .side-comment-button .assembl-icon-suggest:before {
        font-size: 23px; }
  @media screen and (min-width: 1200px) {
    .side-comment-badge .side-comment-button .assembl-icon-suggest:before {
      font-size: 28px; } }
  @media screen and (min-width: 1440px) {
    .side-comment-badge {
      margin-left: 25px; }
      .side-comment-badge .side-comment-button {
        margin-top: 2px; }
      .side-comment-badge .badge-total.wide {
        width: 25px;
        padding-left: 5px; } }

.side-comment-box {
  position: absolute;
  z-index: 200; }
  .side-comment-box .harvesting-box {
    box-shadow: none; }
  .side-comment-box .harvesting-close-button .assembl-icon-cancel:before {
    margin: 0.2em 0.2em 0.2em 0.25em; }
  .side-comment-box .theme-box {
    border-left: none;
    width: 275px; }
    .side-comment-box .theme-box .extracts-nb-msg {
      padding: 10px 25px; }
    .side-comment-box .theme-box .harvesting-box-header {
      border: 0;
      display: flex;
      padding: 16px 25px 15px; }
      .side-comment-box .theme-box .harvesting-box-header .profile {
        width: 230px; }
        .side-comment-box .theme-box .harvesting-box-header .profile img {
          min-width: 30px; }
        .side-comment-box .theme-box .harvesting-box-header .profile .username {
          width: 180px; }
      .side-comment-box .theme-box .harvesting-box-header .button-bar {
        padding-top: 0; }
        .side-comment-box .theme-box .harvesting-box-header .button-bar .action-menu-btn {
          border: none;
          padding-left: 2px;
          background: none; }
          .side-comment-box .theme-box .harvesting-box-header .button-bar .action-menu-btn:hover, .side-comment-box .theme-box .harvesting-box-header .button-bar .action-menu-btn:focus {
            background: none !important; }
          .side-comment-box .theme-box .harvesting-box-header .button-bar .action-menu-btn .assembl-icon-ellipsis-vert:before {
            font-size: 20px;
            vertical-align: middle;
            padding: 2px 0 0; }
          .side-comment-box .theme-box .harvesting-box-header .button-bar .action-menu-btn .assembl-icon-ellipsis-vert:hover {
            color: #7ed321; }
    .side-comment-box .theme-box .harvesting-box-body {
      padding: 0; }
    .side-comment-box .theme-box .body-container {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .side-comment-box .theme-box .body-container .previous-extract,
      .side-comment-box .theme-box .body-container .next-extract {
        background-color: rgba(102, 102, 102, 0.1);
        display: flex;
        align-items: center;
        align-self: stretch;
        flex-basis: 10px;
        font-size: 30px;
        margin-top: 0;
        padding: 0 5px 0 5px;
        transition: all 0.2s linear; }
        .side-comment-box .theme-box .body-container .previous-extract .assembl-icon-angle-left:before,
        .side-comment-box .theme-box .body-container .next-extract .assembl-icon-angle-left:before {
          margin: 0 2px 0 2px; }
        .side-comment-box .theme-box .body-container .previous-extract .assembl-icon-angle-right:before,
        .side-comment-box .theme-box .body-container .next-extract .assembl-icon-angle-right:before {
          margin: 0 0 0 4px; }
        .side-comment-box .theme-box .body-container .previous-extract:hover,
        .side-comment-box .theme-box .body-container .next-extract:hover {
          background-color: #666666; }
          .side-comment-box .theme-box .body-container .previous-extract:hover .assembl-icon-angle-left,
          .side-comment-box .theme-box .body-container .previous-extract:hover .assembl-icon-angle-right,
          .side-comment-box .theme-box .body-container .next-extract:hover .assembl-icon-angle-left,
          .side-comment-box .theme-box .body-container .next-extract:hover .assembl-icon-angle-right {
            color: white; }
        .side-comment-box .theme-box .body-container .previous-extract.empty,
        .side-comment-box .theme-box .body-container .next-extract.empty {
          background-color: transparent;
          padding-left: 5px;
          padding-right: 5px;
          cursor: default; }
      .side-comment-box .theme-box .body-container .extract-body {
        min-width: 210px;
        margin: 0 10px 10px; }
      .side-comment-box .theme-box .body-container .embed-theater.open {
        margin-top: 30px; }
    .side-comment-box .theme-box .submit-comment {
      padding: 0 15px; }
      .side-comment-box .theme-box .submit-comment .rich-text-editor .editor-label {
        padding-top: 30px; }
      .side-comment-box .theme-box .submit-comment .rich-text-editor .attachments {
        float: none;
        margin-top: 0; }
  .side-comment-box .arrow-left {
    position: absolute;
    left: 12px;
    top: 20px;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid #fff; }
  .side-comment-box .action-box-footer {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    background-color: rgba(102, 102, 102, 0.1);
    padding: 0 20px;
    height: 46px; }
    .side-comment-box .action-box-footer .action-reply {
      font-size: 20px; }
  @media screen and (min-width: 1440px) {
    .side-comment-box {
      margin-left: 25px; }
      .side-comment-box .theme-box {
        width: 295px; }
        .side-comment-box .theme-box .harvesting-box-header .profile {
          width: 250px; }
        .side-comment-box .theme-box .body-container .extract-body {
          min-width: 220px; }
        .side-comment-box .theme-box .body-container .previous-extract,
        .side-comment-box .theme-box .body-container .next-extract {
          padding: 0 8px 0 8px; }
          .side-comment-box .theme-box .body-container .previous-extract.empty,
          .side-comment-box .theme-box .body-container .next-extract.empty {
            padding-left: 8px;
            padding-right: 8px; } }

.tools-menu {
  margin-top: 5px !important;
  margin-left: -5px !important;
  border: 1px solid #eceeed;
  border-radius: 0;
  width: 40px; }
  .tools-menu .popover-content {
    padding: 10px 5px 0; }
    .tools-menu .popover-content .btn {
      margin-bottom: 10px; }
  .tools-menu .arrow {
    display: none; }
  .tools-menu button {
    border: 0;
    padding: 0;
    font-size: 17px; }

.semantic-analysis-container .banner {
  align-items: center;
  background-position-x: -50px;
  background-size: cover;
  display: flex;
  height: 107px;
  width: 100%; }
  .semantic-analysis-container .banner .margin-lr {
    margin-right: 0;
    margin-left: 0; }
  .semantic-analysis-container .banner h1 {
    color: #fff;
    font-family: "LatoLight";
    font-size: 20px;
    letter-spacing: 1.1px; }

.semantic-analysis {
  color: #000;
  font-family: "latoRegular", sans-serif; }
  .semantic-analysis h3 {
    font-family: "latoRegular";
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 1.3; }
  .semantic-analysis h4 {
    color: #000;
    font-family: "LatoLight";
    font-size: 18px;
    letter-spacing: 0; }
  .semantic-analysis div {
    color: #000;
    font-family: "LatoLight";
    font-size: 18px;
    letter-spacing: 1.1px;
    line-height: 1.78; }
  .semantic-analysis .padding-top {
    padding-top: 20px; }
  .semantic-analysis .sentimentBar {
    width: 40%;
    margin-left: auto;
    margin-right: auto; }
  .semantic-analysis.container {
    padding-top: 10px;
    padding-bottom: 30px; }

#first-color-hidden {
  color: #192882; }

#second-color-hidden {
  color: #0af; }

@media screen and (min-width: 768px) {
  .semantic-analysis h4 {
    font-size: 25px;
    text-align: center; }
  .semantic-analysis .sm-margin-m {
    margin-top: 20px;
    margin-bottom: 0; }
  .semantic-analysis .sentimentBar {
    margin-top: 5px;
    width: 38%; }
  .semantic-analysis-container .banner {
    height: 134px; }
    .semantic-analysis-container .banner .margin-lr {
      margin-right: auto;
      margin-left: auto; }
    .semantic-analysis-container .banner h1 {
      font-size: 42px; } }

@media screen and (min-width: 992px) {
  .semantic-analysis .sentimentBar {
    margin-top: 15px;
    width: 45%; }
  .semantic-analysis .md-wordcloud-padding {
    padding-right: 30px;
    padding-top: 20px; }
  .semantic-analysis .slider {
    margin-bottom: 100px;
    padding-right: 20px; } }

@media screen and (min-width: 992px) {
  .semantic-analysis-container .banner {
    background-position-x: 0; } }

@media screen and (min-width: 1200px) {
  .semantic-analysis h4 {
    font-size: 30px; }
  .semantic-analysis .keyword-info {
    margin-bottom: 20px; }
  .semantic-analysis .md-wordcloud-padding {
    padding-right: 60px; }
  .semantic-analysis .padding-l {
    padding-left: 0;
    padding-right: 20px; }
  .semantic-analysis .slider {
    margin-top: 40px; }
  .semantic-analysis-container .banner {
    height: 193px; }
    .semantic-analysis-container .banner h1 {
      font-size: 48px; }
    .semantic-analysis-container .banner .margin-lr {
      margin-right: auto;
      margin-left: auto; } }

@media screen and (min-width: 1440px) {
  .semantic-analysis h4 {
    font-size: 30px; }
  .semantic-analysis .keyword-info {
    margin-bottom: 40px; }
  .semantic-analysis .slider {
    margin-bottom: 100px; }
  .semantic-analysis .sentimentBar {
    margin-top: 15px;
    width: 40%; } }

@keyframes rotator {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(270deg); } }

@keyframes dash {
  0% {
    stroke-dashoffset: 190; }
  50% {
    stroke-dashoffset: 47.5;
    transform: rotate(135deg); }
  100% {
    stroke-dashoffset: 190;
    transform: rotate(450deg); } }

.custom-loader {
  padding: 30px 0 20px 0; }
  .custom-loader .description {
    color: #666;
    font-size: 18px;
    line-height: 1.42857;
    width: 220px; }
  .custom-loader .icon {
    margin-bottom: 10px;
    width: 60px;
    height: 60px; }
  .custom-loader .path {
    animation: dash infinite 1.4s ease-in-out;
    stroke: #192882;
    stroke-dasharray: 190;
    transform-origin: center; }
  .custom-loader .spinner {
    animation: rotator infinite 1.4s linear; }

@media screen and (min-width: 768px) {
  .custom-loader {
    padding: 50px 0 40px 0; }
    .custom-loader .description {
      font-size: 25px;
      width: 300px; }
    .custom-loader .icon {
      margin-bottom: 20px;
      width: 90px;
      height: 90px; } }

@media screen and (min-width: 1200px) {
  .custom-loader .description {
    font-size: 30px;
    width: 360px; }
  .custom-loader .icon {
    width: 120px;
    height: 120px; } }

.icon.error .arrow1,
.icon.error .arrow2 {
  stroke: #f75959;
  stroke-linecap: round; }

.icon.error .mark {
  fill: #f75959;
  font-size: 66px;
  font-weight: 500;
  transform: translate(8px, 7px);
  font-family: "latoRegular"; }

.icon.no-data {
  fill: #0af; }

.grey-title1 {
  color: #666;
  font-family: "LatoLight";
  font-size: 20px;
  letter-spacing: 1.1px;
  text-transform: uppercase; }

.grey-title2 {
  color: #666;
  font-family: "LatoBold";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 2;
  text-transform: uppercase; }

@media screen and (min-width: 768px) {
  .grey-title1 {
    font-size: 22px;
    letter-spacing: 1.2px; } }

.slider {
  margin-top: 35px;
  margin-bottom: 65px; }

.sliderText {
  margin-bottom: -10px;
  font-family: "LatoBold";
  font-size: 14px; }

.sliderIcon {
  margin-top: -25px;
  padding-left: 50px;
  padding-right: 50px;
  z-index: 1005; }

.tooltip-container .custom-overlay div {
  width: 22px;
  height: 22px; }

.title-tooltip .tooltip-inner {
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 8px;
  box-shadow: 0 2px 10px -1px rgba(0, 0, 0, 0.5);
  color: #666;
  font-family: "LatoLight";
  font-size: 16px;
  letter-spacing: 1.1px;
  max-width: 270px;
  text-align: left;
  padding: 10px; }

.title-tooltip.top > .tooltip-arrow {
  border-top-color: #fff; }

.title-tooltip.right > .tooltip-arrow {
  border-right-color: #fff; }

.title-tooltip.bottom > .tooltip-arrow {
  border-bottom-color: #fff; }

.title-tooltip.left > .tooltip-arrow {
  border-left-color: #fff; }

.titleWithTooltip-container {
  display: flex;
  align-items: center;
  justify-content: center; }
  .titleWithTooltip-container .titleTooltip-container {
    margin: 10px 0 0 5px; }

@media screen and (min-width: 768px) {
  .titleWithTooltip-container {
    justify-content: left; } }

div.wordcloud div {
  letter-spacing: 0;
  line-height: 0; }

.keyword-info h3 {
  color: #192882; }

p.info {
  color: #666;
  font-family: "LatoLight";
  font-size: 16px;
  letter-spacing: 1px;
  line-height: 1.3; }

@media screen and (min-width: 768px) {
  .description h3 {
    margin-bottom: 5px;
    margin-top: 0; } }

.description .words-watson {
  font-family: "LatoBold";
  color: #192882; }

.sentimentBar {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center; }
  .sentimentBar .icon {
    margin-right: 15px; }
  .sentimentBar p {
    font-family: "LatoBold";
    font-size: 21px;
    text-align: center; }
  .sentimentBar .sentimentBar-level-0 {
    color: #f75959; }
  .sentimentBar .sentimentBar-level-1 {
    color: #fbb040; }
  .sentimentBar .sentimentBar-level-2 {
    color: #93e79d; }
  .sentimentBar .sentimentBar-level-3 {
    color: #5ecc6b; }
  @media screen and (min-width: 1200px) {
    .sentimentBar img {
      max-width: 100px; }
    .sentimentBar p {
      font-size: 27px; } }

.proposals .tag-on-post-container {
  padding-left: 25px;
  padding-right: 20px; }

@media screen and (min-width: 768px) {
  .proposals .tag-on-post-container {
    padding-left: 50px;
    padding-right: 50px; } }

.tag-container {
  border-top: solid 1px #eceeed;
  color: #666;
  padding-bottom: 8px;
  padding-top: 5px; }
  .tag-container .title {
    font-size: 1.1rem; }
  .tag-container .tag-list {
    font-family: "LatoLight"; }
    .tag-container .tag-list span {
      display: inline-block;
      font-size: 1rem;
      letter-spacing: normal; }
      .tag-container .tag-list span::first-letter {
        text-transform: uppercase; }

.bright-mirror-fiction .tag-container {
  border-top: none;
  padding-top: 25px; }
  .bright-mirror-fiction .tag-container .tag-list .ReactTags__tag,
  .bright-mirror-fiction .tag-container .tag-list .ReactTags__suggestions,
  .bright-mirror-fiction .tag-container .tag-list .ReactTags__tagInput:focus-within {
    background-color: #fff; }

@media screen and (min-width: 768px) {
  .bright-mirror-fiction .tag-container {
    padding-bottom: 10px; }
    .bright-mirror-fiction .tag-container .title {
      font-size: 1.33rem; }
    .bright-mirror-fiction .tag-container .ReactTags__tagInput {
      font-size: 1.17rem; }
    .bright-mirror-fiction .tag-container .tag-list span {
      font-size: 1.17rem; } }

.suggestion-container {
  border-top: solid 1px #eceeed;
  color: #666;
  padding-bottom: 5px;
  padding-top: 5px; }
  .suggestion-container .title {
    font-size: 1.1rem; }
  .suggestion-container .suggestion-list {
    font-family: "LatoLight"; }
    .suggestion-container .suggestion-list span {
      display: inline-block;
      font-size: 1rem;
      letter-spacing: normal;
      margin-right: 15px; }
      .suggestion-container .suggestion-list span::first-letter {
        text-transform: uppercase; }

.bright-mirror-fiction .suggestion-container {
  border-top: none; }

@media screen and (min-width: 768px) {
  .bright-mirror-fiction .suggestion-container {
    padding-top: 10px; }
    .bright-mirror-fiction .suggestion-container .title {
      font-size: 1.33rem; }
    .bright-mirror-fiction .suggestion-container .suggestion-list span {
      font-size: 1.17rem; } }

.ReactTags__tags {
  color: #192882;
  font-size: 12px;
  font-weight: 300;
  /* no actions allowed for not admin */
  /* use react-tags-wrapper-admin to style hover */ }
  .ReactTags__tags .ReactTags__selected {
    display: flex;
    flex-flow: row wrap;
    flex-basis: 100%; }
    .ReactTags__tags .ReactTags__selected .ReactTags__tag {
      background-color: #dbdeef;
      border-radius: 11px;
      border: none;
      height: 22px;
      margin-top: 5px;
      margin-right: 10px;
      padding: 0 10px 2px 10px;
      transition: background-color 0.5s ease, transform 0.3s; }
      .ReactTags__tags .ReactTags__selected .ReactTags__tag:focus {
        outline: none; }
  .ReactTags__tags.react-tags-wrapper-admin .ReactTags__selected .ReactTags__tag .icon-delete {
    margin-left: 10px;
    background-color: transparent;
    border: none;
    padding: 0; }
  .ReactTags__tags.react-tags-wrapper-admin .ReactTags__selected .ReactTags__tag:hover {
    background-color: #f75959;
    color: #fff; }
    .ReactTags__tags.react-tags-wrapper-admin .ReactTags__selected .ReactTags__tag:hover .cross-icon-path {
      fill: #fff; }
    .ReactTags__tags.react-tags-wrapper-admin .ReactTags__selected .ReactTags__tag:hover .ReactTags__remove {
      color: #fff; }
  .ReactTags__tags.react-tags-wrapper-admin .ReactTags__selected .ReactTags__tagInput {
    background-color: #192882;
    border-radius: 11px;
    border: none;
    width: 22px;
    height: 22px;
    margin-top: 5px;
    margin-right: 10px;
    position: relative;
    z-index: 333;
    transition: background-color 0.4s ease, width 0.6s ease; }
    .ReactTags__tags.react-tags-wrapper-admin .ReactTags__selected .ReactTags__tagInput .icon-add {
      z-index: 2; }
    .ReactTags__tags.react-tags-wrapper-admin .ReactTags__selected .ReactTags__tagInput .ReactTags__tagInputField {
      background-color: transparent;
      box-shadow: none;
      border: none;
      position: absolute;
      left: 0;
      top: 0;
      width: 22px;
      height: 22px; }
      .ReactTags__tags.react-tags-wrapper-admin .ReactTags__selected .ReactTags__tagInput .ReactTags__tagInputField:focus {
        border: none;
        outline: 0;
        width: initial;
        position: relative; }
  .ReactTags__tags.react-tags-wrapper-admin .ReactTags__selected .ReactTags__tagInput:has(> .ReactTags__suggestions) {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0; }
  .ReactTags__tags.react-tags-wrapper-admin .ReactTags__tagInput:focus-within {
    background-color: #dbdeef;
    padding-left: 10px;
    padding-right: 5px;
    width: 150px;
    height: auto; }
    .ReactTags__tags.react-tags-wrapper-admin .ReactTags__tagInput:focus-within .icon-add {
      display: none; }
  .ReactTags__tags.react-tags-wrapper-admin .ReactTags__suggestions {
    background-color: #dbdeef;
    border-bottom-left-radius: 11px;
    border-bottom-right-radius: 11px;
    z-index: -1;
    padding: 5px 10px;
    position: absolute;
    top: 14px;
    left: 0;
    right: 0; }
    .ReactTags__tags.react-tags-wrapper-admin .ReactTags__suggestions ul {
      margin: 0;
      padding: 0; }
    .ReactTags__tags.react-tags-wrapper-admin .ReactTags__suggestions li {
      list-style-type: none;
      padding-top: 2px;
      padding-left: 0; }
      .ReactTags__tags.react-tags-wrapper-admin .ReactTags__suggestions li:hover span {
        text-decoration: underline;
        cursor: pointer; }
      .ReactTags__tags.react-tags-wrapper-admin .ReactTags__suggestions li mark {
        background: none;
        color: #192882;
        margin-right: 0;
        padding-right: 0; }

html {
  font-size: 12px; }

body {
  background-color: #eceeed;
  font-family: "latoRegular";
  font-size: 14px;
  letter-spacing: 1.7px;
  overflow-y: scroll;
  overflow-x: hidden;
  -ms-overflow-style: scrollbar; }

a {
  color: #192882;
  text-decoration: none; }
  a:hover {
    color: #000;
    text-decoration: none; }

input[type='text'] {
  box-shadow: 0 0 0 50px #fff inset; }
  input[type='text']:focus {
    box-shadow: 0 0 0 50px #fff inset; }

input[type='password'] {
  box-shadow: 0 0 0 50px #fff inset; }
  input[type='password']:focus {
    box-shadow: 0 0 0 50px #fff inset; }

input:-moz-placeholder,
textarea:-moz-placeholder {
  font-family: "LatoItalic"; }

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  font-family: "LatoItalic"; }

input.placeholder,
textarea.placeholder {
  font-family: "LatoItalic"; }

.overflow-x {
  overflow-x: scroll; }

.pre-wrap {
  white-space: pre-wrap; }

.white {
  color: #fff; }

.grey {
  color: #666; }

.black {
  color: #000; }

.color {
  color: #192882; }

.color2 {
  color: #0af; }

.app-content {
  margin: 60px 0 0; }

.max-container {
  margin: 0 auto;
  max-width: 1400px; }

.background-light {
  background-color: #fff; }

.background-grey {
  background-color: #eceeed; }

.background-dark-grey {
  background-color: #eceeed; }

.background-dark {
  background-color: #000; }

.background-color {
  background-color: #dbdeef; }

.background-img {
  background-position: top left;
  background-repeat: no-repeat;
  background-size: cover; }

.mobile-content-section {
  padding-top: 40px !important; }

.content-margin {
  margin: -30px 0 0; }

.inline {
  display: inline-block; }

.left {
  float: left; }

.right {
  float: right; }

.center {
  text-align: center;
  margin-left: auto;
  margin-right: auto; }

.justify {
  text-align: justify; }

.border-top {
  border-top: 1px solid #eceeed; }

.border-right {
  border-right: 1px solid #eceeed; }

.border-left {
  border-left: 1px solid #eceeed; }

.border-bottom {
  border-bottom: 1px solid #eceeed; }

.border {
  border: 1px solid #eceeed; }

.no-padding {
  padding: 0; }

.no-margin {
  margin: 0; }

.padding {
  padding: 15px; }

.margin-xs {
  margin-top: 5px; }

.margin-s {
  margin-top: 10px; }

.margin-m {
  margin-top: 20px; }

.margin-l {
  margin-top: 40px; }

.margin-xl {
  margin-top: 60px; }

.margin-xxl {
  margin-top: 80px; }

.margin-xxxl {
  margin-top: 120px; }

.margin-left-xxl {
  margin-left: 75px; }

.margin-left-2 {
  margin-left: 2px; }

.full-size {
  width: 100%; }

.underline {
  border-bottom: 1px solid #fff;
  margin: 0 0 20px; }

.uppercase {
  text-transform: uppercase; }

.hidden {
  display: none; }

.shown {
  display: block; }

.col-centered {
  float: none;
  margin: 0 auto; }

.clear {
  clear: both; }

.relative {
  position: relative; }

.pointer {
  cursor: pointer; }

.no-pointer-events {
  pointer-events: none; }

.form-label {
  color: #666;
  font-family: "latoRegular";
  font-size: 12px;
  padding: 0 0 0 5px; }

.form-label-body {
  position: absolute;
  top: 131px; }

.form-tree > .form-container > .form-tree-item::after, .form-tree > .form-container > .form-tree-item::before {
  display: none; }

.form-tree .form-container:first-child > .form-tree-item::before {
  display: none; }

.form-tree .form-container:first-child > .form-tree-item::after {
  border-radius: 5px 0 0 0; }

.form-tree .plus.form-tree-item:last-child::after,
.form-tree .form-container:last-child > .form-tree-item::after {
  display: none; }

.form-tree .plus.form-tree-item:last-child::before,
.form-tree .form-container:last-child > .form-tree-item::before {
  border-radius: 0 0 0 5px; }

.form-tree .form-container .form-group {
  margin-bottom: 10px !important; }

.form-tree .form-container .form-tree-item {
  position: relative; }
  .form-tree .form-container .form-tree-item.plus {
    margin: initial;
    height: 15px;
    width: 15px;
    font-size: 10px; }

.form-tree .form-container .form-tree-item::after {
  position: absolute;
  content: '';
  top: 18px;
  left: -15px;
  border-left: 1px solid #666;
  border-top: 1px solid #666;
  border-radius: 0 0 0 0;
  width: 15px;
  height: 100%; }

.form-tree .form-container .form-tree-item.plus::after {
  top: 8px; }

.form-tree .form-container .form-tree-item::before {
  content: '';
  position: absolute;
  top: -26px;
  left: -15px;
  border-left: 1px solid #666;
  border-bottom: 1px solid #666;
  border-radius: 0 0 0 0;
  width: 15px;
  height: 45px; }

.form-tree .form-container .form-tree-item.plus::before {
  height: 19px;
  top: -10px; }

.form-tree .form-branch {
  margin-left: 25px; }

.login .form-group .form-control {
  border-radius: 0; }

.capitalized {
  text-transform: capitalize; }

strong {
  font-family: "LatoBold"; }

#pDebug {
  display: none; }

.cursor-wait {
  cursor: wait !important; }

.small-hyphen-padding {
  padding: 0 0 0 5px; }

.jumbotron {
  margin-top: 50px; }

.flex {
  display: flex; }

.center-flex {
  display: flex;
  justify-content: center; }

.center-align-flex {
  display: flex;
  align-items: center; }

.baseline-align-flex {
  display: flex;
  align-items: baseline; }

.content-section {
  padding: 25px 0; }

@media screen and (max-width: 480px) {
  .content-section {
    padding: 30px 0; }
  .max-container {
    padding: 0 5px !important; } }

@media screen and (min-width: 768px) {
  .content-section {
    padding: 35px 0; } }

@media screen and (min-width: 992px) {
  .col-bottom {
    display: table-cell;
    float: none;
    vertical-align: bottom; } }

@media screen and (min-width: 1024px) {
  .max-container {
    padding: 0 20px; }
  .page-body {
    margin: 0 90px 80px 90px; } }

.icon.error .arrow1,
.icon.error .arrow2 {
  stroke: #f75959;
  stroke-linecap: round; }

.icon.error .mark {
  fill: #f75959;
  font-size: 66px;
  font-weight: 500;
  transform: translate(8px, 7px);
  font-family: "latoRegular"; }

.icon {
  z-index: 50; }
  .icon.tooltip .text {
    fill: #192882;
    font-family: "LatoBold";
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.11px; }
  .icon.tooltip .circle {
    stroke: #192882;
    stroke-width: 1.665; }

.cross-icon .cross-icon-path {
  fill: #192882; }

.addkeyword-icon .addkeyword-icon-cross {
  stroke: #fff; }

.globalError {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 100vh; }
  .globalError h1 {
    text-align: center;
    padding: 10px; }

/*** New design variable ***/
/**
 * Other variable
 **/
.emoticons {
  position: absolute; }

.emoticon {
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  margin: 7px 2px;
  background-repeat: no-repeat;
  background-position: top center;
  display: inline-block;
  background-size: 28px;
  width: 28px;
  height: 28px;
  content: "&nbsp;"; }

.emoticon-connected {
  cursor: pointer; }
  .emoticon-connected:hover {
    transform: scale(1.2); }
  .emoticon-connected:hover:after {
    content: attr(data-tooltip);
    font-size: 6px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    overflow: hidden;
    white-space: nowrap;
    margin: auto;
    line-height: 10px;
    padding: 2px 0;
    text-align: center;
    position: absolute;
    display: block;
    top: -14px; }

.emo-minified {
  content: "&nbsp;";
  width: 22px;
  height: 22px;
  background-size: 22px;
  background-repeat: no-repeat;
  background-position: top center;
  display: inline-block;
  position: absolute; }

.sentiment-names-list {
  position: absolute; }

.sentiment-stats {
  display: none;
  background-color: #fff;
  position: relative;
  z-index: 1000;
  -moz-box-shadow: 3px 3px 10px 0px #CCCCCC;
  -webkit-box-shadow: 3px 3px 10px 0px #CCCCCC;
  -o-box-shadow: 3px 3px 10px 0px #CCCCCC;
  box-shadow: 3px 3px 10px 0px #CCCCCC;
  padding: 10px 15px;
  min-width: 480px;
  margin: 0 0 0 -52px; }

.emoticon-bar-chart {
  display: inline-block; }

.chart-number {
  display: inline-block;
  font-size: 18px;
  vertical-align: super; }

.chart-label {
  display: inline-block;
  width: 60px;
  line-height: 15px;
  vertical-align: super; }

.left {
  float: left; }

.LikeSentimentOfPost {
  background-image: url(/static/img/emoticons/agree.svg); }
  .LikeSentimentOfPost:hover:after {
    width: 34px;
    left: calc(50% - 17px); }

.DisagreeSentimentOfPost {
  background-image: url(/static/img/emoticons/disagree.svg); }
  .DisagreeSentimentOfPost:hover:after {
    width: 54px;
    left: calc(50% - 27px); }

.MoreInfoSentimentOfPost {
  background-image: url(/static/img/emoticons/more_infos.svg); }
  .MoreInfoSentimentOfPost:hover:after {
    width: 60px;
    left: calc(50% - 30px); }

.DontUnderstandSentimentOfPost {
  background-image: url(/static/img/emoticons/not_understand.svg); }
  .DontUnderstandSentimentOfPost:hover:after {
    width: 66px;
    left: calc(50% - 33px); }

.LikeSentimentOfPost.active {
  transform: scale(1.2);
  background-image: url(/static/img/emoticons/agree_active.svg); }

.DisagreeSentimentOfPost.active {
  transform: scale(1.2);
  background-image: url(/static/img/emoticons/disagree_active.svg); }

.MoreInfoSentimentOfPost.active {
  transform: scale(1.2);
  background-image: url(/static/img/emoticons/more_infos_active.svg); }

.DontUnderstandSentimentOfPost.active {
  transform: scale(1.2);
  background-image: url(/static/img/emoticons/not_understand_active.svg); }

.like.min {
  display: none;
  background-image: url(/static/img/emoticons/agree_min.svg); }

.disagree.min {
  display: none;
  background-image: url(/static/img/emoticons/disagree_min.svg); }

.more_info.min {
  display: none;
  background-image: url(/static/img/emoticons/more_infos_min.svg); }

.dont_understand.min {
  display: none;
  background-image: url(/static/img/emoticons/not_understand_min.svg); }


/*# sourceMappingURL=theme_default_web.b32145336adfc945a8a6.css.map*/