.fractal-global-nav .f-nav-wrapper .f-nav-logo img {
  display: none;
}

.fractal-global-nav.f-fixed {
  left: 50%;
  transform: translateX(-50%);
}

.fractal-global-nav .f-nav-wrapper a.f-nav-logo::before {
  content: "";
  height: 3.2rem;
  width: 12.5rem;
  display: inline-block;
  background-image: url(https://d1dxeoyimx6ufk.cloudfront.net/uploads/WWW/OD38/3EEE8F77.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

/*******************************************************************************
    Universal
********************************************************************************/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html,
.root {
  font-size: 62.5%;
}
body.webstorm-level {
  font-family: "Lato", "Open Sans", arial, sans serif;
  margin: auto;
  box-sizing: border-box;
  width: 100%;
  font-size: unset;
}

body {
  overscroll-behavior-y: none;
  -ms-scroll-chaining: none;
}

/*******************************************************************************
    App - Global Nav Bar
********************************************************************************/

.webstorm-level #global-nav-bar-content {
  max-width: 1200px;
  width: 100%;
}
#nav-bar #nav-bar-logo {
  width: auto;
  margin-right: 3.2rem;
}
#nav-bar #nav-bar-logo img {
  width: 100%;
  height: 100%;
}
#nav-bar .global-nav-badge {
  height: auto;
}

.webstorm-level #global-nav-bar-content #nav-bar {
  width: 100%;
  max-width: 1200px;
}

.webstorm-level .nano .scrollContent {
  padding: 0;
}

/*******************************************************************************
    App - Global Nav Bar - Home Page
********************************************************************************/

.webstorm-level #bi-page-s #global-nav-bar,
.webstorm-level #bi-page-s #nav-bar,
.webstorm-level #bi-page-s #banner {
  background-color: transparent;
}

.webstorm-level #bi-page-s #global-nav-placeholder {
  height: 0;
}

/*******************************************************************************
    Global Nav Bar - Remove and Set with Picker Functionality
********************************************************************************/

.webstorm-level #global-nav-bar,
.webstorm-level #nav-bar,
.webstorm-level #banner {
  background-color: #fff;
  box-shadow: none;
}

.webstorm-level #nav-bar .global-nav-btn,
.webstorm-level #nav-bar #profile-button,
.webstorm-level #nav-bar #profile-caret {
  color: #ccc;
}

.webstorm-level #banner #global-nav-bar.stick-to-top {
  background-color: #fff;
  box-shadow: 0 1px 2px rgb(0 0 0 / 35%);
}

.content:not(#bi-page-s) #nav-bar .global-nav-btn button,
.content:not(#bi-page-s) #nav-bar #profile-button button,
.content:not(#bi-page-s) #nav-bar #profile-caret button {
  color: #ccc;
}

.stick-to-top#global-nav-bar #nav-bar .global-nav-btn button,
.stick-to-top#global-nav-bar #nav-bar #profile-button button,
.stick-to-top#global-nav-bar #nav-bar #profile-caret button {
  color: #ccc;
}

.webstorm-level .f-nav-search-wrapper-v2 .f-nav-search {
  background: rgba(0, 0, 0, 0.2);
}

/*******************************************************************************
    Global Nav Bar - Remove and Set with Global Nav Logo Option
********************************************************************************/

.webstorm-level #nav-bar #nav-bar-logo img {
  display: none;
}

.webstorm-level #nav-bar #nav-bar-logo a::before {
  content: "";
  display: inline-block;
  background-image: url(https://d1dxeoyimx6ufk.cloudfront.net/uploads/WWW/OD38/7460FE00.png);
  width: 162px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
}

.webstorm-level #bi-page-s #nav-bar #nav-bar-logo a::before {
  content: "";
  display: inline-block;
  background-image: url(https://d1dxeoyimx6ufk.cloudfront.net/uploads/WWW/OD38/784D3BF2.png);
  width: 162px;
  height: 18px;
  background-size: contain;
  background-repeat: no-repeat;
}

.webstorm-level
  #bi-page-s
  #global-nav-bar.stick-to-top
  #nav-bar
  #nav-bar-logo
  a::before {
  background-image: url(https://d1dxeoyimx6ufk.cloudfront.net/uploads/WWW/OD38/7460FE00.png);
}

/*******************************************************************************
    App - Navigation Bar
********************************************************************************/

#bi-page-s #navbar.OPT_FEATURE_NEW_NAV_AND_ADMIN_BAR {
  position: absolute;
  top: 4.8rem;
}
#bi-page-s
  #navbar.OPT_FEATURE_NEW_NAV_AND_ADMIN_BAR:not(
    .OPT_WS_ENABLE_CHALLENGE_TOPIC_DISABLED
  ) {
  background-color: transparent;
}
.webstorm-level .fractal-dynamic-nav-v1 .nav-desktop,
.webstorm-level #navbar.OPT_FEATURE_NEW_NAV_AND_ADMIN_BAR {
  height: 6.4rem;
}

/* .webstorm-level #bi-page-s .fractal-dynamic-nav-v1 .nav-desktop {
  position: relative;
} */

.fractal-dynamic-nav-v1 .nav-desktop .nav-campaign-image img {
  border: 1px solid #fff;
  margin-right: 1.2rem;
}
.fractal-dynamic-nav-v1 .nav-desktop .nav-parent .nav-item-hover {
  bottom: 16px;
}

.webstorm-level #dynamic_navigation_bar {
  width: 100% !important;
  max-width: 1200px;
}

.webstorm-level .bi_dynamic_navigation li a {
  text-transform: uppercase;
  margin-bottom: 0;
  margin-top: 7px;
}

.webstorm-level .bi_dynamic_navigation li:first-child a {
  margin-left: 0;
  padding-left: 0;
}

.webstorm-level #bi-page-s .bi_dynamic_navigation li a {
  color: #fff;
  background-color: transparent;
  letter-spacing: 0.5px;
  font-size: 1.4rem;
}

.webstorm-level
  #bi-page-s
  .bi_dynamic_navigation
  li.dynamic_horizontal_selected
  a {
  color: #fff !important;
  position: relative;
}
.webstorm-level .bi_dynamic_navigation li.dynamic_horizontal_selected a::after,
.webstorm-level .bi_dynamic_navigation li a::after {
  content: "";
  transform: scale(0);
  display: block;
  margin-top: 0.6rem;
  height: 0.3rem;
  transition: 0.2s ease;
}

.webstorm-level .bi_dynamic_navigation li.dynamic_horizontal_selected a::after,
.webstorm-level .bi_dynamic_navigation li a:hover::after {
  transform: scale(1);
}

.bi_dynamic_navigation > li a::after {
  background-color: #2f89cc;
}

#bi-page-s {
  #navbar {
    #dynamic_navigation_bar {
      .fractal-dynamic-nav-v1 {
        .desktop-nav-core-items {
          .nav-parent {
            a {
              color: #fff !important;
            }
          }
        }
        &.fixed {
          .desktop-nav-core-items {
            .nav-parent {
              a {
                color: #797d7f !important;
              }
            }
          }
        }
      }
    }
  }
}

/*******************************************************************************
    App - Navigation Bar - Set to Transparent on Home Page
********************************************************************************/
.webstorm-level #bi-page-s #navbar {
  position: absolute;
  background-color: transparent;
  top: 50px;
}

/*******************************************************************************
    App - Ordinary User View
********************************************************************************/

.body #ordinary-user-view-warning-strip.gn-enabled-default {
  top: unset !important;
  bottom: 0;
  height: 48px;
  background-color: #1e1f20;
}
.webstorm-level #ordinary-user-view-warning-placeholder {
  height: 0;
}
.webstorm-level #ordinary-user-view-warning-strip #warning-content {
  text-align: center;
}
.webstorm-level #ordinary-user-view-warning-strip #warning-title {
  float: none;
  font-size: 14px;
  line-height: 48px;
}
.webstorm-level #ordinary-user-view-warning-strip #warning-title a {
  margin-left: 0.8rem;
}

/*******************************************************************************
    App - Modals
********************************************************************************/

.webstorm-level .bimodal-subhead {
  display: none;
}
.webstorm-level .bimodal-footer {
  background: none;
}
.webstorm-level .green_btn_center {
  text-shadow: none !important;
}

/*******************************************************************************
    App - Main Content Wrapper
********************************************************************************/

.webstorm-level .content {
  font-family: "Lato", "Open Sans", arial, sans serif;
}

.webstorm-level #bi-page-s #main_content {
  min-height: 500px;
  max-width: 1440px;
  width: 100%;
  background-color: #fff;
  display: flex;
  padding: 0;
  flex-wrap: wrap;
  justify-content: center;
}

/*******************************************************************************
    App - Home Page - Columns - 2 Column Format
********************************************************************************/

.webstorm-level #bi-page-s #main_content #container_1 {
  display: none !important;
}

.webstorm-level #bi-page-s #main_content #container_2 {
  float: none;
  flex: 0 1 60%;
  max-width: 800px;
  width: auto;
  padding: 0;
}

.webstorm-level #bi-page-s #main_content #container_3 {
  float: none;
  flex: 0 1 100%;
  max-width: 336px;
  margin-left: 64px;
  width: auto;
  padding: 0;
}

.webstorm-level #bi-page-s #main_content #container_2 .widget_container,
.webstorm-level #main_content #container_3 .widget_container {
  margin: 6.4rem 0 0 0;
  width: auto;
}

.webstorm-level #bi-page-s #main_content #container_4 {
  float: none;
  display: block;
  background-image: url(https://d1dxeoyimx6ufk.cloudfront.net/uploads/WWW/OD38/E7EAA86B.png);
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
  margin-top: 7.2rem;
  padding: 7.2rem 0;
}

.webstorm-level #bi-page-s #main_content #container_2,
.webstorm-level #main_content #container_4,
.webstorm-level #main_content #container_6 {
  background-color: #fff !important;
}
.webstorm-level #main_content #container_5,
.webstorm-level #main_content #container_6 {
  display: none !important;
}

/*******************************************************************************
    Widget Format
********************************************************************************/

.webstorm-level
  .content:not(#bi-page-ct-a-view-idea)
  #main_content
  .widget_title {
  font-size: 3.2rem;
  line-height: 4rem;
  margin-bottom: 2.4rem;
  padding: 0;
  font-weight: 400 !important;
}

.webstorm-level #main_content .title_back {
  margin: 0 !important;
  border-radius: 0;
  border: none;
  padding: 0;
}
.webstorm-level .widget_container .boxcontent {
  padding: 0;
}

/*******************************************************************************
    Containers
********************************************************************************/

.container-interior {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}

/*******************************************************************************
    Widget Format - Home Page
********************************************************************************/
.webstorm-level #bi-page-s #main_content #container_2 .widget_title,
.webstorm-level #bi-page-s #main_content #container_3 .widget_title {
  font-size: 2.4rem;
  line-height: 3.2rem;
  padding: 0;
  text-align: left;
  font-weight: 400 !important;
  margin-bottom: 0;
}

.webstorm-level #bi-page-s #main_content .title_back {
  margin: 0 !important;
  border-radius: 0;
  border: none;
  padding: 0 0 1.6rem 0 !important;
}

.webstorm-level .widget_container .boxcontent {
  padding: 0;
}

/*******************************************************************************
    Webstorm Level - Buttons
********************************************************************************/
.button {
  display: inline-block;
  font-size: 1.6rem;
  border-radius: 4px;
  height: 4rem;
  line-height: 4rem;
  box-sizing: content-box;
  border: 1px solid;
  padding: 0 2rem;
  margin-top: 3.2rem;
  transition: 0.2s ease;
  margin-left: 0.3rem;
  margin-right: 0.3rem;
  font-weight: 700;
  font-family: "Lato", "Open Sans", arial, sans serif;
}
.button:hover {
  text-decoration: none;
}

.button.primary-color-bg {
  color: #fff;
  border-color: #c750d9;
}
.button.primary-color-bg:hover {
  background-color: #d15ae3;
  border-color: #d15ae3;
}
.button.ghost {
  border: 1px solid;
}
.button.ghost.primary {
  border-color: #c750d9;
  color: #c750d9;
}
.button.ghost.white {
  border-color: #fff;
  color: #fff;
}

.button.ghost:hover {
  border-color: #3993d6;
  background-color: #3993d6;
  color: #fff;
}
.webstorm-level
  #container_homepage_header
  #display-region
  #hh-buttons
  .browse-button.browse-ghost {
  background-color: transparent !important;
  border: 1px solid #fff;
  box-shadow: none;
}
.webstorm-level
  #container_homepage_header
  #display-region
  #hh-buttons
  .browse-button.browse-ghost:hover {
  background-color: #fff !important;
  color: #c750d9 !important;
  border: 1px solid #fff;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

/*******************************************************************************
    App - Typography
********************************************************************************/

.widget_container p,
.widget_container table td,
.rich_text_widget p,
.rich_text_widget span {
  font-size: 1.4rem;
  font-family: "Lato", "Open Sans", arial, sans serif;
  line-height: 2rem;
  letter-spacing: 0.02em;
  margin-top: 2.4rem;
}
p.text-large {
  font-size: 1.8rem;
  line-height: 2.8rem;
}
.webstorm-level .widget_container .boxcontent a {
  font-weight: 400;
}
.webstorm-level .rich_text_widget span a,
.webstorm-level .rich_text_widget span p span a {
  color: #c750d9;
}
.rich_text_widget p .fa,
.rich_text_widget span .fa {
  font-family: FontAwesome;
}
.fa.inline-icon {
  margin-right: 0.8rem;
}

.h1 {
  font-size: 6.4rem;
  line-height: 7.2rem;
  font-weight: 700;
  letter-spacing: -0.1rem;
}

.h2 {
  font-size: 4.8rem;
  line-height: 6.4rem;
  font-weight: 400;
  letter-spacing: -0.1rem;
}

.h3 {
  font-size: 3.2rem;
  line-height: 4rem;
  font-weight: 400;
}

.h4 {
  font-size: 2.4rem;
  line-height: 3.6rem;
  font-weight: 400;
}

.h5 {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 400;
  display: inline-block;
}

.h6 {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-weight: 600;
  display: inline-block;
}

/*******************************************************************************
App - Additional Colors
********************************************************************************/

.white-text {
  color: #fff;
}

.white-bg {
  background-color: #fff;
}

.primary-color-text {
  color: #2f89cc;
}

.primary-color-bg {
  background-color: #2f89cc;
}

.dark-gray-text {
  color: #444647;
}

.hero-bg-color {
  background-color: #153e5c;
}

/*******************************************************************************
    App - Hero / Header
********************************************************************************/

.webstorm-level #container_homepage_header {
  max-width: 1440px;
  font-family: "Lato", "Open Sans", arial, sans serif;
}
.webstorm-level #container_homepage_header.editing {
  min-height: 0;
}
.webstorm-level #container_homepage_header,
.webstorm-level #container_homepage_header #display-section {
  height: 85vh !important;
  max-height: 72rem;
  min-height: 64rem;
}
.webstorm-level #container_homepage_header #display-region {
  z-index: initial;
}
.webstorm-level #container_homepage_header #display-region #hh-actions {
  top: 6rem;
  right: 0rem;
  z-index: 390;
}
.webstorm-level #container_homepage_header #display-region #hh-display {
  overflow: visible;
}
#container_homepage_header #display-region #hh-display .display-content {
  background-size: cover;
}

.webstorm-level #container_homepage_header #display-region #hh-display h3 {
  margin: 4rem auto;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
  max-width: 100%;
}
.webstorm-level #container_homepage_header #hh-layout {
  min-width: 0;
}
.webstorm-level
  #container_homepage_header
  #display-region
  #hh-display
  #hh-gradient {
  width: 100%;
  background: #101010;
}
.webstorm-level
  #container_homepage_header
  #display-region
  #hh-display
  #hh-display-content-wrap {
  width: 100%;
  max-width: 1000px;
  text-align: center;
  left: 50%;
  top: 55%;
  transform: translateX(-50%) translateY(-50%);
}
.webstorm-level #container_homepage_header #display-region #hh-headline .btn-lg,
.webstorm-level #container_homepage_header #display-region #hh-buttons .btn-lg {
  margin: 0 0.8rem;
  height: 4.8rem;
  line-height: 4.8rem;
  padding: 0 2.4rem;
  font-size: 1.8rem;
  font-weight: 500;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.webstorm-level
  #container_homepage_header
  #display-region
  #hh-headline
  .btn-lg:hover,
.webstorm-level
  #container_homepage_header
  #display-region
  #hh-buttons
  .btn-lg:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.webstorm-level
  #container_homepage_header
  #display-region
  #hh-display
  #hh-display-wrap {
  padding: 0;
  max-width: 1200px;
}
.webstorm-level #container_homepage_header.wide {
  margin-bottom: 0;
}
.webstorm-level
  #container_homepage_header
  #display-region
  #hh-actions
  #hh-subscribe
  a.subscribe {
  background-color: transparent;
  color: #fff;
  border: 1px solid #fff;
  font-weight: 600;
  transition: 0.2s ease;
  font-size: 1.2rem;
  border-radius: 4px;
  font-family: "Lato", "Open Sans", arial, sans serif;
  width: auto;
  height: 3.2rem;
  line-height: 3.2rem;
  padding: 0 1.6rem;
}

.webstorm-level
  #container_homepage_header
  #display-region
  #hh-buttons
  .browse-button {
  background: transparent !important;
  border: 2px solid #fff;
  line-height: 4.4rem;
}

.webstorm-level {
  #container_homepage_header {
    .f-homepage-hero {
      .f-homepage-hero-center {
        .f-homepage-hero-name {
          padding-top: 10rem;
          width: 100%;

          h1 {
            .fractal-htmlpreview div {
              font-size: 8.4rem !important;
              line-height: 8.4rem;
              letter-spacing: 1rem;
              font-weight: 900;
              display: inline-block;
              padding: 2.4rem;
              border: 4px solid #fff;
              text-transform: uppercase;
              width: auto;
              font-family: "Lato", "Open Sans", Arial, Helvetica, sans-serif !important;

              @media only screen and (max-width: 48em) {
                font-size: 7.2rem !important;
                line-height: 7.2rem;
              }
              @media only screen and (max-width: 33em) {
                font-size: 6rem !important;
                line-height: 6rem;
              }
              @media only screen and (max-width: 26em) {
                font-size: 4rem !important;
                line-height: 4rem;
              }
            }
          }
        }

        .f-homepage-hero-description {
          #homepage-htmlpreview-description {
            div {
              margin: 0 0 2.4rem;
              font-weight: 400;
              font-size: 1.8rem;
              line-height: 1.6;
              letter-spacing: 0.2rem;
              text-transform: uppercase;
              max-width: 100%;
              font-family: "Lato", "Open Sans", Arial, Helvetica, sans-serif !important;

              @media only screen and (max-width: 48em) {
                margin: 4rem auto;
                width: 100%;
              }
            }
          }
        }

        .f-homepage-header-buttons {
          padding-bottom: 10rem;

          .action-buttons {
            .navigate-container {
              display: flex;
              flex-direction: row-reverse;
              justify-content: center;
            }
            .f-homepage-browse-button {
              margin-bottom: 0;
            }
          }
        }
      }
    }
  }
}

/*******************************************************************************
    Webstorm Level - Categories
********************************************************************************/

