@charset "UTF-8";

@font-face {
    font-family: "MWF-MDL2";
    src: url("https://assets.onestore.ms/cdnfiles/external/mwf/long/v1/v1.27.0/fonts/MWFMDL2.woff") format("woff"), url("https://assets.onestore.ms/cdnfiles/external/mwf/long/v1/v1.27.0/fonts/MWFMDL2.ttf") format("truetype"), url("https://assets.onestore.ms/cdnfiles/external/mwf/long/v1/v1.27.0/fonts/MWFMDL2.svg") format("svg");
}

@font-face {
    font-family: "SegoeUI";
    src: local("Segoe UI"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff2") format("woff2"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff") format("woff"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.ttf") format("ttf");
    font-weight: 400;
}

@font-face {
    font-family: "SegoeUISemibold";
    src: local("Segoe UI Semibold"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/Semibold/latest.woff2") format("woff2"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/Semibold/latest.woff") format("woff"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/Semibold/latest.ttf") format("ttf");
    font-weight: 600;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.spin-object {
    -webkit-animation: spin 1000ms infinite linear;
    animation: spin 1000ms infinite linear;
}

.ideas-glyph {
    font-family: "MWF-MDL2";
    text-decoration: none !important;
}

.ideas-glyph-chevron-down:before {
    content: "";
}

.ideas-glyph-chevron-right:before {
    content: "";
}

.ideas-glyph-chevron-left:before {
    content: "";
}

.ideas-glyph-search:before {
    content: "";
}

/**
 *  Mixins for providing the margins and padding for the ideas refresh changes
 *  Provides 
 *      1.  Horizontal, Vertical, Horizontal & Vertical Margin 
 *          Usage -> .m-h-{margin_in_pixels} , .m-v-{margin_in_pixels} , .m-a-{margin_in_pixels}

 *      2.  Horizontal, Vertical, Horizontal & Vertical Padding
 *          Usage -> .p-h-{margin_in_pixels} , .p-v-{margin_in_pixels} , .p-a-{margin_in_pixels}
 */
.p-v-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.p-h-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.p-t-0 {
    padding-top: 0px !important;
}

.p-b-0 {
    padding-bottom: 0px !important;
}

.p-l-0 {
    padding-left: 0px !important;
}

.p-r-0 {
    padding-right: 0px !important;
}

.p-a-0 {
    padding: 0px !important;
}

.p-v-5 {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.p-h-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}

.p-t-5 {
    padding-top: 5px !important;
}

.p-b-5 {
    padding-bottom: 5px !important;
}

.p-l-5 {
    padding-left: 5px !important;
}

.p-r-5 {
    padding-right: 5px !important;
}

.p-a-5 {
    padding: 5px !important;
}

.p-v-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.p-h-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.p-t-10 {
    padding-top: 10px !important;
}

.p-b-10 {
    padding-bottom: 10px !important;
}

.p-l-10 {
    padding-left: 10px !important;
}

.p-r-10 {
    padding-right: 10px !important;
}

.p-a-10 {
    padding: 10px !important;
}

.p-v-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}

.p-h-15 {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.p-t-15 {
    padding-top: 15px !important;
}

.p-b-15 {
    padding-bottom: 15px !important;
}

.p-l-15 {
    padding-left: 15px !important;
}

.p-r-15 {
    padding-right: 15px !important;
}

.p-a-15 {
    padding: 15px !important;
}

.p-v-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.p-h-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.p-t-20 {
    padding-top: 20px !important;
}

.p-b-20 {
    padding-bottom: 20px !important;
}

.p-l-20 {
    padding-left: 20px !important;
}

.p-r-20 {
    padding-right: 20px !important;
}

.p-a-20 {
    padding: 20px !important;
}

.p-v-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.p-h-30 {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.p-t-30 {
    padding-top: 30px !important;
}

.p-b-30 {
    padding-bottom: 30px !important;
}

.p-l-30 {
    padding-left: 30px !important;
}

.p-r-30 {
    padding-right: 30px !important;
}

.p-a-30 {
    padding: 30px !important;
}

.p-v-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.p-h-40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
}

.p-t-40 {
    padding-top: 40px !important;
}

.p-b-40 {
    padding-bottom: 40px !important;
}

.p-l-40 {
    padding-left: 40px !important;
}

.p-r-40 {
    padding-right: 40px !important;
}

.p-a-40 {
    padding: 40px !important;
}

.p-v-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}

.p-h-60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
}

.p-t-60 {
    padding-top: 60px !important;
}

.p-b-60 {
    padding-bottom: 60px !important;
}

.p-l-60 {
    padding-left: 60px !important;
}

.p-r-60 {
    padding-right: 60px !important;
}

.p-a-60 {
    padding: 60px !important;
}

.m-v-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.m-h-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.m-t-0 {
    margin-top: 0px !important;
}

.m-b-0 {
    margin-bottom: 0px !important;
}

.m-l-0 {
    margin-left: 0px !important;
}

.m-r-0 {
    margin-right: 0px !important;
}

.m-a-0 {
    margin: 0px !important;
}

.m-v-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.m-h-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.m-t-10 {
    margin-top: 10px !important;
}

.m-b-10 {
    margin-bottom: 10px !important;
}

.m-l-10 {
    margin-left: 10px !important;
}

.m-r-10 {
    margin-right: 10px !important;
}

.m-a-10 {
    margin: 10px !important;
}

.m-v-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.m-h-15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
}

.m-t-15 {
    margin-top: 15px !important;
}

.m-b-15 {
    margin-bottom: 15px !important;
}

.m-l-15 {
    margin-left: 15px !important;
}

.m-r-15 {
    margin-right: 15px !important;
}

.m-a-15 {
    margin: 15px !important;
}

.m-v-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.m-h-20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
}

.m-t-20 {
    margin-top: 20px !important;
}

.m-b-20 {
    margin-bottom: 20px !important;
}

.m-l-20 {
    margin-left: 20px !important;
}

.m-r-20 {
    margin-right: 20px !important;
}

.m-a-20 {
    margin: 20px !important;
}

.m-v-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.m-h-30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
}

.m-t-30 {
    margin-top: 30px !important;
}

.m-b-30 {
    margin-bottom: 30px !important;
}

