/***************************************************************************************************
CSS - ORIGINAL HOME PAGE CODE
****************************************************************************************************/

* {
    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 !important;
    margin: auto;
    box-sizing: border-box;
    width: 100%;
    font-size: unset;
}

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

:root {
  --primary-color: #e74c3c;
}

/*******************************************************************************
    Webstorm Level - Typography
********************************************************************************/

.webstorm-level .widget_container p,
.webstorm-level .widget_container table td,
.webstorm-level .widget_container .rich_text_widget span {
  font-size: 1.4rem;
  line-height: 2rem;
  letter-spacing: 0.02em;
}

.webstorm-level .widget_container .boxcontent a {
    font-weight: 400;
}

/*******************************************************************************
    Webstorm Level - Buttons
********************************************************************************/

.button {
    display: inline-block;
    border-radius: 4px;
    transition: 0.2s ease;
}

.button:hover {
    text-decoration: none;
}

.button--48px {
    height: 4.8rem;
    line-height: 4.8rem;
    font-size: 1.8rem;
    font-weight: 500;
    padding: 0 2.4rem;
    margin-top: 4.8rem;
}

.button--40px {
    height: 4rem;
    line-height: 4rem;
    font-size: 1.4rem;
    padding: 0 2rem;
    font-weight: 500;
    margin-top: 3.2rem;
}

.button--left-aligned {
    margin-right: 0.8rem;
}

.button--shadow,
.post_blog_button a {
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.24);
}

.button--shadow:hover,
.post_blog_button 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 - Global Nav Bar
********************************************************************************/

.webstorm-level #global-nav-bar-content {
    max-width: 100%;
    padding: 0 3.2rem;
    box-sizing: border-box;
}

.webstorm-level #nav-bar #nav-bar-logo {
    width: auto;
    margin-right: 3.2rem;
}

.webstorm-level #nav-bar .global-nav-badge {
    height: auto;
}

/*******************************************************************************
    Webstorm Level - Navigation Bar
********************************************************************************/

.webstorm-level #bi-page-s #navbar.OPT_FEATURE_NEW_NAV_AND_ADMIN_BAR {
    position: absolute;
    top: 4.8rem;
}

.webstorm-level #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;
}

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

.webstorm-level .fractal-dynamic-nav-v1 .nav-desktop .nav-parent .nav-item-hover {
    bottom: 16px;
}

/*******************************************************************************
    Webstorm Level - 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: 2.4rem 0 6rem;
    justify-content: center;
    flex-wrap: wrap;
}


/*******************************************************************************
    Webstorm Level - Home Page - Columns
********************************************************************************/

.webstorm-level #bi-page-s #main_content #container_3,
.webstorm-level #bi-page-s #main_content #container_4,
.webstorm-level #bi-page-s #main_content #container_5 {
    display: none !important;
}

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

.webstorm-level #bi-page-s #main_content #container_2 .widget_container {}

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

#bi-page-s #container_3 .widget_container {}

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

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

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

.webstorm-level #main_content .widget_title {
    font-size: 3.2rem !important;
    margin-bottom: 3.2rem;
    padding: 0;
    text-align: left;
    font-weight: 400 !important;
}

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

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

/*******************************************************************************
    Webstorm Level - 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: 75vh;
  max-height: 56rem;
}

.webstorm-level #container_homepage_header #display-region {
    z-index: initial;
}

.webstorm-level #container_homepage_header #display-region #hh-actions {
    top: 1.4rem;
    right: 20rem;
    z-index: 390;
    position: relative;
    left: 860px; 
}

.webstorm-level #container_homepage_header #display-region #hh-display .display-content {
    background-size: cover;
}

.webstorm-level #container_homepage_header #display-region #hh-display {
    overflow: visible;
}

.webstorm-level #container_homepage_header #display-region #hh-display h2 {
    font-size: 6rem !important;
    line-height: 7.2rem;
    letter-spacing: -0.05rem;
    font-weight: 700 !important;
}

/* COMMENTED OUT
.webstorm-level #container_homepage_header #display-region #hh-display h2::before {
    content: 'Provide Solutions to Our Most Pressing Challenges';
    font-size: 1.4rem;
    line-height: 2rem;
    letter-spacing: 0.25rem;
    font-weight: 400;
    display: block;
    text-transform: uppercase;
    margin-top: 1.8rem;
    margin-bottom: 0.6rem;
}
*/

.webstorm-level #container_homepage_header #display-region #hh-display h3 {
    margin: 4rem auto 4.8rem !important;
    font-weight: 400;
    font-size: 1.8rem;
    line-height: 2.8rem !important;
    letter-spacing: 0.02rem;
}

.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: 50%;
    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 !important;
    color: #fff;
    border: 1px solid #fff !important;
    font-weight: 600 !important;
    transition: 0.2s ease;
    font-size: 1.2rem !important;
    border-radius: 4px;
    width: auto;
    height: 3.2rem;
    line-height: 3.2rem;
    padding: 0 1.6rem;
}


/*******************************************************************************
    Webstorm Level - Success Criteria Widget
********************************************************************************/

.table--success-criteria tbody tr td {
    width: 50%;
    text-align: left;
}

.table--success-criteria tbody tr td::before {
    content: '\f058';
    font-family: FontAwesome;
    font-size: 1.6rem;
    margin-right: 1.6rem;
    color: #D5D9DB;
}

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

.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.6rem;
    text-align: left;
    letter-spacing: 0.02rem;
    display: block;
}

#bi-page-s .categories_widget .boxcontent,
#bi-page-a .categories_widget .boxcontent,
#bi-page-b .categories_widget .boxcontent,
#bi-page-c .categories_widget .boxcontent,
#bi-page-d .categories_widget .boxcontent,
#bi-page-e .categories_widget .boxcontent,
#bi-page-f .categories_widget .boxcontent,
#bi-page-g .categories_widget .boxcontent,
#bi-page-h .categories_widget .boxcontent,
#bi-page-i .categories_widget .boxcontent,
#bi-page-j .categories_widget .boxcontent,
#bi-page-k .categories_widget .boxcontent,
#bi-page-l .categories_widget .boxcontent,
#bi-page-m .categories_widget .boxcontent,
#bi-page-n .categories_widget .boxcontent,
#bi-page-o .categories_widget .boxcontent,
#bi-page-p .categories_widget .boxcontent,
#bi-page-q .categories_widget .boxcontent,
#bi-page-r .categories_widget .boxcontent,
#bi-page-t .categories_widget .boxcontent,
#bi-page-u .categories_widget .boxcontent,
#bi-page-v .categories_widget .boxcontent,
#bi-page-w .categories_widget .boxcontent,
#bi-page-x .categories_widget .boxcontent,
#bi-page-y .categories_widget .boxcontent,
#bi-page-z .categories_widget .boxcontent {
    margin: 0 -0.4rem !important;
}

#bi-page-s .categories_widget p,
#bi-page-a .categories_widget p,
#bi-page-b .categories_widget p,
#bi-page-c .categories_widget p,
#bi-page-d .categories_widget p,
#bi-page-e .categories_widget p,
#bi-page-f .categories_widget p,
#bi-page-g .categories_widget p,
#bi-page-h .categories_widget p,
#bi-page-i .categories_widget p,
#bi-page-j .categories_widget p,
#bi-page-k .categories_widget p,
#bi-page-l .categories_widget p,
#bi-page-m .categories_widget p,
#bi-page-n .categories_widget p,
#bi-page-o .categories_widget p,
#bi-page-p .categories_widget p,
#bi-page-q .categories_widget p,
#bi-page-r .categories_widget p,
#bi-page-t .categories_widget p,
#bi-page-u .categories_widget p,
#bi-page-v .categories_widget p,
#bi-page-w .categories_widget p,
#bi-page-x .categories_widget p,
#bi-page-y .categories_widget p,
#bi-page-z .categories_widget p {
    padding: 0 1.6rem;
    height: 3.2rem;
    line-height: 3.2rem;
    background-color: #E7E9EB !important;
    width: auto !important;
    margin: 0.4rem !important;
    border-radius: 4px;
    transition: 0.2s ease;
    min-height: 0 !important;
}