.webstorm-level
  .content:not(#bi-page-ct-a-view-idea)
  .categories_widget
  .title_back::after {
  content: "Sort initiative submissions by topic using the category links provided below.";
  font-family: "Lato", "Open Sans", arial, sans serif;
  margin: 1.6rem 0 0;
  font-size: 1.4rem;
  text-align: left;
  letter-spacing: 0.02rem;
  display: block;
}
.webstorm-level
  .content:not(#bi-page-ct-a-view-idea)
  .categories_widget
  .boxcontent {
  margin: 0 -0.4rem;
}
.webstorm-level .content .categories_widget .boxcontent p {
  color: #797d7f;
  width: auto;
  margin: 0.4rem;
  border-radius: 4px;
  transition: 0.2s ease;
  min-height: 0;
  display: inline-block;
}
.webstorm-level
  .content:not(#bi-page-ct-a-view-idea).categories_widget
  .boxcontent
  p {
  background-color: #e7e9eb;
}
.webstorm-level
  .content:not(#bi-page-ct-a-view-idea)
  .categories_widget
  .boxcontent
  p
  a {
  color: #797d7f;
  height: auto;
  font-size: 1.4rem;
  padding: 0 1.6rem;
  height: 3.2rem;
  line-height: 3.2rem;
  display: block;
}
.webstorm-level
  .content:not(#bi-page-ct-a-view-idea)
  .categories_widget
  .boxcontent
  p:hover {
  background-color: #d5d9db;
}
.webstorm-level
  .content:not(#bi-page-ct-a-view-idea)
  .categories_widget
  .boxcontent
  p:hover
  a {
  color: #797d7f;
  text-decoration: none;
}

/*******************************************************************************
    Webstorm Level - Categories - View Idea Page
********************************************************************************/

.webstorm-level
  .content#bi-page-ct-a-view-idea
  .categories_widget
  .boxcontent
  p {
  font-size: 1.2rem;
  border: 1px solid #2f89cc;
  margin: 0.4rem 0.4rem 0 0;
  line-height: 2.4rem;
  padding: 0 0.8rem;
}

/*******************************************************************************
    App - Tags Widget
********************************************************************************/

.webstorm-level .tags_widget .boxcontent p {
  background-color: #e7e9eb;
  color: #797d7f;
  width: auto;
  margin: 0.4rem;
  border-radius: 4px;
  transition: 0.2s ease;
  min-height: 0;
  float: left;
  padding: 0 !important;
}
.webstorm-level .tags_widget .boxcontent p a {
  color: #797d7f;
  height: auto;
  font-size: 1.4rem;
  padding: 0 1.6rem;
  height: 3.2rem;
  line-height: 3.2rem;
  display: block;
}
.webstorm-level .tags_widget .boxcontent p:hover {
  background-color: #d5d9db;
}
.webstorm-level .tags_widget .boxcontent p:hover a {
  color: #797d7f;
  text-decoration: none;
}

/*******************************************************************************
    App - Status Definitions
********************************************************************************/

.rich_text_widget ul.status-definitions {
  list-style: disc;
  margin-left: 2.4rem;
  font-size: 1.4rem;
  line-height: 2rem;
}

.status-definitions li:first-child span.h6 {
  margin-top: 0;
}

.status-definitions li span.h6 {
  font-size: 1.6rem;
  line-height: 2rem;
  margin-bottom: 0;
  color: #444647;
}

.status-definitions li p {
  margin-top: 0.8rem;
}

/*******************************************************************************
    App - Updates Widget
********************************************************************************/
.webstorm-level .updates_widget .boxcontent {
  max-width: 100%;
}
.webstorm-level .updates_widget .pl_feed_note_photo {
  padding: 1.6rem;
  font-family: "Lato", "Open Sans", arial, sans serif;
  border: 1px solid #e7e9eb;
  font-size: 1.4rem;
  border-radius: 4px;
}
.webstorm-level #ws_updates_area div:nth-child(2) .pl_feed_note_photo {
  border-top: 1px solid #e7e9eb;
}
.updates_widget .boxcontent #ws_updates_area > div {
  border: none !important;
  padding-bottom: 0 !important;
}
.pl_feed_note_photo a img {
  margin-right: 1.6rem;
}

/*******************************************************************************
    App - Stats Widget
********************************************************************************/

/*
.community_stats_widget > .boxcontent > table > tbody > tr::before {
  content: '';
  font-family: FontAwesome;
  font-size: 1.6rem;
  margin-right: 0.8rem;
}
#community_stats_widget_ideas::before {
  content: '\f0eb';
}
#community_stats_widget_comments::before {
  content: '\f0e5';
}
#community_stats_widget_votes::before {
  content: '\f062';
}
#community_stats_widget_users::before {
  content: '\f007';
}
*/

/*******************************************************************************
    App - Sponsor Widget
********************************************************************************/

.webstorm-sponsor-widget-container .ws-sponsor-name,
.webstorm-sponsor-widget-container .ws-sponsor-name-center {
  font-size: 1.4rem;
}
.webstorm-sponsor-widget-container .ws-sponsor-title {
  color: #797d7f;
  font-size: 1.4rem;
  line-height: 2rem;
  height: auto;
  white-space: normal;
  display: block;
  margin-right: 0;
  margin-bottom: 0;
}
.webstorm-sponsor-widget-container #ws-sponsor-img img {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

/*******************************************************************************
    App - Submit Idea
********************************************************************************/
.webstorm-level #bi-page-ct-a-enter-idea {
  padding: 0;
}

.webstorm-level #bi-page-ct-a-enter-idea #main_content::before {
  content: "Submit an Idea";
  text-align: center;
  font-size: 6.4rem;
  font-weight: 900;
  letter-spacing: -1px;
  font-family: "Lato", sans serif;
  color: #fff;
  height: 24rem;
  line-height: 24rem;
  width: 100%;
  display: flex;
  justify-content: center;
  background: rgb(46, 119, 209);
  background: linear-gradient(
    302deg,
    rgba(46, 119, 209, 1) 0%,
    rgba(209, 48, 190, 1) 100%
  );
  background-image: url(https://d1dxeoyimx6ufk.cloudfront.net/uploads/WWW/OD38/789F5ACC.png);
  background-size: cover;
  background-position: bottom;
}

.webstorm-level #bi-page-ct-a-enter-idea #main_content {
  width: 100%;
  max-width: 1440px;
  background-color: #fff;
  margin: 0 auto;
  padding: 0 0 12rem;
}
#main_idea_container .col-lg-12 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.webstorm-level #main_idea_container #idea-layout #side-preview-section {
  position: relative;
  z-index: initial;
  width: 100%;
  max-width: 720px;
  margin-top: 2.4rem;
}
.webstorm-level #main_idea_container .set-section {
  border: none;
  padding: 0;
  margin: 2.4rem 0;
  background-color: transparent;
}
.webstorm-level #main_idea_container .bootstrap-tagsinput {
  padding: 0;
}
.webstorm-level
  #main_idea_container
  .bootstrap-tagsinput
  .tt-input.form-control {
  border: none;
  margin: 0;
  font-size: 1.2rem;
  padding: 0;
  margin: 0 1.6rem;
}

.webstorm-level #main_idea_container #form legend {
  font-size: 1.8rem;
  font-weight: 500;
  color: #444647;
  font-family: "Lato", "Open Sans", arial, sans serif;
  margin-bottom: 0.8rem;
}
.webstorm-level #main_idea_container #form legend > i {
  font-size: 1.4rem;
  vertical-align: super;
}
.webstorm-level #main_idea_container .set-section .form-control {
  height: 4.8rem;
  font-size: 1.6rem;
  color: #797d7f;
  font-family: "Lato", "Open Sans", arial, sans serif;
  border: 1px solid #bdc3c7;
  padding: 0 1.6rem;
}
.webstorm-level #main_idea_container .input-wrap .limiter {
  font-size: 1.4rem;
  font-family: "Lato", "Open Sans", arial, sans serif;
  color: #bdc3c7;
  right: 1.6rem;
}
.fractal-fileupload-v2 .f-dropzone-wrapper .f-dropzone {
  border: 2px dashed #d5d9db;
}
.webstorm-level #idea-sidebar-preview {
  display: none;
}
.webstorm-level #main_idea_container #idea-layout #form-section,
.webstorm-level #main_idea_container .redactor-box {
  width: 100%;
  max-width: 720px !important;
  margin: 0 auto !important;
  z-index: 1;
}
.webstorm-level #main_idea_container #form .drop-zone,
.webstorm-level .fractal-fileupload-v2 .f-dropzone-wrapper .f-dropzone {
  border: 2px dotted #d5d9db;
}
.webstorm-level #main_idea_container #form .drop-zone {
  padding: 1.6rem;
}
.webstorm-level #main_idea_container #form .drop-zone .instructions p {
  font-size: 1.4rem;
  line-height: 2.4rem;
  color: #797d7f;
  font-family: "Lato", arial, sans serif;
}
.webstorm-level
  #bi-page-ct-a-enter-idea
  #navbar.OPT_FEATURE_NEW_NAV_AND_ADMIN_BAR {
  max-width: 1440px;
  width: 100%;
  margin: 0 auto;
}

.webstorm-level #main_idea_container #idea-sidebar {
  position: initial;
}
.webstorm-level
  #main_idea_container
  #idea-sidebar
  #sidebar-actions
  #display-preview {
  display: none;
}
.webstorm-level
  #main_idea_container
  #idea-sidebar
  #sidebar-actions
  #submit-idea {
  margin: 0 0.4rem;
  padding: 0 3.2rem;
  height: 4.8rem;
  line-height: 4.8rem;
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: 0.02rem;
  font-family: "Lato", "Open Sans", arial, sans serif;
  float: left;
  width: auto;
  background-color: #c750d9;
  border-color: #c750d9;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.webstorm-level
  #main_idea_container
  #idea-sidebar
  #sidebar-actions
  #submit-idea:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.webstorm-level
  #main_idea_container
  #idea-sidebar
  #sidebar-actions
  #save-draft {
  width: auto;
  margin: 0 0.4rem;
  float: right;
  height: 4.8rem;
  padding: 0 3.2rem;
  font-size: 1.6rem;
  font-weight: 600;
  letter-spacing: 0.02rem;
  font-family: "Lato", "Open Sans", arial, sans serif;
  color: #c750d9;
  background-color: transparent;
  border: 1px solid #c750d9;
  transition: 0.2s ease;
}
.webstorm-level
  #main_idea_container
  #idea-sidebar
  #sidebar-actions
  #save-draft:hover,
.webstorm-level
  #main_idea_container
  #idea-sidebar
  #sidebar-actions
  #submit-idea:hover {
  background-color: #d15ae3;
  border: 1px solid #d15ae3;
  color: #fff;
}
.webstorm-level #title-results-region #idea-form-title-similar {
  font-size: 1.8rem;
  font-family: "Lato", "Open Sans", arial, sans serif;
  color: #797d7f;
  position: relative;
}
.webstorm-level #title-results-region {
  margin-left: 3.2rem;
}
.webstorm-level
  #main_idea_container
  #form
  #idea-form-title
  #idea-form-title-similar
  legend {
  font-size: 1.8rem;
  font-weight: 600;
  font-family: "Lato", "Open Sans", arial, sans serif;
  color: #797d7f;
  top: -1.6rem;
}
.webstorm-level #title-results-region #idea-form-title-similar legend::before {
  content: "\f148";
  font-family: FontAwesome;
  font-size: 1.8rem;
  color: #bdc3c7;
  transform: rotate(90deg);
  position: absolute;
  left: -2.4rem;
}
.webstorm-level
  #main_idea_container
  #form
  #idea-form-title
  #idea-form-title-similar
  .result-container {
  margin-top: 3.2rem;
}
.webstorm-level
  #main_idea_container
  #form
  #idea-form-title
  #idea-form-title-similar
  .result-container.visible
  .result {
  position: relative;
  top: 0 !important;
  float: left;
  transition: 0.2s ease;
  clear: both;
  display: block;
  margin-top: 0.8rem;
  height: 4.8rem;
  line-height: 4.8rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.webstorm-level
  #main_idea_container
  #form
  #idea-form-title
  #idea-form-title-similar
  .result-container.visible
  .result:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.webstorm-level
  #main_idea_container
  #form
  #idea-form-title
  #idea-form-title-similar
  .result-container
  .result
  .idea_image {
  width: 4.8rem;
  height: 4.8rem;
  max-width: 100%;
  border-radius: 0;
}
.webstorm-level
  #main_idea_container
  #form
  #idea-form-title
  #idea-form-title-similar
  .result-container
  .result
  .idea_meta {
  width: 88%;
  float: left;
  position: absolute;
  left: 60px;
  height: 48px;
  overflow: hidden;
}
.webstorm-level
  #main_idea_container
  #form
  #idea-form-title
  #idea-form-title-similar
  .result-container
  .result
  .idea_meta
  p {
  line-height: 4.8rem;
  font-size: 1.2rem;
  color: #797d7f;
}
.webstorm-level
  #main_idea_container
  #form
  #idea-form-title
  #idea-form-title-similar
  .result-container
  .result {
  margin-top: 1.6rem;
  background-color: #fff;
}
.webstorm-level
  #main_idea_container
  #form
  #idea-form-title
  #idea-form-title-similar
  .result-container
  .result:nth-child(2) {
  margin-top: 2.4rem;
}
.webstorm-level #main_idea_container #form .form-group {
  position: relative;
}
.webstorm-level #main_idea_container .bootstrap-tagsinput .label-info {
  margin: 0 0 0 0.8rem;
  padding: 0 0.8rem;
  height: 24px;
  line-height: 24px;
  border: 1px solid #bdc3c7;
  background-color: #f5f5f6;
  color: #797d7f;
  font-size: 1.4rem;
  font-family: "Lato", "Open Sans", arial, sans serif;
}
.webstorm-level
  #main_idea_container
  .bootstrap-tagsinput
  .label-info:first-child {
  margin: 0 0 0 1.6rem;
}
.webstorm-level .bootstrap-tagsinput .tag [data-role="remove"] {
  margin-left: 1.6rem;
}
.webstorm-level #main_idea_container .f-dropzone-wrapper .f-dropzone p {
  font-size: 1.4rem;
  line-height: 2.4rem;
  color: #797d7f;
}
.webstorm-level #main_idea_container .radio label,
.webstorm-level #main_idea_container .checkbox label {
  font-size: 1.6rem;
  line-height: 2.4rem;
  font-family: "Lato", "Open Sans", arial, sans serif;
  color: #797d7f;
}
.webstorm-level #main_idea_container .set-section .hint {
  font-size: 1.2rem;
}

.webstorm-level
  .fractal-fileupload-v2
  .f-dropzone-wrapper
  .f-dropzone
  .f-dropzone-browse-text,
.webstorm-level #main_idea_container .green {
  color: #2f89cc;
}
.webstorm-level #main_idea_container #idea-sidebar-actions {
  height: auto;
}

/*******************************************************************************
    App - Top Ideas
********************************************************************************/

.webstorm-level
  #bi-page-ct-list
  .f-best-idea-main-content#main_content::before {
  display: none;
}

/*******************************************************************************
    App - Browse Ideas
********************************************************************************/
.webstorm-level #bi-page-ct-list #main_content::before {
  content: "All Ideas";
  text-align: center;
  font-size: 6.4rem;
  font-weight: 900;
  letter-spacing: -1px;
  font-family: "Lato", sans serif;
  color: #fff;
  height: 24rem;
  line-height: 24rem;
  width: 100%;
  display: flex;
  justify-content: center;
  background: rgb(46, 119, 209);
  background: linear-gradient(
    302deg,
    rgba(46, 119, 209, 1) 0%,
    rgba(209, 48, 190, 1) 100%
  );
  background-image: url(https://d1dxeoyimx6ufk.cloudfront.net/uploads/WWW/OD38/789F5ACC.png);
  background-size: cover;
  background-position: bottom;
}

.webstorm-level #bi-page-ct-list #main_content {
  width: 100%;
  max-width: 100%;
  margin: 0;
}

.webstorm-level .fractal-widget-ideaboard .ideaboard-bottom {
  max-width: 1200px;
  margin: 2.4rem auto 0;
}

/*******************************************************************************
    App - Browse Ideas - Card Update Format
********************************************************************************/

.webstorm-level .fractal-button,
.webstorm
  .fractal-widget-ideaboard
  .ideaboard-filter-bar
  .ideaboard-filter-left {
  font-family: "Lato", "Open Sans", arial, sans serif;
}
.webstorm-level
  .fractal-widget-ideaboard
  .ideaboard-filter-bar
  .f-btn-link-animated {
  color: #444647;
}
.webstorm-level .fractal-button.f-btn-link-animated:after,
.fractal-widget-ideaboard
  .ideaboard-filter-bar
  .ideaboard-filter-left
  .ideaboard-filter-total {
  color: #797d7f;
}

.webstorm-level .fractal-widget-ideaboard .ideaboard-filter-bar {
  height: 6.4rem;
  margin-bottom: 1.4rem;
  max-width: 1200px;
  margin: 0 auto;
}
.webstorm-level .fractal-secondary-ideas-view-grid {
  height: 100%;
}
.webstorm-level .fractal-secondary-ideas-view-grid .ideaboard-card,
.webstorm-level .fractal-secondary-ideas-view-grid .ideaboard-card-placeholder {
  height: auto;
  position: relative;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.webstorm-level .fractal-secondary-ideas-view-grid .ideaboard-card:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  transform: none;
}
.webstorm-level
  .fractal-secondary-ideas-view-grid
  .ideaboard-card
  .f-card-image {
  margin-top: 10.4rem;
  height: 16rem;
}
.webstorm-level
  .fractal-secondary-ideas-view-grid
  .ideaboard-card
  .f-card-image
  .f-card-campaign-title,
.webstorm-level
  .fractal-secondary-ideas-view-grid
  .ideaboard-card
  .f-card-image
  .f-card-title {
  position: absolute;
  top: 2rem;
  left: 1.6rem;
  color: #444647;
  font-weight: 600;
  text-shadow: none;
  font-size: 1.4rem;
  overflow: hidden;
  max-width: 90%;
  max-height: 4.8rem;
}
.webstorm-level
  .fractal-secondary-ideas-view-grid
  .ideaboard-card
  .f-card-image
  .f-card-member-row
  .f-card-member-image {
  position: absolute;
  top: 7.2rem;
  left: 1.6rem;
  width: 4.8rem;
  height: 4.8rem;
}
.webstorm-level
  .fractal-secondary-ideas-view-grid
  .ideaboard-card
  .f-card-image
  .f-card-member-row
  .f-card-screenname {
  margin: 0;
  position: absolute;
  top: 8rem;
  left: 7.2rem;
  color: #797d7f;
  text-shadow: none;
  font-size: 1.2rem;
  font-weight: 400;
}