.m-l-30 {
    margin-left: 30px !important;
}

.m-r-30 {
    margin-right: 30px !important;
}

.m-a-30 {
    margin: 30px !important;
}

.m-v-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}

.m-h-40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
}

.m-t-40 {
    margin-top: 40px !important;
}

.m-b-40 {
    margin-bottom: 40px !important;
}

.m-l-40 {
    margin-left: 40px !important;
}

.m-r-40 {
    margin-right: 40px !important;
}

.m-a-40 {
    margin: 40px !important;
}

.m-v-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
}

.m-h-60 {
    margin-left: 60px !important;
    margin-right: 60px !important;
}

.m-t-60 {
    margin-top: 60px !important;
}

.m-b-60 {
    margin-bottom: 60px !important;
}

.m-l-60 {
    margin-left: 60px !important;
}

.m-r-60 {
    margin-right: 60px !important;
}

.m-a-60 {
    margin: 60px !important;
}

.flex-centered-items {
    display: flex;
    align-items: center;
}

.btn-ideas {
    display: inline-block;
    font-family: "SegoeUISemibold";
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    color: #000;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 8px 12px;
    min-width: 120px;
    border-radius: 0;
}

    .btn-ideas:hover {
        text-decoration: underline;
    }

    .btn-ideas:active {
        transform: scale(0.95);
    }

    .btn-ideas:focus {
        text-decoration: none;
    }

    .btn-ideas:not(:disabled):not(.disabled) {
        cursor: pointer;
    }

.btn-ideas--light {
    background: #008272;
    color: #fff;
}

    .btn-ideas--light:disabled, .btn-ideas--light.disabled {
        background-color: #979797;
        color: #2b2b2b;
    }

    .btn-ideas--light:focus {
        outline: 2px dashed #000 !important;
        color: #fff;
    }

    .btn-ideas--light:hover:not(:disabled):not(.disabled) {
        background: #00665a;
        color: #fff;
    }

    .btn-ideas--light:active {
        outline: none !important;
        color: #fff;
    }

.btn-ideas--dark {
    background: #30e5d0;
    color: #000;
}

    .btn-ideas--dark:disabled, .btn-ideas--dark.disabled {
        background-color: #dadada;
        color: #5e5e5e;
    }

    .btn-ideas--dark:focus {
        outline: 2px dashed #fff !important;
        color: #000;
    }

    .btn-ideas--dark:hover:not(:disabled):not(.disabled) {
        background: #7beee1;
        color: #000;
    }

    .btn-ideas--dark:active {
        outline: none !important;
        color: #000;
    }

.btn-ideas--primary {
    background: #008272;
    color: #fff;
    border: 2px solid #fff;
}

    .btn-ideas--primary:disabled, .btn-ideas--primary.disabled {
        background-color: #dadada;
        color: #5e5e5e;
    }

    .btn-ideas--primary:focus {
        outline: 2px dashed #000 !important;
        color: #fff;
    }

    .btn-ideas--primary:hover:not(:disabled):not(.disabled) {
        background: #00665a;
        color: #fff;
    }

    .btn-ideas--primary:active {
        outline: none !important;
        color: #fff;
    }

.link-ideas {
    font-family: "SegoeUI";
    font-weight: 400;
    font-size: 15px;
    color: #008272;
    text-decoration: none;
    padding: 10px 0px;
    display: inline-block;
}

    .link-ideas:hover {
        text-decoration: underline;
    }

    .link-ideas:focus {
        outline: 2px dashed #000 !important;
    }

    .link-ideas:active {
        outline: none !important;
    }

.link-ideas--light {
    color: #008272;
    text-decoration: underline;
}
div[aria-label="Ideas Sub-Category Links"] div a{
    text-decoration : underline;
}
div[aria-label="Ideas Sub-Category Links"] div a:hover,
div[aria-label="Ideas Sub-Category Links"] div a:focus{
    color: #00748b;
}

    .link-ideas--light:hover {
        color: #008272;
    }

    .link-ideas--light:focus {
        color: #000;
        outline: 2px dashed #000 !important;
    }

    .link-ideas--light:active {
        color: #000;
        outline: none !important;
    }

    .link-ideas--light:visited {
        font-weight: 600;
    }

.link-ideas--dark {
    color: #fff;
}

    .link-ideas--dark:hover {
        color: #008272;
    }

    .link-ideas--dark:focus {
        color: #fff;
        outline: 2px dashed #fff !important;
    }

    .link-ideas--dark:active {
        color: #fff;
        outline: none !important;
    }

    .link-ideas--dark:visited {
        color: #c8c8c8;
    }

.link-ideas--primary {
    color: #fff;
}

    .link-ideas--primary:hover {
        color: #000;
    }

    .link-ideas--primary:focus {
        color: #fff;
        outline: 2px dashed #fff !important;
    }

    .link-ideas--primary:active {
        color: #fff;
        outline: none !important;
    }

    .link-ideas--primary:visited {
        color: #c8c8c8;
    }

.btn-ideas--dropdown {
    background: #fff;
    color: #000;
    border-radius: 0;
    font-size: 15px;
    text-overflow: ellipsis;
    overflow: hidden;
    box-sizing: border-box;
    min-width: 160px;
}

    .btn-ideas--dropdown:focus, .btn-ideas--dropdown:active, .btn-ideas--dropdown:hover {
        color: #000;
    }

    .btn-ideas--dropdown:hover {
        text-decoration: underline;
    }

    .btn-ideas--dropdown:focus {
        outline: 2px dashed #000 !important;
    }

    .btn-ideas--dropdown:active:focus {
        text-decoration: none;
        outline: none !important;
    }

    .btn-ideas--dropdown span.dropdown-text {
        width: 110px;
        display: block;
        float: left;
        font-size: 15px;
        text-overflow: ellipsis;
        overflow: hidden;
        font-weight: 400;
        white-space: nowrap;
    }

    .btn-ideas--dropdown span.dropdown-icon {
        font-weight: 400;
        display: inline-block;
        position: absolute;
        top: calc(50% - 6.5px);
        right: 10px;
        font-size: 13px;
        line-height: normal;
    }