#bi-page-s .categories_widget .boxcontent a,
#bi-page-a .categories_widget .boxcontent a,
#bi-page-b .categories_widget .boxcontent a,
#bi-page-c .categories_widget .boxcontent a,
#bi-page-d .categories_widget .boxcontent a,
#bi-page-e .categories_widget .boxcontent a,
#bi-page-f .categories_widget .boxcontent a,
#bi-page-g .categories_widget .boxcontent a,
#bi-page-h .categories_widget .boxcontent a,
#bi-page-i .categories_widget .boxcontent a,
#bi-page-j .categories_widget .boxcontent a,
#bi-page-k .categories_widget .boxcontent a,
#bi-page-l .categories_widget .boxcontent a,
#bi-page-m .categories_widget .boxcontent a,
#bi-page-n .categories_widget .boxcontent a,
#bi-page-o .categories_widget .boxcontent a,
#bi-page-p .categories_widget .boxcontent a,
#bi-page-q .categories_widget .boxcontent a,
#bi-page-r .categories_widget .boxcontent a,
#bi-page-t .categories_widget .boxcontent a,
#bi-page-u .categories_widget .boxcontent a,
#bi-page-v .categories_widget .boxcontent a,
#bi-page-w .categories_widget .boxcontent a,
#bi-page-x .categories_widget .boxcontent a,
#bi-page-y .categories_widget .boxcontent a,
#bi-page-z .categories_widget .boxcontent a {
    color: #797D7F;
    height: auto !important;
    font-size: 1.6rem !important;
}

#bi-page-s .categories_widget .boxcontent p:hover {
    background-color: #D5D9DB !important;
}

#bi-page-s .categories_widget .boxcontent p:hover a {
    color: #797D7F;
}

/*******************************************************************************
    Webstorm Level - Updates Widget
********************************************************************************/
.webstorm-level #bi-page-s .updates_widget .boxcontent {
    max-width: 100%;
}

.webstorm-level #bi-page-s .pl_feed_note_photo {
    padding: 1.6rem;
    border: 1px solid #E7E9EB !important;
}

.webstorm-level #bi-page-s #ws_updates_area div:nth-child(2) .pl_feed_note_photo {
    border-top: 1px solid #E7E9EB !important;
}

.updates_widget #display_note_attachment {
    text-align: left;
}

.webstorm-level #bi-page-s #ws_updates_area {
    font-size: 1.4rem;
}

#bi-page-s #ws_updates_area > div,
#bi-page-a #ws_updates_area > div,
#bi-page-b #ws_updates_area > div,
#bi-page-c #ws_updates_area > div,
#bi-page-d #ws_updates_area > div,
#bi-page-e #ws_updates_area > div,
#bi-page-f #ws_updates_area > div,
#bi-page-g #ws_updates_area > div,
#bi-page-h #ws_updates_area > div,
#bi-page-i #ws_updates_area > div,
#bi-page-j #ws_updates_area > div,
#bi-page-k #ws_updates_area > div,
#bi-page-l #ws_updates_area > div,
#bi-page-m #ws_updates_area > div,
#bi-page-n #ws_updates_area > div,
#bi-page-o #ws_updates_area > div,
#bi-page-p #ws_updates_area > div,
#bi-page-q #ws_updates_area > div,
#bi-page-r #ws_updates_area > div,
#bi-page-t #ws_updates_area > div,
#bi-page-u #ws_updates_area > div,
#bi-page-v #ws_updates_area > div,
#bi-page-w #ws_updates_area > div,
#bi-page-x #ws_updates_area > div,
#bi-page-y #ws_updates_area > div,
#bi-page-z #ws_updates_area > div {
    border: none !important;
    padding-top: 0 !important;
}


/*******************************************************************************
    Webstorm Level - Popular Tags Widget
********************************************************************************/

.mini_tag_cloud_widget .title_back::after {
    content: 'Sort initiative submissions by associated tags using the additional links provided below.';
    font-family: 'Lato', 'Open Sans', arial, sans serif;
    margin: 1.6rem 0 0;
    font-size: 1.6rem;
    text-align: left;
    letter-spacing: 0.02rem;
    display: block;
}

/*******************************************************************************
    Webstorm Level - Tags
********************************************************************************/

#bi-page-s .mini_tag_cloud_widget .boxcontent,
#bi-page-a .mini_tag_cloud_widget .boxcontent,
#bi-page-b .mini_tag_cloud_widget .boxcontent,
#bi-page-c .mini_tag_cloud_widget .boxcontent,
#bi-page-d .mini_tag_cloud_widget .boxcontent,
#bi-page-e .mini_tag_cloud_widget .boxcontent,
#bi-page-f .mini_tag_cloud_widget .boxcontent,
#bi-page-g .mini_tag_cloud_widget .boxcontent,
#bi-page-h .mini_tag_cloud_widget .boxcontent,
#bi-page-i .mini_tag_cloud_widget .boxcontent,
#bi-page-j .mini_tag_cloud_widget .boxcontent,
#bi-page-k .mini_tag_cloud_widget .boxcontent,
#bi-page-l .mini_tag_cloud_widget .boxcontent,
#bi-page-m .mini_tag_cloud_widget .boxcontent,
#bi-page-n .mini_tag_cloud_widget .boxcontent,
#bi-page-o .mini_tag_cloud_widget .boxcontent,
#bi-page-p .mini_tag_cloud_widget .boxcontent,
#bi-page-q .mini_tag_cloud_widget .boxcontent,
#bi-page-r .mini_tag_cloud_widget .boxcontent,
#bi-page-t .mini_tag_cloud_widget .boxcontent,
#bi-page-u .mini_tag_cloud_widget .boxcontent,
#bi-page-v .mini_tag_cloud_widget .boxcontent,
#bi-page-w .mini_tag_cloud_widget .boxcontent,
#bi-page-x .mini_tag_cloud_widget .boxcontent,
#bi-page-y .mini_tag_cloud_widget .boxcontent,
#bi-page-z .mini_tag_cloud_widget .boxcontent {
    text-align: left !important;
}

/*******************************************************************************
    Webstorm Level - Sponsor Widget
********************************************************************************/
.webstorm-sponsor-widget-container .ws-sponsor-name {
    font-size: 1.4rem;
    line-height: 2rem;
}

.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);
}

/*******************************************************************************
    Webstorm Level - Phase Widget
********************************************************************************/

.webstorm-level .phase-widget-container #phases {
    width: auto;
    float: none;
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    border-radius: 0;
}

.webstorm-level .phase-nav-button {
    display: none;
}

.webstorm-level #phase-list {
    width: 100% !important;
}

.webstorm-level #phases .phase-wrapper {
    width: 100% !important;
    height: auto !important;
    float: none;
    border-right: none;
    position: relative;
}

.webstorm-level #phases .phase-wrapper:first-child {
    border: none;
}

.webstorm-level #phases #phase-list .phase-wrapper:not(:first-child) {
    margin-top: 2.4rem;
}

.webstorm-level .phase_widget_widget #phases .phase-wrapper.current-phase {
    background: none !important;
}

.webstorm-level #phases .phase-wrapper::before {
    content: '';
    display: block;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 60px;
    background-color: #ccc;
    margin-right: 1.2rem;
    position: absolute;
    z-index: 10;
}

.webstorm-level #phases .phase-wrapper.current-phase::before {
    content: '';
}

.webstorm-level #phases .phase-wrapper:not(:last-child)::after {
    content: '';
    width: 1px;
    height: 150%;
    position: absolute;
    display: block;
    background-color: #ccc;
    top: 0.5rem;
    left: 0.6rem;
}

.webstorm-level #phases .phase-content {
    display: block;
    margin-left: 2.4rem;
}

.webstorm-level #phases .phase-content .phase-name {
    text-align: left;
    font-size: 1.4rem !important;
    font-weight: 500;
}

.webstorm-level #phases .phase-wrapper.current-phase .phase-content,
.webstorm-level #phases .phase-wrapper .phase-content {
    color: #797D7F;
}

.webstorm-level #phases #next-phase {
    display: none !important;
}

.webstorm-level #phases .phase-desc {
    font-size: 1.2rem;
}

.webstorm-level #phases .phase-desc,
#phases .phase-start {
    display: block !important;
    margin-top: 0.4rem;
}


/*******************************************************************************
    Webstorm Level - Schedule
********************************************************************************/