.webstorm-level
  .fractal-secondary-ideas-view-grid
  .ideaboard-card.f-nov-2019-card-redesign
  .f-card-image
  .f-card-member
  .f-card-screenname {
  font-weight: 400;
}
.webstorm-level
  .fractal-secondary-ideas-view-grid
  .ideaboard-card
  .f-card-image
  .f-card-status-row
  .f-card-status {
  position: absolute;
  bottom: 1.6rem;
  left: 1.6rem;
}
.webstorm-level .f-idea-score-footer {
  justify-content: flex-end;
}
.webstorm-level .f-idea-score-footer .f-idea-score-scores {
  margin-right: 1.6rem;
}
.webstorm-level
  .fractal-secondary-ideas-view-grid
  .ideaboard-card
  .f-card-description {
  height: 7.2rem;
  padding: 1.6rem;
  font-size: 1.2rem;
  line-height: 2rem;
  margin-bottom: 2.4rem;
  color: #797d7f;
}
.webstorm-level
  .fractal-secondary-ideas-view-grid
  .ideaboard-card
  .f-card-footer {
  padding: 0 1.6rem 1.6rem 0;
  height: auto;
}
.webstorm-level #main_idea_container #preview-section {
  width: 960px;
}

/*******************************************************************************
    Webstorm Level - Submit Idea Buttons
********************************************************************************/
.webstorm-level #sidebar-actions .btn-primary {
  font-size: 1.8rem;
  font-weight: 500;
  height: 48px;
  border: none;
}
#f-submit-idea-button
  .f-submit-idea-button-container
  .f-submit-idea-btn.btn-primary {
  padding: 0 2.4rem !important;
}

/*******************************************************************************
    Webstorm Level - Submit Idea Buttons (Code Added 12-4-19)
********************************************************************************/

#main_idea_container #idea-sidebar #sidebar-actions .btn,
#f-submit-idea-button
  .f-submit-idea-button-container
  .f-dropdown-submit-idea-btn.btn-primary {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: 0.2s ease;
}
#main_idea_container #idea-sidebar #sidebar-actions .btn:hover,
#f-submit-idea-button
  .f-submit-idea-button-container
  .f-dropdown-submit-idea-btn.btn-primary:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.webstorm-level #sidebar-actions .btn-primary {
  font-family: "Lato", "Open Sans", arial, sans serif;
}

.webstorm-level #sidebar-actions .btn-primary {
  background-color: #2f89cc;
}

.webstorm-level #sidebar-actions .btn-primary:hover {
  background-color: #3993d6;
}

/*******************************************************************************
    Webstorm Level - View Idea
********************************************************************************/

.webstorm-level #ws_view_idea_1 {
  width: 220px;
  margin-left: 0;
  margin-top: 240px;
}
.webstorm-level #idea-image {
  width: 220px;
  height: 220px;
  margin-left: -234px;
}
.webstorm-level #idea-image #idea-image-img {
  width: 220px;
  height: 220px;
}

.webstorm-level #tab-content .tab-content-container-description,
.webstorm-level #view-idea-horizontal-tabs {
  font-size: 1.4rem;
  font-weight: 400;
  font-family: "Lato", "Open Sans", arial, sans serif;
  color: #797d7f;
}
.webstorm-level #view-idea-horizontal-tabs .selected {
  background-color: #fff !important;
  border: 1px solid #e5e6e9;
}
.webstorm-level #view-idea-horizontal-tabs > a {
  border-top: 1px solid #e5e6e9;
  border-left: 1px solid #dfe0e4;
  border-right: 1px solid #dfe0e4;
  border-bottom: none;
}
#view-idea-horizontal-tabs #overflow-tab {
  padding-top: 12px;
}
.webstorm-level #tab-content {
  margin: 0;
}
.webstorm-level #tab-content .tab-content-container-description {
  margin-bottom: 4.8rem;
}
.webstorm-level #idea-submitter-date-wrapper,
.webstorm-level #idea-category-wrapper,
.webstorm-level #idea-status-wrapper {
  font-size: 1.4rem;
  font-weight: 400;
  font-family: "Lato", "Open Sans", arial, sans serif;
}
.webstorm-level .widget_container .details_stats_container td {
  font-size: 1.4rem;
  font-weight: 400;
  font-family: "Lato", "Open Sans", arial, sans serif;
}
.webstorm-level #additional-questions-container,
.webstorm-level #bi-page-ct-a-view-idea #info-content,
.webstorm-level #evaluationTab-content {
  max-width: none;
  width: 100%;
  margin-bottom: 20px;
  padding: 20px;
  border-right: 1px solid #dfe0e4;
  border-left: 1px solid #dfe0e4;
  border-bottom: 1px solid #dfe0e4;
  background-color: #fff;
}
.webstorm-level #idea-title-wrapper {
  width: 85%;
}
.webstorm-level #idea-title-wrapper #idea-title {
  font-family: "Lato", "Open Sans", arial, sans serif;
  color: #444647;
}
.webstorm-level #team_details table td {
  font-family: "Lato", "Open Sans", arial, sans serif;
  width: 100%;
  display: block;
}
.webstorm-level .add-comment-label,
.webstorm-level #team_details table td {
  font-family: "Lato", "Open Sans", arial, sans serif;
  color: #444647;
}
.webstorm-level #team_details > div > table > tbody > tr > td:nth-child(2) {
  margin-top: -2.4rem;
}
.webstorm-level #bi-page-ct-a-view-idea .widget_container {
  border: none;
}
.webstorm-level #bi-page-ct-a-view-idea #linked_ideas table td,
.webstorm-level #bi-page-ct-a-view-idea .idea_details_header td,
.webstorm-level #bi-page-ct-a-view-idea #stage_wrapper .stage-header {
  font-size: 1.4rem;
  font-weight: 600;
  font-family: "Lato", "Open Sans", arial, sans serif;
  color: #444647;
}
.webstorm-level #comments-container-header {
  font-size: 1.4rem;
  font-weight: 600;
  font-family: "Lato", "Open Sans", arial, sans serif;
  color: #797d7f;
}

.webstorm-level #team_details table td {
  margin-top: 0;
}

.webstorm-level #bi-page-ct-a-view-idea #team_details,
.webstorm-level #bi-page-ct-a-view-idea .details_stats_container {
  margin: 0 0 2.4rem;
}
#stage_wrapper .stage-title {
  font-size: 1.2rem;
  margin-top: 0.8rem;
  font-family: "Lato", "Open Sans", arial, sans serif;
  color: #797d7f;
}
.webstorm-level #bi-page-ct-a-view-idea #stage_wrapper .stage-bar {
  margin-top: 0.8rem;
}
.webstorm-level #bi-page-ct-a-view-idea #comment_container .regular-comment {
  font-size: 1.4rem;
}
.webstorm-level #bi-page-ct-a-view-idea #desc-text {
  width: 100%;
}
.webstorm-level #bi-page-ct-a-view-idea #desc-text p,
.webstorm-level #bi-page-ct-a-view-idea .question-wrapper .question-answer {
  font-size: 1.4rem;
  letter-spacing: 0.02rem;
  line-height: 2.4rem;
  font-weight: 400;
  font-family: "Lato", "Open Sans", arial, sans serif;
  color: #797d7f;
}

.webstorm-level
  #bi-page-ct-a-view-idea
  #inline-edit-icon-team_details.team_details-edit-icon {
  font-size: 1.4rem;
}
.webstorm-level #bi-page-ct-a-view-idea .linked-idea,
.webstorm-level #bi-page-ct-a-view-idea .merge-idea,
.webstorm-level #bi-page-ct-a-view-idea .team_member {
  margin-top: 0.8rem;
}
.webstorm-level #bi-page-ct-a-view-idea .question-wrapper {
  margin-bottom: 2.4rem;
}
.webstorm-level #bi-page-ct-a-view-idea #comment_title,
.webstorm-level #bi-page-ct-a-view-idea .comment_reply_body {
  color: #797d7f;
  font-size: 1.2rem;
}
.webstorm-level #bi-page-ct-a-view-idea .idea_details_widget .action-button {
  padding: 0;
  height: 48px;
  line-height: 48px;
  font-size: 1.4rem;
  font-family: "Lato", "Open Sans", arial, sans serif;
  font-weight: 600;
  color: #797d7f;
}
.webstorm-level #bi-page-ct-a-view-idea .question-answer-edit-button,
.webstorm-level #bi-page-ct-a-view-idea .idea-description-edit-button,
.idea-expertise-edit-button {
  width: auto;
}
.webstorm-level #bi-page-ct-a-view-idea #ws_view_idea_2 .tag_left a,
.webstorm-level #bi-page-ct-a-view-idea #ws_view_idea_2 .admin_label_left a {
  font-size: 1.2rem;
  font-family: "Lato", "Open Sans", arial, sans serif;
}
.webstorm-level #bi-page-ct-a-view-idea .image-attachment,
.webstorm-level #bi-page-ct-a-view-idea .image-temp-attachment {
  height: auto;
}
.webstorm-level
  #bi-page-ct-a-view-idea
  #add-comment-container
  #bi-comment-button,
.webstorm-level
  #bi-page-ct-a-view-idea
  #add-comment-container
  #bi-reply-comment-button {
  vertical-align: middle;
}
.webstorm-level #bi-page-ct-a-view-idea #description-video-container,
.webstorm-level #bi-page-ct-a-view-idea #description-text-container {
  border-left: 1px solid;
  border-right: 1px solid;
  border-color: #e5e6e9;
  background: #fff;
  padding: 20px;
  margin-bottom: 0;
}
.webstorm-level .tab-filler.long,
.webstorm-level .tab-filler.short {
  border: none;
  display: none;
}
.webstorm-level #bi-page-ct-a-view-idea #attachment-content,
.webstorm-level #bi-page-ct-a-view-idea #business-content,
.webstorm-level #bi-page-ct-a-view-idea #actualHistory-content,
.webstorm-level #bi-page-ct-a-view-idea #history-content {
  border-left: 1px solid;
  border-right: 1px solid;
  border-bottom: 1px solid;
  border-color: #e5e6e9;
  background: #fff;
  padding: 20px;
  margin-bottom: 0;
}

.webstorm-level #bi-page-ct-a-view-idea #ws_view_idea_1 .widget_title {
  font-size: 1.8rem;
  line-height: 2.4rem;
  margin-bottom: 1.6rem;
  display: block;
  padding: 0;
}

.webstorm-level #bi-page-ct-a-view-idea #ws_view_idea_1 .widget_title::after {
  content: "";
  display: table;
  clear: both;
}

/*******************************************************************************
    Webstorm Level - View Idea (Code Added 12-4-19)
********************************************************************************/
.webstorm-level #idea-image-edit-drop {
  right: 16px;
  margin-top: -170px !important;
}
.webstorm-level #ws_view_idea_2 a {
  text-decoration: none;
}
.webstorm-level .idea-image-edit-icon {
  top: 16px;
  right: 16px;
}
.webstorm-level #idea-image-edit-drop-ul {
  width: auto !important;
}
.webstorm-level #add-comment-input {
  font-size: 1.4rem;
}
.webstorm-level #title-edit-wrapper {
  margin-top: 12px;
  height: auto;
}
.webstorm-level #idea-title-edit {
  height: 32px;
}
.webstorm-level #submit-btn-title,
.webstorm-level #cancel-btn-title {
  width: 32px;
  height: 32px;
  line-height: 32px;
  padding: 0;
}
.webstorm-level #image-attachment-container img {
  max-width: 100%;
}
.webstorm-level .bi-user-fly-wrapper .user-name a {
  padding: 0;
  line-height: 28px;
  height: auto;
}
.webstorm-level #button-info .next-prev-idea-title {
  margin-bottom: 0;
}
.webstorm-level #ws_view_idea_2 #nav-buttons #button-info {
  padding: 24px;
  height: 96px;
  font-family: "Lato", "Open Sans", arial, sans serif;
}
.webstorm-level #ws_view_idea_2 #button-info > span.next-prev-descriptor {
  width: auto;
}
.webstorm-level #ws_view_idea_2 #button-info.box-right {
  width: 275px;
}
.webstorm-level #ws_view_idea_2 #button-info.box-right .next-prev-idea-title {
  width: 160px;
}
.webstorm-level #bi-page-ct-a-view-idea #overflow-tab-list ul {
  text-align: left;
  padding-left: 0;
  width: 112px;
}
.webstorm-level #bi-page-ct-a-view-idea #overflow-tab-list ul li {
  transition: 0.2s ease;
  padding: 0 8px;
}
.webstorm-level #bi-page-ct-a-view-idea #overflow-tab-list ul li:hover {
  background-color: #e7e9eb;
}
.webstorm-level #bi-page-ct-a-view-idea #ws_view_idea_2 .next-button:before {
  margin-left: 16px;
}

/*******************************************************************************
    Webstorm Level - View Idea (Code Added 12-4-19)
********************************************************************************/
.webstorm-level #idea-image-edit-drop {
  right: 16px;
  margin-top: -170px !important;
}
.webstorm-level #ws_view_idea_2 a {
  text-decoration: none;
}
.webstorm-level .idea-image-edit-icon {
  top: 16px;
  right: 16px;
}
.webstorm-level #idea-image-edit-drop-ul {
  width: auto !important;
}
.webstorm-level #add-comment-input {
  font-size: 1.4rem;
}
.webstorm-level #title-edit-wrapper {
  margin-top: 12px;
  height: auto;
}
.webstorm-level #idea-title-edit {
  height: 32px;
}
.webstorm-level #submit-btn-title,
.webstorm-level #cancel-btn-title {
  width: 32px;
  height: 32px;
  line-height: 32px;
  padding: 0;
}
.webstorm-level #image-attachment-container img {
  max-width: 100%;
}
.webstorm-level .bi-user-fly-wrapper .user-name a {
  padding: 0;
  line-height: 28px;
  height: auto;
}
.webstorm-level #button-info .next-prev-idea-title {
  margin-bottom: 0;
}
.webstorm-level #ws_view_idea_2 #nav-buttons #button-info {
  padding: 24px;
  height: 96px;
  font-family: "Lato", "Open Sans", arial, sans serif;
}
.webstorm-level #ws_view_idea_2 #button-info > span.next-prev-descriptor {
  width: auto;
}
.webstorm-level #ws_view_idea_2 #button-info.box-right {
  width: 275px;
}
.webstorm-level #ws_view_idea_2 #button-info.box-right .next-prev-idea-title {
  width: 160px;
}
.webstorm-level #bi-page-ct-a-view-idea #overflow-tab-list ul {
  text-align: left;
  padding-left: 0;
  width: 112px;
}
.webstorm-level #bi-page-ct-a-view-idea #overflow-tab-list ul li {
  transition: 0.2s ease;
  padding: 0 8px;
}
.webstorm-level #bi-page-ct-a-view-idea #overflow-tab-list ul li:hover {
  background-color: #e7e9eb;
}
.webstorm-level #bi-page-ct-a-view-idea #ws_view_idea_2 .next-button:before {
  margin-left: 16px;
}

/*******************************************************************************
    Webstorm Level - View Idea (Code Added 12-11-19)
********************************************************************************/

.webstorm-level #ws_view_idea_1 {
  width: 220px;
  margin-top: 240px;
  margin-left: 0;
}
.webstorm-level #ws_view_idea_2 #idea-image-img,
.webstorm-level #ws_view_idea_2 #idea-image {
  width: 220px;
  height: 220px;
}
.webstorm-level #ws_view_idea_2 #idea-image {
  margin-left: -234px;
}
.webstorm-level .tab-filler.short,
.webstorm-level .tab-filler.long {
  display: none;
}
.webstorm-level #view-idea-horizontal-tabs > a {
  border-left: 1px solid #dfe0e4;
  border-right: 1px solid #dfe0e4;
  border-bottom: none;
  border-top: 1px solid #e5e6e9 !important;
  margin-right: -5px;
  float: left;
}
.webstorm-level #tab-content {
  margin: 0;
}
.webstorm-level #view-idea-horizontal-tabs .selected {
  border-bottom: 0;
  background: #fff !important;
}
.bimodal-container .bimodal-subhead {
  display: none;
}
.webstorm-level #ws_view_idea_2 #bi-idea-subscribe {
  margin-top: 0;
}
.webstorm-level #ws_view_idea_2 #button-info.box-right .next-prev-idea-title {
  line-height: unset;
}
.webstorm-level #ws_view_idea_2 #view-idea-horizontal-tabs #overflow-tab {
  margin-top: 0;
  border-top: none !important;
}
.webstorm-level .bimodal-footer {
  background: none;
}
.webstorm-level .green_btn_center {
  text-shadow: none !important;
}
.webstorm-level #idea-expertise-edit-wrapper #idea-expertise-input_tagsinput {
  width: 100% !important;
}
.webstorm-level .question-answer-edit-buttons-container,
.webstorm-level .idea-description-edit-buttons-container,
.webstorm-level .idea-expertise-edit-buttons-container {
  margin-right: 1px;
}
.webstorm-level #ws_view_idea_2 .question-answer-edit-button,
.webstorm-level #ws_view_idea_2 .idea-description-edit-button,
.webstorm-level #ws_view_idea_2 .idea-expertise-edit-button {
  width: auto;
}

/*******************************************************************************
    Webstorm Level - View Idea (Code Added 3-31-20)
********************************************************************************/

.webstorm-level #bi-page-ct-a-view-idea #fractal-edit-owner-hook {
  font-size: 1.4rem;
  line-height: 2.4rem;
}

/*******************************************************************************
    Webstorm Level - View Idea (Code Added 11-5-20)
********************************************************************************/

.webstorm-level #bi-page-ct-a-view-idea #view-idea-main-content {
  clear: both;
}

.webstorm-level #bi-page-ct-a-view-idea #toolbar-container {
  clear: both;
  float: right;
}

/*******************************************************************************
    Webstorm Level - News
********************************************************************************/

.webstorm-level #bi-page-ct-blog-list #main_content {
  max-width: 96rem;
  margin: 0 auto 4.8rem;
  padding: 0;
}
.webstorm-level #container_ct_blog_list_1 {
  margin-left: 0;
  width: 22%;
  float: left;
}
.webstorm-level #container_ct_blog_list_1 .widget_container {
  margin-bottom: 2.4rem;
}
.webstorm-level #container_ct_blog_list_1 .widget_container .boxcontent {
  padding: 0;
}
.webstorm-level #container_ct_blog_list_1 .widget_title {
  color: #666;
  font-size: 1.4rem;
  font-weight: 600 !important;
  text-align: left;
  padding-left: 0;
  font-family: "Lato", "Open Sans", arial, sans serif;
}
.webstorm-level #container_ct_blog_list_2 {
  display: block;
  margin-bottom: 36px;
  text-align: center;
}
.webstorm-level #container_ct_blog_list_2 .widget_container {
  margin-bottom: 0;
}
.webstorm-level #container_ct_blog_list_2 .boxcontent {
  padding: 0;
}
.webstorm-level #content_blog_list {
  width: 74%;
  margin-left: 4%;
  float: right;
}
.webstorm-level #bi-page-ct-blog-list table {
  margin-bottom: 0;
}
.webstorm-level #bi-page-ct-blog-list .blogcontent {
  color: #888;
  padding-bottom: 3.6rem;
  margin-bottom: 3.6rem;
}
.webstorm-level .blog_list_widget .boxcontent > div > table,
.webstorm-level .blog_list_widget .boxcontent > div > table td {
  border: none;
}
.webstorm-level .blog_list_widget {
  border: 1px solid #ccc;
}
.webstorm-level #ent_blog_topic_list p {
  margin: 0 !important;
}
.webstorm-level .enterprise_post_blog_widget .boxcontent {
  overflow: visible;
}
.webstorm-level .post_idea_button a,
.post_blog_button a {
  border-radius: 20px;
}
.webstorm-level .widget_container .boxcontent .post_blog_button a {
  display: grid;
  height: 4.8rem !important;
  line-height: 4.8rem;
  color: #fff;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 600;
  text-transform: capitalize;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
  border: none;
  box-sizing: border-box;
  transition: 0.2s ease;
  width: 100%;
  border-radius: 4px;
  text-shadow: none;
  padding: 0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.webstorm-level .widget_container .boxcontent .post_blog_button a:hover {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.webstorm-level .post_idea_button a:hover,
.post_blog_button a:hover,
.request-ws-btn a:hover {
  transition: 0.2s ease;
}
/*
.webstorm-level .post_blog_button a:hover {
  background-color: #800000;
  color: #fff;
  border: 2px solid #800000;
}
*/
.webstorm-level .post_blog_button {
  background-color: transparent;
}
.webstorm-level .blog_list_widget {
  background-color: #fff;
}
.webstorm-level .blog_list_widget #blogsubject a {
  font-size: 2rem;
  font-weight: 600;
  font-family: "Lato", "Open Sans", arial, sans serif;
}
.webstorm-level #content_blog_list #blog_title_small {
  margin-top: 1em;
  display: inline-block;
}
.webstorm-level .blog_list_widget .blogcontent {
  margin-top: 1.2rem;
}
.webstorm-level .blog_list_widget .blogcontent p,
.blog_list_widget .blogcontent span {
  color: #888;
  font-size: 1.4rem;
  font-family: "Lato", "Open Sans", arial, sans serif;
}
.webstorm-level .undertext a {
  font-size: 1.3rem;
}
.webstorm-level #quoteAlt1:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
.webstorm-level
  #bi-page-ct-blog-list
  .blog_list_widget
  .boxcontent
  > div
  > table {
  width: 69rem !important;
  margin-bottom: 2.4rem;
}
.webstorm-level
  #bi-page-ct-blog-list
  .blog_list_widget
  .boxcontent
  > div
  > table
  > tbody
  > tr
  > td:first-child
  > span
  > span {
  font-size: 2rem !important;
  font-weight: 400 !important;
  padding-left: 0 !important;
}
.webstorm-level .widget_container.blog_list_widget .boxcontent {
  padding: 1.2rem;
}