.ideas-dropdown-menu {
    position: absolute;
    background-color: #fff;
    border: 1px solid #eaeaea;
    color: #000;
    border-radius: 0;
    font-family: "SegoeUI";
    font-size: 15px;
    letter-spacing: 1px;
    background-clip: padding-box;
    padding: 0;
}

    .ideas-dropdown-menu > li {
        padding: 10px 0px;
    }

        .ideas-dropdown-menu > li > a {
            margin: 0px;
        }

            .ideas-dropdown-menu > li > a:focus {
                outline: none !important;
            }

            .ideas-dropdown-menu > li:hover, .ideas-dropdown-menu > li > a:focus, .ideas-dropdown-menu > li > a:hover {
                color: #000;
                background-color: #eaeaea;
                text-decoration: underline;
                font-family: "SegoeUISemibold";
            }

        .ideas-dropdown-menu > li:active, .ideas-dropdown-menu > li.active {
            background: #eaeaea;
            outline: 1px dashed #000 !important;
            text-decoration: underline;
            font-family: "SegoeUISemibold";
        }

            .ideas-dropdown-menu > li:active a, .ideas-dropdown-menu > li.active a {
                background: #eaeaea;
            }

        .ideas-dropdown-menu > li > a:hover {
            color: #000;
            cursor: pointer;
        }

    .ideas-dropdown-menu > .active > a, .ideas-dropdown-menu > .active > a:focus, .ideas-dropdown-menu > .active > a:hover {
        color: #000;
        text-decoration: none;
        background: #eaeaea;
        outline: 0;
    }

.btn-vote {
    display: inline-block;
    font-family: "SegoeUI";
    font-weight: 600;
    font-size: 15px;
    line-height: 20px;
    background: #008272;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    padding: 4px 8px;
    border: 1px solid transparent;
    border-radius: 0;
    height: 38px;
    box-sizing: border-box;
}

    .btn-vote > svg {
        position: relative;
        top: 2px;
        margin: 0px 2px;
    }

    .btn-vote:disabled, .btn-vote.disabled {
        background-color: #979797;
        color: #2b2b2b;
    }

    .btn-vote:focus {
        outline: 2px dashed #000 !important;
    }

    .btn-vote:hover:not(:disabled):not(.disabled) {
        background: #00665a;
    }

    .btn-vote:active {
        transform: scale(0.95);
    }

.btn-expand-icon {
    text-decoration: none;
    background-color: transparent;
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
}

    .btn-expand-icon > span.ideas-panel-expand-icon:before {
        font-size: 18px;
        content: "";
    }

    .btn-expand-icon.collapsed > span.ideas-panel-expand-icon:before {
        font-size: 18px;
        content: "";
    }

    .btn-expand-icon:focus {
        outline: 2px dashed #000 !important;
    }

body {
    background: #f8f8f8;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "SegoeUI";
}

.heading {
    font-family: "SegoeUISemibold";
}

.heading--1 {
    font-size: 36px;
    font-weight: 400;
}

.heading--2 {
    font-size: 21px;
    font-weight: 400;
}

.heading--3 {
    font-size: 18px;
    font-weight: 600;
}

.heading--4 {
    font-size: 15px;
    font-weight: 600;
}

.heading--sub-header {
    font-size: 17px;
    font-weight: 600;
    font-family: "SegoeUISemibold";
    line-height: 23px;
}

a {
    color: #008272;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #fafafa;
}

input[type=file]:focus {
    outline: 2px solid #008272 !important;
    outline-offset: 0px;
}

.dyn-ideas-wrapper {
    font-family: "SegoeUI";
    background-color: #f8f8f8;
}

    .dyn-ideas-wrapper .container {
        max-width: none;
        font-family: "SegoeUI";
        width: auto;
    }

    .dyn-ideas-wrapper .navbar {
        border-radius: 0;
    }

    .dyn-ideas-wrapper .container-fluid {
        background: transparent !important;
    }

    .dyn-ideas-wrapper a:focus,
    .dyn-ideas-wrapper button:focus {
        outline: 2px dashed #000 !important;
    }

.default-box-shadow {
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 0 8px;
    -ms-box-shadow: rgba(0, 0, 0, 0.1) 0 0 8px;
    box-shadow: rgba(0, 0, 0, 0.1) 0 0 8px;
}

@media (min-width: 768px) {
    .container {
        width: auto;
    }
}

@media (min-width: 992px) {
    .container {
        width: auto;
    }
}

@media (min-width: 1200px) {
    .container {
        width: auto;
    }
}

@media only screen and (max-width: 1024px) {
    .dyn-ideas-content-wrapper,
    .ideas-searchbox-wrapper {
        padding-right: 0px;
        padding-left: 0px;
    }
}

@media screen and (min-width: 1025px) {
    .dyn-ideas-content-wrapper,
    .ideas-searchbox-wrapper {
        padding-left: calc(5% - 15px);
        padding-right: 5%;
        width: 100%;
        margin: 0 auto;
        max-width: calc(1618px + 10%);
    }

    .container {
        width: auto;
    }
}

@media only screen and (min-width: 1025px) and (max-width: 1399px) {
    .dyn-ideas-content-wrapper,
    .ideas-searchbox-wrapper {
        padding-right: 24px;
    }
}

@media only screen and (max-width: 1399px) and (min-width: 1084px) {
    .dyn-ideas-content-wrapper,
    .ideas-searchbox-wrapper {
        padding-left: calc(5% - 15px);
        padding-right: 70px;
    }
}

@media only screen and (min-width: 1400px) {
    .dyn-ideas-content-wrapper,
    .ideas-searchbox-wrapper {
        padding-right: calc(5% - 1px);
    }
}

@media only screen and (min-width: 1680px) {
    .dyn-ideas-content-wrapper {
        max-width: calc(1594px + 10%);
    }

    .ideas-searchbox-wrapper {
        max-width: calc( 1564px + 10% );
    }
}

.text-bold {
    font-weight: 600;
    font-family: "SegoeUISemibold";
}

em.highlight {
    font-family: "SegoeUISemibold";
    font-size: 15px;
    font-weight: 600;
    background-color: none !important;
}

.text-underline {
    text-decoration: underline;
}

.text-color-green {
    color: #008272;
}

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

.bg-white-6 {
    background-color: #fafafa;
}