#schedule > tbody > tr:nth-child(odd) td {
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 0.8rem;
    display: block;
}

#schedule > tbody > tr:nth-child(even):not(:last-child) td {
    padding-bottom: 2.4rem;
}

/*******************************************************************************
    Webstorm Level - Browse Ideas Card Update Format
********************************************************************************/

.webstorm-level .fractal-button {
    font-family: 'Lato', 'Open Sans', arial, sans serif;
}

.webstorm-level .fractal-widget-ideaboard .ideaboard-filter-bar {
    margin-bottom: 1.4rem;
}

.webstorm-level #bi-page-ct-list #main_content {
    max-width: 1200px;
    margin-top: 2.4rem;
}

.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(.25, .8, .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;
    line-height: 2rem;
    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-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;
    margin-bottom: 2.4rem;
    color: #797D7F;
    font-size: 1.2rem;
    line-height: 2rem;
}

.webstorm-level .fractal-secondary-ideas-view-grid .ideaboard-card .f-card-footer {
    padding: 0 1.6rem 1.6rem 0;
    height: auto;
}



/*******************************************************************************
    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;
}

.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 {
    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 {
    background-color: transparent;
}

.webstorm-level .blog_list_widget {
    background-color: #fff;
}

.webstorm-level .blog_list_widget #blogsubject a {
    font-size: 2rem;
    font-weight: 600;
}

.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 {
    font-size: 1.4rem;
}

.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: 69.0rem !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 .blog_list_widget .boxcontent {
    padding: 1.2rem;
}


/* BI:  Post Blog Page
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.webstorm-level .section.sub-page.hero.post-blog {
    background-image: none;
}

.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;
    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-size: 16px;
    font-weight: 400;
    color: #444647;
    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 #blog_subject_title {}

.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 #e74c3c;
    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: #e74c3c;
    transition: 0.2s ease;
    border-radius: 4px;
    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: #e74c3c;
}

.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;
    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;
    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: #e74c3c;
    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 {
    font-size: 14px;
    font-weight: 400;
    padding-left: 0;
}

.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;
}

.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;
    font-weight: 400;
}

.webstorm-level #view_blog_main_content td,
.catComment {
    border: none;
}

.webstorm-level .catComment {
    color: #444647 !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: #e74c3c;
    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
********************************************************************************/

#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;
}


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

.webstorm-level #bi-page-ct-a-enter-idea #main_content {
    width: 100%;
    max-width: 1440px;
    background-color: #fff;
    margin: 0 auto;
    padding: 3.2rem 0 6.4rem;
}

#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: auto !important;
    margin-top: 2.4rem;
}

.webstorm-level #main_idea_container .set-section {
    border: none;
    padding: 0;
    margin: 2.4rem 0;
    background-color: transparent !important;
}

.webstorm-level #main_idea_container .bootstrap-tagsinput {
  padding: 0;
}

.webstorm-level #main_idea_container .bootstrap-tagsinput .tt-input.form-control {
    border: none !important;
    font-size: 1.4rem;
    padding: 0;
    margin: 0 1.6rem;
    min-width: 100%;
}

.webstorm-level #main_idea_container #form legend {
    font-size: 2.4rem;
    font-weight: 400;
    color: #444647;
    margin-bottom: 0.8rem;
}

.webstorm-level #main_idea_container .set-section .form-control {
    height: 4.8rem;
    font-size: 1.6rem;
    border: 1px solid #BDC3C7;
    padding: 0 1.6rem;
}

.webstorm-level #main_idea_container .input-wrap .limiter {
    font-size: 1.4rem;
    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: 700px !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;
}

.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 #bi-page-ct-a-enter-idea .OPT_FEATURE_NEW_NAV_AND_ADMIN_BAR #dynamic_navigation_bar .fractal-dynamic-nav-v1 .nav-desktop ul {}

.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 !important;
    height: 4.8rem;
    line-height: 4.8rem;
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: 0.02rem;
    float: left;
    width: auto;
}

.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: #f1892d !important;
    border: 1px solid #f1892d !important;
    color: #fff !important;
}

.webstorm-level #title-results-region #idea-form-title-similar {
    font-size: 1.8rem;
    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;
    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: auto;
    margin-left: 16px;
    float: left;
    max-height: 48px;
    overflow: hidden;
    max-width: 560px;
}

.webstorm-level #main_idea_container #form #idea-form-title #idea-form-title-similar .result-container .result .idea_meta p {
    line-height: 48px;
    max-height: 48px;
    font-size: 1.2rem;
}

.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: 22px;
    line-height: 22px;
    border: none;
    border-radius: 12px;
    background-color: #D5D9DB;
    font-size: 1.4rem;
    color: #444647;
    letter-spacing: 0.02rem;
}

.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"] {
  font-weight: 400;
}

.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;
}

.webstorm-level #main_idea_container .set-section .hint {
    font-size: 1.2rem;
}

.webstorm-level #f-submit-idea-button .fractal-dropdownPopout-popout-container {
    z-index: 1;
}

.webstorm-level #spinner > div {
    position: fixed;
}

.webstorm-level #main_idea_container p,
.webstorm-level #main_idea_container a {
    font-size: 1.4rem;
    line-height: 2rem;
}


/*******************************************************************************
    Webstorm Level - Submit Idea Buttons
********************************************************************************/

.webstorm-level #sidebar-actions .btn-primary {
    font-size: 1.8rem;
    font-weight: 500;
    height: 48px;
    border: none;
}

.webstorm-level #f-submit-idea-button .f-submit-idea-button-container .f-submit-idea-btn.btn-primary {
    padding: 0 2.4rem !important;
}

#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 - View Idea
********************************************************************************/

.webstorm-level #tab-content .tab-content-container-description,
.webstorm-level #view-idea-horizontal-tabs {
    font-size: 1.4rem;
    font-weight: 400;
}

.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;
}

.webstorm-level .widget_container .details_stats_container td {
    font-size: 1.4rem;
    font-weight: 400;
}

.webstorm-level #additional-questions-container {
    max-width: none;
    width: 100% !important;
}

.webstorm-level #bi-page-ct-a-view-idea #additional-questions-container,
.webstorm-level #bi-page-ct-a-view-idea #history-content,
.webstorm-level #view-idea-main-content .fractal-widget-history-tab,
.webstorm-level #bi-page-ct-a-view-idea .fractal-widget-business-impact,
.webstorm-level #bi-page-ct-a-view-idea .tab-content-container.evaluationTab-content,
.webstorm-level #bi-page-ct-a-view-idea #attachment-content,
.webstorm-level #bi-page-ct-a-view-idea #info-content {
    background: #fff;
    margin-bottom: 20px;
    padding: 20px;
    border-right: 1px solid #dfe0e4;
    border-left: 1px solid #dfe0e4;
    border-bottom: 1px solid #d0d1d5;
}

.webstorm-level #bi-page-ct-a-view-idea #history-content {
    font-size: 1.4rem;
}

.webstorm-level #idea-title-wrapper #idea-title {
    color: #444647;
}

.webstorm-level #team_details table td {
    font-size: 1.6rem;
    width: 100%;
    display: block;
}

.webstorm-level .add-comment-label {
    font-size: 1.4rem;
}

.webstorm-level .add-comment-label,
.webstorm-level #team_details table td {
    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 !important;
}

.webstorm-level #bi-page-ct-a-view-idea #linked_ideas table td,
.webstorm-level #bi-page-ct-a-view-idea #merged_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;
    color: #444647;
}

.webstorm-level #comments-container-header {
    font-size: 1.4rem;
    font-weight: 600;
}

.webstorm-level #bi-page-ct-a-view-idea #team_details,
.webstorm-level #bi-page-ct-a-view-idea .details_stats_container {
    margin: 2.4rem 0;
}

#stage_wrapper .stage-title {
    font-size: 1.2rem;
    margin-top: 0.8rem;
}

.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,
.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: 2rem;
    font-weight: 400;
}

.webstorm-level #bi-page-ct-a-view-idea #desc-text p:not(:first-child) {
    margin-top: 2.4rem;
}

.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 {
    font-size: 1.2rem;
}

.webstorm-level #bi-page-ct-a-view-idea #expertise-container {
    max-width: none;
    width: 100% !Important;
}

.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-weight: 600;
}

.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;
}