/* BI:  Post Blog Page
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.webstorm-level .section.sub-page.hero.post-blog {
  background-image: none;
  background-color: #404040;
}
.webstorm-level #bi-page-ct-a-enter-blog {
  background-color: #f5f5f5;
}
.webstorm-level #bi-page-ct-a-enter-blog #main_content {
  max-width: 96rem;
  margin: 4.8rem auto;
  padding: 0;
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap-reverse;
}
.webstorm-level #container_enter_blog_2 {
  display: block;
  margin-bottom: 36px;
  text-align: center;
}
.webstorm-level #container_enter_blog_2 .boxcontent {
  padding: 0;
}
.webstorm-level #bi-page-ct-a-enter-blog #container_enter_blog_1 {
  margin: 0;
  flex: 1 1 15%;
  min-width: 0;
  min-height: 0;
}
.webstorm-level
  #bi-page-ct-a-enter-blog
  #container_enter_blog_1
  .widget_container {
  margin-bottom: 24px;
  border: none;
}
.webstorm-level
  #bi-page-ct-a-enter-blog
  #main_content
  #container_enter_blog_1
  .widget_title {
  font-size: 1.4rem !important;
  color: #444647;
  font-family: "Lato", "Open Sans", arial, sans serif;
  padding: 0;
  text-align: left;
}
.webstorm-level #bi-page-ct-a-enter-blog #content_enter_blog {
  margin: 0 0 0 4%;
  flex: 1 1 80%;
  min-width: 0;
}
.webstorm-level #bi-page-ct-a-enter-blog #enter_blog_main_content {
  padding: 3.2rem 3.2rem 4.8rem;
  margin-top: 0;
  margin-bottom: 0px;
  overflow: visible;
  position: relative;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid #ccc;
}
.webstorm-level #bi-page-ct-a-enter-blog #main_form .input_box {
  background-color: #f6f6f6;
  border-radius: 2px;
  width: 100% !important;
}
.webstorm-level #content_enter_blog #blog_subject_title,
.webstorm-level #content_enter_blog #main_form label,
.webstorm-level #content_enter_blog #txtIdeaTag {
  width: 100% !important;
  margin-left: 0;
  box-sizing: border-box;
}
.webstorm-level #content_enter_blog #divMyTags,
.webstorm-level #content_enter_blog #divMyTags table {
  width: 100% !important;
  margin-bottom: 0px;
}
.webstorm-level #content_enter_blog #main_form b {
  font-family: "Lato", "Open Sans", arial, sans serif;
  font-size: 16px;
  font-weight: 400;
  color: #444;
  display: inline-block;
  margin-bottom: 12px;
}
.webstorm-level #main_form > div:first-child {
  position: absolute;
  right: 36px;
}
.webstorm-level #content_enter_blog #elm1_tbl {
  width: 100% !important;
}

.webstorm-level #content_enter_blog #divMyTags table tr td {
  border: none;
}
.webstorm-level #content_enter_blog #divMyTags table tr td:nth-child(1) {
  padding: 0;
  float: left;
}
.webstorm-level #content_enter_blog #divMyTags table tr td:nth-child(2) {
  float: right !important;
  padding: 0;
  margin: 0;
}
.webstorm-level #content_enter_blog #divMyTags table tr td:nth-child(2) button {
  margin: 0.8rem 0 0 0;
}
.webstorm-level #content_enter_blog #btnAddTag {
  border: 2px solid #c750d9;
  color: #fff;
  margin-top: 0;
  font-size: 11px;
  font-weight: 600;
  text-transform: capitalize;
  height: 20px;
  line-height: 20px;
  padding: 0;
  min-width: 60px;
  box-sizing: border-box;
  background: none;
  background-color: #c750d9;
  transition: 0.2s ease;
  border-radius: 4px;
  font-family: "Lato", "Open Sans", arial, sans serf;
  box-sizing: content-box;
}
.webstorm-level #content_enter_blog #btnAddTag:hover {
  color: #fff;
}

.webstorm-level #content_enter_blog .input_dropdown {
  width: 100%;
  margin-top: -24px;
}
.webstorm-level #content_enter_blog #blog_attachment_upload_list {
  margin-bottom: -2.4rem;
}
.webstorm-level #enter_blog_main_content #bi-preview-btn {
  padding-right: 0;
  display: none !important;
}
.webstorm-level #enter_blog_main_content #bi-preview-btn,
.webstorm-level #enter_blog_main_content #post-blog-draft-button {
  background: none;
  border: none;
  text-transform: uppercase;
  box-shadow: none;
  font-size: 1.4rem;
  float: right;
  line-height: 3.2rem;
  color: #c750d9;
}
.webstorm-level #enter_blog_main_content #bi-preview-btn:hover,
.webstorm-level #enter_blog_main_content #post-blog-draft-button:hover {
  background: none;
  text-decoration: underline !important;
  text-shadow: none;
}
.webstorm-level #enter_blog_main_content #bi-post-btn {
  float: left;
}
.webstorm-level #i_upload_multiple_blog_attachment {
  width: 100% !important;
}
.webstorm-level #my_blog_drafts_container img[src*="https://d1dxeoyimx6ufk.cloudfront.net/ct/images/c_garbage.gif"]
{
  display: none;
}
.webstorm-level #my_blog_drafts_container p a:nth-child(1) {
  vertical-align: middle;
}
.webstorm-level #my_blog_drafts_container p a:nth-child(1)::before {
  content: "\E92B";
  cursor: pointer;
  font-family: "Material Icons";
  font-size: 18px;
  color: #888;
  vertical-align: top;
  -webkit-font-smoothing: antialiased;
}

.webstorm-level #bi-page-ct-a-enter-blog #full_preview {
  width: 100% !important;
}
.webstorm-level #bi-page-ct-a-enter-blog #full_preview #blog_title {
  text-align: center;
}

.webstorm-level #bi-page-ct-a-enter-blog #bi-save-btn,
.webstorm-level #submitform #bi-preview-btn,
.webstorm-level #submitform #post-blog-draft-button,
.webstorm-level #submitform #bi-post-btn {
  margin: 0 !important;
  border-radius: 4px;
  font-family: "Lato", "Open Sans", arial, sans serif;
  display: inline-block;
  height: 3.6rem;
  padding: 0 1.6rem;
  font-size: 1.4rem;
  font-weight: 600 !important;
  line-height: 3.2rem;
  white-space: nowrap;
  text-decoration: none;
}
.webstorm-level #submitform #post-blog-draft-button:hover {
  color: #c750d9;
  text-decoration: underline;
}
.webstorm-level #article #button_add_comment:hover {
  color: #fff;
}

/* BI:  View Blog Page
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.webstorm-level #bi-page-ct-a-view-blog {
  background-color: #f5f5f6;
}
.webstorm-level #bi-page-ct-a-view-blog #main_content {
  width: 100%;
  margin: 6.4rem auto 3.2rem;
  padding: 0;
}
.webstorm-level #container_view_blog_1 {
  margin-left: 0;
  width: 22%;
  float: none;
  display: none;
}
.webstorm-level #container_view_blog_1 .widget_container .boxcontent {
  padding: 0;
}
.webstorm-level #container_view_blog_1 .widget_title {
  color: #444;
  font-size: 14px;
  font-weight: 400;
  padding-left: 0;
  font-family: "Lato", "Open Sans", arial, sans serif;
}
.webstorm-level #content_view_blog {
  width: 100%;
  max-width: 720px;
  margin: 0 auto;
  display: flex;
  float: none;
}
.webstorm-level .view_blog_widget {
  background-color: #fff;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12),
    0px 2px 2px 0px rgba(0, 0, 0, 0.24);
}
.webstorm-level .view_blog_widget .boxcontent {
  padding: 4rem;
}
.webstorm-level .view_blog_widget .boxcontent > table {
  width: 100%;
}
.webstorm-level .view_blog_widget .boxcontent > table tbody tr td:first-child {
  display: none;
}
.webstorm-level .view_blog_widget .boxcontent > table tbody tr td:nth-child(2) {
  padding: 0;
}
.webstorm-level #bi-page-ct-a-view-blog #blogsubject,
.webstorm-level .blogsubject {
  font-size: 2.4rem;
  text-align: center;
  font-weight: 600;
  margin: 0;
  line-height: 3.6rem;
  color: #444647;
  font-family: "Lato", "Open Sans", arial, sans serif;
}
.webstorm-level #bi-page-ct-a-view-blog #blog_title_small {
  margin: 0.6rem 12px 0 0;
  display: inline-block;
  font-size: 1.2rem;
}
.webstorm-level #bi-page-ct-a-view-blog,
#bi-page-ct-a-view-blog #quoteAlt1 table:nth-child(2) td {
  padding: 0;
  border: none;
  color: #888;
  font-weight: 400;
  font-family: "Lato", "Open Sans", arial, sans serif;
}
.webstorm-level #view_blog_main_content td,
.catComment {
  border: none;
}
.webstorm-level .catComment {
  color: #444 !important;
  font-weight: 400;
}
.webstorm-level #bi-page-ct-a-view-blog #comment {
  background-color: #f6f6f6;
  font-size: 1.4rem;
  padding: 1.2rem;
}
.webstorm-level #article #button_add_comment {
  border-radius: 4px;
  color: #fff;
  padding: 0 24px;
  transition: 0.2s ease;
  margin-top: 1.2rem;
  font-size: 1.4rem;
  font-weight: 600 !important;
  text-transform: capitalize;
  height: 3.2rem;
  box-sizing: border-box;
  background: none;
  background-color: #c750d9;
  font-family: "Lato", "Open Sans", arial, sans serif;
  text-shadow: none;
  margin-right: 0;
}
.webstorm-level .view_blog_widget #article {
  padding: 0 !important;
}
.webstorm-level .view_blog_widget .commentsfloat {
  font-size: 1.4rem;
}
.webstorm-level .view_blog_widget #blog_title {
  text-align: center;
  margin-bottom: 6px;
}
.webstorm-level .view_blog_widget #quoteAlt1 .minitext > tbody > tr > td {
  width: 100%;
  text-align: center;
  font-size: 1.2rem;
  padding: 0;
}
.webstorm-level
  .view_blog_widget
  #quoteAlt1
  .minitext
  > tbody
  > tr
  > td:nth-last-child(1) {
  display: none;
}

/*******************************************************************************
    Webstorm Level - View Blog (Code Added 12-4-19)
********************************************************************************/

#comment_container .minitext {
  font-size: 1.2rem;
}
.view_blog_widget #comment_container #quoteAlt1 {
  font-size: 1.4rem;
}
.webstorm-level .view_blog_widget #article > label {
  font-size: 1.2rem;
}

/* App - Activity Search Page (Code Added 10-27-20)
----------------------------------------------------------------------------------*/

#bi-page-c-search #main_content {
  width: 100%;
  max-width: 1248px;
  padding: 0 2.4rem;
}
#bi-page-c-search #main_content #container_ent_search_1 {
  margin-top: 2.4rem;
}

#bi-page-c-search
  #main_content
  #container_ent_search_1
  #enterprise_search
  > table {
  width: 100%;
}

/* Activity Search Page: Left Column
----------------------------------------------------------------------------------*/

#bi-page-c-search
  #main_content
  #container_ent_search_1
  #enterprise_search
  > table
  > tbody
  > tr
  > td:first-child {
  width: 25%;
  border: none !important;
  padding: 0 !important;
}

#bi-page-c-search
  #main_content
  #container_ent_search_1
  #enterprise_search
  > table
  > tbody
  > tr
  > td:first-child::before {
  content: "Search Results by Type";
  font-size: 1.8rem;
  line-height: 3.2rem;
  color: #444647;
  margin-bottom: 1.6rem;
  display: block;
}

#bi-page-c-search
  #main_content
  #container_ent_search_1
  #enterprise_search
  > table
  > tbody
  > tr
  > td:nth-child(2) {
  width: 75%;
  padding: 0 !important;
  border: none !important;
}

#bi-page-c-search
  #main_content
  #container_ent_search_1
  #ent_search_bar_type_selected_corner,
#bi-page-c-search
  #main_content
  #container_ent_search_1
  #ent_search_bar_type_selected_pointer {
  display: none;
}

#bi-page-c-search
  #main_content
  #container_ent_search_1
  #enterprise_search
  .ent_search_bar_type,
#bi-page-c-search
  #main_content
  #container_ent_search_1
  .ent_search_bar_type_selected {
  margin-right: 48px;
  font-size: 1.4rem;
  font-weight: 400;
  text-indent: 2.4rem;
  height: 40px;
  line-height: 40px;
  padding: 0;
}

#bi-page-c-search
  #main_content
  #container_ent_search_1
  .ent_search_bar_type_selected {
  background-image: none;
  background-color: #bdc3c7;
  border-radius: 4px;
}

#bi-page-c-search
  #main_content
  #container_ent_search_1
  .ent_search_bar_type_selected
  a {
  font-weight: 400;
}

#bi-page-c-search
  #main_content
  #container_ent_search_1
  .ent_search_bar_type_selected
  > img,
#bi-page-c-search
  #main_content
  #container_ent_search_1
  .ent_search_bar_type
  > img {
  display: none;
}

#bi-page-c-search #main_content #container_ent_search_1 .ent_search_bar_type a {
  color: #797d7f !important;
  font-weight: 400;
}

#bi-page-c-search #main_content #container_ent_search_1 .ent_search_bar_title {
  display: none;
}

/* Activity Search Page: Left Column: Icons
----------------------------------------------------------------------------------*/

#bi-page-c-search
  #main_content
  #container_ent_search_1
  #enterprise_search
  .ent_search_bar_type::before,
#bi-page-c-search
  #main_content
  #container_ent_search_1
  #enterprise_search
  .ent_search_bar_type_selected::before {
  font-family: FontAwesome, Font Awesome\5 Pro;
  margin-right: 8px;
  display: block;
  float: left;
  width: 18px;
}

#bi-page-c-search
  #main_content
  #container_ent_search_1
  #enterprise_search
  .ent_search_bar_type::before {
  color: #797d7f !important;
}

#bi-page-c-search
  #main_content
  #container_ent_search_1
  #enterprise_search
  #all::before {
  content: "\f0ac";
}

#bi-page-c-search
  #main_content
  #container_ent_search_1
  #enterprise_search
  #blog::before {
  content: "\f09e";
}

#bi-page-c-search
  #main_content
  #container_ent_search_1
  #enterprise_search
  #idea::before {
  content: "\F0EB";
}

#bi-page-c-search
  #main_content
  #container_ent_search_1
  #enterprise_search
  #comment::before {
  content: "\F075";
}

#bi-page-c-search
  #main_content
  #container_ent_search_1
  #enterprise_search
  #member::before {
  content: "\f007";
}

#bi-page-c-search
  #main_content
  #container_ent_search_1
  #enterprise_search
  #update::before {
  content: "\F1EA";
}

/* Activity Search Page: Right Column
----------------------------------------------------------------------------------*/

#bi-page-c-search
  #main_content
  #container_ent_search_1
  #enterprise_search
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > div:first-child {
  display: none;
}

#bi-page-c-search
  #main_content
  #container_ent_search_1
  #enterprise_search
  > table
  > tbody
  > tr
  > td:nth-child(2)
  > div:nth-child(2) {
  font-size: 1.4rem !important;
  text-transform: uppercase !important;
  letter-spacing: 1px;
  font-weight: 700;
  color: #797d7f !important;
  margin-top: 0 !important;
  margin-bottom: 0.8rem;
  border: none !important;
  line-height: 3.2rem;
  padding: 0 !important;
}

#bi-page-c-search
  #main_content
  #container_ent_search_1
  #search_results
  > div:not(:last-child) {
  padding: 2.4rem;
  border: none !important;
  background-color: #fff;
  border-radius: 4px;
  margin-top: 1.6rem;
}

#bi-page-c-search
  #main_content
  #container_ent_search_1
  #search_results
  > div:last-child {
  margin-top: 1.6rem !important;
}

#bi-page-c-search
  #main_content
  #container_ent_search_1
  #search_results
  > div:not(:last-child)
  > table {
  width: 100%;
}

#bi-page-c-search
  #main_content
  #container_ent_search_1
  #search_results
  > div:not(:last-child)
  > table
  > tbody
  > tr
  > td:first-child {
  display: block;
  float: left;
  margin-right: 1.6rem;
}

#bi-page-c-search
  #main_content
  #container_ent_search_1
  #search_results
  > div:not(:last-child)
  > table
  > tbody
  > tr
  > td:nth-child(2) {
  display: block;
  float: left;
  font-size: 1.8rem;
  line-height: 2.4rem;
  color: #797d7f;
  max-width: 90%;
}

#bi-page-c-search
  #main_content
  #container_ent_search_1
  #search_results
  > div:not(:last-child)
  > table
  > tbody
  > tr
  > td:nth-child(2)
  .search_highlight:not(.search_result_item) {
  color: #444647 !important;
}

#bi-page-c-search
  #main_content
  #container_ent_search_1
  #search_results
  .ent_search_meta_data {
  font-size: 1.2rem;
}

/* Pre-Launch Page Code 
----------------------------------------------------------------------------------*/