.bg-green {
    background-color: #008272;
}

.bg-gray-20 {
    background-color: #505050;
}

.bg-gray-80 {
    background-color: #737373;
}

.no-break {
    white-space: nowrap !important;
}

img.image-rounded {
    border-radius: 50%;
}

.box-shadow-inset-default {
    box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.1);
}

@media (min-width: 1680px) {
    .navbar-secondary {
        max-width: calc(1618px + 5px);
        margin: auto;
    }
}

@media (max-width: 1024px) {
    .secondary-navigation-section {
        display: none;
    }
}

@media (min-width: 1025px) {
    .secondary-navigation-section {
        padding-left: calc(5% - 27px);
        padding-right: calc(5% - 5px);
    }
}

@media (max-width: 1083px) {
    .secondary-navigation-section {
        padding-right: calc(24px - 5px);
    }
}

@media (max-width: 1399px) and (min-width: 1084px) {
    .secondary-navigation-section {
        padding-left: calc(5% - 27px);
        padding-right: 70px;
    }
}

@media (max-width: 768px) {
    .hide-on-mobile-view {
        display: none !important;
    }
}

.show-on-mobile-view {
    display: inherit;
}

@media (max-width: 768px) {
    .show-on-mobile-view {
        display: inherit;
    }
}

@media (min-width: 769px) {
    .show-on-mobile-view {
        display: none !important;
    }
}

@media (max-width: 768px) {
    .no-mobile-gutters {
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media (max-width: 768px) {
    .stretch-on-mobile {
        width: 100% !important;
    }
}

.context-uhf.c-uhfh.f-transparent {
    position: relative !important;
}

.context-uhf #meControlDesktopContainer {
    width: auto !important;
}

.secondary-navigation-section {
    background-color: #008272;
}

.navbar-nav {
    margin: unset !important;
}

.navbar.navbar-ideas {
    background-color: #008272;
    color: #fff;
    margin: auto;
}

    .navbar.navbar-ideas .navbar-toggle:hover, .navbar.navbar-ideas .navbar-toggle:focus {
        background-color: #008272;
    }

    .navbar.navbar-ideas .navbar-toggle .icon-bar {
        background-color: #fff;
    }

.navbar-ideas .navbar-nav > li > a {
    font-family: "SegoeUI";
    color: #fff;
    font-size: 13px;
    line-height: 15px;
    background-color: #008272;
}

    .navbar-ideas .navbar-nav > li > a:hover,
    .navbar-ideas .navbar-nav > li > a:focus {
        color: #fff;
        background-color: #008272;
    }

    .navbar-ideas .navbar-nav > li > a:focus {
        outline: 2px dashed #fff !important;
    }

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
}

.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
    color: #fff;
    background-color: transparent !important;
}

.navbar-collapse {
    padding: 0px;
}

@media (max-width: 1199px) {
    .navbar-ideas .navbar-nav .open .dropdown-menu {
        position: absolute;
        float: none;
        width: auto;
        margin-top: 0px;
        background-color: #fff;
        border: 0;
        box-shadow: none;
    }

        .navbar-ideas .navbar-nav .open .dropdown-menu > li > a,
        .navbar-ideas .navbar-nav .open .dropdown-menu .dropdown-header {
            padding: 5px 15px 5px 25px;
        }

        .navbar-ideas .navbar-nav .open .dropdown-menu > li > a {
            line-height: 21px;
        }

            .navbar-ideas .open .dropdown-menu > li > a:hover,
            .navbar-ideas .navbar-nav .open .dropdown-menu > li > a:focus {
                background-image: none;
            }
}

.dyn-ideas-search-section {
    background-color: #505050;
    color: #fff;
}

.ideas-searchbox-wrapper {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex: 1 100%;
}

    .ideas-searchbox-wrapper p {
        margin: 0;
    }

    .ideas-searchbox-wrapper > div {
        margin: 5px 0;
    }

    .ideas-searchbox-wrapper .btn-search-box {
        height: 42px;
        padding: 10px 12px;
    }

    .ideas-searchbox-wrapper > .ideas-search-box {
        position: relative;
        width: 60%;
        max-width: 900px;
        background-color: #505050;
        /* within the search box height should 40px*/
    }

        .ideas-searchbox-wrapper > .ideas-search-box .auto-complete-results-container {
            position: absolute;
            top: 42px;
        }

@media (max-width: 1465px) {
    .ideas-searchbox-wrapper > .ideas-search-box {
        flex-direction: column;
        width: 100%;
    }
}

.ideas-searchbox-wrapper > .ideas-search-box input.search-control {
    background-color: rgba(255, 255, 255, 0.8);
    border-right: none;
    border-radius: 0;
    font-family: "SegoeUI";
    font-size: 15px;
    /* - Chrome ≤56,
  - Safari 5-10.0
  - iOS Safari 4.2-10.2
  - Opera 15-43
  - Opera Mobile 12-12.1
  - Android Browser 2.1-4.4.4
  - Samsung Internet ≤6.2
  - QQ Browser */
    /* Firefox 4-18 */
    /* Firefox 19-50 */
    /* - Internet Explorer 10–11
  - Internet Explorer Mobile 10-11 */
    /* Edge (also supports ::-webkit-input-placeholder) */
    /* CSS Pseudo-Elements Level 4 Editor's Draft
  - Browsers not mentioned in vendor prefixes
  - Browser of newer versions than mentioned in vendor prefixes */
}

    .ideas-searchbox-wrapper > .ideas-search-box input.search-control::-webkit-input-placeholder {
        color: #333;
        font-weight: 400;
        font-family: "SegoeUI";
        font-size: 15px;
    }

    .ideas-searchbox-wrapper > .ideas-search-box input.search-control :-moz-placeholder {
        color: #333;
        font-weight: 400;
        font-family: "SegoeUI";
        font-size: 15px;
    }

    .ideas-searchbox-wrapper > .ideas-search-box input.search-control ::-moz-placeholder {
        color: #333;
        font-weight: 400;
        font-family: "SegoeUI";
        font-size: 15px;
    }

    .ideas-searchbox-wrapper > .ideas-search-box input.search-control :-ms-input-placeholder {
        color: #333 !important;
        font-weight: 400 !important;
        font-family: "SegoeUI";
        font-size: 15px;
    }

    .ideas-searchbox-wrapper > .ideas-search-box input.search-control::-ms-input-placeholder {
        color: #333;
        font-weight: 400;
        font-family: "SegoeUI";
        font-size: 15px;
    }

    .ideas-searchbox-wrapper > .ideas-search-box input.search-control::placeholder {
        color: #333;
        font-weight: 400;
        font-family: "SegoeUI";
        font-size: 15px;
    }

    .ideas-searchbox-wrapper > .ideas-search-box input.search-control::-ms-clear {
        display: none;
    }