.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-text-container,
.webstorm-level #bi-page-ct-a-view-idea #expertise-container,
.webstorm-level #bi-page-ct-a-view-idea #description-video-container {
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: #e5e6e9;
    background: #fff;
    padding: 20px;
    margin-bottom: 0 !important;
}

.webstorm-level #bi-page-ct-a-view-idea .business-impact-blank .business-impact-blank-message {
    font-size: 1.4rem;
    line-height: 2rem;
}

/*******************************************************************************
    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;
    color: #797D7F;
}

.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 - Messages
********************************************************************************/

.webstorm-level #bi-page-b .my_messages_widget #private_messages_form {
    width: 100%;
    max-width: 700px;
}

.webstorm-level #bi-page-b #main_content .my_messages_widget .title_back .widget_title_text,
.webstorm-level #bi-page-b #main_content .my_messages_widget .title_back .widget_title {
    text-align: center !important;
}


/*******************************************************************************
    Webstorm Level - Footer
********************************************************************************/

.webstorm-level #customFooter {
    background-color: #E7E9EB;
}


/*************************
ORDINARY USER VIEW
**************************/

.body #ordinary-user-view-warning-strip.gn-enabled-default {
    position: inherit !important;
}

/*
//.body {top:auto !important;}

#entNavOuterContainer {
  display:none;
}

#ordinary-user-view-warning-placeholder {
  display:none !important;
}

#ordinary-user-view-warning-strip.gn-enabled-default, #ordinary-user-view-warning-strip.bv-default {
  top:auto !important; 
  bottom:0px !important; 
  z-index:1000000;
}

#ordinary-user-view-warning-strip #warning-content {
  width:500px !important;
}

#ordinary-user-view-warning-strip.gn-enabled-default.stick-to-nav {
  top:inherit !important;
}
*/

/*************************
DATE HACK
**************************/

.c-info-top,
.phase-status {
    display: none !important;
}

#countdownNumberHack {
    font-size: 2.3em;
    font-weight: bold;
    text-align: center;
}

.phase-status-hack {
    display: block;
    text-align: center;
    margin-top: 2px !important;
    font-weight: 300 !important;
    font-size: 12px !important;
    font-family: 'Open Sans', arial, sans serif;
}

#qtip-0,
#qtip-1,
#qtip-2 {
    display: none;
}


/* Flexbox
----------------------------------------------------------------------------------------------*/
.full,
.content-block {
    max-width: 96rem;
    width: 100%;
    position: relative;
}

.full-flex {
    height: 100vh;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    overflow: hidden;
}