#bi-page-ct-scheduled-campaign {
  background: rgb(46, 119, 209);
  background: linear-gradient(
    302deg,
    rgba(46, 119, 209, 1) 0%,
    rgba(209, 48, 190, 1) 100%
  );
  margin: 0;
  padding: 0;
  min-height: 0;
  background-image: url(/CORE/IMAGES/apps_v3/simple_idea_box_header.png);
  background-size: cover;
  background-position: center;
}

#bi-page-ct-scheduled-campaign #main_content {
  min-height: 0;
  height: calc(100vh - 50px);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  width: 100%;
  max-width: 100%;
}

#bi-page-ct-scheduled-campaign #main_content::after {
  content: "";
  display: table;
  clear: both;
}

#bi-page-ct-scheduled-campaign #ws_status_wrapper {
  font-family: "Lato", "Open Sans", arial, sans serif !important;
  color: #fff;
  padding: 4.8rem;
  max-width: 72rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.5);
  border: 1px solid #fff;
  border-radius: 4px;
}

#bi-page-ct-scheduled-campaign #ws_status_header {
  flex: 0 0 100%;
  text-align: center;
  padding: 0 !important;
  background-color: transparent !important;
}

#bi-page-ct-scheduled-campaign #ws_status_header img {
  display: none !important;
}

#bi-page-ct-scheduled-campaign #ws_status_header #camp_name {
  font-family: "Lato", "Open Sans", arial, sans serif;
  font-size: 4.8rem !important;
  line-height: 6.4rem;
  color: #fff !important;
  margin: 0 !important;
  width: auto !important;
}

#bi-page-ct-scheduled-campaign #days_to_launch_large,
#bi-page-ct-scheduled-campaign #days_to_launch_text {
  color: #fff;
  line-height: 4rem;
  font-size: 2.4rem;
  font-family: "Lato", "Open Sans", arial, sans serif;
  font-weight: 400;
  margin-bottom: 3.2rem;
  margin-top: 1.6rem;
}

#bi-page-ct-scheduled-campaign #days_to_launch_large {
  margin-right: 0.8rem;
}

#bi-page-ct-scheduled-campaign #ws_status_wrapper .date-text {
  margin-top: 1.6rem;
  font-size: 1.8rem;
  line-height: 2.4rem;
  font-weight: 400;
  width: 100%;
}
#bi-page-ct-scheduled-campaign #ws_status_wrapper .number-circle {
  border: 1px solid #fff;
  color: #fff;
  font-size: 1.8rem;
  width: 48px;
  height: 48px;
  line-height: 48px;
  box-sizing: content-box;
  background-color: rgba(68, 70, 71, 0.1) !important;
}
#bi-page-ct-scheduled-campaign #ws_status_desc {
  font-size: 1.4rem;
  line-height: 2rem;
  padding: 0;
  margin-top: 2.4rem;
  text-align: center;
}

#bi-page-ct-scheduled-campaign #ws_status_wrapper .date-comp {
  margin-right: 1.6rem;
}

#bi-page-ct-scheduled-campaign::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  max-width: 84rem;
}

/* Profile
----------------------------------------------------------------------------------*/

#bi-page-ct-profile #main_content {
  margin-top: 0;
  width: 100%;
  max-width: 100%;
}

.webstorm-level #bi-page-ct-profile #main_content::before {
  content: "View Profile";
  text-align: center;
  font-size: 6.4rem;
  font-weight: 900;
  letter-spacing: -1px;
  font-family: "Lato", sans serif;
  color: #fff;
  height: 24rem;
  line-height: 24rem;
  width: 100%;
  display: flex;
  justify-content: center;
  background: rgb(46, 119, 209);
  background: linear-gradient(
    302deg,
    rgba(46, 119, 209, 1) 0%,
    rgba(209, 48, 190, 1) 100%
  );
  background-image: url(https://d1dxeoyimx6ufk.cloudfront.net/uploads/WWW/OD38/789F5ACC.png);
  background-size: cover;
  background-position: bottom;
}

/*
.webstorm-level #bi-page-ct-profile .desktop-nav-core-items .nav-parent.is-current-route a {
  color: #9F2063 !important;
}

.webstorm-level #bi-page-ct-profile .desktop-nav-core-items .nav-parent.is-current-route .nav-item-hover {
  border-bottom: 3px solid #9F2063;
}
*/

.webstorm-level #bi-page-ct-profile {
  padding: 0;
  background-color: #f5f5f5;
}

.webstorm-level #bi-page-ct-profile #container_profile_1 {
  width: 100%;
  float: none;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  max-width: 56rem;
  margin: 8.4rem auto !important;
  background-color: #fff;
  border-radius: 4px;
  padding: 4.8rem;
  min-height: 320px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  box-sizing: content-box;
}

#bi-page-ct-profile #container_profile_2,
#bi-page-ct-profile #container_profile_3,
#bi-page-ct-profile #container_profile_4 {
  display: none;
}

.webstorm-level #bi-page-ct-profile #container_profile_1 .widget_container {
  border: none;
  margin: 0;
  border-radius: 0;
  text-align: center;
  width: 100%;
  position: relative;
  padding-bottom: 3.2rem;
  flex: 0 0 100%;
}

.webstorm-level
  #bi-page-ct-profile
  #container_profile_1
  .widget_container:last-child {
  padding-bottom: 0;
}

.webstorm-level .content#bi-page-ct-profile #container_profile_1 .widget_title {
  font-size: 1.8rem !important;
  line-height: 2.4rem;
  color: #444647 !important;
  font-weight: 600 !important;
  letter-spacing: 0.2px;
  text-align: center;
  margin-bottom: 0;
}

.webstorm-level #bi-page-ct-profile #container_profile_1 .title_back {
  border-bottom: none;
  margin-top: 2.4rem;
  padding-top: 3.2rem;
  padding-bottom: 1.2rem;
}

.webstorm-level #bi-page-ct-profile #container_profile_1 .title_back::before {
  content: "";
  width: 18rem;
  height: 1px;
  background-color: #d5d9db;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.webstorm-level
  #bi-page-ct-profile
  .my_info_widget
  > .boxcontent
  > div:first-child {
  position: absolute;
  float: none;
  top: -24px;
  right: -24px;
}

.webstorm-level
  #bi-page-ct-profile
  .my_info_widget
  > .boxcontent
  > div:first-child
  > a {
  border: 1px solid;
  padding: 0 0.8rem;
  border-radius: 4px;
  transition: 0.2s ease;
  height: 32px;
  line-height: 32px;
  display: inline-block;
  font-size: 1.4rem;
}

.webstorm-level
  #bi-page-ct-profile
  .my_info_widget
  > .boxcontent
  > div:first-child
  > a:hover {
  text-decoration: none;
  background-color: #2f89cc;
  color: #fff;
  border: 1px solid #2f89cc;
}

.webstorm-level #bi-page-ct-profile .my_info_widget > .boxcontent > table {
  margin: 0 auto;
  width: 100%;
}

.webstorm-level
  #bi-page-ct-profile
  .my_info_widget
  > .boxcontent
  > table
  > tbody
  > tr:first-child
  > td:nth-child(1) {
  position: absolute;
  top: -112px;
  left: 50%;
  transform: translateX(-50%);
}

.webstorm-level
  #bi-page-ct-profile
  .my_info_widget
  > .boxcontent
  > table
  > tbody
  > tr:first-child
  > td:nth-child(1)
  > .my_info_photo
  img {
  border-radius: 60px;
}

.webstorm-level
  #bi-page-ct-profile
  .my_info_widget
  > .boxcontent
  > table
  > tbody
  > tr:first-child
  > td:nth-child(2) {
  width: 100%;
  display: inline-block;
  text-align: center;
  margin-top: 2.4rem;
}

.webstorm-level
  #bi-page-ct-profile
  .my_info_widget
  > .boxcontent
  > table
  > tbody
  > tr:first-child
  > td:nth-child(2)
  > div:first-child {
  color: #444647;
  padding: 0 !important;
  font-size: 3.2rem !important;
  line-height: 4rem;
}

.webstorm-level
  #bi-page-ct-profile
  .my_info_widget
  > .boxcontent
  > table
  > tbody
  > tr:first-child
  > td:nth-child(2)
  > div:first-child
  > b {
  font-weight: 400;
}

.webstorm-level
  #bi-page-ct-profile
  .my_info_widget
  > .boxcontent
  > table
  > tbody
  > tr:first-child
  > td:nth-child(2)
  > div:nth-child(2) {
  padding: 0 !important;
}

.webstorm-level
  #bi-page-ct-profile
  .my_info_widget
  > .boxcontent
  > table
  > tbody
  > tr:first-child
  > td:nth-child(2)
  > div:nth-child(2)
  > table {
  width: 100%;
  text-align: center;
  margin-top: 2.4rem;
}

.webstorm-level
  #bi-page-ct-profile
  .my_info_widget
  > .boxcontent
  > table
  > tbody
  > tr:first-child
  > td:nth-child(2)
  > div:nth-child(2)
  > table
  > tbody
  > tr:not(:nth-child(1))
  td {
  display: block;
  width: 100%;
  text-align: center;
  margin: 0;
}

.webstorm-level
  #bi-page-ct-profile
  .my_info_widget
  > .boxcontent
  > table
  > tbody
  > tr:first-child
  > td:nth-child(2)
  > div:nth-child(2)
  > table
  > tbody
  > tr:nth-child(1) {
  display: none;
}

.webstorm-level
  #bi-page-ct-profile
  .my_info_widget
  > .boxcontent
  > table
  > tbody
  > tr:first-child
  > td:nth-child(2)
  > div:nth-child(2)
  > table
  > tbody
  > tr:not(:nth-child(1))
  td:nth-child(1) {
  font-size: 1.8rem;
  line-height: 2.4rem;
  font-weight: 700;
  color: #444647;
  padding-bottom: 0.8rem;
}

.webstorm-level
  #bi-page-ct-profile
  .my_info_widget
  > .boxcontent
  > table
  > tbody
  > tr:first-child
  > td:nth-child(2)
  > div:nth-child(2)
  > table
  > tbody
  > tr:not(:nth-child(1))
  td:nth-child(2) {
  font-size: 1.4rem;
  line-height: 2rem;
  padding-bottom: 1.6rem;
}

.webstorm-level #bi-page-ct-profile .my_stats_widget {
  margin-top: 0.8rem;
}

.webstorm-level #bi-page-ct-profile .my_stats_widget > .boxcontent > table {
  width: 100%;
  text-align: center;
  margin-top: 0.8rem;
}

.webstorm-level
  #bi-page-ct-profile
  .my_stats_widget
  > .boxcontent
  > table
  > tbody
  > tr {
  display: inline-block;
  margin: 0 0.8rem;
  width: 8rem;
  text-align: center;
}

.webstorm-level
  #bi-page-ct-profile
  .my_stats_widget
  > .boxcontent
  > table
  > tbody
  > tr
  > td {
  display: block;
  text-align: center;
  margin-top: 0;
}

.webstorm-level
  #bi-page-ct-profile
  .my_stats_widget
  > .boxcontent
  > table
  > tbody
  > tr
  > td:nth-child(1) {
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 0.8rem;
  color: #444647;
}

.webstorm-level
  #bi-page-ct-profile
  .my_stats_widget
  > .boxcontent
  > table
  > tbody
  > tr:nth-child(1)
  > td:nth-child(1)::before {
  content: "\f0ea";
  display: block;
  font-family: FontAwesome;
  font-size: 1.6rem;
  color: #797d7f;
  margin-bottom: 0.8rem;
}

.webstorm-level
  #bi-page-ct-profile
  .my_stats_widget
  > .boxcontent
  > table
  > tbody
  > tr:nth-child(2)
  > td:nth-child(1)::before {
  content: "\f00c";
  display: block;
  font-family: FontAwesome;
  font-size: 1.6rem;
  color: #797d7f;
  margin-bottom: 0.8rem;
}

.webstorm-level
  #bi-page-ct-profile
  .my_stats_widget
  > .boxcontent
  > table
  > tbody
  > tr:nth-child(3)
  > td:nth-child(1)::before {
  content: "\f086";
  display: block;
  font-family: FontAwesome;
  font-size: 1.6rem;
  color: #797d7f;
  margin-bottom: 0.8rem;
}

.webstorm-level
  #bi-page-ct-profile
  .my_stats_widget
  > .boxcontent
  > table
  > tbody
  > tr:nth-child(4)
  > td:nth-child(1)::before {
  content: "\f005";
  display: block;
  font-family: FontAwesome;
  font-size: 1.6rem;
  color: #797d7f;
  margin-bottom: 0.8rem;
}

.webstorm-level #bi-page-ct-profile #my_ideas_container {
  font-size: 1.4rem;
}
.webstorm-level #bi-page-ct-profile #my_ideas_container a {
  display: inline-block;
  margin-bottom: 0.8rem;
}

.webstorm-level #bi-page-ct-profile .result-pagination > div {
  float: none !important;
  text-align: center !important;
  margin: 0 !important;
}

.webstorm-level #bi-page-ct-profile #private_messages_form > div {
  text-align: center !important;
}

.webstorm-level #bi-page-ct-profile #my_idea_drafts_container p {
  margin-top: 0.8rem;
}

.webstorm-level #bi-page-ct-profile #my_idea_drafts_container > p > a > img {
  margin-right: 0.8rem;
}

.webstorm-level #bi-page-ct-profile .my_messages_user a:hover,
.webstorm-level #bi-page-ct-profile .my_messages_unread a:hover {
  background-color: transparent;
}

/* Profile: View Private Message
----------------------------------------------------------------------------------*/

body.webstorm-level
  #bi-page-ct-view-private-message
  #main_content
  #container_view_private_message_1,
body.webstorm-level
  #bi-page-ct-view-private-message
  #main_content
  #main_column_1 {
  margin-top: 4.8rem;
}

body.webstorm-level #bi-page-ct-view-private-message #main_content #article {
  margin-top: 0 !important;
}

body.webstorm-level
  #bi-page-ct-view-private-message
  #main_content
  #container_view_private_message_1
  .widget_title {
  font-size: 2.4rem;
  line-height: 3.2rem;
}

body.webstorm-level #bi-page-ct-view-private-message .post_idea_button {
  background-color: transparent;
}

/* Profile: Edit Page
----------------------------------------------------------------------------------*/

#bi-page-ct-profile-edit #main_content {
  margin-top: 0;
  width: 100%;
  max-width: 100%;
}

.webstorm-level #bi-page-ct-profile-edit #main_content::before {
  content: "Edit Profile";
  text-align: center;
  font-size: 6.4rem;
  font-weight: 900;
  letter-spacing: -1px;
  font-family: "Lato", sans serif;
  color: #fff;
  height: 24rem;
  line-height: 24rem;
  width: 100%;
  display: flex;
  justify-content: center;
  background: rgb(46, 119, 209);
  background: linear-gradient(
    302deg,
    rgba(46, 119, 209, 1) 0%,
    rgba(209, 48, 190, 1) 100%
  );
  background-image: url(https://d1dxeoyimx6ufk.cloudfront.net/uploads/WWW/OD38/789F5ACC.png);
  background-size: cover;
  background-position: bottom;
}

#container_profile_edit_2 {
  float: none;
  margin: 4.8rem auto 0;
  display: block;
  width: 100%;
  max-width: 72rem;
}
#container_profile_edit_2::after {
  content: "";
  display: table;
  clear: both;
}

#container_profile_edit_2 .profile_title_text_class,
#container_profile_edit_2 .member_field {
  width: calc(100% - 160px);
  min-height: 32px;
  border: 1px solid #bdc3c7;
  border-radius: 4px;
  padding: 4px 8px;
  font-size: 1.4rem;
  line-height: 2rem;
  font-family: "Lato", "Open Sans", arial, sans serif;
  color: #444647;
}

#container_profile_edit_2 .profile-field-wrapper > div:nth-child(2) {
  float: none !important;
}

#container_profile_edit_2 .edit_profile_class {
  padding: 4.8rem;
  background-color: #fff;
  border-radius: 4px;
  margin-top: 2.4rem;
  margin-bottom: 3.2rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  font-size: 1.4rem;
  line-height: 2rem;
  position: relative;
}

#container_profile_edit_2 .edit_profile_class > div:first-child {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: -9.6rem;
  float: none !important;
}

#container_profile_edit_2 .edit_profile_class #profile_pic_a img {
  border-radius: 60px;
}

#container_profile_edit_2 .edit_profile_class #edit_profile_photo {
  display: none !important;
}

#profile_photo_upload_static_link {
  text-align: center;
  margin: 1.2rem 0 0 0;
}

#profile_photo_upload_static_link a {
  margin: 0 !important;
}

#container_profile_edit_2 .edit_profile_class #screen_name_div {
  font-size: 2.4rem;
  line-height: 3.2rem;
  margin: 4rem 0 0 !important;
}

#container_profile_edit_2 .edit_profile_class #screen_name_div > b {
  font-weight: 400;
  color: #444647;
}

#container_profile_edit_2 .profile-field-wrapper label,
#container_profile_edit_2 .profile_title_label_class {
  font-size: 1.4rem;
  font-weight: 400;
}

.webstorm-level #container_profile_edit_2 #profile_mail_setting_div {
  margin-top: 2.4rem;
  padding-top: 2.4rem !important;
  border-top: 1px solid #bdc3c7;
}

.webstorm-level #container_profile_edit_2 #profile_mail_setting_title {
  color: #444647;
  margin-bottom: 4px;
}

.webstorm-level #container_profile_edit_2 #admin_user_save_profile_button {
  height: 4rem;
  display: inline-block;
  line-height: 4rem;
  padding: 0 2.4rem;
  box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);
  color: #fff;
  letter-spacing: 0.03em;
  background-color: #2f89cc;
  border-radius: 4px;
  border: none;
  transition: 0.2s ease;
  margin-top: 2.4rem;
}

.webstorm-level
  #container_profile_edit_2
  #admin_user_save_profile_button:hover {
  background-color: #3993d6;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
  cursor: pointer;
}

.webstorm-level #container_profile_edit_2 #edit_profile_div > div:nth-child(2) {
  margin-right: 0 !important;
  float: none !important;
  position: absolute;
  right: 24px;
  top: 24px;
}

.webstorm-level
  #container_profile_edit_2
  #edit_profile_div
  > div:nth-child(2)
  > a {
  border: 1px solid #2f89cc;
  padding: 0 0.8rem;
  border-radius: 4px;
  transition: 0.2s ease;
  height: 32px;
  line-height: 32px;
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 400;
}

.webstorm-level
  #container_profile_edit_2
  #edit_profile_div
  > div:nth-child(2)
  > a:hover {
  text-decoration: none;
  background-color: #3993d6;
  color: #fff;
  border: 1px solid #3993d6;
}

/* Sub Pages - Dashboard
----------------------------------------------------------------------------------*/

.webstorm-level #bi-page-ct-dashboard #main_content {
  margin-top: 0;
  width: 100%;
  max-width: 100%;
  float: none;
}

.webstorm-level #bi-page-ct-dashboard #main_content::after {
  content: "";
  clear: both;
  display: table;
}

.webstorm-level #bi-page-ct-dashboard #main_content::before {
  content: "Dashboard";
  text-align: center;
  font-size: 6.4rem;
  font-weight: 900;
  letter-spacing: -1px;
  font-family: "Lato", sans serif;
  color: #fff;
  height: 24rem;
  line-height: 24rem;
  width: 100%;
  display: flex;
  justify-content: center;
  background: rgb(46, 119, 209);
  background: linear-gradient(
    302deg,
    rgba(46, 119, 209, 1) 0%,
    rgba(209, 48, 190, 1) 100%
  );
  background-image: url(https://d1dxeoyimx6ufk.cloudfront.net/uploads/WWW/OD38/789F5ACC.png);
  background-size: cover;
  background-position: bottom;
}