.ideas-searchbox-wrapper > .ideas-search-box input.search-control,
.ideas-searchbox-wrapper > .ideas-search-box button {
    height: 42px;
    font-size: 17px;
}

    .ideas-searchbox-wrapper > .ideas-search-box input.search-control:focus,
    .ideas-searchbox-wrapper > .ideas-search-box input.search-control:active {
        background-color: #fff;
        z-index: 8;
        outline: 2px solid #008272 !important;
    }

        .ideas-searchbox-wrapper > .ideas-search-box input.search-control:focus + div > .btn-input-group-search,
        .ideas-searchbox-wrapper > .ideas-search-box input.search-control:active + div > .btn-input-group-search {
            height: 36px;
            margin: 3px -3px;
        }

.ideas-searchbox-wrapper > .ideas-search-box .input-group-btn--search {
    width: 0px;
}

.ideas-searchbox-wrapper > .ideas-search-box .search-box-loading-indicator {
    background: none;
    display: none;
    position: absolute;
    top: 0px;
    left: -90px;
    width: 45px;
    z-index: 8;
    border-radius: 0;
}

    .ideas-searchbox-wrapper > .ideas-search-box .search-box-loading-indicator:focus, .ideas-searchbox-wrapper > .ideas-search-box .search-box-loading-indicator:active, .ideas-searchbox-wrapper > .ideas-search-box .search-box-loading-indicator:active {
        outline: none !important;
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        -ms-box-shadow: none !important;
        box-shadow: none !important;
    }

.ideas-searchbox-wrapper > .ideas-search-box .btn-input-group-search {
    background: rgba(255, 255, 255, 0.2);
    position: absolute;
    left: -45px;
    width: 45px;
    z-index: 8;
    color: #666;
    height: 40px;
    top: 1px;
}

    .ideas-searchbox-wrapper > .ideas-search-box .btn-input-group-search:focus, .ideas-searchbox-wrapper > .ideas-search-box .btn-input-group-search:active {
        -webkit-box-shadow: none !important;
        -moz-box-shadow: none !important;
        -ms-box-shadow: none !important;
        box-shadow: none !important;
    }

    .ideas-searchbox-wrapper > .ideas-search-box .btn-input-group-search:focus {
        outline: 2px dashed #000 !important;
    }

        .ideas-searchbox-wrapper > .ideas-search-box .btn-input-group-search:focus:active {
            outline: none !important;
        }

.ideas-searchbox-wrapper > .ideas-search-box .panel-body {
    padding-top: 0px;
    padding-bottom: 0px;
}

.ideas-searchbox-wrapper > .ideas-search-box .ideas-search-results {
    font-family: "SegoeUI";
    position: absolute;
    background: #fff;
    color: #333;
    z-index: 5;
    width: calc(100% - 220px);
    margin-top: 2px;
    padding: 0;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 0 8px;
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0 0 8px;
    -ms-box-shadow: rgba(0, 0, 0, 0.1) 0 0 8px;
    box-shadow: rgba(0, 0, 0, 0.1) 0 0 8px;
}

    .ideas-searchbox-wrapper > .ideas-search-box .ideas-search-results ul.list-search-results {
        list-style: none;
        padding: 0;
        margin-bottom: 0px;
    }

        .ideas-searchbox-wrapper > .ideas-search-box .ideas-search-results ul.list-search-results > li {
            padding: 13px 11px 7px 20px;
        }

            .ideas-searchbox-wrapper > .ideas-search-box .ideas-search-results ul.list-search-results > li > a {
                margin: 0px;
            }

                .ideas-searchbox-wrapper > .ideas-search-box .ideas-search-results ul.list-search-results > li > a:hover, .ideas-searchbox-wrapper > .ideas-search-box .ideas-search-results ul.list-search-results > li > a:focus {
                    margin: 0px;
                    text-decoration: none !important;
                }

                    .ideas-searchbox-wrapper > .ideas-search-box .ideas-search-results ul.list-search-results > li > a:hover .search-result-title, .ideas-searchbox-wrapper > .ideas-search-box .ideas-search-results ul.list-search-results > li > a:focus .search-result-title {
                        text-decoration: underline;
                    }

                    .ideas-searchbox-wrapper > .ideas-search-box .ideas-search-results ul.list-search-results > li > a:hover .search-result-description, .ideas-searchbox-wrapper > .ideas-search-box .ideas-search-results ul.list-search-results > li > a:focus .search-result-description {
                        text-decoration: none !important;
                    }

            .ideas-searchbox-wrapper > .ideas-search-box .ideas-search-results ul.list-search-results > li .search-result-title {
                font-family: "SegoeUI";
                font-size: 13px;
                color: #333;
                letter-spacing: 1px;
                color: #008272;
            }

            .ideas-searchbox-wrapper > .ideas-search-box .ideas-search-results ul.list-search-results > li .search-result-description {
                display: block;
                font-size: 13px;
                color: #333;
            }

                .ideas-searchbox-wrapper > .ideas-search-box .ideas-search-results ul.list-search-results > li .search-result-description .highlight {
                    font-weight: 600;
                    font-family: "SegoeUISemibold";
                    font-size: 15px;
                    background-color: transparent !important;
                }

            .ideas-searchbox-wrapper > .ideas-search-box .ideas-search-results ul.list-search-results > li:hover, .ideas-searchbox-wrapper > .ideas-search-box .ideas-search-results ul.list-search-results > li:focus {
                background: #eaeaea;
            }

            .ideas-searchbox-wrapper > .ideas-search-box .ideas-search-results ul.list-search-results > li:last-child {
                padding-bottom: 20px;
            }

    .ideas-searchbox-wrapper > .ideas-search-box .ideas-search-results .search-results-paging {
        display: none;
    }