/* Rows */
.row,
.full {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.row.collapse > .cell,
.full.collapse > .cell {
    padding-left: 0;
    padding-right: 0;
}

.row.collapse > .row,
.full.collapse > .row {
    margin-left: 0;
    margin-right: 0;
}

.row {
    min-width: 100%;
}

.row.inside {
    margin-left: -.75rem;
    margin-right: -.75rem;
}

.nowrap {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.wrap-reverse {
    -webkit-flex-wrap: wrap-reverse;
    -ms-flex-wrap: wrap-reverse;
    flex-wrap: wrap-reverse;
}

/* Justify Row */
.justify-start {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.justify-end {
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.justify-center {
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.justify-space {
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.justify-around {
    -webkit-justify-content: space-around;
    justify-content: space-around;
}

/* Row Direction */
.reverse {
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.column {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.column-reverse {
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

/* Cells */
.cell {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
    display: block;
    max-width: 100%;
}

.cell.fit {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.cell.collapse {
    padding-left: 0;
    padding-right: 0;
}

.cell.content-block {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: stretch;
    flex-flow: row wrap;
    min-width: 100%;
}

.one,
.two,
.three,
.four,
.five,
.six,
.seven,
.eight,
.nine,
.ten,
.eleven,
.twelve,
.fifths,
.half,
.third,
.noflex {
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
}

.twelve {
    width: 100%;
}

.eleven {
    width: calc(100%/12 * 11);
}

.ten {
    width: calc(100%/12 * 10);
}

.nine {
    width: 75%;
}

.eight {
    width: calc(100%/12 * 8);
}

.seven {
    width: calc(100%/12 * 7);
}

.six,
.half {
    width: 50%;
}

.five {
    width: calc(100%/12 * 5);
}

.four,
.third {
    width: calc(100%/12 * 4);
}

.three {
    width: 25%;
}

.two {
    width: calc(100%/12 * 2);
}

.one {
    width: calc(100%/12);
}

.fifths {
    width: 20%;
}

.offset-1 {
    margin-left: calc(100%/12);
}

.offset-2 {
    margin-left: calc(100%/12 * 2);
}

.offset-3 {
    margin-left: 25%;
}

.offset-4 {
    margin-left: calc(100%/12 * 4);
}

.offset-5 {
    margin-left: calc(100%/12 * 5);
}

.offset-6 {
    margin-left: 50%;
}

.offset-7 {
    margin-left: calc(100%/12 * 7);
}

.offset-8 {
    margin-left: calc(100%/12 * 8);
}

.offset-9 {
    margin-left: 75%;
}

.offset-10 {
    margin-left: calc(100%/12 * 10);
}

.offset-11 {
    margin-left: calc(100%/12 * 11);
}

/* clears */
.clear:before,
.clear:after {
    content: '';
    display: table
}

.clear:after {
    clear: both
}

.clear {
    zoom: 1
}

/* ALIGNMENT */
.align-top {
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.align-bottom {
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.align-center {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.align-baseline {
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.align-stretch {
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.align-stretch .cell {
    background-clip: content-box;
}

/* Media Queries */
@media only screen and (max-width: 64em) and (min-width: 48.063em) {
    .medium-twelve {
        width: 100%;
    }

    .medium-eleven {
        width: calc(100%/12 * 11);
    }

    .medium-ten {
        width: calc(100%/12 * 10);
    }

    .medium-nine {
        width: 75%;
    }

    .medium-eight {
        width: calc(100%/12 * 8);
    }

    .medium-seven {
        width: calc(100%/12 * 7);
    }

    .medium-six,
    .half {
        width: 50%;
    }

    .medium-five {
        width: calc(100%/12 * 5);
    }

    .medium-four,
    .third {
        width: calc(100%/12 * 4);
    }

    .medium-three {
        width: 25%;
    }

    .medium-two {
        width: calc(100%/12 * 2);
    }

    .medium-one {
        width: calc(100%/12);
    }

    .medium-fifths {
        width: 20%;
    }

    .medium-one,
    .medium-two,
    .medium-three,
    .medium-four,
    .medium-five,
    .medium-six,
    .medium-seven,
    .medium-eight,
    .medium-nine,
    .medium-ten,
    .medium-eleven,
    .medium-twelve,
    .medium-fifths,
    .medium-half,
    .medium-third {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
    }
}

/* smaller than 768px */
@media only screen and (max-width: 40em) {

    /* Typography */
    h1.super-header.vw {
        font-size: 7vw;
    }

    h1.vw {
        font-size: 6vw;
    }

    h2.vw {
        font-size: 5vw;
    }

    h3.vw {
        font-size: 4.5vw;
    }

    h4.vw {
        font-size: 4vw;
    }

    h5.vw {
        font-size: 3.5vw;
    }

    .small-text-center {
        text-align: center;
    }

    .small-text-left {
        text-align: left;
    }

    .small-text-right {
        text-align: right;
    }

    .hide-small {
        display: none !important;
    }

    .hide-large {
        display: inherit !important;
    }

    .cell {
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    .hold > .cell,
    .column > .cell,
    .column-reverse > .cell {
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .hold > .cell.fit,
    .column > .cell.fit,
    .column-reverse > .cell.fit {
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }

    .hold > .one,
    .hold > .two,
    .hold > .three,
    .hold > .four,
    .hold > .five,
    .hold > .six,
    .hold > .seven,
    .hold > .eight,
    .hold > .nine,
    .hold > .ten,
    .hold > .eleven,
    .hold > .twelve,
    .hold > .fifths,
    .hold > .half,
    .hold > .third {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
    }

    .small-twelve {
        width: 100%;
    }

    .small-eleven {
        width: calc(100%/12 * 11);
    }

    .small-ten {
        width: calc(100%/12 * 10);
    }

    .small-nine {
        width: 75%;
    }

    .small-eight {
        width: calc(100%/12 * 8);
    }

    .small-seven {
        width: calc(100%/12 * 7);
    }

    .small-six,
    .half {
        width: 50%;
    }

    .small-five {
        width: calc(100%/12 * 5);
    }

    .small-four,
    .third {
        width: calc(100%/12 * 4);
    }

    .small-three {
        width: 25%;
    }

    .small-two {
        width: calc(100%/12 * 2);
    }

    .small-one {
        width: calc(100%/12);
    }

    .small-fifths {
        width: 20%;
    }

    .small-one,
    .small-two,
    .small-three,
    .small-four,
    .small-five,
    .small-six,
    .small-seven,
    .small-eight,
    .small-nine,
    .small-ten,
    .small-eleven,
    .small-twelve,
    .small-fifths,
    .small-half,
    .small-third {
        -webkit-flex: none;
        -ms-flex: none;
        flex: none;
    }
}



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

@media only screen and (min-width: 1171px) {

    .webstorm-level .fractal-secondary-ideas-view-grid .ideaboard-card,
    .webstorm-level .fractal-secondary-ideas-view-grid .ideaboard-card-placeholder {
        width: calc((100% - 80px) / 4);
    }
}

 /*******************************************************************************
      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;
  }
 
  }


/* Extra Large devices (laptops) */

/* COMMENTED OUT
@media only screen and (max-width: 1440px) {
 .webstorm-level #global-nav-bar-content, .webstorm-level #container_homepage_header, .webstorm-level #bi-page-s #main_content {
  max-width: 1280px;
}
.webstorm-level .fractal-dynamic-nav-v1 ul.desktop-nav-core-items {
  max-width: 1040px;
}
.webstorm-level #container_homepage_header #display-region #hh-actions {
  right: 25rem;
}
} 
*/

/* Large devices (laptops) */

/* COMMENTED OUT
@media only screen and (max-width: 1280px) and (min-width: 960px) {
.webstorm-level #global-nav-bar-content, .webstorm-level #container_homepage_header, .webstorm-level #bi-page-s #main_content {
  max-width: 1200px;
}
.webstorm-level .fractal-dynamic-nav-v1 ul.desktop-nav-core-items {
  max-width: 960px;
}

} 
*/



/*****************************************************************************************************
CSS - RESPONSIVE HOME PAGE
******************************************************************************************************/

body {
    position: relative !important;
}

.fractal-body.webstorm-level #entNavOuterContainer {
    display: none;
}

.fractal-body.webstorm-level #ordinary-user-view-warning-placeholder {
    display: none !important;
}

.fractal-body.webstorm-level #ordinary-user-view-warning-strip.gn-enabled-default,
.fractal-body.webstorm-level #ordinary-user-view-warning-strip.bv-default {
    position: static !important;
    height: 40px;
}

.fractal-body.webstorm-level #ordinary-user-view-warning-strip #warning-content {
    width: 500px !important;
}

.fractal-body.webstorm-level #ordinary-user-view-warning-strip.gn-enabled-default.stick-to-nav {
    top: inherit !important;
}


/*******************************************************************************
    Webstorm Level - Typography
********************************************************************************/

.fractal-body.webstorm-level .fractal-homepage-main .fractal-homepage-body .fractal-homepage-body-brief p,
.fractal-body.webstorm-level .fractal-homepage-main .fractal-homepage-body .fractal-homepage-body-brief div,
.fractal-body.webstorm-level .fractal-homepage-main .fractal-homepage-body .fractal-homepage-body-sponsor p,
.fractal-body.webstorm-level .fractal-homepage-main .fractal-homepage-body .fractal-homepage-body-sponsor div {
    font-family: 'Lato', arial, sans serif !important;
}

.fractal-body.webstorm-level .fractal-homepage-main .fractal-homepage-body .fractal-homepage-body-brief p {
    color: #797D7F;
}

.fractal-body.webstorm-level .fractal-homepage-main .fractal-homepage-body .fractal-homepage-body-brief h3,
.fractal-body.webstorm-level .fractal-homepage-main .fractal-homepage-body .fractal-homepage-body-sponsor h3 {
    font-family: 'Lato', arial, sans serif !important;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 1.6rem;
}

.fractal-body.webstorm-level .fractal-homepage-main .fractal-homepage-body .fractal-homepage-body-brief ul,
.fractal-body.webstorm-level .fractal-homepage-main .fractal-homepage-body .fractal-homepage-body-sponsor ul {
    color: #797D7F;
    font-family: 'Lato', arial, sans serif !important;
}

.fractal-body.webstorm-level .fractal-homepage-main .fractal-homepage-header .fractal-homepage-header-description .fractal-htmlpreview p,
.fractal-body.webstorm-level .fractal-homepage-main .fractal-homepage-header .fractal-homepage-header-description .fractal-htmlpreview span,
.fractal-body.webstorm-level .fractal-homepage-main .fractal-homepage-header .fractal-homepage-header-description .redactor-styles p,
.fractal-body.webstorm-level .fractal-homepage-main .fractal-homepage-header .fractal-homepage-header-description .redactor-styles span {
    font-size: 1.8rem !important;
    line-height: 2.8rem;
    font-weight: 400;
}

/*******************************************************************************
    Webstorm Level - Main Content Wrapper
********************************************************************************/

.fractal-body.webstorm-level > .fractal-homepage .fractal-homepage-header,
.fractal-body.webstorm-level > .fractal-homepage .fractal-homepage-header .fractal-homepage-hero {
    height: 75vh;
}

.fractal-body.webstorm-level .fractal-homepage-main {
    align-items: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 1440px;
    margin: 0 auto;
    background-color: #fff;
}

.fractal-body.webstorm-level .fractal-homepage-header,
.fractal-body.webstorm-level .fractal-homepage-hero .fractal-homepage-hero-center {
    max-width: 1440px;
    width: 100%;
}

.fractal-body.webstorm-level .fractal-homepage-main .fractal-homepage-body {
    background-color: #fff;
    max-width: 1200px;
    padding: 6rem 0;
}

.fractal-body.webstorm-level .fractal-global-nav .f-nav-wrapper,
.fractal-body.webstorm-level #global-nav-bar-content {
    max-width: 100%;
    padding: 0 3.2rem;
}

.fractal-body.webstorm-level .fractal-dynamic-nav-v1 .nav-desktop {
    height: 6.4rem;
}

.fractal-body.webstorm-level #navbar.OPT_FEATURE_NEW_NAV_AND_ADMIN_BAR {
    height: 6.4rem;
}

.fractal-body.webstorm-level #nav-bar .global-nav-badge {
    height: auto;
}

/*******************************************************************************
    Widget Format
********************************************************************************/
.fractal-body.webstorm-level #main_content .widget_title {
    font-size: 2.4rem !important;
    padding: 0;
    text-align: left !important;
    font-weight: 400 !important;
}

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

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


/*******************************************************************************
    Webstorm Level - Hero
********************************************************************************/
.fractal-body.webstorm-level .fractal-homepage-header,
.fractal-body.webstorm-level .fractal-homepage-header .fractal-homepage-hero {
    height: 90vh;
}

.fractal-body.webstorm-level .fractal-homepage-hero {
    overflow: visible;
    z-index: auto;
    display: flex;
    flex-direction: column;
    position: relative;
}

.fractal-body.webstorm-level .fractal-homepage-hero .fractal-homepage-hero-image,
.fractal-body.webstorm-level .fractal-homepage-hero .fractal-homepage-hero-overlay {
    transform: scale(1) !important;
    z-index: 0;
}

.fractal-body.webstorm-level .fractal-homepage-hero .fractal-homepage-hero-center {
    display: block;
    text-align: center;
    position: relative;
    padding: 0;
    margin: 0;
    top: 50%;
    transform: translateY(-50%) scale(1) !important;
}

.fractal-body.webstorm-level .fractal-homepage-main .fractal-homepage-header div {
    font-family: 'Lato', 'Open Sans', arial, sans serif !important;
}

.fractal-body.webstorm-level .fractal-homepage-main .fractal-homepage-header .main {
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%;
}

.fractal-body.webstorm-level .fractal-homepage-main .fractal-homepage-header .fractal-homepage-header-name,
.fractal-body.webstorm-level .fractal-homepage-main .fractal-homepage-header .fractal-homepage-header-description {
    margin: 0;
    padding: 0;
}

.fractal-body.webstorm-level .fractal-homepage-main .fractal-homepage-header .fractal-homepage-header-description {
    font-size: 1.6rem !important;
    font-weight: 600;
    max-width: 60%;
    margin: 0;
    padding: 0;
    margin: 4rem auto 6.4rem !important;
}

.fractal-body.webstorm-level .fractal-homepage-main .fractal-homepage-header .fractal-homepage-header-name span {
    font-size: 6.4rem !important;
    line-height: 7.2rem !important;
    font-weight: 700 !important;
    letter-spacing: -0.05rem !important;
}

.fractal-body.webstorm-level .fractal-homepage-main .fractal-homepage-header .side {
    width: auto;
    height: auto !important;
    float: none;
    height: 0;
    margin: 0;
}

.fractal-body.webstorm-level .fractal-homepage-hero .fractal-homepage-hero-buttons {
    margin: 0;
    padding: 0;
    bottom: -7rem;
    left: 50%;
    transform: translateX(-50%);
}

.fractal-body.webstorm-level .fractal-homepage-main .fractal-homepage-header .fractal-homepage-header-buttons {
    position: unset;
    top: auto;
    transform: none;
}

.fractal-body.webstorm-level .fractal-homepage-header-buttons .action-buttons {
    padding: 0;
    width: auto;
}

.fractal-body.webstorm-level .fractal-homepage-header-buttons .action-buttons .f-btn-md {
    margin: 0 0.8rem;
    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);
    border-radius: 4px;
    width: auto;
}

.fractal-body.webstorm-level .fractal-homepage-header-buttons #homepage-button-browse {
    border-color: #fff;
}

.fractal-body.webstorm-level .fractal-homepage-header-buttons .action-buttons .f-btn-md:hover {
    transform: none;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

.fractal-homepage-main .fractal-homepage-header .fractal-homepage-header-name {
    max-width: 70%;
}

.fractal-body.webstorm-level .fractal-homepage-header-buttons .action-buttons .f-btn-standard {
    background: transparent;
}

.fractal-body.webstorm-level .fractal-subscribe-button .subscribe-button {
    background-color: transparent !important;
    color: #fff;
    border: 1px solid #fff !important;
    font-weight: 600 !important;
    transition: 0.2s ease;
    font-size: 1.2rem !important;
    border-radius: 4px;
    width: auto;
    height: 3.2rem;
    line-height: 3.2rem;
    padding: 0 1.6rem;
    margin: 0;
    position: absolute;
    right: 0;
}

/*fix overlap subscribe button at app3 --- start
------------------------------------------------------------------------------*/
.fractal-body.webstorm-level .fractal-homepage-header .fractal-subscribe-button .subscribe-button {
    display: none;
}
/*fix overlap subscribe button at app3 --- end
------------------------------------------------------------------------------*/

.fractal-body.webstorm-level .fractal-homepage-hero .f-subscribe-bottom-container {
    padding-bottom: 0rem;
    position: absolute;
    top: 1.6rem;
    height: 3.2rem;
    max-width: 800px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}

.fractal-body.webstorm-level .fractal-subscribe-button .__react_component_tooltip.type-dark.place-bottom {
    position: absolute;
    left: auto !important;
    top: 40px !important;
    right: -124px;
}


/*******************************************************************************
    Webstorm Level - Columns
********************************************************************************/

.fractal-body.webstorm-level .fractal-homepage-main .fractal-homepage-body .main {
    float: none;
    margin: 0;
}

.fractal-body.webstorm-level .fractal-homepage-main .fractal-homepage-body .fractal-homepage-body-brief {
    margin: 0;
    padding: 0;
}

.fractal-body.webstorm-level .fractal-homepage-main .fractal-homepage-body .side {
    margin: 0 0 0 5%;
}

.fractal-body.webstorm-level .fractal-homepage-main .fractal-homepage-body .fractal-homepage-participants-wrapper,
.fractal-body.webstorm-level .fractal-homepage-main .fractal-homepage-body .fractal-homepage-body-sponsor,
.fractal-body.webstorm-level .fractal-homepage-main .fractal-homepage-body .fractal-homepage-body-sponsor-wrapper {
    margin: 0;
    padding: 0;
}

.fractal-body.webstorm-level .fractal-homepage-main .fractal-homepage-body .fractal-homepage-participants-wrapper .fractal-visual-participants,
.fractal-body.webstorm-level .fractal-homepage-main .fractal-homepage-body .main .fractal-homepage-body-brief-qa {
    padding: 0;
}

/*******************************************************************************
    Webstorm Level - Participants Side Widget
********************************************************************************/

.fractal-body.webstorm-level .fractal-homepage-main .fractal-homepage-body .main .fractal-homepage-body-brief-qa .challengebriefqa-header {
    font-size: 2.4rem;
    font-weight: 400;
    margin-bottom: 0.8rem;
}

.fractal-body.webstorm-level .challenge-brief-question {
    font-size: 1.4rem;
    font-weight: 400;
}

/*******************************************************************************
    Webstorm Level - Participants Side Widget
********************************************************************************/

.fractal-body.webstorm-level .fractal-homepage-participants-wrapper::before {
    content: 'User Community';
    font-size: 2.4rem;
    font-family: 'Lato', 'Open Sans', arial, sans serif;
    color: #444647;
    font-weight: 400;
    margin-bottom: 1.6rem;
    display: block;
}



/*******************************************************************************
    Webstorm Level - Submit Idea Buttons
********************************************************************************/

#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);
}


/* 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: 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 {
  padding: 0;
  min-height: 0;
}

#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;
  width: 100%;
}

#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;
}


/* 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;
  background-color: #E7E9EB;
}

.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: 0;
  height: 100vh;
  align-items: center;
  justify-content: center;
  width: 100%;
}

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

.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_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) {
  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;
}

#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 (Additional Code 6-1-21)
***************************************************************************/
.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: Password Reset: REMOVE AFTER HTML UPDATES MADE
***************************************************************************/
#password_reset #prForm > button {
  background-color: #e74c3c;
}

#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: #fc5f4f;
}




/* 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 #eCode ~ br {}

#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: REMOVE AFTER HTML UPDATES MADE
***************************************************************************/
#private_login_main_content_div #page2 form#Form1 #SubmitButton2 {
  background-color: #e74c3c;
}

#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: #fc5f4f;
}


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

.webstorm-level #bi-page-ct-dashboard #global-nav-bar {
  position: fixed;
}

.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-color: var(--primary-color);
}