.webstorm-level #bi-page-ct-dashboard #content_dashboard {
  float: none;
  width: 100% !important;
  max-width: 1232px;
  margin: 4.8rem auto 0;
  display: block;
  padding: 0 1.6rem;
}

.webstorm-level #bi-page-ct-dashboard #content_dashboard text {
  font-family: "Lato", "Open Sans", arial, sans serif !important;
}

.webstorm-level #bi-page-ct-dashboard #main_column_1 {
  width: 64%;
  margin-right: 2%;
  display: block;
  margin-top: 0;
  float: left;
}

.webstorm-level #bi-page-ct-dashboard #container_dashboard_7,
.webstorm-level #bi-page-ct-dashboard #container_dashboard_8 {
  width: 34% !important;
  float: left;
  display: block;
}

.webstorm-level #bi-page-ct-dashboard .widget_container {
  border: 1px solid #d5d9db;
}

.webstorm-level #bi-page-ct-dashboard .widget_container,
.webstorm-level #bi-page-ct-dashboard .widget_container .title_back {
  background-color: #fff;
  padding: 0 !important;
  border-radius: 4px;
}

.webstorm-level
  #bi-page-ct-dashboard
  #main_content
  .widget_container
  .widget_title {
  font-size: 1.8rem;
  line-height: 3.2rem;
  color: #1e1f20;
  padding: 1.6rem;
  border-bottom: 1px solid #d5d9db;
}

.webstorm-level
  #bi-page-ct-dashboard
  #main_content
  .widget_container
  .widget_title
  div {
  height: auto !important;
  padding: 0;
}

.webstorm-level
  #bi-page-ct-dashboard
  #main_content
  .widget_container
  .boxcontent {
  border: none;
}

/* Sub Pages - Dashboard - Activity Metrics
----------------------------------------------------------------------------------*/

.webstorm-level
  #bi-page-ct-dashboard
  #main_graph_container
  #main_graph_date_table
  > tbody
  > tr
  > td:nth-child(1) {
  font-size: 1.8rem !important;
  line-height: 3.2rem;
  color: #1e1f20;
  padding: 1.6rem;
  font-weight: 400 !important;
  padding: 0;
}

.webstorm-level #bi-page-ct-dashboard #main_graph_container .boxcontent {
  border: none;
}

.webstorm-level #bi-page-ct-dashboard #main_graph_container {
  border: 1px solid #d5d9db;
  border-radius: 4px;
}

.webstorm-level #bi-page-ct-dashboard #main_graph_container .title_back {
  padding: 1.6rem !important;
  background-color: #fff;
  border-bottom: 1px solid #d5d9db;
  border-radius: 4px 4px 0 0;
}

.webstorm-level
  #bi-page-ct-dashboard
  #main_graph_container
  td[valign="bottom"] {
  font-size: 1.4rem;
  line-height: 2rem;
  color: #1e1f20;
  vertical-align: middle;
}

.webstorm-level
  #bi-page-ct-dashboard
  #main_graph_date_table
  .x-form-field-wrap
  > input {
  height: 24px !important;
  border-radius: 4px;
  font-size: 1.2rem !important;
  font-family: "Lato", "Open Sans", arial, sans serif !important;
  color: #444647;
  border-color: #bdc3c7;
  background-image: none;
}

.webstorm-level
  #bi-page-ct-dashboard
  #main_graph_date_table
  .x-form-field-wrap::after {
  content: "\f073";
  font-family: Font Awesome\5 Pro, FontAwesome;
  color: #797d7f;
  font-size: 1.4rem;
  vertical-align: middle;
  margin-left: 0.8rem;
  transition: 0.2s ease;
}

.webstorm-level
  #bi-page-ct-dashboard
  #main_graph_date_table
  .x-form-field-wrap:hover::after {
  color: #2f89cc;
}

.webstorm-level #bi-page-ct-dashboard #main_graph_date_table {
  width: 100%;
}

.webstorm-level
  #bi-page-ct-dashboard
  #main_graph_date_table
  .x-form-field-wrap {
  width: auto !important;
}

.webstorm-level
  #bi-page-ct-dashboard
  #main_graph_date_table
  > tbody
  > tr
  > td:nth-child(1) {
  width: 60% !important;
}

.webstorm-level
  #bi-page-ct-dashboard
  #main_graph_date_table
  > tbody
  > tr
  > td:nth-child(2),
.webstorm-level
  #bi-page-ct-dashboard
  #main_graph_date_table
  > tbody
  > tr
  > td:nth-child(3),
.webstorm-level
  #bi-page-ct-dashboard
  #main_graph_date_table
  > tbody
  > tr
  > td:nth-child(5) {
  width: 10% !important;
}

.webstorm-level
  #bi-page-ct-dashboard
  #main_graph_date_table
  > tbody
  > tr
  > td:nth-child(4) {
  width: 5% !important;
  text-align: center;
}

.webstorm-level
  #bi-page-ct-dashboard
  #main_graph_container
  .boxcontent
  > div:nth-child(1) {
  height: 4.8rem !important;
  display: flex;
  align-items: center;
  padding: 0 1.6rem;
  position: relative;
}

.webstorm-level
  #bi-page-ct-dashboard
  #main_graph_container
  .boxcontent
  > div:nth-child(1)
  > div:nth-child(1) {
  width: auto !important;
  display: flex;
  align-items: center;
}
.webstorm-level
  #bi-page-ct-dashboard
  #main_graph_container
  .boxcontent
  > div:nth-child(1)
  > div:nth-child(2) {
  width: auto !important;
  margin-left: auto !important;
  margin-right: 0 !important;
  float: none !important;
  display: flex;
  align-items: center;
}

.webstorm-level
  #bi-page-ct-dashboard
  #main_graph_container
  .boxcontent
  > div:nth-child(1)
  > div:nth-child(1)
  .dashboard_dropdown_btn {
  box-shadow: none;
  border: none;
  background-image: none;
}

.webstorm-level
  #bi-page-ct-dashboard
  #main_graph_container
  .dashboard_edit_div {
  padding: 0;
  height: auto;
  width: auto;
}

.webstorm-level
  #bi-page-ct-dashboard
  #main_graph_container
  .dashboard_edit_div
  > a {
  height: 2.4rem;
  line-height: 2.4rem;
  border: 1px solid #bdc3c7;
  border-radius: 4px;
  padding: 0 0.8rem;
  font-size: 1.2rem;
  display: inline-block;
  background-color: #fff;
  color: #797d7f;
  margin-left: 0.8rem;
  transition: 0.2s ease;
}

.webstorm-level
  #bi-page-ct-dashboard
  #main_graph_container
  .dashboard_edit_div
  > a:hover {
  background-color: #e7e9eb;
  text-decoration: none;
}

.webstorm-level #bi-page-ct-dashboard #main_graph_container .select_icon {
  background-image: none;
  text-align: center;
  height: 3.2rem;
  width: 3.2rem;
  line-height: 3.2rem;
  border-radius: 4px;
  background-color: #fff;
  margin: 0 0.2rem;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12),
    0px 2px 2px 0px rgba(0, 0, 0, 0.24);
  transition: 0.2s ease;
}

.webstorm-level
  #bi-page-ct-dashboard
  #main_graph_container
  .select_icon::before {
  font-family: Font Awesome\5 Pro, FontAwesome;
  color: #797d7f;
  font-size: 1.6rem;
}

.webstorm-level
  #bi-page-ct-dashboard
  #main_graph_container
  .select_icon#select_day::before {
  content: "\f783";
}

.webstorm-level
  #bi-page-ct-dashboard
  #main_graph_container
  .select_icon#select_week::before {
  content: "\f784";
}

.webstorm-level
  #bi-page-ct-dashboard
  #main_graph_container
  .select_icon#select_month::before {
  content: "\f073";
}

.webstorm-level
  #bi-page-ct-dashboard
  #main_graph_container
  .select_icon[rel="on"] {
  box-shadow: none;
  background-color: #797d7f;
}

.webstorm-level
  #bi-page-ct-dashboard
  #main_graph_container
  .select_icon:not([rel="on"]):hover {
  background-color: #d5d9db;
}

.webstorm-level
  #bi-page-ct-dashboard
  #main_graph_container
  .select_icon[rel="on"]::before {
  color: #fff;
}

.webstorm-level
  #bi-page-ct-dashboard
  #main_graph_container
  #dashboard-summary-data {
  background-color: #fff;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1.6rem;
  border-radius: 4px;
}

.webstorm-level
  #bi-page-ct-dashboard
  #main_graph_container
  #dashboard-summary-data::after {
  content: "";
  clear: both;
  display: table;
}

.webstorm-level #bi-page-ct-dashboard #main_graph_container #stat-div-1 {
  margin-left: 0;
}

.webstorm-level #bi-page-ct-dashboard #main_graph_container #chart1 {
  height: 348px !important;
}

.webstorm-level
  #bi-page-ct-dashboard
  #main_graph_container
  #dashboard_dropdown {
  background-image: none;
  background-color: #fff;
  margin: 0;
  height: auto;
  border: 1px solid #d5d9db;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12),
    0px 2px 2px 0px rgba(0, 0, 0, 0.24);
  display: block;
  padding: 0;
  width: 20rem;
  border-radius: 4px;
  top: 0;
  left: 0;
}

.webstorm-level
  #bi-page-ct-dashboard
  #main_graph_container
  #dashboard_dropdown
  > div:nth-child(1) {
  width: 100% !important;
}

.webstorm-level
  #bi-page-ct-dashboard
  #main_graph_container
  #dashboard_dropdown
  > div:nth-child(1)
  > div {
  padding: 1.6rem !important;
  display: block;
  width: 100% !important;
  margin-bottom: 1.6rem;
  font-size: 1.4rem;
  color: #1e1f20 !important;
  border-bottom: 1px solid #d5d9db;
}

.webstorm-level
  #bi-page-ct-dashboard
  #main_graph_container
  #dashboard_dropdown
  > div:nth-child(1)
  > table {
  margin-left: 1.6rem;
}

.webstorm-level
  #bi-page-ct-dashboard
  #main_graph_container
  #dashboard_dropdown
  > div:nth-child(2) {
  text-align: left;
  padding: 1.6rem;
  width: 100% !important;
  clear: both;
  margin-top: 1.6rem;
  border-top: 1px solid #d5d9db;
}

/* Sub Pages - Dashboard - Category Distribution
----------------------------------------------------------------------------------*/

.webstorm-level #bi-page-ct-dashboard #main_content .widget_container #donut {
  margin-top: -4rem;
  height: 24rem;
}

/* Sub Pages - Dashboard - Fastest Risers
----------------------------------------------------------------------------------*/

.webstorm-level #bi-page-ct-dashboard #fastest_rising_container {
  height: auto;
  margin-top: 0;
  width: 100%;
  max-height: 200px;
}

.webstorm-level
  #bi-page-ct-dashboard
  #main_content
  .dashboard_chart__fastest_risers_widget
  .widget_title {
  margin-bottom: 0;
}

.webstorm-level
  #bi-page-ct-dashboard
  #main_content
  .dashboard_chart__fastest_risers_widget
  #fastest_rising_container
  .fastest_column_left {
  margin-left: 1.6rem;
}

.webstorm-level
  #bi-page-ct-dashboard
  #main_content
  #fastest_rising_container
  .fastest_data_row:last-child {
  border: none;
}

.webstorm-level
  #bi-page-ct-dashboard
  #main_content
  #fastest_rising_container
  .fastest_row,
.webstorm-level
  #bi-page-ct-dashboard
  #main_content
  #fastest_rising_container
  .fastest_data_row
  div,
.webstorm-level
  #bi-page-ct-dashboard
  #main_content
  #fastest_rising_container
  .fastest_header_row
  div {
  height: 4rem;
  line-height: 4rem;
  font-size: 1.4rem;
}

/* Sub Pages - Dashboard - Status Distribution
----------------------------------------------------------------------------------*/

.webstorm-level #bi-page-ct-dashboard #container_dashboard_9 {
  margin: 0 2% 0 0 !important;
  width: 34% !important;
  display: block;
  float: left;
}

#funnel .highcharts-container > svg {
  margin-top: -0.8rem;
}

/* Sub Pages - Dashboard - Days Per Status
----------------------------------------------------------------------------------*/

.webstorm-level #bi-page-ct-dashboard #container_dashboard_10 {
  width: 64% !important;
  display: block !important;
  margin-top: 0;
  float: left;
}

/* Sub Pages - A-Z (Added 12-1-20)
----------------------------------------------------------------------------------*/

.webstorm-level .content:not(#bi-page-s) #container_1,
.webstorm-level .content:not(#bi-page-s) #container_2,
.webstorm-level .content:not(#bi-page-s) #container_3 {
  min-height: 200px !important;
  width: 100%;
  margin: 0;
  padding: 7.2rem 0 !important;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.webstorm-level .content:not(#bi-page-s) #container_1,
.webstorm-level .content:not(#bi-page-s) #container_3,
.webstorm-level .content:not(#bi-page-s) #container_5 {
  background-color: #fff;
}

.webstorm-level .content:not(#bi-page-s) #container_2,
.webstorm-level .content:not(#bi-page-s) #container_4,
.webstorm-level .content:not(#bi-page-s) #container_6 {
  background-color: #f5f5f6;
}

.webstorm-level .content:not(#bi-page-s) #container_4,
.webstorm-level .content:not(#bi-page-s) #container_5,
.webstorm-level .content:not(#bi-page-s) #container_6 {
  display: none;
}

/* Sub Page - A
----------------------------------------------------------------------------------*/

.webstorm-level #bi-page-a #main_content {
  width: 100%;
  max-width: 100%;
}

.webstorm-level #bi-page-a .widget_container {
  max-width: 1248px;
  text-align: center;
  padding: 0 2.4rem;
}

.webstorm-level #bi-page-a .widget_container:not(:first-of-type) {
  margin-top: 7.2rem !important;
}

.webstorm-level #bi-page-a .widget_container .widget_title {
  text-align: center;
  font-size: 3.2rem;
  line-height: 4rem;
  margin-bottom: 2.4rem;
  padding: 0;
}

.webstorm-level #bi-page-a .widget_container .title_back::after {
  text-align: center;
}

/* Sub Page - B
----------------------------------------------------------------------------------*/

.webstorm-level #bi-page-b #main_content {
  width: 100%;
  max-width: 100%;
}

.webstorm-level #bi-page-b .widget_container {
  max-width: 1248px;
  text-align: center;
  padding: 0 2.4rem;
}

.webstorm-level #bi-page-b .widget_container:not(:first-of-type) {
  margin-top: 7.2rem !important;
}

.webstorm-level #bi-page-b .widget_container .widget_title {
  text-align: center;
  font-size: 3.2rem;
  line-height: 4rem;
  margin-bottom: 2.4rem;
  padding: 0;
}

.webstorm-level #bi-page-b .widget_container .title_back::after {
  text-align: center;
}

/* Sub Page - C
----------------------------------------------------------------------------------*/

.webstorm-level #bi-page-c #main_content {
  width: 100%;
  max-width: 100%;
}

.webstorm-level #bi-page-c .widget_container {
  max-width: 1248px;
  text-align: center;
  padding: 0 2.4rem;
}

.webstorm-level #bi-page-c .widget_container:not(:first-of-type) {
  margin-top: 7.2rem !important;
}

.webstorm-level #bi-page-c .widget_container .widget_title {
  text-align: center;
  font-size: 3.2rem;
  line-height: 4rem;
  margin-bottom: 2.4rem;
  padding: 0;
}

.webstorm-level #bi-page-c .widget_container .title_back::after {
  text-align: center;
}

/* Sub Page - D
----------------------------------------------------------------------------------*/

.webstorm-level #bi-page-d #main_content {
  width: 100%;
  max-width: 100%;
}

.webstorm-level #bi-page-d .widget_container {
  max-width: 1248px;
  text-align: center;
  padding: 0 2.4rem;
}

.webstorm-level #bi-page-d .widget_container:not(:first-of-type) {
  margin-top: 7.2rem !important;
}

.webstorm-level #bi-page-d .widget_container .widget_title {
  text-align: center;
  font-size: 3.2rem;
  line-height: 4rem;
  margin-bottom: 2.4rem;
  padding: 0;
}

.webstorm-level #bi-page-d .widget_container .title_back::after {
  text-align: center;
}

/* Sub Page - E
----------------------------------------------------------------------------------*/

.webstorm-level #bi-page-e #main_content {
  width: 100%;
  max-width: 100%;
}

.webstorm-level #bi-page-e .widget_container {
  max-width: 1248px;
  text-align: center;
  padding: 0 2.4rem;
}

.webstorm-level #bi-page-e .widget_container:not(:first-of-type) {
  margin-top: 7.2rem !important;
}

.webstorm-level #bi-page-e .widget_container .widget_title {
  text-align: center;
  font-size: 3.2rem;
  line-height: 4rem;
  margin-bottom: 2.4rem;
  padding: 0;
}

.webstorm-level #bi-page-e .widget_container .title_back::after {
  text-align: center;
}

/* Sub Page - F
----------------------------------------------------------------------------------*/

.webstorm-level #bi-page-f #main_content {
  width: 100%;
  max-width: 100%;
}

.webstorm-level #bi-page-f .widget_container {
  max-width: 1248px;
  text-align: center;
  padding: 0 2.4rem;
}

.webstorm-level #bi-page-f .widget_container:not(:first-of-type) {
  margin-top: 7.2rem !important;
}

.webstorm-level #bi-page-f .widget_container .widget_title {
  text-align: center;
  font-size: 3.2rem;
  line-height: 4rem;
  margin-bottom: 2.4rem;
  padding: 0;
}

.webstorm-level #bi-page-f .widget_container .title_back::after {
  text-align: center;
}

/* Sub Page - G
----------------------------------------------------------------------------------*/

.webstorm-level #bi-page-g #main_content {
  width: 100%;
  max-width: 100%;
}

.webstorm-level #bi-page-g .widget_container {
  max-width: 1248px;
  text-align: center;
  padding: 0 2.4rem;
}

.webstorm-level #bi-page-g .widget_container:not(:first-of-type) {
  margin-top: 7.2rem !important;
}

.webstorm-level #bi-page-g .widget_container .widget_title {
  text-align: center;
  font-size: 3.2rem;
  line-height: 4rem;
  margin-bottom: 2.4rem;
  padding: 0;
}

.webstorm-level #bi-page-g .widget_container .title_back::after {
  text-align: center;
}

/* Sub Page - H
----------------------------------------------------------------------------------*/

.webstorm-level #bi-page-h #main_content {
  width: 100%;
  max-width: 100%;
}

.webstorm-level #bi-page-h .widget_container {
  max-width: 1248px;
  text-align: center;
  padding: 0 2.4rem;
}

.webstorm-level #bi-page-h .widget_container:not(:first-of-type) {
  margin-top: 7.2rem !important;
}

.webstorm-level #bi-page-h .widget_container .widget_title {
  text-align: center;
  font-size: 3.2rem;
  line-height: 4rem;
  margin-bottom: 2.4rem;
  padding: 0;
}