@media (min-width: 1465px) {
    .ideas-searchbox-wrapper {
        display: flex;
        flex-direction: row;
    }
}

@media (max-width: 1465px) {
    .ideas-searchbox-wrapper {
        flex-direction: column;
    }
}

.ideas-searchbox-wrapper button.dropdown-toggle {
    border-width: 1px;
}

.list-group--ideas {
    background: #fff;
    border-radius: 5px 5px 0px 0px;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

    .list-group--ideas > .list-group-item:first-child {
        border-radius: 5px 5px 0px 0px;
    }

    .list-group--ideas > .list-group-item:last-child {
        border-radius: 0;
    }

.list-group-item {
    font-family: "SegoeUI";
    font-size: 15px;
    background-color: #fff;
    border: 1px solid #eaeaea;
    padding: 20px 15px;
}

.list-group-item--title {
    background: #505050;
    color: #fff;
    font-weight: 600;
    border-radius: 5px 5px 0px 0px;
    border: 1px solid #505050;
    line-height: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .list-group-item--title > p {
        margin: 0;
    }

    .list-group-item--title.title-white {
        background-color: #fff;
        color: #000;
        border: 1px solid #eaeaea;
    }

.list-group-item--ideas {
    font-weight: 400;
    font-size: 15px;
}

    .list-group-item--ideas > .list-group-item--details {
        margin-left: -15px;
        margin-right: -15px;
        margin-top: 20px;
        border-top: 1px solid #eaeaea;
    }

.list-group-item--slim {
    padding-bottom: 10px;
    padding-top: 10px;
}

.list-group-item .product-title-flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.list-group-item ul.product-subcategories {
    margin-top: 25px;
    list-style: none;
    color: #505050;
}

    .list-group-item ul.product-subcategories li {
        margin: 10px 0px;
    }

        .list-group-item ul.product-subcategories li a {
            color: #505050;
            padding: 10px 0px;
            margin-left: 0px;
        }

            .list-group-item ul.product-subcategories li a:focus {
                outline: 2px dashed #000 !important;
            }

.nav.nav--ideas {
    font-family: "SegoeUI";
    color: #fff;
    margin-bottom: 0px;
    min-height: 45px;
}

.tablist {
    padding-left: 0px;
    border-bottom: none;
    padding: 8px 10px 2px 0px;
}

    .tablist > a {
        font-weight: 400;
        color: #fff;
        border: none !important;
        border-radius: 0;
        background-color: transparent;
        padding: 8px 10px;
    }

        .tablist > a.active, .tablist > a:hover {
            border-bottom: 3px solid #30e5d0 !important;
            background-color: transparent !important;
            cursor: pointer;
            text-decoration: none;
        }

        .tablist > a:focus {
            outline: 2px dashed #fff !important;
            text-decoration: none;
        }

            .tablist > a:focus:hover {
                border-bottom: 3px solid #30e5d0 !important;
                cursor: pointer;
                background-color: transparent !important;
                outline: none !important;
                text-decoration: none;
            }

    .tablist.active {
        background-color: transparent !important;
    }

        .tablist.active a {
            background-color: transparent !important;
            color: #fff !important;
            border-bottom: 3px solid #30e5d0 !important;
            font-family: "SegoeUISemibold";
        }

/*
 * Authors Section
*/
table.table--authors {
    background-color: #fff;
    border: 1px solid #eaeaea;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    border-collapse: collapse;
}

    table.table--authors > tbody > tr > td, table.table--authors > tbody > tr > th, table.table--authors > tfoot > tr > td, table.table--authors > tfoot > tr > th, table.table--authors > thead > tr > td, table.table--authors > thead > tr > th {
        border-bottom: 1px solid #eaeaea !important;
    }

    table.table--authors tbody > tr > td {
        padding-top: 16px;
        padding-bottom: 16px;
        vertical-align: middle;
    }

    table.table--authors thead > tr {
        border-bottom: 1px solid #eaeaea;
    }

        table.table--authors thead > tr > th {
            border-bottom: none;
            padding: 12px 12px;
            vertical-align: middle;
            font-size: 15px;
        }

    table.table--authors .authors-details {
        flex-direction: row;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        align-content: center;
        align-items: center;
        text-overflow: ellipsis;
        display: flex;
    }

        table.table--authors .authors-details > p {
            text-overflow: ellipsis;
            margin: 0;
        }

        table.table--authors .authors-details img.author-avatar,
        table.table--authors .authors-details div.author-avatar {
            display: flex;
            width: 60px;
            height: 60px;
            border-radius: 50%;
            float: left;
            align-items: center;
            justify-content: center;
            background-color: #fff;
            color: #fff;
        }

@media (max-width: 768px) {
    table.table--authors .authors-details img.author-avatar,
    table.table--authors .authors-details div.author-avatar {
        width: 34px;
        height: 34px;
    }
}

.breadcrumb--ideas {
    background-color: transparent !important;
    display: block !important;
    padding: 0px;
    margin: 30px 0px 20px 0px;
}

    .breadcrumb--ideas > li {
        color: #000;
        font-size: 21px;
    }

@media (max-width: 768px) {
    .breadcrumb--ideas > li {
        font-size: 15px;
    }
}

.breadcrumb--ideas > li > a {
    color: #000;
    font-family: "SegoeUI";
}

    .breadcrumb--ideas > li > a:hover {
        color: #008272;
    }

    .breadcrumb--ideas > li > a:focus {
        outline: 2px dashed #000 !important;
    }

.breadcrumb--ideas > li.active {
    color: #000;
    font-family: "SegoeUISemibold";
    font-weight: 600;
    display: inline-block;
}

    .breadcrumb--ideas > li.active a {
        color: #000;
        font-family: "SegoeUISemibold";
        font-weight: 600;
    }

.breadcrumb--ideas > li + li:before {
    font-family: "MWF-MDL2";
    font-size: 13px;
    font-weight: 400;
    content: " / ";
    padding: 8px 5px;
    color: #000;
    content: "";
}

/* nav nav pills css section */
.idea-post {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

    .idea-post > .post-column-one {
        width: 120px;
    }

@media (max-width: 768px) {
    .idea-post > .post-column-one {
        /**display: none;**/
        margin-bottom: 24px;
    }
}

.idea-post .votes-actions {
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .idea-post .votes-actions > .vote-count {
        padding: 5px;
        border: 1px solid #666;
        display: flex;
        justify-content: center;
        width: 80px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .idea-post .votes-actions > .actions {
        margin-top: 5px;
        width: 80px;
    }

        .idea-post .votes-actions > .actions button {
            width: 100%;
        }

@media (max-width: 768px) {
    .idea-post .votes-actions {
        display: flex;
        flex-direction: row;
    }

        .idea-post .votes-actions > .vote-count {
            height: 38px;
            padding: 8px;
            order: 2;
            min-width: 40px;
            width: auto;
        }

        .idea-post .votes-actions > .actions {
            margin-top: 0px;
            height: 38px;
            order: 1;
        }
}

.idea-post > .post-column-two {
    width: calc(100% - 120px);
}

@media (max-width: 768px) {
    .idea-post > .post-column-two {
        width: 100%;
    }
}

.idea-post > .post-column-two > .post-metadata {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

    .idea-post > .post-column-two > .post-metadata > .post-author {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

        .idea-post > .post-column-two > .post-metadata > .post-author div.post-avatar,
        .idea-post > .post-column-two > .post-metadata > .post-author img.post-avatar {
            width: 44px;
            height: 44px;
            border-radius: 50%;
            background-color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
        }

        .idea-post > .post-column-two > .post-metadata > .post-author div.post-avatar--avatar-lg,
        .idea-post > .post-column-two > .post-metadata > .post-author img.post-avatar--avatar-lg {
            width: 64px;
            height: 64px;
        }

        .idea-post > .post-column-two > .post-metadata > .post-author div.post-avatar--stack-top,
        .idea-post > .post-column-two > .post-metadata > .post-author img.post-avatar--stack-top {
            align-self: flex-start;
        }

    .idea-post > .post-column-two > .post-metadata > .post-actions-mobile {
        display: none;
    }

@media (max-width: 768px) {
    .idea-post > .post-column-two > .post-metadata > .post-actions-mobile {
        display: inline-block;
    }
}

.idea-post > .post-column-two > .post-metadata .post-classification {
    font-size: 15px;
    color: #666;
    margin: 0px;
}

.idea-post > .post-column-two > .post-title {
    font-size: 21px;
    font-family: "SegoeUI";
    color: #2b2b2b;
    margin: 10px 0;
}

@media (max-width: 768px) {
    .idea-post > .post-column-two > .post-title {
        font-size: 18px;
    }
}

.idea-post > .post-column-two > .post-details {
    font-size: 15px;
}

    .idea-post > .post-column-two > .post-details a:not(.btn-ideas) {
        color: #008272;
    }

.idea-post > .post-column-two .post-status {
    display: flex;
    align-items: center;
    align-content: center;
}

@media (max-width: 768px) {
    .idea-post > .post-column-two .post-status {
        display: flex;
        align-items: start;
        flex-direction: column;
    }

        .idea-post > .post-column-two .post-status > span {
            margin-bottom: 10px;
        }

        .idea-post > .post-column-two .post-status > .badge > .rollover-text {
            width: 160px;
            display: inline-block;
            border-right: 5px solid #f0ba00;
            opacity: 1;
        }
}

.idea-comments {
    margin-top: 40px;
}

.idea-comments--boxed-mobile {
    border: none;
}

@media (max-width: 768px) {
    .idea-comments--boxed-mobile {
        border: 1px solid #eaeaea;
        padding: 10px;
    }
}

.idea-comments .idea-comment {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 15px;
}

.idea-comments .idea-comment--bordered {
    border-bottom: 2px solid #dadada;
}

    .idea-comments .idea-comment--bordered:last-child {
        border-bottom: none;
    }

.idea-comments .idea-comment > .comment-column-one {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 80px;
}

@media (max-width: 768px) {
    .idea-comments .idea-comment > .comment-column-one {
        display: none;
    }
}

.idea-comments .idea-comment > .comment-column-one > .role {
    color: #666;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
}

.idea-comments .idea-comment > .comment-column-one.column-md {
    width: 100px;
}

.idea-comments .idea-comment > .comment-column-two {
    width: calc(100% - 80px);
}

    .idea-comments .idea-comment > .comment-column-two.column-md {
        width: calc(100% - 100px);
    }

@media (max-width: 768px) {
    .idea-comments .idea-comment > .comment-column-two {
        width: 100%;
    }

        .idea-comments .idea-comment > .comment-column-two.column-md {
            width: 100%;
        }
}

.idea-comments .idea-comment > .comment-column-two .comment-metadata {
    color: #666;
    font-size: 15px;
    font-family: "SegoeUI";
}

.idea-comments .idea-comment > .comment-column-two a {
    color: #008272;
}

.idea-comments .idea-comment .comment-avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.idea-comments .idea-comment .comment-avatar--lg {
    width: 44px;
    height: 44px;
}

.idea-comments .idea-comment .comment-avatar--stack-top {
    align-self: flex-start;
}

.idea-comments .idea-comment .comments-metadata-flex {
    display: flex;
    align-items: center;
    flex-direction: row;
    min-height: 50px;
}

.badge {
    display: inline-block;
    font-family: "SegoeUISemibold";
    font-size: 15px;
    font-weight: 600;
    color: #000;
    background-color: transparent !important;
    text-transform: uppercase;
    text-align: center;
    min-width: 120px;
    line-height: 40px;
    height: 40px;
    width: auto;
    border: 0;
    padding: 0;
}

    .badge > .text {
        display: inline-block;
        position: relative;
        width: 120px;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.badge--rollover {
    display: flex;
}

    .badge--rollover > .rollover-text {
        position: relative;
        width: 160px;
        overflow: hidden;
        background: #eaeaea;
        text-align: center;
        opacity: 0;
        transition: 0.4s all;
        overflow: hidden;
        text-overflow: ellipsis;
        border-right: 0;
    }

    .badge--rollover:hover .rollover-text {
        width: 160px;
        display: inline-block;
        border-right: 5px solid #f0ba00;
        opacity: 1;
        transition: 0.4s all;
    }

.badge.badge-planned .text {
    background-color: #f0ba00;
}

.badge.badge-planned .rollover-text {
    border-right-color: #f0ba00 !important;
}

.badge.badge-new .text {
    background-color: #6fbc00;
}

.badge.badge-new .rollover-text {
    border-right-color: #6fbc00 !important;
}

.badge.badge-needsvotes .text {
    background-color: #d83b01;
}

.badge.badge-needsvotes .rollover-text {
    border-right-color: #d83b01 !important;
}

.badge.badge-review .text {
    background-color: #68c6e2;
}

.badge.badge-review .rollover-text {
    border-right-color: #68c6e2 !important;
}

.badge.badge-rejected .text {
    background-color: #999999;
}

.badge.badge-rejected .rollover-text {
    border-right-color: #999999 !important;
}

.badge.badge-completed .text {
    background-color: #7d7edf;
}

.badge.badge-completed .rollover-text {
    border-right-color: #7d7edf !important;
}

.pagination.ideas-pagination {
    font-family: "SegoeUI";
    font-size: 18px;
    color: #2b2b2b;
    margin: 0;
    border-radius: 0;
    background-color: transparent !important;
}

    .pagination.ideas-pagination > li:first-child {
        border-radius: 0;
    }

    .pagination.ideas-pagination > li.active a {
        border: 1px solid #008272;
        border-radius: 0;
    }

    .pagination.ideas-pagination a {
        color: #2b2b2b;
        border: none;
        background-color: transparent !important;
    }

        .pagination.ideas-pagination a:hover {
            color: #2b2b2b;
            text-decoration: underline;
        }

        .pagination.ideas-pagination a:focus {
            outline: 2px dashed #000 !important;
        }

    .pagination.ideas-pagination .pagination-ellipses {
        border: 0px;
        text-decoration: none;
        background-color: transparent;
        color: #2b2b2b;
    }

@media (max-width: 768px) {
    .pagination.ideas-pagination {
        width: auto !important;
    }
}

.create-ideas-section {
    max-width: 800px;
}

@media (max-width: 767px) {
    .create-ideas-section {
        margin-top: 20px;
    }
}

.create-ideas-section .crmEntityFormView .cell {
    padding: 10px 0px;
}

.create-ideas-section .form-control-cell label {
    font-family: "SegoeUI";
    font-size: 18px;
    font-weight: 400;
}

.create-ideas-section .form-control-cell .control input:focus,
.create-ideas-section .form-control-cell .control select:focus,
.create-ideas-section .form-control-cell .control textarea:focus {
    outline: 1px solid #008272 !important;
}

.create-ideas-section .validation-summary {
    padding: 0px;
    margin-bottom: 20px;
    border-radius: 2px 2px 0px 0px;
    background-color: #f7e2e2;
    max-width: 580px;
}

    .create-ideas-section .validation-summary > .validation-header {
        font-family: "SegoeUI";
        font-weight: 600;
        line-height: 40px;
        font-size: 18px;
        padding-left: 20px;
        background-color: #c22828;
        color: #fff;
        margin: 0px;
    }

    .create-ideas-section .validation-summary > ul {
        padding: 20px 40px;
        font-size: 15px;
        font-weight: 400;
        color: #000;
        list-style: disc;
    }

        .create-ideas-section .validation-summary > ul a {
            color: #008272;
        }

.social-icons {
    height: 42px;
}

.search-results-form {
    font-family: "SegoeUI";
    font-weight: 400;
    max-width: 540px;
}

    .search-results-form .search-input {
        height: 36px !important;
    }

    .search-results-form label {
        font-size: 18px;
        font-family: "SegoeUI";
        font-weight: 600;
    }

    .search-results-form .form-control {
        height: 38px;
        border-radius: 0;
    }

        .search-results-form .form-control:focus {
            outline: 2px solid #008272 !important;
        }

.form-control {
    font-family: "SegoeUI";
    font-size: 15px;
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    line-height: 1.42857143;
    color: #000;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0;
    -o-transition: none !important;
    transition: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    box-shadow: none !important;
}

    .form-control:focus {
        outline: 2px solid #008272 !important;
    }

.flex-idea-social-block {
    display: flex;
    align-items: center;
}

@media (max-width: 768px) {
    .flex-idea-social-block {
        flex-direction: column;
        align-items: flex-start;
    }
}

.feedback-boxes {
    display: grid;
    grid-template-rows: repeat(auto-fit, minmax(150px, 1fr));
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    grid-gap: 20px;
}

@media (max-width: 768px) {
    .feedback-boxes {
        grid-template-columns: repeat(2, minmax(150px, 1fr));
        grid-template-rows: repeat(2, minmax(150px, 1fr));
    }
}

.feedback-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #008272;
    color: #fff;
}

    .feedback-box .number {
        font-family: "SegoeUISemibold";
        font-size: 36px;
    }

    .feedback-box .feedback-link {
        text-align: center;
    }

.profile-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-items: flex-start;
}

    .profile-wrapper div.author-avatar,
    .profile-wrapper img.author-avatar {
        width: 64;
        height: 64px;
        border-radius: 50%;
    }

    .profile-wrapper .user-profile-meta {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
    }

        .profile-wrapper .user-profile-meta .meta {
            color: #666;
            font-size: 13px;
        }

#cxp-report iframe {
    border: none !important;
}

.comments-section-separator {
    border-bottom: 2px solid #dadada;
    position: relative;
    top: 40px;
}

div.quick-links-underlinelinks > div > div > a
{
 text-decoration: underline !important;	
}

div.quick-links-underlinelinks div table a {
 text-decoration: underline !important;	
}

div.quick-links-underlinelinks div p a {
 text-decoration: underline !important;	
}

 div.m-t-20 a {
    text-decoration: underline !important;
}

.ideasFlexContainer {
    width: auto;
    height: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    top: 47px;
    position: relative;    
    margin-left: 67px;
}

.loveTextIdeas {
    font-size: 20px;
    margin: 0;
    white-space: nowrap;
    color: black;
}

.power-pages-logo {
    width: 24px;
    height: 24px;
}
/*# sourceMappingURL=ideas-refresh.css.map */