.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 .x-form-field-wrap .x-form-trigger {
  opacity: 0;
}

.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;
}


/* 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-color: #e74c3c;
  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;
  padding-top: 3.2rem !important;
  padding-bottom: 1.2rem !important;
}

.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: #e74c3c;
  color: #fff;
  border: 1px solid #e74c3c;
}

.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: -9.8rem;
  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  .post_idea_link {
  height: 3.2rem;
  line-height: 3.2rem;
  padding: 0 1.6rem;
  margin-top: 1.6rem;
  font-size: 1.4rem;
}

.webstorm-level #bi-page-ct-profile .my_messages_container {
  border: none;
  margin-top: 1.6rem;
}

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

.webstorm-level #bi-page-ct-profile .my_messages_container > table img {
  border-radius: 60px;
}

.webstorm-level #bi-page-ct-profile .my_messages_container > table:not(:last-of-type) {
  border-bottom: 1px solid #D5D9DB;
  padding-bottom: 0.8rem;
  margin-bottom: 0.8rem;
}




/* 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-color: #e74c3c;
  background-size: cover;
  background-position: bottom;
}

.webstorm-level #bi-page-ct-profile-edit #container_profile_edit_2 {
  float: none;
  margin: 4.8rem auto 0 !important;
  display: block;
  width: 100% !important;
  max-width: 72rem;
}
.webstorm-level #bi-page-ct-profile-edit #container_profile_edit_2::after {
  content: '';
  display: table;
  clear: both;
}


.webstorm-level #bi-page-ct-profile-edit #container_profile_edit_2 #profile_fields div[field-type*="Job Title"] div:first-child,
.webstorm-level #bi-page-ct-profile-edit #container_profile_edit_2 .profile_title_class {
  width: 160px !important;
}


.webstorm-level #bi-page-ct-profile-edit #container_profile_edit_2 .profile_title_text_class, 
.webstorm-level #bi-page-ct-profile-edit #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;
}

.webstorm-level #bi-page-ct-profile-edit #container_profile_edit_2 .profile-field-wrapper > div:nth-child(2) {
  float: none !important;
}

.webstorm-level #bi-page-ct-profile-edit #container_profile_edit_2 .edit_profile_class {
  padding: 4.8rem;
  background-color: #fff;
  border-radius: 4px;
  margin-top: 2.4rem !important;
  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;
}

.webstorm-level #bi-page-ct-profile-edit #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;
}

.webstorm-level #bi-page-ct-profile-edit #container_profile_edit_2 .edit_profile_class  #profile_pic_a img {
  border-radius: 60px;
}

.webstorm-level #bi-page-ct-profile-edit #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;
}

 .webstorm-level #bi-page-ct-profile-edit #container_profile_edit_2 .edit_profile_class #screen_name_div {
  font-size: 2.4rem;
  line-height: 3.2rem;
  margin: 4rem 0 0 !important;
}

.webstorm-level #bi-page-ct-profile-edit #container_profile_edit_2 .edit_profile_class #screen_name_div > b {
  font-weight: 400;
  color: #444647;
}


 .webstorm-level #bi-page-ct-profile-edit#container_profile_edit_2 .profile-field-wrapper label,
.webstorm-level #bi-page-ct-profile-edit #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 #e74c3c;
  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;
  background-color: transparent;
  color: #e74c3c;
}

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

.webstorm-level #container_profile_edit_2 #profile_fields div:first-child {
  margin-bottom: 0;
}


#profile_fields label {
  font-weight: 400;
}

/*******************************************************************************
    Webstorm Level - Profile Page - Modals
********************************************************************************/