.webstorm-level #bi-page-h .widget_container .title_back::after {
  text-align: center;
}

/* Sub Page - I
----------------------------------------------------------------------------------*/

.webstorm-level #bi-page-i #main_content {
  width: 100%;
  max-width: 100%;
}

.webstorm-level #bi-page-i .widget_container {
  max-width: 1248px;
  text-align: center;
  padding: 0 2.4rem;
}

.webstorm-level #bi-page-i .widget_container:not(:first-of-type) {
  margin-top: 7.2rem !important;
}

.webstorm-level #bi-page-i .widget_container .widget_title {
  text-align: center;
  font-size: 3.2rem;
  line-height: 4rem;
  margin-bottom: 2.4rem;
  padding: 0;
}

.webstorm-level #bi-page-i .widget_container .title_back::after {
  text-align: center;
}

/* Sub Page - J
----------------------------------------------------------------------------------*/

.webstorm-level #bi-page-j #main_content {
  width: 100%;
  max-width: 100%;
}

.webstorm-level #bi-page-j .widget_container {
  max-width: 1248px;
  text-align: center;
  padding: 0 2.4rem;
}

.webstorm-level #bi-page-j .widget_container:not(:first-of-type) {
  margin-top: 7.2rem !important;
}

.webstorm-level #bi-page-j .widget_container .widget_title {
  text-align: center;
  font-size: 3.2rem;
  line-height: 4rem;
  margin-bottom: 2.4rem;
  padding: 0;
}

.webstorm-level #bi-page-j .widget_container .title_back::after {
  text-align: center;
}

/* Sub Page - K
----------------------------------------------------------------------------------*/

.webstorm-level #bi-page-k #main_content {
  width: 100%;
  max-width: 100%;
}

.webstorm-level #bi-page-k .widget_container {
  max-width: 1248px;
  text-align: center;
  padding: 0 2.4rem;
}

.webstorm-level #bi-page-k .widget_container:not(:first-of-type) {
  margin-top: 7.2rem !important;
}

.webstorm-level #bi-page-k .widget_container .widget_title {
  text-align: center;
  font-size: 3.2rem;
  line-height: 4rem;
  margin-bottom: 2.4rem;
  padding: 0;
}

.webstorm-level #bi-page-k .widget_container .title_back::after {
  text-align: center;
}

/* Sub Page - L
----------------------------------------------------------------------------------*/

.webstorm-level #bi-page-l #main_content {
  width: 100%;
  max-width: 100%;
}

.webstorm-level #bi-page-l .widget_container {
  max-width: 1248px;
  text-align: center;
  padding: 0 2.4rem;
}

.webstorm-level #bi-page-l .widget_container:not(:first-of-type) {
  margin-top: 7.2rem !important;
}

.webstorm-level #bi-page-l .widget_container .widget_title {
  text-align: center;
  font-size: 3.2rem;
  line-height: 4rem;
  margin-bottom: 2.4rem;
  padding: 0;
}

.webstorm-level #bi-page-l .widget_container .title_back::after {
  text-align: center;
}

/* Sub Page - M
----------------------------------------------------------------------------------*/

.webstorm-level #bi-page-m #main_content {
  width: 100%;
  max-width: 100%;
}

.webstorm-level #bi-page-m .widget_container {
  max-width: 1248px;
  text-align: center;
  padding: 0 2.4rem;
}

.webstorm-level #bi-page-m .widget_container:not(:first-of-type) {
  margin-top: 7.2rem !important;
}

.webstorm-level #bi-page-m .widget_container .widget_title {
  text-align: center;
  font-size: 3.2rem;
  line-height: 4rem;
  margin-bottom: 2.4rem;
  padding: 0;
}

.webstorm-level #bi-page-m .widget_container .title_back::after {
  text-align: center;
}

/* Sub Page - N
----------------------------------------------------------------------------------*/

.webstorm-level #bi-page-n #main_content {
  width: 100%;
  max-width: 100%;
}

.webstorm-level #bi-page-n .widget_container {
  max-width: 1248px;
  text-align: center;
  padding: 0 2.4rem;
}

.webstorm-level #bi-page-n .widget_container:not(:first-of-type) {
  margin-top: 7.2rem !important;
}

.webstorm-level #bi-page-n .widget_container .widget_title {
  text-align: center;
  font-size: 3.2rem;
  line-height: 4rem;
  margin-bottom: 2.4rem;
  padding: 0;
}

.webstorm-level #bi-page-n .widget_container .title_back::after {
  text-align: center;
}

/* Sub Page - O
----------------------------------------------------------------------------------*/

.webstorm-level #bi-page-o #main_content {
  width: 100%;
  max-width: 100%;
}

.webstorm-level #bi-page-o .widget_container {
  max-width: 1248px;
  text-align: center;
  padding: 0 2.4rem;
}

.webstorm-level #bi-page-o .widget_container:not(:first-of-type) {
  margin-top: 7.2rem !important;
}

.webstorm-level #bi-page-o .widget_container .widget_title {
  text-align: center;
  font-size: 3.2rem;
  line-height: 4rem;
  margin-bottom: 2.4rem;
  padding: 0;
}

.webstorm-level #bi-page-o .widget_container .title_back::after {
  text-align: center;
}

/* Sub Page - P
----------------------------------------------------------------------------------*/

.webstorm-level #bi-page-p #main_content {
  width: 100%;
  max-width: 100%;
}

.webstorm-level #bi-page-p .widget_container {
  max-width: 1248px;
  text-align: center;
  padding: 0 2.4rem;
}

.webstorm-level #bi-page-p .widget_container:not(:first-of-type) {
  margin-top: 7.2rem !important;
}

.webstorm-level #bi-page-p .widget_container .widget_title {
  text-align: center;
  font-size: 3.2rem;
  line-height: 4rem;
  margin-bottom: 2.4rem;
  padding: 0;
}

.webstorm-level #bi-page-p .widget_container .title_back::after {
  text-align: center;
}

/* Sub Page - Q
----------------------------------------------------------------------------------*/

.webstorm-level #bi-page-q #main_content {
  width: 100%;
  max-width: 100%;
}

.webstorm-level #bi-page-q .widget_container {
  max-width: 1248px;
  text-align: center;
  padding: 0 2.4rem;
}

.webstorm-level #bi-page-q .widget_container:not(:first-of-type) {
  margin-top: 7.2rem !important;
}

.webstorm-level #bi-page-q .widget_container .widget_title {
  text-align: center;
  font-size: 3.2rem;
  line-height: 4rem;
  margin-bottom: 2.4rem;
  padding: 0;
}

.webstorm-level #bi-page-q .widget_container .title_back::after {
  text-align: center;
}

/* Sub Page - R
----------------------------------------------------------------------------------*/

.webstorm-level #bi-page-r #main_content {
  width: 100%;
  max-width: 100%;
}

.webstorm-level #bi-page-r .widget_container {
  max-width: 1248px;
  text-align: center;
  padding: 0 2.4rem;
}

.webstorm-level #bi-page-r .widget_container:not(:first-of-type) {
  margin-top: 7.2rem !important;
}

.webstorm-level #bi-page-r .widget_container .widget_title {
  text-align: center;
  font-size: 3.2rem;
  line-height: 4rem;
  margin-bottom: 2.4rem;
  padding: 0;
}

.webstorm-level #bi-page-r .widget_container .title_back::after {
  text-align: center;
}

/* Sub Page - T
----------------------------------------------------------------------------------*/

.webstorm-level #bi-page-t #main_content {
  width: 100%;
  max-width: 100%;
}

.webstorm-level #bi-page-t .widget_container {
  max-width: 1248px;
  text-align: center;
  padding: 0 2.4rem;
}

.webstorm-level #bi-page-t .widget_container:not(:first-of-type) {
  margin-top: 7.2rem !important;
}

.webstorm-level #bi-page-t .widget_container .widget_title {
  text-align: center;
  font-size: 3.2rem;
  line-height: 4rem;
  margin-bottom: 2.4rem;
  padding: 0;
}

.webstorm-level #bi-page-t .widget_container .title_back::after {
  text-align: center;
}

/* Sub Page - U
----------------------------------------------------------------------------------*/

.webstorm-level #bi-page-u #main_content {
  width: 100%;
  max-width: 100%;
}

.webstorm-level #bi-page-u .widget_container {
  max-width: 1248px;
  text-align: center;
  padding: 0 2.4rem;
}

.webstorm-level #bi-page-u .widget_container:not(:first-of-type) {
  margin-top: 7.2rem !important;
}

.webstorm-level #bi-page-u .widget_container .widget_title {
  text-align: center;
  font-size: 3.2rem;
  line-height: 4rem;
  margin-bottom: 2.4rem;
  padding: 0;
}

.webstorm-level #bi-page-u .widget_container .title_back::after {
  text-align: center;
}

/* Sub Page - V
----------------------------------------------------------------------------------*/

.webstorm-level #bi-page-v #main_content {
  width: 100%;
  max-width: 100%;
}

.webstorm-level #bi-page-v .widget_container {
  max-width: 1248px;
  text-align: center;
  padding: 0 2.4rem;
}

.webstorm-level #bi-page-v .widget_container:not(:first-of-type) {
  margin-top: 7.2rem !important;
}

.webstorm-level #bi-page-v .widget_container .widget_title {
  text-align: center;
  font-size: 3.2rem;
  line-height: 4rem;
  margin-bottom: 2.4rem;
  padding: 0;
}

.webstorm-level #bi-page-v .widget_container .title_back::after {
  text-align: center;
}

/* Sub Page - W
----------------------------------------------------------------------------------*/

.webstorm-level #bi-page-w #main_content {
  width: 100%;
  max-width: 100%;
}

.webstorm-level #bi-page-w .widget_container {
  max-width: 1248px;
  text-align: center;
  padding: 0 2.4rem;
}

.webstorm-level #bi-page-w .widget_container:not(:first-of-type) {
  margin-top: 7.2rem !important;
}

.webstorm-level #bi-page-w .widget_container .widget_title {
  text-align: center;
  font-size: 3.2rem;
  line-height: 4rem;
  margin-bottom: 2.4rem;
  padding: 0;
}

.webstorm-level #bi-page-w .widget_container .title_back::after {
  text-align: center;
}

/* Sub Page - X
----------------------------------------------------------------------------------*/

.webstorm-level #bi-page-x #main_content {
  width: 100%;
  max-width: 100%;
}

.webstorm-level #bi-page-x .widget_container {
  max-width: 1248px;
  text-align: center;
  padding: 0 2.4rem;
}

.webstorm-level #bi-page-x .widget_container:not(:first-of-type) {
  margin-top: 7.2rem !important;
}

.webstorm-level #bi-page-x .widget_container .widget_title {
  text-align: center;
  font-size: 3.2rem;
  line-height: 4rem;
  margin-bottom: 2.4rem;
  padding: 0;
}

.webstorm-level #bi-page-x .widget_container .title_back::after {
  text-align: center;
}

/* Sub Page - Y
----------------------------------------------------------------------------------*/

.webstorm-level #bi-page-y #main_content {
  width: 100%;
  max-width: 100%;
}

.webstorm-level #bi-page-y .widget_container {
  max-width: 1248px;
  text-align: center;
  padding: 0 2.4rem;
}

.webstorm-level #bi-page-y .widget_container:not(:first-of-type) {
  margin-top: 7.2rem !important;
}

.webstorm-level #bi-page-y .widget_container .widget_title {
  text-align: center;
  font-size: 3.2rem;
  line-height: 4rem;
  margin-bottom: 2.4rem;
  padding: 0;
}

.webstorm-level #bi-page-y .widget_container .title_back::after {
  text-align: center;
}

/* Sub Page - Z
----------------------------------------------------------------------------------*/

.webstorm-level #bi-page-z #main_content {
  width: 100%;
  max-width: 100%;
}

.webstorm-level #bi-page-z .widget_container {
  max-width: 1248px;
  text-align: center;
  padding: 0 2.4rem;
}

.webstorm-level #bi-page-z .widget_container:not(:first-of-type) {
  margin-top: 7.2rem !important;
}

.webstorm-level #bi-page-z .widget_container .widget_title {
  text-align: center;
  font-size: 3.2rem;
  line-height: 4rem;
  margin-bottom: 2.4rem;
  padding: 0;
}

.webstorm-level #bi-page-z .widget_container .title_back::after {
  text-align: center;
}

/* Add if navigation widget exists on sub-page
----------------------------------------------------------------------------------*/

.webstorm-level
  .content:not(#bi-page-s):not(#bi-page-ct-a-view-idea):not(
    #bi-page-ct-list
  ):not(#bi-page-ct-admin-options-new):not(#bi-page-ct-blog-list):not(
    #bi-page-ct-a-enter-blog
  ):not(#bi-page-ct-a-view-blog)
  #container_1
  .widget_container:nth-child(2) {
  margin-top: 0 !important;
}

/* App Login:  Main Login
----------------------------------------------------------------------------------------*/

.webstorm-level #bi-page-ct-login {
  min-height: 0;
  padding: 0;
  background: rgb(209, 48, 190);
  background: linear-gradient(
    120deg,
    rgba(209, 48, 190, 1) 0%,
    rgba(46, 119, 209, 1) 100%
  );
  background-image: url(https://d1dxeoyimx6ufk.cloudfront.net/uploads/WWW/OD38/E7EAA86B.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.webstorm-level #bi-page-ct-login > #navbar {
  display: none;
}

.webstorm-level #bi-page-ct-login #main_content {
  width: 100%;
  margin-top: 0;
}

.webstorm-level #bi-page-ct-login #container_plogin_1,
.webstorm-level #bi-page-ct-login #container_plogin_3,
.webstorm-level #bi-page-ct-login #container_plogin_4 {
  display: none;
}

.webstorm-level #bi-page-ct-login #container_plogin_2 {
  display: flex;
  min-height: 100vh;
  align-items: center;
  justify-content: center;
  width: 100%;
  flex-direction: column;
  text-align: center;
  padding: 4.8rem 0;

  .widget_title {
    h2 {
      text-align: center;
      color: #fff;
    }
  }
  .widget_container {
    .boxcontent {
      table > thead > tr > th {
        a {
          color: #fff;
          text-decoration: underline;
        }
      }
    }
  }
}

.webstorm-level #bi-page-ct-login #container_plogin_2 > div.texthtml_widget {
  margin-bottom: 3.2rem;
}

.webstorm-level
  #bi-page-ct-login
  #container_plogin_2
  > div.texthtml_widget
  table
  > tbody
  > tr
  > td.widget_title {
  display: block;
  text-align: center;
  margin-top: 0;
  margin-bottom: 2.4rem;
  letter-spacing: 0;
  color: #fff;
}

.webstorm-level #bi-page-ct-login #container_plogin_2 .boxcontent {
  overflow: visible;
  padding: 0;
  color: #fff;
}

.webstorm-level
  #bi-page-ct-login
  #container_plogin_2
  > div.texthtml_widget
  .boxcontent
  > table {
  max-width: 48rem;
  font-size: 1.4rem;
  line-height: 2rem;
}

.webstorm-level #container_plogin_2 #rlLOG,
.webstorm-level #container_plogin_2 #rlREG {
  font-size: inherit;
}

.webstorm-level #bi-page-ct-login .widget_container.private_login_widget {
  width: 100%;
  max-width: 370px;
  background-color: #fff;
  border-radius: 4px;
  padding: 32px;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12),
    0px 2px 2px 0px rgba(0, 0, 0, 0.24);
}

.webstorm-level
  #bi-page-ct-login
  #private_login_main_content
  .rndbox
  > .tabunder {
  height: auto;
  border-bottom: 1px solid #e7e9eb;
  margin-bottom: 0.8rem;
  padding-bottom: 0.8rem;
  position: relative;
}

#lr_inner.tabunder > tbody > tr > td:not(#rlLOG):not(#rlREG) a {
  padding: 8px 24px 0 0;
  font-size: 14px;
  margin-top: 8px;
}

.webstorm-level
  #bi-page-ct-login
  #private_login_main_content
  .rndbox
  #password_reset {
  font-size: 1.4rem;
  line-height: 2rem;
}

.webstorm-level
  #bi-page-ct-login
  #private_login_main_content
  .rndbox
  #password_reset
  > div {
  color: #797d7f !important;
}

.webstorm-level #bi-page-ct-login #private_login_main_content_div > table {
  width: 100%;
}

.webstorm-level #bi-page-ct-login #private_login_main_content td {
  padding: 0;
  margin: auto;
  clear: none;
  float: none;
}

.webstorm-level
  #bi-page-ct-login
  #private_login_main_content
  #page1
  #form3
  table,
.webstorm-level
  #bi-page-ct-login
  #private_login_main_content
  #page1
  #form3
  table
  tbody
  tr
  td
  table {
  margin: 0;
  width: 100%;
  display: block;
}

.webstorm-level
  #bi-page-ct-login
  #private_login_main_content
  #page1
  #form3
  table
  > tbody {
  width: 100%;
  display: block;
}

.webstorm-level
  #bi-page-ct-login
  #private_login_main_content
  #page1
  #form3
  table
  > tbody
  > tr {
  width: 100%;
  display: block;
}

.webstorm-level
  #bi-page-ct-login
  #private_login_main_content
  #page1
  #form3
  table
  > tbody
  > tr
  > td {
  display: block;
}

.webstorm-level #bi-page-ct-login #private_login_main_content .login {
  margin-top: 2.4rem;
}

.webstorm-level #bi-page-ct-login #private_login_main_content .login a {
  text-align: center;
  display: inline-block;
  width: 100%;
  border: none;
  border-radius: 4px;
  padding: 0 !important;
  font-weight: 500 !important;
  font-size: 18px !important;
  height: 4.8rem;
  line-height: 4.8rem;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12),
    0px 2px 2px 0px rgba(0, 0, 0, 0.24);
  transition: 0.2s ease;
  margin: 0;
}

.webstorm-level #bi-page-ct-login #private_login_main_content .login a:hover {
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12),
    0px 8px 8px 0px rgba(0, 0, 0, 0.24);
}

.webstorm-level
  #bi-page-ct-login
  #private_login_main_content
  #page1
  #form3
  .forgot-password {
  font-size: 1.2rem;
  margin-top: 0.8rem;
}

.webstorm-level
  #bi-page-ct-login
  #private_login_main_content
  #page1
  #form3
  .forgot-password
  a {
  text-transform: capitalize;
}

.webstorm-level
  #bi-page-ct-login
  #private_login_main_content
  #page1
  #form3
  #password_row {
  margin-top: 0.8rem;
}

.webstorm-level
  #bi-page-ct-login
  #private_login_main_content
  #page1
  #form3
  #email_row
  td:nth-child(1),
.webstorm-level
  #bi-page-ct-login
  #private_login_main_content
  #page1
  #form3
  #password_row
  td:nth-child(1) {
  float: left;
  font-size: 1.4rem;
  line-height: 4.2rem;
  width: 80px;
}

.webstorm-level
  #bi-page-ct-login
  #private_login_main_content
  #page1
  #form3
  #email_row
  td:nth-child(1)
  span,
.webstorm-level
  #bi-page-ct-login
  #private_login_main_content
  #page1
  #form3
  #password_row
  td:nth-child(1)
  span {
  font-weight: 400 !important;
}

.webstorm-level
  #bi-page-ct-login
  #private_login_main_content
  #page1
  #form3
  #email_row
  td:nth-child(2)
  input,