#bi-page-ct-profile .bimodal {
  border-radius: 4px;
}

#bi-page-ct-profile .bimodal-container {
  text-align: left;
  border: none;
}

#bi-page-ct-profile .bimodal-header {
  background: none;
  padding: 1.6rem;
  height: auto;
  border-bottom: 1px solid #f5f5f6;
  height: 56px;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  color: #444647;
}

#bi-page-ct-profile .bimodal-header #bitop-header {
  font-size: 18px;
  margin-right: auto;
  font-weight: 500;
}

#bi-page-ct-profile .bimodal-body {
  font-size: 1.4rem;
  font-family: 'Lato', 'Open Sans', arial, sans serif;
  color: #797d7f;
  padding: 1.6rem;
}

#bi-page-ct-profile .bimodal #bimodal-close-label {
  display: none;
}

#bi-page-ct-profile .bimodal .bimodal-close {
  background: none;
  margin: 0 !important;
  width: 24px;
  height: 24px;
  line-height: 24px;
  padding: 0;
  text-align: center;
  float: none;
   border-radius: 50%;
}

#bi-page-ct-profile .bimodal .bimodal-close:hover {
  background-color: #f5f5f6;
}

.webstorm-level .bimodal .green_btn_center {
  font-weight: 400;
  padding: 0 1.6rem;
}

#bi-page-ct-profile .bimodal .bimodal-close::before {
  content: '\f00d';
  font-family: Font Awesome\ 5 Pro, FontAwesome;
  color: #797d7f;
  display: inline-block;
  font-size: 16px;
}

#bi-page-ct-profile .bimodal-footer {
  margin: 0 !important;
  border-top: 1px solid #f5f5f6;
  padding: 1.6rem;
}



/*******************************************************************************
    Webstorm Level - Edit Profile Page - Modal - Upload Photo
********************************************************************************/

#profile_photo_upload_popup > table > tbody > tr:nth-child(1),
#profile_photo_upload_popup > table > tbody > tr:nth-child(3),
#profile_photo_upload_popup > table > tbody > tr:nth-child(2) > td:nth-child(1),
#profile_photo_upload_popup > table > tbody > tr:nth-child(2) > td:nth-child(3) {
  display: none;
}

#profile_photo_upload_popup > table > tbody > tr:nth-child(2) > td:nth-child(2) > div {
  border-radius: 4px;
  border: none !important;
}

#profile_photo_upload_popup {
  font-family: 'Lato', 'Open Sans', arial, sans serif;
}

#profile_photo_upload_popup .popup {
  background-color: #fff !important;
  height: 5.6rem;
  border-bottom: 1px solid #f5f5f6;
  border-radius: 4px;
}

#profile_photo_upload_popup .rndbox {
  border: none !important;
  border-radius: 4px;
  font-size: 1.4rem;
  padding: 1.6rem;
  color: #797d7f;
  position: relative;
}

#profile_photo_upload_popup .rndbox:after {
  content: '';
  height: 1px;
  width: 100%;
  background-color: #f5f5f6;
  position: absolute;
  left: 0;
  bottom: 64px;
}

#profile_photo_upload_popup .popup .popup-title {
  font-size: 18px;
  color: #444647;
  padding-left: 1.6rem;
  font-weight: 500;
}

#profile_photo_upload_popup .popup > tbody > tr > td:nth-child(2) {
  padding: 0 !important;
  text-align: center;
}

#profile_photo_upload_popup .popup > tbody > tr > td:nth-child(2) > a > img {
  display: none;
}

#profile_photo_upload_popup .popup > tbody > tr > td:nth-child(2) > a {
  background: none;
  margin: 0;
  width: 24px;
  height: 24px;
  line-height: 24px;
  padding: 0;
  text-align: center;
  float: none;
   border-radius: 50%;
   display: inline-block;
}

#profile_photo_upload_popup .popup > tbody > tr > td:nth-child(2) > a:hover {
  background-color: #f5f5f6;
}

#profile_photo_upload_popup .popup > tbody > tr > td:nth-child(2) > a::before {
  content: '\f00d';
  font-family: Font Awesome\ 5 Pro, FontAwesome;
  color: #797d7f;
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
}

#profile_photo_upload_popup .rndbox > div:nth-child(2) {
  padding: 1.6rem 0 0 !important;
  margin-top: 1.6rem;
  border-top: none !important;
}

#profile_photo_upload_popup .rndbox > div:nth-child(2) > span {
  background-color: #2ecc71 !important;
  padding: 0 1.6rem !important;
  border: none;
  border-radius: 4px;
  color: #fff;
  height: 3.2rem;
  line-height: 3.2rem;
  box-sizing: content-box;
}


#profile_photo_upload_popup .rndbox > div:nth-child(2) > span:hover {
  background-color: #1e8248 !important;
}

#profile_photo_upload_popup .rndbox > div:nth-child(2) > span .legacy-button-link {
  font-weight: 500 !important;
  line-height: 3.2rem !important;
  color: #fff;
  font-size: 12px !important;
}

#profile_photo_upload_popup .rndbox #profile_photo_upload_input {
  padding: 0 !important;
}

#popup_whiteout {
  background-color: rgba(0,0,0,0.5) !important;
}


/*******************************************************************************
    Webstorm Level - Edit Profile Page - Modal - Change Password
********************************************************************************/

#gen_message_popup[title*="Change Password"] > table > tbody > tr:nth-child(1),
#gen_message_popup[title*="Change Password"] > table > tbody > tr:nth-child(3),
#gen_message_popup[title*="Change Password"] > table > tbody > tr:nth-child(2) > td:nth-child(1),
#gen_message_popup[title*="Change Password"] > table > tbody > tr:nth-child(2) > td:nth-child(3) {
  display: none;
}

#gen_message_popup[title*="Change Password"] > table > tbody > tr:nth-child(2) > td:nth-child(2) > div {
  border-radius: 4px;
  border: 1px solid #ccc !important;
}

#gen_message_popup[title*="Change Password"] {
  font-family: 'Lato', 'Open Sans', arial, sans serif;
}

#gen_message_popup[title*="Change Password"] .popup {
  background-color: #fff !important;
  height: 5.6rem;
  border-bottom: 1px solid #f5f5f6;
  border-radius: 4px;
}

#gen_message_popup[title*="Change Password"] .rndbox {
  border: none !important;
  border-radius: 4px;
  font-size: 1.4rem;
  padding: 1.6rem !important;
  position: relative;
}

#gen_message_popup[title*="Change Password"] .rndbox:after {
  content: '';
  height: 1px;
  width: 100%;
  background-color: #f5f5f6;
  position: absolute;
  left: 0;
  bottom: 64px;
}

#gen_message_popup[title*="Change Password"] .popup .popup-title {
  font-size: 18px;
  color: #444647;
  padding-left: 1.6rem;
  font-weight: 500;
}

#gen_message_popup[title*="Change Password"] .popup > tbody > tr > td:nth-child(2) {
  padding: 0 !important;
  text-align: center;
}

#gen_message_popup[title*="Change Password"] .popup > tbody > tr > td:nth-child(2) > a > img {
  display: none;
}

#gen_message_popup[title*="Change Password"] .popup > tbody > tr > td:nth-child(2) > a {
  background: none;
  margin: 0;
  width: 24px;
  height: 24px;
  line-height: 24px;
  padding: 0;
  text-align: center;
  float: none;
   border-radius: 50%;
   display: inline-block;
}

#gen_message_popup[title*="Change Password"] .popup > tbody > tr > td:nth-child(2) > a:hover {
  background-color: #f5f5f6;
}

#gen_message_popup[title*="Change Password"] .popup > tbody > tr > td:nth-child(2) > a::before {
  content: '\f00d';
  font-family: Font Awesome\ 5 Pro, FontAwesome;
  color: #797d7f;
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
}

#gen_message_popup[title*="Change Password"] .rndbox > div:nth-child(2) > span {
  background-color: #2ecc71 !important;
  padding: 0 1.6rem !important;
  border: none;
  border-radius: 4px;
  color: #fff;
  height: 3.2rem;
  line-height: 3.2rem;
}


#gen_message_popup[title*="Change Password"] .rndbox > div:nth-child(2) > span:hover {
  background-color: #1e8248 !important;
}

#gen_message_popup[title*="Change Password"] .rndbox > div:nth-child(2) > span .legacy-button-link {
  font-weight: 500 !important;
  line-height: 3.2rem !important;
  color: #fff;
  font-size: 12px !important;
}

#gen_message_popup[title*="Change Password"] .rndbox #profile_photo_upload_input {
  padding: 0 !important;
}

#gen_message_popup[title*="Change Password"] #pw_rules {
  margin-bottom: 1.6rem !important;
  padding: 0.8rem !important;
  color: #797d7f !important;
  background-color: #f5f5f6 !important;
  border: 1px solid #E7E9EB;
}

#gen_message_popup[title*="Change Password"] #pw_rules > ul {
  margin-left: 1.6rem;
}

#gen_message_popup[title*="Change Password"] #gen_mess_message > center > table {
  width: 100%;
}

#gen_message_popup[title*="Change Password"] #gen_mess_message > center > table > tbody > tr > td {
  padding: 0.2rem 0;
  font-size: 1.4rem;
  color: #797d7f;
}

#gen_message_popup[title*="Change Password"] #gen_mess_message > center > table > tbody > tr >td:nth-child(2) input {
  width: 100%;
  height: 3.2rem;
  text-indent: 8px;
  border: 1px solid #BDC3C7;
  border-radius: 4px;
}

#gen_message_popup[title*="Change Password"] #gen_mess_message > center > table > tbody > tr:last-child > td:nth-child(2) button {
  float: right;
  background-color: #2ecc71 !important;
  padding: 0 1.6rem !important;
  border: none;
  border-radius: 4px;
  color: #fff;
  height: 3.2rem;
  line-height: 3.2rem;
  cursor: pointer;
  transition: 0.2s ease;
  font-size: 12px;
}

#gen_message_popup[title*="Change Password"] #gen_mess_message > center > table > tbody > tr:last-child > td:nth-child(2) button:hover {
  background-color: #1e8248 !important;
}

#gen_message_popup[title*="Change Password"] #gen_mess_message > center > table > tbody > tr:last-child > td {
  padding-top: 1.6rem;
}



/*******************************************************************************
    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;
}

/*******************************************************************************
    Webstorm Level - Setup Page - Modal Fix
********************************************************************************/

#bi-page-ct-admin-options-new #delete_report .bimodal {
    padding: 0;
  }
  
  #bi-page-ct-admin-options-new #delete_report .bimodal #bimodal-close-label {
    display: none;
  }
  #bi-page-ct-admin-options-new #delete_report .bimodal .bimodal-close {
    width: auto;
  }
  #bi-page-ct-admin-options-new #delete_report .bimodal .bimodal-close::before {
    line-height: 3.2rem;
    font-family: Font Awesome\ 5 Pro, FontAwesome;
    font-size: 2rem;
    
  }




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

@media only screen and (min-width: 1171px) {

    .fractal-body.webstorm-level .fractal-secondary-ideas-view-grid .ideaboard-card,
    .fractal-body.webstorm-level .fractal-secondary-ideas-view-grid .ideaboard-card-placeholder {
        width: calc((100% - 80px) / 4);
    }
}


@media (max-width: 1000px) {

    .fractal-body.webstorm-level .fractal-homepage-main .fractal-homepage-body .main,
    .fractal-body.webstorm-level .fractal-homepage-main .fractal-homepage-body .side {
        margin-left: 0;
        margin-right: 0;
    }

    .fractal-body.webstorm-level .fractal-homepage-main .fractal-homepage-header .fractal-homepage-header-name,
    .fractal-body.webstorm-level .fractal-homepage-main .fractal-homepage-header .fractal-homepage-header-description {
        max-width: 90%;
    }

    .fractal-dynamic-nav-v1 .nav-desktop .desktop-nav-core-items .desktop-nav-last-item {
        display: none;
    }

    .fractal-body.webstorm-level .fractal-homepage-header,
    .fractal-body.webstorm-level .fractal-homepage-header .fractal-homepage-hero {
        min-height: 500px;
    }

    .fractal-body.webstorm-level .fractal-subscribe-button .subscribe-button {
        top: 0;
        right: 50%;
        transform: translateX(50%);
    }

    .fractal-homepage-main .main.OPT_FEATURE_CHALLENGE_BRIEF_QA .fractal-homepage-body-brief-wrapper,
    .fractal-body.webstorm-level .fractal-homepage-main .fractal-homepage-body .fractal-homepage-participants-wrapper,
    .fractal-body.webstorm-level .fractal-homepage-main .fractal-homepage-body .fractal-homepage-body-sponsor-wrapper,
    .fractal-body.webstorm-level .fractal-homepage-main .fractal-homepage-body .main .fractal-homepage-body-brief-qa {
        padding: 0 0.75rem;
    }

}


/*****************************************TABLET: PORTRAIT STYLES****************************************/
/* smaller than 900px */
@media only screen and (max-device-width : 56.25em) {

    html,
    .root {
        font-size: 50%;
    }

    .fractal-body.webstorm-level .fractal-homepage-header,
    .fractal-body.webstorm-level .fractal-homepage-header .fractal-homepage-hero {
        height: 72rem;
    }

    .fractal-body.webstorm-level .fractal-homepage .fractal-dynamic-nav-v1 .nav-mobile .nav-mobile-bar .nav-logo-link img {
        max-height: 3.2rem;
    }


}



/* Extra Large devices (laptops) */

/* COMMENTED OUT
@media only screen and (max-width: 1440px) {
 .fractal-body.webstorm-level #global-nav-bar-content, .fractal-body.webstorm-level #container_homepage_header, .fractal-body.webstorm-level #bi-page-s #main_content {
  max-width: 1280px;
}
.fractal-body.webstorm-level .fractal-dynamic-nav-v1 ul.desktop-nav-core-items {
  max-width: 1040px;
}
.fractal-body.webstorm-level #container_homepage_header #display-region #hh-actions {
  right: 25rem;
}
} 
*/

/* Large devices (laptops) */

/* COMMENTED OUT
@media only screen and (max-width: 1280px) and (min-width: 960px) {
.fractal-body.webstorm-level #global-nav-bar-content, .fractal-body.webstorm-level #container_homepage_header, .fractal-body.webstorm-level #bi-page-s #main_content {
  max-width: 1200px;
}
.fractal-body.webstorm-level .fractal-dynamic-nav-v1 ul.desktop-nav-core-items {
  max-width: 960px;
}

} 
*/


/*******************************************************************************
    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;
    }

}