.webstorm-level
  #bi-page-ct-login
  #private_login_main_content
  #page1
  #form3
  #password_row
  td:nth-child(2)
  input {
  width: 225px !important;
  height: 42px;
  border-radius: 4px;
  background-color: #eee;
  text-indent: 8px;
  font-size: 1.4rem;
}

.webstorm-level
  #bi-page-ct-login
  #forgot_pass
  table
  > tbody
  > tr:nth-child(2)
  td:nth-child(2)
  input,
.webstorm-level #bi-page-ct-login #page2 table tbody tr td #register_email {
  font-size: 1.4rem;
}

.webstorm-level
  #bi-page-ct-login
  #private_login_main_content
  #page1
  #form3
  #email_row
  td:nth-child(2)
  input:focus,
.webstorm-level
  #bi-page-ct-login
  #private_login_main_content
  #page1
  #form3
  #password_row
  td:nth-child(2)
  input:focus,
.webstorm-level
  #bi-page-ct-login
  #forgot_pass
  table
  > tbody
  > tr:nth-child(2)
  td:nth-child(2)
  input:focus,
.webstorm-level
  #bi-page-ct-login
  #page2
  table
  tbody
  tr
  td
  #register_email:focus {
  outline: auto #1abc9c;
}

.webstorm-level
  #bi-page-ct-login
  #private_login_main_content
  #page1
  #form3
  table
  tbody
  tr
  td
  table
  > tbody
  > tr
  > td:nth-child(2) {
  display: none;
}

.webstorm-level
  #bi-page-ct-login
  #private_login_main_content
  #page1
  #form3
  table
  tbody
  tr
  td
  table
  > tbody
  > tr
  > td:nth-child(5) {
  color: #797d7f !important;
  margin-top: 1.6rem !important;
  font-size: 1.2rem !important;
}

/* App Login:  Forgot Password
----------------------------------------------------------------------------------------*/

.webstorm-level #bi-page-ct-login #forgot_pass #fpECode {
  font-size: 1.4rem;
  line-height: 2rem;
  margin-bottom: 2.4rem;
}

.webstorm-level #bi-page-ct-login #forgot_pass table,
.webstorm-level #bi-page-ct-login #forgot_pass table > tbody,
.webstorm-level #bi-page-ct-login #forgot_pass table > tbody > tr,
.webstorm-level #bi-page-ct-login #forgot_pass table > tbody > tr > td {
  display: block;
}

.webstorm-level
  #bi-page-ct-login
  #forgot_pass
  table
  > tbody
  > tr:nth-child(2)
  td:nth-child(1) {
  float: left;
  width: 80px;
  height: 42px;
  line-height: 42px;
}

.webstorm-level
  #bi-page-ct-login
  #forgot_pass
  table
  > tbody
  > tr:nth-child(2)
  td:nth-child(1)
  span {
  font-weight: 500 !important;
  font-size: 1.4rem;
}

.webstorm-level
  #bi-page-ct-login
  #forgot_pass
  table
  > tbody
  > tr:nth-child(2)
  td:nth-child(2) {
  width: 226px !important;
  float: left;
}

.webstorm-level
  #bi-page-ct-login
  #forgot_pass
  table
  > tbody
  > tr:nth-child(2)
  td:nth-child(2)
  input {
  height: 4.2rem;
  background-color: #eee;
  border-radius: 4px;
  text-indent: 8px;
  width: 100% !important;
}

.webstorm-level #bi-page-ct-login #forgot_pass .input_button {
  display: inline-block;
  text-align: center;
  border: none;
  height: 4.8rem;
  line-height: 4.8rem;
  padding: 0 !important;
  width: 100%;
  border-radius: 4px;
  font-weight: 500 !important;
  font-size: 18px !important;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12),
    0px 2px 2px 0px rgba(0, 0, 0, 0.24);
  transition: 0.2s ease;
  margin-top: 2.4rem;
}

.webstorm-level #bi-page-ct-login #forgot_pass .input_button:hover {
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12),
    0px 8px 8px 0px rgba(0, 0, 0, 0.24);
}

/* App Login:  Register
----------------------------------------------------------------------------------------*/

.webstorm-level #container_plogin_2 #register_status {
  font-size: 1.4rem;
  line-height: 2rem;
  padding: 1.6rem 0 !important;
  font-weight: 400;
}

#page2 > table > tbody > tr:nth-child(2) > td:nth-child(1) {
  line-height: 42px;
}

#page2 > table > tbody > tr:nth-child(2) > td:nth-child(1) span {
  font-size: 1.4rem;
  font-weight: 400 !important;
}

#page2,
#page2 table,
#page2 table tbody,
#page2 table tbody tr,
#page2,
#page2 table,
#page2 table tbody,
#page2 table tbody tr td {
  display: block;
}

.webstorm-level #container_plogin_2 #page2 table tbody > tr > td {
  float: left;
}

.webstorm-level
  #container_plogin_2
  #page2
  table
  tbody
  > tr
  > td#register_status {
  text-align: center;
}

#page2 table tbody tr td #register_email {
  width: 225px !important;
  height: 42px;
  border-radius: 4px;
  background-color: #eee;
  border: #c8c8c8 solid 1px;
  text-indent: 8px;
}

#page2 table tbody tr td #private_register_button {
  display: inline-block;
  text-align: center;
  border: none;
  height: 4.8rem;
  line-height: 4.8rem;
  padding: 0 !important;
  width: 100%;
  border-radius: 4px;
  font-weight: 500 !important;
  font-size: 18px !important;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12),
    0px 2px 2px 0px rgba(0, 0, 0, 0.24);
  transition: 0.2s ease;
  margin-top: 2.4rem;
}

#page2 table tbody tr td #private_register_button:hover {
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12),
    0px 8px 8px 0px rgba(0, 0, 0, 0.24);
}

.webstorm-level
  #bi-page-ct-login
  #lr_inner.tabunder
  > tbody
  > tr
  > td:nth-child(1) {
  margin-right: 32px;
}

#page2 table tbody > tr:nth-child(3) td:nth-child(2) {
  width: 100% !important;
}

#bi-page-ct-login .tabunder .tabon a,
.taboff a {
  padding: 0;
  text-decoration: none;
}
.webstorm-level #bi-page-ct-login #private_login_main_content .tabunder .tabon,
.webstorm-level
  #bi-page-ct-login
  #private_login_main_content
  .tabunder
  .taboff {
  float: left;
  width: auto;
}
.webstorm-level #bi-page-ct-login #lr_inner > tbody > tr > td:nth-child(3) {
  clear: both;
}
#lr_inner > tbody > tr > #rlFACEBOOK a::before {
  content: "\f09a";
  font-family: Font Awesome\5 Pro, FontAwesome;
  display: inline-block;
  margin-right: 8px;
}
#lr_inner > tbody > tr > #rlTWITTER a::before {
  content: "\f099";
  font-family: Font Awesome\5 Pro, FontAwesome;
  display: inline-block;
  margin-right: 8px;
}
#lr_inner > tbody > tr > #rlGOOGLE a::before {
  content: "\f1a0";
  font-family: Font Awesome\5 Pro, FontAwesome;
  display: inline-block;
  margin-right: 8px;
}

.login_widget_tab #facebook_login_subscreen,
.login_widget_tab #twitter_login_subscreen,
.login_widget_tab #google_login_subscreen {
  margin-top: -80px;
}

#private_login_main_content #page3 span,
#private_login_main_content #page4 span,
#private_login_main_content #page5 span {
  font-style: normal !important;
  font-size: 18px !important;
  display: none;
}

#facebook_login_button img,
#twitter_login_subscreen #twitter_login_button img,
#google_login_logo {
  display: none;
}

#facebook_login_button::before,
#twitter_login_subscreen #twitter_login_button::before,
#google_login_subscreen a::before {
  font-family: Font Awesome\5 Pro, FontAwesome;
  margin-right: 8px;
  color: #fff;
}
#facebook_login_button::after,
#twitter_login_subscreen #twitter_login_button::after,
#google_login_subscreen a::after {
  color: #fff;
  font-size: 18px;
}

#facebook_login_button,
#twitter_login_subscreen #twitter_login_button,
#google_login_subscreen a {
  display: inline-block;
  font-size: 18px;
  margin-top: 1.6rem;
  height: 48px;
  line-height: 48px;
  transition: 0.2s ease;
  width: 100%;
  border-radius: 4px;
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12),
    0px 2px 2px 0px rgba(0, 0, 0, 0.24);
}
#facebook_login_button:hover,
#twitter_login_subscreen #twitter_login_button:hover,
#google_login_subscreen a:hover {
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.12),
    0px 8px 8px 0px rgba(0, 0, 0, 0.24);
  text-decoration: none;
}

#facebook_login_button {
  background-color: #3b5998;
}
#facebook_login_button::after {
  content: "Login with Facebook";
}
#facebook_login_button::before {
  content: "\f09a";
}

#twitter_login_subscreen #twitter_login_button {
  background-color: #00acee;
}
#twitter_login_subscreen #twitter_login_button::after {
  content: "Login with Twitter";
}
#twitter_login_subscreen #twitter_login_button::before {
  content: "\f099";
}

#google_login_subscreen a {
  background-color: #4285f4;
  color: #fff;
}
#google_login_subscreen a::before {
  content: "\f1a0";
}

/* BI: Login
***************************************************************************/
.webstorm-level #bi-page-ct-login #lr_inner > tbody > tr > td:nth-child(3) {
  clear: none !important;
}

.webstorm-level
  #bi-page-ct-login
  #lr_inner.tabunder
  > tbody
  > tr
  > td:nth-child(1) {
  margin-right: auto !important;
}

.webstorm-level
  #bi-page-ct-login
  #lr_inner.tabunder
  > tbody
  > tr:nth-child(1)
  > td:nth-child(1) {
  margin-right: 3.2rem !important;
}

/* BI: Login: Password Reset
***************************************************************************/
#password_reset br {
  display: none;
}

#password_reset #prForm table > tbody > tr > td > input {
  height: 42px;
  background-color: #eee;
  border-radius: 4px;
  font-size: 1.4rem;
  text-indent: 8px;
}

#password_reset #prForm table > tbody > tr:not(:first-child) > td {
  padding-top: 0.8rem;
}

#password_reset #prForm > button {
  display: inline-block;
  text-align: center;
  border: none;
  height: 4.8rem !important;
  line-height: 4.8rem;
  padding: 0 !important;
  width: 100%;
  border-radius: 4px;
  font-size: 18px;
  box-shadow: 0px 0px 2px 0px rgb(0 0 0 / 12%), 0px 2px 2px 0px rgb(0 0 0 / 24%);
  transition: 0.2s ease;
  margin-top: 2.4rem;
  color: #fff;
  cursor: pointer;
}

/* BI: Login: Registration
***************************************************************************/

#private_login_main_content_div #page2 form#Form1 .input_box {
  width: 100% !important;
  height: 32px;
  border-radius: 4px;
  background-color: #eee;
  text-indent: 8px;
}

#private_login_main_content_div
  #page2
  form#Form1
  > center
  > table
  > tbody
  > tr
  > td
  > center
  > table
  > tbody
  > tr
  > td:nth-child(1) {
  width: 45%;
  line-height: 32px;
}

#private_login_main_content_div
  #page2
  form#Form1
  > center
  > table
  > tbody
  > tr
  > td
  > center
  > table
  > tbody
  > tr:not(:first-child)
  > td:nth-child(1) {
  padding-top: 0.8rem;
}

#private_login_main_content_div
  #page2
  form#Form1
  > center
  > table
  > tbody
  > tr
  > td
  > center
  > table
  > tbody
  > tr
  > td:nth-child(2) {
  width: 55% !important;
}

#private_login_main_content_div
  #page2
  form#Form1
  > center
  > table
  > tbody
  > tr
  > td
  > center
  > table
  > tbody
  > tr
  > td:nth-child(2)
  textarea {
  width: 100% !important;
}

#private_login_main_content_div
  #page2
  form#Form1
  > center
  > table
  > tbody
  > tr
  > td
  > center
  > table
  > tbody
  > tr
  > td:nth-child(2)
  select {
  width: 100% !important;
  border-radius: 4px;
  height: 32px;
}

#private_login_main_content_div
  #page2
  form#Form1
  > center
  > table
  > tbody
  > tr
  > td
  > center
  > table
  > tbody
  > tr:not(:first-child)
  > td:nth-child(2) {
  padding-top: 0.8rem;
}

#private_login_main_content_div
  #page2
  form#Form1
  > center
  > table
  > tbody
  > tr
  > td
  > center
  > table
  > tbody
  > tr
  > td:nth-child(2)
  table
  > tbody
  > tr
  > td {
  width: 100% !important;
}

#private_login_main_content_div #page2 form#Form1 #SubmitButton2 {
  display: inline-block;
  text-align: center;
  border: none;
  height: 4.8rem !important;
  line-height: 4.8rem;
  padding: 0 !important;
  width: 100%;
  border-radius: 4px;
  font-size: 18px;
  box-shadow: 0px 0px 2px 0px rgb(0 0 0 / 12%), 0px 2px 2px 0px rgb(0 0 0 / 24%);
  transition: 0.2s ease;
  margin-top: 2.4rem;
  color: #fff;
  cursor: pointer;
}

#private_login_main_content_div #page2 #eCode {
  margin-top: -16px;
  margin-bottom: -8px;
}

/* BI: Login: Terms
***************************************************************************/

#private_login_main_content_div
  #page2
  form#Form1
  > center
  > table
  > tbody
  > tr
  > td
  > center
  > table:nth-child(2)
  > tbody
  > tr
  > td:nth-child(1) {
  padding-top: 1.6rem;
}

#private_login_main_content_div
  #page2
  form#Form1
  > center
  > table
  > tbody
  > tr
  > td
  > center
  > div
  > div {
  padding: 0.8rem;
  font-size: 1.2rem !important;
  margin-bottom: 1.6rem;
}

#private_login_main_content_div
  #page2
  form#Form1
  > center
  > table:nth-of-type(2)
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr
  > td
  > input[type*="checkbox"] {
  margin-right: 0.8rem;
  margin-top: 0.4rem;
}

#private_login_main_content_div
  #page2
  form#Form1
  > center
  > table:nth-of-type(2)
  > tbody
  > tr
  > td
  > table
  > tbody
  > tr
  > td:nth-child(2) {
  width: 90%;
}

/* BI: Login: Password Reset: Color Updates
***************************************************************************/
#password_reset #prForm > button {
  background-color: #2f89cc;
}

#password_reset #prForm > button:hover {
  box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 12%), 0px 8px 8px 0px rgb(0 0 0 / 24%);
  background-color: #5b37b2;
}

#private_login_main_content_div #page2 form#Form1 #SubmitButton2 {
  background-color: #3993d6;
}

#private_login_main_content_div #page2 form#Form1 #SubmitButton2:hover {
  box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 12%), 0px 8px 8px 0px rgb(0 0 0 / 24%);
  background-color: #3993d6;
}

/* Footer Styles
----------------------------------------------------------------------------------*/

.webstorm-level #customFooter {
  width: 100%;
  box-sizing: border-box;
  padding: 3.2rem 0;
  background-color: #bdc3c7;
}

.webstorm-level #customFooterContainer {
  width: 100%;
  max-width: 1200px;
  padding: 0;
  margin: 0 auto;
}

.webstorm-level #customFooterContainer > div {
  box-sizing: border-box;
}

#footer-logo {
  max-width: 12rem;
  width: 100%;
  display: block;
}

#customFooterContainer::after {
  content: "";
  clear: both;
  display: table;
}

#customFooterContainer ul#footerNav {
  float: right;
}

#customFooterContainer ul#footerNav li a {
  font-size: 1.4rem;
  color: #fff !important;
  font-weight: 600;
}

/*******************************************************************************
    Webstorm Level - Setup Page
********************************************************************************/
#bi-page-ct-admin-options-new .ws-design-header {
  height: auto;
}
#bi-page-ct-admin-options-new .add-category-button {
  height: 32px;
}
.webstorm-level #custom-css-controls li {
  height: auto;
}
.webstorm-level
  .ReactModalPortal
  .f-modal-design-titleHeaderSubmitFooter-v1
  .f-modal-body {
  font-size: 1.4rem;
  line-height: 2rem;
}

/*******************************************************************************
    Bootstrap 3
********************************************************************************/
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.row-no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row-no-gutters [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}

/*******************************************************************************
    MEDIA QUERIES
********************************************************************************/

@media screen and (max-width: 1171px) {
  /* Responsive : Dashboard
--------------------------------------------------------------------------------------------------------------------*/

  /* Responsive : Dashboard: Activity Metrics
--------------------------------------------------------------------------------------------------------------------*/

  body.webstorm-level #bi-page-ct-dashboard #main_column_1 {
    margin: 0;
    width: 100%;
  }

  body.webstorm-level #bi-page-ct-dashboard #funnel {
    height: 173px;
  }

  .body.webstorm-level
    #bi-page-ct-dashboard
    #main_content
    .widget_container
    #donut {
    height: 217px;
  }

  .webstorm-level #bi-page-ct-dashboard #container_dashboard_7,
  .webstorm-level #bi-page-ct-dashboard #container_dashboard_8 {
    width: 32% !important;
    margin-right: 2%;
  }

  .webstorm-level #bi-page-ct-dashboard #container_dashboard_9 {
    margin: 0 !important;
    width: 32% !important;
  }

  body.webstorm-level #bi-page-ct-dashboard #container_dashboard_10 {
    width: 100% !important;
  }
}

/* Responsive Styles:  Less Than 768px Width (Mobile Devices)
--------------------------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 768px) {
  html,
  .root {
    font-size: 50% !important;
  }

  /* Responsive : Dashboard
--------------------------------------------------------------------------------------------------------------------*/

  .webstorm-level #bi-page-ct-dashboard #container_dashboard_7,
  .webstorm-level #bi-page-ct-dashboard #container_dashboard_8,
  .webstorm-level #bi-page-ct-dashboard #container_dashboard_9 {
    width: 100% !important;
    margin: 0 !important;
  }

  .body.webstorm-level
    #bi-page-ct-dashboard
    #main_content
    .widget_container
    #donut {
    margin-top: -2.4rem;
  }

  .webstorm-level
    #bi-page-ct-dashboard
    #main_graph_container
    #dashboard-summary-data {
    display: none;
  }
}

/*******************************************************************************
    Webstorm Level - Responsive De-Activation of Subscribe Button and Navigation Placement
********************************************************************************/

@media (max-width: 1000px) {
  .webstorm-level
    #container_homepage_header
    #display-region
    #hh-actions
    #hh-subscribe {
    display: none;
  }
  .webstorm-level #bi-page-s #navbar.OPT_FEATURE_NEW_NAV_AND_ADMIN_BAR {
    top: 0;
  }

  .webstorm-level #bi-page-s #main_content {
    flex-direction: column;
  }

  .webstorm-level #bi-page-s #main_content #container_2,
  .webstorm-level #bi-page-s #main_content #container_3 {
    flex: 0 0 100%;
    max-width: 100%;
    margin: 0;
    box-sizing: border-box;
    padding: 0 2.4rem;
  }

  .webstorm-level #container_homepage_header #display-region #hh-display h2 {
    padding: 1.6rem;
    font-size: 6rem !important;
  }
}