/* Main css file
-------------------------------------------------- */
:root {
    --green: #c8f4e9;
    --yellow: #fff7d5;
    --red: #fed7d0;
    --tgBlue: #2441c5;
    --darkGreen: #5BDEBD;
    --tgLightGrey: #f4f2f1;
    --darkGrey: #6178f5;
    --tgLightLilac: #90a0f8;
    --starNoFill: #d2e4ea
}

@font-face {
    font-family: 'poppins3';
    src: url('/Content/css/fonts/Poppins/Poppins-Light.woff') format('woff'), url('/Content/css/fonts/Poppins/Poppins-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'poppins3';
    src: url('/Content/css/fonts/Poppins/Poppins-Bold.woff') format('woff'), url('/Content/css/fonts/Poppins/Poppins-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Work Sans';
    src: url('/Content/css/fonts/WorkSans/WorkSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Work Sans';
    src: url('/Content/css/fonts/WorkSans/WorkSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

html, body {
    height: 100%;
}



.wrap {
    margin: 0 auto;
    padding: 0;
    max-width: 1156px;
    min-height: Calc(100% - 118px);
}

.clientSite .wrap {
    min-height: Calc(100% - 82px);
}

body {
    background-attachment: fixed
}



#login-page .heading-image {
    display: none;
}
/* Text overides
-------------------------------------------------- */
h1,
h2,
h3,
h4 {
    font-style: normal;
    font-weight: 400;
}

    h1 a,
    h2 a,
    h3 a,
    h4 a,
    h5 a,
    h6 a {
        color: #000;
    }

        h1 a:HOVER,
        h2 a:HOVER,
        h3 a:HOVER,
        h4 a:HOVER,
        h5 a:HOVER,
        h6 a:HOVER {
            color: #666;
        }


time {
    font-size: 14px;
    color: #666;
    margin: 0 0 10px 0;
    display: inline-block;
}

    time.smallDate {
        font-size: 12px;
    }

.sidebar {
    margin-bottom: 25px;
}

    .sidebar h4 {
        margin: 5px 0 20px 0;
    }

    .sidebar h5 {
        margin: 5px 0 0 0;
    }

    .sidebar h6 a {
        color: #999;
    }

.accordion-inner .recent-article {
    margin-left: 15px;
}

.accordion ul {
    list-style: none;
    padding: 0;
}

/* Tasks
-------------------------------------------------- */
a.pag-btn-next {
    display: inline-block;
    background: transparent url(skin/btn-arrow-cap-black-next.png) no-repeat top right;
    color: #fff;
    padding: 0 14px 0 8px;
    margin: 0;
    height: 21px;
    line-height: 19px;
    font-style: normal;
    font-weight: 400;
    float: right;
}

    a.pag-btn-next:HOVER {
        color: #999;
        text-decoration: none;
    }

a.pag-btn-prev {
    display: inline-block;
    background: transparent url(skin/btn-arrow-cap-black-prev.png) no-repeat top left;
    color: #fff;
    padding: 0 8px 0 14px;
    margin: 0;
    height: 21px;
    line-height: 19px;
    font-style: normal;
    font-weight: 400;
}

    a.pag-btn-prev:HOVER {
        color: #999;
        text-decoration: none;
    }

.table .col1 {
    width: 60px;
}

.table .col2 {
}

.table .col3 {
    width: 140px;
    font-size: 14px;
    color: #858585;
}

.table .col4 {
    width: 140px;
    font-size: 14px;
    color: #858585;
}

.table .col6 {
    width: 200px;
    font-size: 14px;
    color: #858585;
}

.table > thead > tr > th {
    border-bottom: 1px solid #ddd;
    color: #858585;
    font-size: 16px;
}

#my-tasks-todo h3 {
    margin-bottom: 20px;
}

#my-tasks-todo .table tbody > tr > td,
#my-tasks-complete .table tbody > tr > td {
    vertical-align: middle;
}


#my-tasks-complete h3 {
    margin-bottom: 20px;
}

#my-tasks-complete .refine-by-buttons {
    list-style: none;
    margin: -15px -25px 0 0;
    padding: 0;
}

    #my-tasks-complete .refine-by-buttons li {
        float: left;
        border-bottom: 1px #FFF solid;
        line-height: 24px;
    }

        #my-tasks-complete .refine-by-buttons li:first-child {
            margin: 10px 10px 0 0;
            color: #dc751d;
        }

        #my-tasks-complete .refine-by-buttons li a {
            color: #fff;
            display: inline-block;
            padding: 10px 15px;
        }

            #my-tasks-complete .refine-by-buttons li a:HOVER,
            #my-tasks-complete .refine-by-buttons li.active a {
                color: #fff;
                background: #dc751d;
            }

        #my-tasks-complete .refine-by-buttons li.close-tab a {
            background: #000;
        }

            #my-tasks-complete .refine-by-buttons li.close-tab a:HOVER {
                color: #fff;
            }

#my-tasks-complete .view-more-btn-cont {
    text-align: center;
}

#my-tasks-complete .view-more-btn {
    display: inline-block;
}

#my-tasks-complete .results-feedback {
    color: #666;
    font-size: 12px;
    width: 150px;
}

#my-tasks-complete h4 a,
#my-tasks-todo h4 a {
    color: #000;
}

    #my-tasks-complete h4 a:HOVER,
    #my-tasks-todo h4 a:HOVER {
        color: #666;
    }

.view-completed-tasks-wrap {
    text-align: right;
    margin-bottom: 25px;
}

.content-main.task {
    margin-bottom: 0;
    border-top: 5px solid rgb(132, 196, 300);
    padding: 0;
}

    .content-main.task:first-child {
        border-top: none;
    }


.admin-activity-menu .badge {
    background-color: #D40606;
    margin-left: 5px;
    margin-right: -7px;
    margin-top: -23px;
    font-size: 8px;
    padding: 3px 5px
}

.heatmap-image.bw {
    filter: grayscale(100%);
}

.navbar-user {
    float: right;
    list-style: none;
    text-align: left;
    padding: 5px 8px;
    margin: 0;
}

    .navbar-user li {
        display: inline-block;
        vertical-align: top;
    }

.user-icon {
    width: 40px;
    height: 40px;
}

    .user-icon a:HOVER {
        zoom: 1;
        filter: alpha(opacity=50);
        opacity: 0.5;
    }

    .user-icon img {
        width: 40px;
        height: 40px;
        max-height: 40px;
        max-width: 40px;
        padding: 0;
        margin: 0;
        vertical-align: top;
        border-radius: 5px;
    }

.user-details {
    padding: 7px 4px 0 10px;
}

    .user-details h3 {
        font-size: 14px;
        line-height: 8px;
        color: #fff;
        margin: 0;
        padding: 0;
        white-space: nowrap;
    }

    .user-details .log-out-link {
        font-size: 12px;
        color: #f1f1f1;
    }

/* Main Container
-------------------------------------------------- */

/* Content Main
-------------------------------------------------- */
.content-main {
    margin-bottom: 25px;
}

.embed .content-main {
    margin-bottom: 0px;
}

/* Content Media
-------------------------------------------------- */
.content-media {
    padding: 25px 30px 25px 30px;
    background-color: #fff;
    color: #000000;
    border-radius: 10px;
    max-width: 2000px;
    margin: 0 auto;
}

.embed .content-main > .content-media {
    padding-bottom: 0px;
    padding-top: 0;
    padding-right: 0;
}

.content-media .media > .pull-left {
    margin-right: 20px;
}

/* Content Add
-------------------------------------------------- */
.content-add {
    background-color: #f4f3f0;
    color: #000;
    padding: 20px 30px;
}

    .content-add h4 {
        font-size: 16px;
        margin-top: 0;
    }

    .content-add .controls input {
        margin-bottom: 10px;
    }

/* Custom Media Like Box
-------------------------------------------------- */
.media-comment-items .label + .label {
    margin-left: 4px;
    position: relative;
    /*margin-right: 15px;*/ /*commented out because it affect spacing for tags on comment*/
}

    .media-comment-items .label + .label .glyphicon-arrow-left:before {
        left: -13px;
        position: absolute;
        top: -12px;
    }

.media-comment-items .label {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    font-size: 90%;
}

    .media-comment-items a + a,
    .media-comment-items .label + a {
        margin-right: 10px;
    }

/* community discussion
-------------------------------------------------- */
.community-discussion .content-post {
    padding: 15px 30px;
}

.community-discussion > div,
.community-discussion + .content-view-more {
    margin-top: 0;
}

.community-discussion + .content-view-more,
.community-discussion > .content-post {
    border-top: 1px solid #f5f5f5;
}

/* Content post
-------------------------------------------------- */
.thumb {
    width: 40px;
}

.admin-post {
    background-color: #D40606;
    color: #ffffff;
    display: block;
    width: 40px;
    font-size: 12px;
}

.content-post {
    margin-top: 10px;
    background-color: #fff;
    color: #000;
    padding: 15px 30px 30px;
    border-radius: 10px;
}

    .content-post a {
        color: #858585;
    }

        .content-post a.btn {
            color: #FFFFFF;
            margin-right: 20px;
        }

    .content-post h3 {
        margin-bottom: 3px;
        margin-top: 0;
    }

    .content-post .media-object {
        margin-bottom: 10px;
        max-width: 100%;
    }

.post-comment-click + .post-comment {
    display: none;
}

.post-comment-click {
    margin-left: 50px;
}

/* Content View More
-------------------------------------------------- */
.content-view-more {
    margin-top: 10px;
    background-color: #fff;
    color: #000;
    position: relative;
    padding: 20px 30px;
    border-radius: 10px
}

    .content-view-more .btn {
        position: relative;
        left: 50%;
        right: auto;
        margin-left: -39px;
    }

    .content-view-more .view-all {
        position: relative;
        left: 90%;
        right: auto;
        margin-left: -39px;
    }

    .content-view-more div {
        font-size: 12px;
        line-height: 1;
        color: #858585;
    }

.media-user {
    color: #858585;
}

/* Controls Actions
-------------------------------------------------- */
.control-group-actions {
    margin-top: 5px;
}

.controls-actions .btn-link {
    padding: 5px 10px 5px 0;
}

/* Content search
-------------------------------------------------- */
.content-search {
    background-color: #FFF;
    color: #000;
    padding: 15px 30px;
}

    .content-search select {
        width: 180px;
    }

    .content-search span {
        margin-right: 10px;
    }

.input-group-search {
    padding-right: 0;
}

    .input-group-search input {
        border-right: 0 none;
    }

    .input-group-search .input-group-addon {
        background-color: #fff;
    }

/* Heading Container
-------------------------------------------------- */
.heading-container {
    margin: 50px 0 0 0;
}

    .heading-container .heading-image {
        margin: 0;
        padding: 0;
    }

    .heading-container .heading-copy {
        font-family: jeff_scriptregular;
        font-weight: 400;
        font-style: normal;
        font-size: 72px;
        color: #fff;
        margin-bottom: 15px;
    }

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

.footer {
    min-height: 98px;
    background-color: #565454;
    width: 100%;
    color: white;
    padding: 0px 23px 23px 23px;
    margin-top: 20px;
    position: relative;
}

.clientSite .footer {
    min-height: 61px;
    background-color: #565454;
    width: 100%;
    color: white;
    padding: 0px 23px 23px 23px;
    margin-top: 20px;
    position: relative
}

.footer .nav a {
    font-style: normal;
    font-weight: normal;
}

.footer .nav > li > a:hover,
.footer.nav > li > a:focus {
    background-color: transparent;
    text-decoration: underline;
}


.footer .nav > li,
.footer .nav > li > a {
    display: inline;
    position: relative;
    color: white;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    padding: 0 5px;
}




.footer h1 {
    margin-bottom: 0;
    margin-top: 0;
}

.footer .nav.terms > li > a {
    font-size: 12px;
    line-height: 1;
    font-weight: 400;
    margin: 0;
    color: white;
}

.footer .nav.terms > li {
    color: black
}


body#HomePage .footer {
    position: fixed;
    bottom: 0;
    z-index: 10;
    min-height: 0;
    transition: bottom 0.2s ease-in-out;
    padding-top: 0;
}

    body#HomePage .footer.nav-down {
        bottom: -100px;
    }




#completed-main h3 {
    margin: 0;
}

#completed-main .media .user-icon {
    display: inline-block;
    float: left;
    margin-right: 20px;
}

.start-button-wrap {
    margin: 50px 0 0 0;
}

.btn-start-tag {
    display: inline-block;
    background: transparent url(skin/btn-start-arrow.png) no-repeat top right;
    color: #fff;
    padding: 0 18px 0 12px;
    margin: 0;
    border: 0;
    height: 31px;
    line-height: 29px;
    font-style: normal;
    font-weight: 400;
    float: right;
}

    .btn-start-tag:HOVER {
        color: #f8b2b2;
        text-decoration: none;
    }

input.btn-end-tag {
    display: inline-block;
    background: transparent url(skin/btn-end-arrow.png) no-repeat top left;
    color: #fff;
    padding: 0 12px 0 18px;
    margin: 0;
    height: 31px;
    line-height: 29px;
    font-style: normal;
    font-weight: 400;
    float: right;
}

    input.btn-end-tag:HOVER {
        color: #f8b2b2;
        text-decoration: none;
    }

/* Login
-------------------------------------------------- */
.content-login-body h3 {
    color: #fff;
    font-style: normal;
    font-weight: 400;
}

.panel-login,
.panel-join,
.panel-contactus {
    padding-bottom: 20px;
    border-radius: 5px;
    margin-bottom: 10px;
    box-shadow: none;
}

    .panel-login .form-horizontal {
    }

    .panel-login .panel-heading,
    .panel-join .panel-heading,
    .panel-contactus .panel-heading {
        color: #000;
        font-size: 24px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom: none;
        font-weight: 600;
        padding-left: 30px;
        padding-top: 30px;
        padding-bottom: 0px;
        margin-bottom: 0px;
    }

    .panel-login input[type="text"],
    .panel-join input[type="text"],
    .panel-contactus input[type="text"] {
        font-size: 14px;
        padding: 8px;
    }

    .panel-login .btn,
    .panel-join .btn,
    .panel-contactus .btn {
        font-size: 18px;
        font-weight: 600;
    }

.show-background .content-media {
    margin: 0;
    padding: 0;
}

.forgotten-password {
    text-align: center;
    padding-top: 25px;
}

.panel-login .control-group,
.panel-join .control-group,
.panel-contactus .control-group {
    padding-top: 15px;
}

.join-step {
    font-size: 14px;
    color: #777;
    padding-bottom: 6px;
    font-weight: normal;
}

.panel-login label,
.panel-join label,
.panel-join p,
.forgotten-password {
    color: #555;
    font-weight: normal;
    font-size: 15px;
}

/* OTHER
-------------------------------------------------- */
td .btn {
    float: left;
    margin-right: 2px;
    margin-top: 2px;
}

td.text-right .btn {
    float: none;
}

.note {
    font-size: 10pt;
    font-style: italic;
    margin-top: 10px;
    font-weight: normal;
}


#productsChosen {
    background: #f4f3f0;
    padding: 20px;
}

    #productsChosen h5 {
        margin: 0 0 10px 0;
    }

.admin-container {
    margin-top: 70px;
}

.field-validation-error {
    color: #d40606;
    font-size: 14px;
}

.validation-summary-errors ul {
    list-style: none;
    color: #d40606;
    padding-left: 0;
}

.radio-inline {
    padding-top: 8px;
}

    .radio-inline label {
        font-weight: normal;
    }


.heading-image {
    margin-top: 50px;
    display: block;
    width: 100%;
    margin-bottom: 31px;
}

    .heading-image img {
        display: block;
        text-align: center;
        margin: 0 auto;
    }



/*Sites*/
.sitesSortable {
    margin: 0 15px 30px 0;
    overflow-y: scroll;
    height: 200px;
    border: 1px solid #ccc;
    padding: 0 0 0 5px;
}

.site-label {
    background-color: #E6E7E8;
    border: 1px solid #CCCCCC;
    color: #0073CE;
    line-height: 24px;
    padding: 3px;
    list-style: none;
    margin: 5px 0 0 0;
}

    .site-label:hover {
        background-color: #fff;
        cursor: pointer;
    }

#disallowedSites .site-label {
    color: #BE1E2D;
    background-color: #FAE1E3;
}

    #disallowedSites .site-label:hover {
        background-color: #fff;
    }

#allowedSites .site-label {
    color: #0073CE;
}

.row-colored {
    background-color: #F9F9F9;
}

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-clearfix {
    min-height: 0; /* support: IE7 */
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}

.ui-front {
    z-index: 1131;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
}

.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    outline: none;
}

    .ui-menu .ui-menu {
        margin-top: -3px;
        position: absolute;
    }

    .ui-menu .ui-menu-item {
        margin: 0;
        padding: 0;
        width: 100%;
        /* support: IE10, see #8844 */
        list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
    }

    .ui-menu .ui-menu-divider {
        margin: 5px -2px 5px -2px;
        height: 0;
        font-size: 0;
        line-height: 0;
        border-width: 1px 0 0 0;
    }

    .ui-menu .ui-menu-item a {
        text-decoration: none;
        display: block;
        padding: 2px .4em;
        line-height: 1.5;
        min-height: 0; /* support: IE7 */
        font-weight: normal;
    }

        .ui-menu .ui-menu-item a.ui-state-focus,
        .ui-menu .ui-menu-item a.ui-state-active {
            font-weight: normal;
            margin: -1px;
        }

    .ui-menu .ui-state-disabled {
        font-weight: normal;
        margin: .4em 0 .2em;
        line-height: 1.5;
    }

        .ui-menu .ui-state-disabled a {
            cursor: default;
        }

/* icon support */
.ui-menu-icons {
    position: relative;
}

    .ui-menu-icons .ui-menu-item a {
        position: relative;
        padding-left: 2em;
    }

/* left-aligned */
.ui-menu .ui-icon {
    position: absolute;
    top: .2em;
    left: .2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
    position: static;
    float: right;
}

/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    font-size: 1.1em;
}

    .ui-widget .ui-widget {
        font-size: 1em;
    }

    .ui-widget input,
    .ui-widget select,
    .ui-widget textarea,
    .ui-widget button {
        font-family: Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
        font-size: 1em;
    }

.ui-widget-content {
    border: 1px solid #dddddd;
    background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;
    color: #333333;
}

    .ui-widget-content a {
        color: #333333;
    }

.ui-widget-header {
    border: 1px solid #e78f08;
    background: #f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;
    color: #ffffff;
    font-weight: bold;
}

    .ui-widget-header a {
        color: #ffffff;
    }

    /* Interaction states
----------------------------------*/
    .ui-state-default,
    .ui-widget-content .ui-state-default,
    .ui-widget-header .ui-state-default {
        border: 1px solid #cccccc;
        background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;
        font-weight: bold;
        color: #1c94c4;
    }

        .ui-state-default a,
        .ui-state-default a:link,
        .ui-state-default a:visited {
            color: #1c94c4;
            text-decoration: none;
        }

    .ui-state-hover,
    .ui-widget-content .ui-state-hover,
    .ui-widget-header .ui-state-hover,
    .ui-state-focus,
    .ui-widget-content .ui-state-focus,
    .ui-widget-header .ui-state-focus {
        border: 1px solid #fbcb09;
        background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
        font-weight: bold;
        color: #c77405;
    }

        .ui-state-hover a,
        .ui-state-hover a:hover,
        .ui-state-hover a:link,
        .ui-state-hover a:visited {
            color: #c77405;
            text-decoration: none;
        }

    .ui-state-active,
    .ui-widget-content .ui-state-active,
    .ui-widget-header .ui-state-active {
        border: 1px solid #fbd850;
        background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
        font-weight: bold;
        color: #eb8f00;
    }

        .ui-state-active a,
        .ui-state-active a:link,
        .ui-state-active a:visited {
            color: #eb8f00;
            text-decoration: none;
        }

    /* Interaction Cues
----------------------------------*/
    .ui-state-highlight,
    .ui-widget-content .ui-state-highlight,
    .ui-widget-header .ui-state-highlight {
        border: 1px solid #fed22f;
        background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x;
        color: #363636;
    }

        .ui-state-highlight a,
        .ui-widget-content .ui-state-highlight a,
        .ui-widget-header .ui-state-highlight a {
            color: #363636;
        }

    .ui-state-error,
    .ui-widget-content .ui-state-error,
    .ui-widget-header .ui-state-error {
        border: 1px solid #cd0a0a;
        background: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat;
        color: #ffffff;
    }

        .ui-state-error a,
        .ui-widget-content .ui-state-error a,
        .ui-widget-header .ui-state-error a {
            color: #ffffff;
        }

    .ui-state-error-text,
    .ui-widget-content .ui-state-error-text,
    .ui-widget-header .ui-state-error-text {
        color: #ffffff;
    }

    .ui-priority-primary,
    .ui-widget-content .ui-priority-primary,
    .ui-widget-header .ui-priority-primary {
        font-weight: bold;
    }

    .ui-priority-secondary,
    .ui-widget-content .ui-priority-secondary,
    .ui-widget-header .ui-priority-secondary {
        opacity: .7;
        filter: Alpha(Opacity=70);
        font-weight: normal;
    }

    .ui-state-disabled,
    .ui-widget-content .ui-state-disabled,
    .ui-widget-header .ui-state-disabled {
        opacity: .35;
        filter: Alpha(Opacity=35);
        background-image: none;
    }

        .ui-state-disabled .ui-icon {
            filter: Alpha(Opacity=35); /* For IE8 - See #6059 */
        }


/*.ui-autocomplete {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	float: left;
	display: none;
	min-width: 160px;
	_width: 160px;
	padding: 4px 0;
	margin: 2px 0 0 0;
	list-style: none;
	background-color: #ffffff;
	border-color: #ccc;
	border-color: rgba(0, 0, 0, 0.2);
	border-style: solid;
	border-width: 1px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	*border-right-width: 2px;
	*border-bottom-width: 2px;
}
.ui-menu-item > a.ui-corner-all {
display: block;
padding: 3px 15px;
clear: both;
font-weight: normal;
line-height: 18px;
color: #555555;
white-space: nowrap;
} 
.ui-state-hover, .ui-state-active {
color: #ffffff;
text-decoration: none;
background-color: #0088cc;
border-radius: 0px;
-webkit-border-radius: 0px;

.help-icon {
    cursor: pointer;
}

*/
.help-icon {
    cursor: pointer;
}


/* Video Responsive
----------------------------------*/
.vjs-container-intrinsic-ratio {
    height: 0;
    padding-bottom: 56.25%; /* 9/16 =  0.5625*/
    position: relative;
}

    .vjs-container-intrinsic-ratio.vertical {
        height: 0;
        padding-bottom: 133%; /* 16/9 =  1.777777777777778 -3 * 100  = 133*/
        position: relative;
    }


    .vjs-container-intrinsic-ratio .video-js {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }


A.needHelpLink {
    color: white;
    font-size: 10pt;
    text-align: center;
    display: inline-block;
    width: 169px;
    text-decoration: none;
}

    A.needHelpLink:hover {
        text-decoration: underline;
    }


.DocumentTable td {
    padding: 4px;
    margin: 4px;
}

.popover {
    max-width: 500px;
}

.poll {
    padding-right: 10px;
}

.poll-responses-cnt {
    font-size: 12px;
    padding-bottom: 10px;
    color: #777;
    text-align: center;
}

.poll label {
    margin-left: 20px;
    display: block;
    margin-top: -20px;
}

.loading-image-viewmore {
    display: block;
    margin: 0 auto;
    width: 128px;
    height: 15px;
    margin-top: 20px;
}

.loading-image,
.loading-image-comment,
.loading-image-post {
    display: block;
    margin: 0 auto;
    width: 32px;
    height: 32px;
}

.content-post a.btn-link {
    color: #000000;
    margin-right: 0px;
}

#member-list-block {
    background-image: url("/Content/images/common/bg-lightbox-grey.png");
    color: white;
    display: block;
    height: 100%;
    left: 0px;
    padding-top: 5px;
    position: absolute;
    text-align: center;
    top: 0px;
    width: 100%;
    z-index: 100;
}
/* END
----------------------------------*/

.option-divider {
    font-size: 18px;
}

.mainProfile {
    padding-top: 10px;
}

.hidden-post {
}

.hidden-comment {
}

.hidden-post-title {
    font-size: 10px;
    font-weight: bold;
    font-style: italic;
}


.hidden-comment-title {
    font-size: 10px;
    font-weight: bold;
    font-style: italic;
}

.hidec,
.showc {
    padding-left: 25px;
    position: relative;
}

    .hidec:before,
    .showc:before {
        width: 0;
        height: 0;
        content: "";
        border-width: 10px 10px 0;
        border-color: #cccccc transparent transparent;
        border-style: solid;
        position: absolute;
        top: 5px;
        left: 0;
    }

    .hidec:before {
        border-width: 0 10px 10px;
        border-color: transparent transparent #cccccc;
    }

.comment-items {
    clear: both;
    padding-top: 5px;
    margin-top: 15px;
    border-top: 1px solid #cccccc;
}

.comments-more {
    margin-top: 10px;
}

.input-group {
    z-index: 1;
}

.highlight {
    background-color: rgb(198, 222, 177);
}

#filter .controls {
    padding: 10px 30px;
    background: #fff;
    margin: 10px 0;
}

    #filter .controls .tt-input {
        width: 100%;
        border: 1px solid rgb(214, 210, 205);
        background: rgb(230, 230, 230) !important;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        font-size: 18px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        height: 30px;
    }

    #filter .controls .tt-hint {
        width: 100%;
    }

#filter span.twitter-typeahead {
    width: 80%;
    display: inline-block;
    vertical-align: middle;
    margin: 1px 2px 0 0;
}

#filter input.btn {
    display: inline-block;
    vertical-align: middle;
}

#filter span.twitter-typeahead .tt-dropdown-menu {
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 10px 5px;
}

#filter .tt-suggestion img,
#filter .tt-suggestion a {
    display: inline-block;
    vertical-align: top;
}

#filter .tt-suggestion img {
    width: 35px;
    height: auto;
    margin: 0 5px 0 0;
}

#filter .tt-suggestion a {
    color: #000;
}

#filter .tt-suggestion {
    padding: 1px 5px;
}

    #filter .tt-suggestion:hover {
        background: #f58220;
    }

#filter .search-result p {
    display: inline-block;
    vertical-align: middle;
    width: 80%;
    font-size: 18px;
    color: #000;
    margin: 0;
}

#filter .search-result {
    padding: 5px 30px 5px 40px;
}

    #filter .search-result .btn {
        display: inline-block;
        vertical-align: middle;
    }

#filter .tt-suggestion.tt-cursor {
    background: #f58220;
}

#filter span .tt-dropdown-menu {
    max-height: 207px;
    overflow-y: auto;
}

#highlightResponses .selected {
    color: #999999;
    font-weight: bold;
    cursor: pointer;
}

.chat-item-body {
    padding-left: 12px;
    background-image: url("/Content/images/common/chat-bubble.png");
    background-position: 7px 22px;
    background-repeat: no-repeat;
}

.chat-item-title {
    font-size: 12px;
    color: #6fa7bd;
    font-weight: bold;
}

.chat-item-time {
    color: #6fa7bd;
    font-size: 11px;
    margin-top: 4px;
    text-align: center;
    width: 61px;
}

.chat-item-content {
    border-radius: 3px;
    background-color: #c7edfc;
    padding: 9px;
    color: #585a53;
    width: 86%;
}

.chat-item-bubble-right {
    background-image: url("/Content/images/common/chat-bubble-right.png");
    background-repeat: no-repeat;
    height: 16px;
    margin-left: -3px;
    margin-top: 8px;
    width: 17px;
}

.chat-profile-image {
    margin-top: 17px;
    width: 50px;
    min-height: 50px;
}

.chat-item {
    margin-bottom: 6px;
    min-height: 67px;
}

.chat-item-you-joined {
    font-size: 12px;
    color: #6fa7bd;
    font-weight: bold;
    border-bottom: 1px solid #6fa7bd;
    margin-top: 21px;
    margin-bottom: 20px;
    display: none;
}

#chat-thread-wrapper {
    height: 362px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-right: 15px;
    margin-bottom: 10px;
}

.chat-member-status.Online {
    color: green;
}

.chat-member-status.Offline {
    color: red;
}

.thread-wrapper {
    height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-right: 10px;
}

.chat-new-message-alert {
    display: none;
}

.poll-option {
    margin-bottom: 5px;
}

.moderator-chat-profile {
    background-color: #695a9e;
    color: black;
    text-align: center;
    font-size: 7pt;
    width: 100%;
    color: white;
}

.chat-item-content.moderator {
    background-color: #695a9e;
    color: white;
}

.chat-item.moderator .chat-item-bubble-right {
    background-image: url("/Content/images/common/chat-bubble-right-moderator.png");
}

.chat-item.moderator .chat-item-body {
    background-image: url("/Content/images/common/chat-bubble-moderator.png");
}

.chat-item.moderator .chat-item-title {
    color: #695a9e;
}

.btn-success {
    background-color: #197b30;
    border-color: #197b30;
}

    .btn-success:hover,
    .btn-success:focus,
    .btn-success:active,
    .btn-success.active,
    .open .dropdown-toggle.btn-success {
        background-color: #006633;
        border-color: #006633;
        color: #ffffff;
    }
/* Qualitative Task Page */
.item-qualitative h2 {
    margin: 0 0 0 0;
}
/* Qualitative Task Page */

/*--Edit Highlighter Page--*/
.region-item-rect {
    position: absolute;
    border: 1px solid grey;
    z-index: 3;
    background-color: rgba(125,125,125,.4);
    font-size: 12px;
}

    .region-item-rect.circle {
        -webkit-border-radius: 50% !important;
        -moz-border-radius: 50% !important;
        border-radius: 50% !important;
        margin: -1px;
    }

    .region-item-rect span {
        margin: 0;
    }

    .region-item-rect.circle span {
        margin: 0;
        top: 50%;
        position: absolute;
        left: 50%;
    }

    .region-item-rect.region-user-selected {
        border: 2px solid #000 !important;
    }

.region-user-selected-hover {
    opacity: 0.5;
    border: 0px;
    /*border-radius: 50%;*/
    border: 2px solid #000 !important;
}

.region-selected-byuser {
    border: 0px;
    /*border-radius: 50%;*/
    opacity: 0.5;
    border: 2px solid #000 !important;
}

.region-rp-selected {
    position: absolute;
    /*border-radius :50%;*/
    opacity: 0.5;
    /*border: 0px;*/
}

.region-selected {
    border: 2px dashed #000;
    z-index: 9;
}

.edit-highlighter-page .edit-highlighter-left {
    background-color: buttonshadow;
    padding: 30px;
}

.edit-highlighter-page .edit-highlighter-right {
    position: relative;
    float: right;
}

.edit-highlighter-page .form-group {
    margin-left: 0;
    margin-right: 0;
}

.edit-highlighter-page .block-define {
    background-color: gray;
    color: white;
    padding: 20px;
}

    .edit-highlighter-page .block-define a {
        color: white;
    }

.block-define .head-selection .title {
    float: left;
    margin: 5px 0 0 0;
    text-transform: capitalize;
}

.block-define .head-selection .btn {
    float: right;
}

.edit-highlighter-page ul {
    margin: 0;
    padding: 0;
}

    .edit-highlighter-page ul li {
        border-bottom: 1px dashed white;
        line-height: 20px;
        margin: 6px 0 8px;
        padding: 0 0 4px 10px;
        vertical-align: middle;
    }

.edit-highlighter-page .btn-action {
    margin-top: 50px;
}

.jcrop-keymgr {
    display: none !important;
}

.jcrop-holder {
    margin: 0 auto;
}

.modal-title {
    display: inline-block
}

.modal-dialog {
    width: 642px;
}

    .modal-dialog.modal-dialog-1224 {
        width: 1224px;
    }

    .modal-dialog.modal-dialog-90Percent {
        width: 90%;
        height: 90vh;
    }

    .modal-dialog.modal-dialog-70Percent {
        width: 70%;
    }

    .modal-dialog.modal-dialog-1024 {
        width: 1024px;
    }

    .modal-dialog.modal-dialog-600 {
        width: 954px;
    }

    .modal-dialog.modal-dialog-400 {
        width: 400px;
    }

    .modal-dialog.modal-dialog-500 {
        width: 500px;
    }

    .modal-dialog.modal-dialog-fullScreen {
        width: 100vw;
        height: 100vh;
        max-height: 100vw;
        max-width: 100vw;
        margin: 0 auto;
        min-height: 100vh;
        min-width: 100vw;
    }

        .modal-dialog.modal-dialog-fullScreen > .modal-content {
            min-height: 100vh;
            max-height: 100vh;
        }

.dialog-create-category .colorpicker-element {
    display: inline-block;
}

    .dialog-create-category .colorpicker-element input.form-control {
        display: none;
    }

    .dialog-create-category .colorpicker-element .input-group-addon {
        border-radius: 0;
        border: 1px solid #cccccc;
        padding: 4px;
        position: relative;
    }
/*--End Edit Highlighter Page--*/

/*--User Page--*/
.viewqualitem-container .viewqualitem-left {
}

.viewqualitem-container .viewqualitem-right {
    position: relative;
    float: right;
}

.viewqualitem-items-list {
    margin: 30px 0 0 0;
}

    .viewqualitem-items-list .title {
        margin: 0 0 20px 0;
        font-weight: bold;
    }

.viewqualitem-selected-items ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .viewqualitem-selected-items ul li {
        width: 100%;
        display: inline-block;
    }

.viewqualitem-selected-items .user-comment {
    width: 234px;
    float: left;
    padding: 2px;
}

    .viewqualitem-selected-items .user-comment span,
    .viewqualitem-category-items .category-item span,
    .region-list-container .user-comment span {
        float: left;
        height: 16px;
        margin: 2px 10px 0 0;
        width: 16px;
    }

.viewqualitem-selected-items .btn-actions {
    width: 16px;
    float: right;
    text-align: right;
}

.viewqualitem-category-items {
    width: 100%;
    display: inline-block;
}

    .viewqualitem-category-items label {
        display: inline-block;
        width: 100%;
    }

    .viewqualitem-category-items .category-item {
        float: left;
        width: 100%;
        margin: 3px 20px 0 0;
    }

.assign-category .category-item:hover {
    cursor: pointer;
}
/*--End User Page--*/

/*--Reporting Page--*/
.divSelected {
    background-color: #D8D5D5;
    opacity: 0.9;
}

.regionSelected {
    background-color: green;
    opacity: 0.3;
    border-radius: 50%;
}

.divSelectedUser {
    background-color: #D8D5D5;
    opacity: 0.9;
}

.regionSelectedUser {
    background-color: green;
    opacity: 0.3;
    border-radius: 50%;
}

.filter-select {
    margin: 20px 0 0 0;
}

    .filter-select label {
        margin: 2px 0 0 0;
    }

    .filter-select select {
        background: #e6e6e6;
        height: auto;
        padding: 2px 5px;
    }

.report-content .title {
    margin: 0 0 20px 0;
}

.report-content .region-list-container .region-items {
    margin: 0 0 20px 0;
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
}

.report-content .title {
    font-size: 25px;
    padding: 10px 0px;
}

.report-content .region-list-container .region-items p {
    text-transform: capitalize;
    padding-bottom: 10px;
}

.report-content ul.region-list {
    margin: 0 0 0 16px;
    padding: 0;
    list-style: none;
}

    .report-content ul.region-list li {
        margin-bottom: 20px;
    }

        .report-content ul.region-list li:last-child {
            margin-bottom: 0px;
        }

.report-content .region-item .region-title {
    float: left;
    margin: 0 20px 0 0;
    min-width: 60px;
}

.report-content .region-item .progress {
    margin: 0;
}

.report-content .region-list-container .responses-number {
    margin: 5px 0 0 95px;
}

.progress {
    background: #eee;
}

.report-content .responses-list-container ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.headmap-infor-bar {
    margin-bottom: 50px;
}

    .headmap-infor-bar .image-bar img {
        width: 100%;
    }

    .headmap-infor-bar .headmap-desc {
        margin-top: 5px;
    }

.responses-content ul {
    margin: 0;
    padding: 0;
    list-style: outside none disc;
}

    .responses-content ul li {
        margin-bottom: 50px;
    }

    .responses-content ul ul {
        list-style: none;
        margin-top: 10px;
    }

        .responses-content ul ul li {
            margin-bottom: 5px;
        }

.responses-content .region-list-container .user-comment {
    /* padding: 2px; */
}
/*--Reporting Page--*/
.container.content-media.reward {
    margin-top: 10px;
}

#transcript-column-filter {
    margin-bottom: 10px;
}

    #transcript-column-filter label {
        margin-right: 10px;
        margin-left: 4px;
    }



.column-content {
    background-color: #f5f5f5;
    border-raidus: 0 0 5px 5px;
}

.profile-filter label,
.columns label {
    display: block;
    padding-left: 24px;
    text-indent: -24px;
    font-size: 11px;
    padding-bottom: 4px;
    padding-top: 4px;
    border-bottom: 1px dashed gray;
}

.filter-condition-values label {
    display: block;
    padding-left: 24px;
    text-indent: -24px;
    font-size: 11px;
    padding-bottom: 4px;
    padding-top: 4px;
}


.filter-condition-values input[type="checkbox"],
.filter-condition-values input[type="radio"],
.columns input[type="checkbox"],
.columns input[type="radio"] {
    width: 13px;
    height: 13px;
    padding: 0;
    margin: 0;
    margin-right: 11px;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    *overflow: hidden;
}

.column-banner {
    background-color: gray;
    border-radius: 5px 5px 0 0;
    margin-top: 8px;
    padding-left: 10px;
    color: white;
}

    .column-banner label {
        border-bottom-width: 0px;
        margin-top: 6px;
    }

.dropdown-header {
    background-color: #f3f4f3;
    border-bottom: 1px solid black;
    color: black;
    display: block;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.8;
    margin-top: 5px;
    padding: 3px 10px;
    width: 100%;
}

.conditionProfile div {
    margin-right: 20px;
}
/*--Generic Image Selector--*/
.modal-generic-image {
}

    .modal-generic-image .modal-header h4 {
        font-size: 12px;
        margin: 0;
    }

    .modal-generic-image .modal-header .close {
        margin-right: -15px;
        margin-top: -20px;
    }

    .modal-generic-image .folder-tree,
    .modal-generic-image .wrap-images {
        position: relative;
        border: 1px solid #b2b2b2;
        overflow: hidden;
    }

    .modal-generic-image .folder-tree {
        height: 554px;
    }

    .modal-generic-image .wrap-images {
        height: 461px;
    }

    .modal-generic-image .wrap-images {
        margin-bottom: 5px;
    }

    .modal-generic-image .image-info {
        font-size: 10px;
    }

    .modal-generic-image .image-list {
        overflow: auto;
        height: 100%;
        padding: 15px;
    }

.btn-file {
    position: relative;
    overflow: hidden;
}

    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: none;
        background: white;
        cursor: inherit;
        display: block;
    }

.modal-generic-image #upload-control,
.modal-generic-image #file-uploader {
    width: 100%;
    float: right;
}

.modal-generic-image .qq-upload-button {
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    padding: 5px 10px;
    width: auto;
    float: right;
    background-color: #428bca;
    border-color: #428bca;
    color: #fff;
}

    .modal-generic-image .qq-upload-button:hover,
    .modal-generic-image .qq-upload-button:active,
    .modal-generic-image .qq-upload-button:focus {
        background-color: #3276b1;
        border-color: #285e8e;
    }

.modal-generic-image .image-item {
    border: 2px solid #898484;
    display: inline-block;
    float: left;
    margin-bottom: 15px;
    margin-right: 15px;
    position: relative;
    width: 284px;
    height: 298px;
    overflow: hidden;
    border-radius: 9px;
    background-color: #f2f1f1;
}

    .modal-generic-image .image-item .image-item-imageBox {
        width: 100%;
        height: 228px;
        overflow: auto;
    }

    .modal-generic-image .image-item .image-item-title {
        height: 68px;
        position: relative;
        background-color: #8b8b8b;
        color: white;
        padding: 6px;
        font-size: 12px;
    }

    .modal-generic-image .image-item img {
        width: 100%;
    }

    .modal-generic-image .image-item p {
        font-size: 12px;
        word-wrap: break-word;
    }

.modal-generic-image .image-selected {
    border: 2px solid #13c38a;
}

.modal-generic-image .bottom-content .btn {
    width: 100%;
}

.display-region-container {
    width: 100%;
}

    .display-region-container .image-item img {
        max-width: 100%;
        width: 100%;
    }

    .display-region-container .btn {
        width: 100%;
    }

div#tree {
    float: left;
    display: inline-block;
    position: absolute;
    height: 100%;
    width: 100%;
    padding: 5px;
    margin-right: 16px;
}

ul.fancytree-container {
    height: 100%;
    width: 100%;
    background-color: transparent;
}

span.fancytree-node span.fancytree-title {
    text-decoration: none;
}

span.fancytree-focused span.fancytree-title {
    outline-color: white;
}

span.fancytree-node:hover span.fancytree-title,
span.fancytree-active span.fancytree-title,
span.fancytree-active.fancytree-focused span.fancytree-title,
.fancytree-treefocus span.fancytree-title:hover,
.fancytree-treefocus span.fancytree-active span.fancytree-title {
    color: #39414A;
}

span.external span.fancytree-title:after {
    content: "";
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAAFVBMVEVmmcwzmcyZzP8AZswAZv////////9E6giVAAAAB3RSTlP///////8AGksDRgAAADhJREFUGFcly0ESAEAEA0Ei6/9P3sEcVB8kmrwFyni0bOeyyDpy9JTLEaOhQq7Ongf5FeMhHS/4AVnsAZubxDVmAAAAAElFTkSuQmCC") 100% 50% no-repeat;
    padding-right: 13px;
}
/* Remove system outline for focused container */
.ui-fancytree.fancytree-container:focus {
    outline: none;
}

.ui-fancytree.fancytree-container {
    border: none;
}

.box-settings .btn-action {
    float: right;
}

.box-brands {
    padding-left: 20px;
}

    .box-brands .brand-item {
        width: 80%;
        display: table;
        background: #f8f8f8;
        border: 1px solid grey;
        margin-top: 10px;
        padding: 3px;
        border-radius: 2px;
    }

.brand-image img {
    display: block;
    margin: 0 auto;
    max-height: 109px;
    max-width: 100%;
    text-align: center;
}

.box-brands h4, .box-settings h4 {
    font-size: 25px;
    color: #000;
    margin-bottom: 30px;
}

.box-settings h4 {
    margin-top: 5px;
}

.box-brands .head-selection .title {
    border-bottom: 0px;
    margin-bottom: 30px;
}

.box-brands .brand-detail, .box-brands .brand-image {
    display: table-cell;
    vertical-align: top;
}

.box-brands .brand-image {
    width: 30%;
}


.box-brands .brand-detail .brand-title {
    font-size: 20px;
    color: #000;
    padding-left: 20px;
    text-transform: capitalize;
    padding-top: 10px;
}

.box-brands .brand-detail {
    position: relative;
}

    .box-brands .brand-detail .brd-button-right {
        position: absolute;
        bottom: 10px;
        right: 10px;
    }

        .box-brands .brand-detail .brd-button-right a:first-child {
            margin-right: 5px;
        }

.box-attribu .head-selection .title {
    font-size: 25px;
    border-bottom: 0px;
    color: #000;
    margin-bottom: 30px;
}

.brand-detail.admin .brand-image {
    display: block;
    height: 113px;
    margin: 0 auto;
    max-width: 358px;
    width: auto;
}

.brand-attribu-title, .brand-button-attribu {
    display: inline-block;
}

.brand-attribu-title {
    width: 80%;
    border-bottom: 20px solid #ddd;
    padding-bottom: 5px;
}

    .brand-attribu-title > div {
        display: table;
        width: 100%;
    }

    .brand-attribu-title span {
        display: table-cell;
    }

        .brand-attribu-title span:last-child {
            text-align: right;
            padding-right: 0px;
        }

.brand-button-attribu {
    text-align: right;
    float: right;
    margin-top: 16px;
}

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

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

#brand-group-item {
    margin-bottom: 20px;
}

.descrip-editbank {
    margin-bottom: 20px;
}

.editbank-button .btn-action {
    margin-right: 0px;
    float: right;
}

.edit-attribu .col-xs-6 {
    margin-top: 15px;
}

    .edit-attribu .col-xs-6 label, .edit-attribu .col-xs-6 .form-control {
        display: inline-block;
    }

    .edit-attribu .col-xs-6 .form-control {
        width: 66%;
    }

.edit-attribu .att-value .col-xs-4 .form-control {
    width: 30%;
    margin: auto;
}

.line-play {
    background: #ddd;
    height: 20px;
    width: 70%;
    margin: auto;
    position: relative;
    z-index: 10;
    border: 1px solid #666;
}

.edit-attribu .att-value-label .col-xs-4, .edit-attribu .att-value .col-xs-4 {
    display: table-cell;
    vertical-align: bottom;
}

.att-value {
    margin-top: 15px;
}

    .att-value .col-xs-4 .form-group {
        text-align: center;
    }

.edit-attribu .att-value .col-xs-4 {
    position: relative;
}

    .edit-attribu .att-value .col-xs-4:after {
        position: absolute;
        content: "";
        background: #666;
        height: 50px;
        width: 3px;
        top: -51px;
        left: 103px;
        z-index: 3;
    }

.slider {
    margin-top: 3px;
    margin-bottom: 15px;
}


.brand-list-filter .brand-item {
    background: gray none repeat scroll 0 0;
    border-radius: 6px;
    color: White;
    margin-top: 20px;
    padding: 10px;
}

    .brand-list-filter .brand-item:last-child {
        margin-bottom: 20px;
    }

.float-right {
    float: right;
}

.brand-list-filter .brand-item .brand-title {
    font-size: 17px;
    font-weight: bold;
    padding-bottom: 5px;
    padding-left: 5px;
    text-align: center;
}

.brand-list-filter .ui-widget-content {
    background: #ddd;
    background-image: none;
}

.color-black {
    color: #333 !important;
}

.brandgrouping .viewqualitem-items-list {
    margin-top: 0px;
}

.brandgrouping .viewqualitem-container {
    margin-bottom: 20px;
}

.brandgrouping .viewqualitem-right {
    border-left: 2px solid #ccc;
    height: 100%;
}


.brandgrouping .viewqualitem-category-list h4 {
    margin-top: 0px;
}

.brandgrouping h4 {
    font-size: 18px;
    font-weight: bold;
}

.brandgrouping .group-inner {
    background-color: gray;
    border-radius: 8px;
    float: left;
    position: relative;
    margin-bottom: 18px;
    width: 100%;
}

.brandgrouping .group-list {
    padding-left: 20px;
}

.brandgrouping .description {
    margin-top: 5px;
}

.brandgrouping .logo-list {
    border-top: 1px solid gray;
    float: right;
    margin-top: 10px;
    width: 100%;
}

.brandgrouping .logo:empty {
    background-image: url("/Content/images/common/DROP-HERE-BG.png");
}

.brandgrouping .logo {
    background-color: #787777;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px dashed lightgray;
    float: left;
    height: 175px;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-top: 5px;
    overflow: hidden;
    vertical-align: top;
}

.logo.ui-state-highlight {
    background-color: #aeafad;
}

.cardsort.brand-item .brand-title, .cardsort.brand-item a {
    padding: 5px;
}

.card-sort.brand-item.current-brand {
    background-color: green;
}

.card-sort.brand-item,
.brand-title a {
    background-color: gray;
    color: white;
    margin-bottom: 10px;
    text-align: center;
    text-decoration: none;
}

.brandgrouping .brand-item:last-child {
    margin-bottom: 0px;
}

.card-sort.brand-item img {
    width: 100%;
    max-width: 164px;
}

.brandgrouping .ui-draggable-dragging img {
    width: 100px !important;
}

.brandgrouping .closegroup {
    color: #D40606;
    text-decoration: none;
    font-weight: bold;
    display: inline-block;
    position: absolute;
    top: 1px;
    right: 6px;
    z-index: 3;
}

.box-settings .form-group.mar-right label {
    width: auto;
}

.card-sort-input .form-control {
    width: 45%;
    display: inline-block;
}

.card-group {
    padding: 30px;
}

.group-banner {
    background-color: gray;
    color: white;
    text-align: center;
    overflow: hidden;
    margin-top: 10px;
}

    .group-banner img {
        max-height: 133px;
        max-width: 250px;
        text-align: center;
    }

.card-sort .group-inner {
    padding: 10px;
}

.brand-group .group-inner {
    padding: 10px;
    padding-top: 30px;
}

.card-sort-list {
    overflow-y: auto;
}

.card-sort .group-inner .brand-item {
    position: relative;
}

.card-sort .logo, .brand-group .logo {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
}

.card-sort .brand-item, .brand-group .brand-item {
    height: 100px;
}

.card-sort .card-wrap, .brand-group .card-wrap {
    margin-right: 2%;
    width: 48%;
}

.card-group .row .box-brands:first-child .ui-sortable, .card-group .row .box-brands:last-child .ui-sortable {
    height: 360px;
    overflow-y: auto;
    width: 80%;
}

.card-group .box-brands .brand-item, .card-group .box-brands .cart-sort-item {
    width: 100%;
}

.highlighter-tool {
    display: block !important;
    position: absolute;
    left: 0px;
    top: 0px;
}

.availabletools-texthighlighter, .availabletools-highlighter, .availabletools-rectangle, .availabletools-thumbtack {
    padding: 5px 10px;
    background-color: #f2f2f2;
    color: #333;
    border-bottom: 1px solid lightgrey;
    padding-top: 5px;
}


.availabletools-texthighlighter, .availabletools-highlighter, .availabletools-rectangle, .availabletools-thumbtack {
    width: 272px;
}

    .availabletools-texthighlighter:active, .availabletools-highlighter:active, .availabletools-rectangle:active, .availabletools-thumbtack:active,
    .availabletools-texthighlighter:hover, .availabletools-highlighter:hover, .availabletools-rectangle:hover, .availabletools-thumbtack:hover,
    .availabletools-texthighlighter.active, .availabletools-highlighter.active, .availabletools-thumbtack.active, .availabletools-rectangle.active {
        background-color: #f58220;
    }

    .availabletools-texthighlighter:before, .availabletools-highlighter:before, .availabletools-thumbtack:before, .availabletools-rectangle:before {
        padding-right: 5px;
        font-size: 17px;
    }

    .availabletools-texthighlighter:before, .texthighlighter:before {
        content: "\e242";
        font-family: "Glyphicons Halflings" !important;
    }

    .availabletools-highlighter:before, .highlighter:before {
        content: "\270f";
        font-family: "Glyphicons Halflings" !important;
    }

    .availabletools-thumbtack:before, .thumbtack:before {
        content: "\e146";
        font-family: "Glyphicons Halflings" !important;
    }

.availabletools-rectangle {
    padding-top: 9px;
}

    .availabletools-rectangle:before {
        content: "";
        border: 1px dashed #000;
        height: 17px;
        width: 17px;
        display: inline-block;
        margin-right: 5px;
    }


.toolButtons-texthighlighter:before {
    content: "\e242";
    font-family: "Glyphicons Halflings" !important;
}

.toolButtons-highlighter:before {
    content: "\270f";
    font-family: "Glyphicons Halflings" !important;
}

.toolButtons-thumbtack:before {
    content: "\e146";
    font-family: "Glyphicons Halflings" !important;
}

.toolButtons-rectangle:before {
    content: "";
    border: 1px dashed #FFF;
    height: 13px;
    width: 13px;
    display: inline-block;
    margin-right: 5px;
}


.position-relative {
    position: relative;
    padding: 2px;
}

.rectangle {
    position: absolute;
    top: 7px;
    left: 5px;
}

.thumbtack, .highlighter, .texthighlighter {
    position: absolute;
    top: 5px;
    left: 5px;
}


.highlighterToolButtonText {
    position: relative;
    padding: initial;
    margin: inherit;
    top: 0;
    left: 0;
    font-size: inherit;
}

    .highlighterToolButtonText:before {
        padding-right: 10px;
    }

.rectangle {
    border: 1px dashed #fff;
    height: 10px;
    width: 10px;
}

.thumbtack, .highlighter, .texthighlighter {
    background: transparent;
    padding: 0px;
    font-size: 10px;
    color: #fff;
}

.availabletools h4 {
}

.assign-category .category-item {
    padding: 5px 10px;
    background-color: #f2f2f2;
}

    .assign-category .category-item.selected {
        background-color: #f58220;
        color: #fff !important;
    }

.box-icon {
    float: left;
    height: 16px;
    margin: 2px 10px 0 0;
    width: 16px;
}

.region-list-container li > div > a {
    color: #333;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 15px;
}

.region-list-container a {
    color: #333;
}

#search-results .position-relative {
    margin-bottom: 0px;
}

.nameperson-comment {
    font-weight: bold;
    margin-left: 30px;
    display: inline-block;
}

.btn-create-folder {
    padding: 5px 0;
}

.folder-input {
    padding: 0 10px;
}



.panel {
    border-radius: 5px;
}

    .panel.home-module.homepagebox4 {
        background-color: #5a5e61;
        color: white;
        display: block;
        font-size: 20px;
        min-height: 74px;
        background-image: none;
        text-align: center;
    }

.sitelogo {
    max-width: 100%;
}

.home-module .panel-body {
    background-color: transparent;
}

.home-module .panel-heading {
    padding-top: 10px;
    background-color: #5a5e61;
    border-bottom-width: 0px;
    font-weight: normal;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.home-module .carousel-inner,
.home-module .carousel-inner .banner-image,
.home-module .carousel-inner .caption {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.carousel-control.left {
    border-bottom-left-radius: 5px;
}

.carousel-control.right {
    border-bottom-right-radius: 5px;
}

.home-latest-news, .home-latest-news .panel-body {
    background-color: #2e2a2b;
    color: white;
}

    .home-latest-news .panel-heading {
        background-color: #2e2a2b;
    }

.home-latest-news-item {
    border-top: 1px solid white;
    color: white;
    padding: 10px 0;
}

    .home-latest-news-item a {
        color: white;
        text-transform: capitalize;
    }

.poll-controls {
    text-align: center;
}

.poll-option-result {
    font-size: 12px;
}

.poll-title {
    font-size: 14px;
    padding-bottom: 15px;
}

.home-panel-tell-us:hover {
    background-color: #ffd200;
    color: black;
    text-decoration: none;
}

.panel.home-panel-tell-us {
    background-color: #2e2a2b;
    background-image: url("/Content/images/common/icon-chat.png");
    background-position: 17px center;
    background-repeat: no-repeat;
    color: white;
    display: block;
    font-size: 20px;
    min-height: 74px;
    padding: 32px 18px 32px 93px;
    text-align: center;
}


.home-module-member-of-the-month .panel-heading {
}

.home-module-tasks .panel-body {
    min-height: 200px;
}

.carousel-heading {
    background-image: url(/Content/images/common/1x1-transparent-black.png);
    top: 0;
    color: white;
    padding: 10px;
    position: absolute;
    width: 100%;
    height: 30px;
}

    .carousel-heading h3 {
        margin: 0;
        padding: 0;
    }

.caption {
    background-image: url(/Content/images/common/1x1-transparent-black.png);
    bottom: 0;
    color: white;
    padding: 19px 21px;
    position: absolute;
    width: 100%;
    height: 33%;
}

    .caption.gallery {
        height: 100%;
    }

    .caption a {
        color: white;
    }

        .caption a:hover {
            color: white;
            text-decoration: underline;
        }

.carousel-control {
    width: 15px;
}



.home-module-open-discussions {
    margin-bottom: 10px;
    background-color: white;
}

.panel.home-module-open-discussions {
    padding: 0px;
}

.home-module-open-discussions .panel-heading {
    margin: 0px;
}


.panel.all-open-discussions-module {
    background-color: #5a5e61;
    color: white;
    min-height: 410px;
    border-radius: 7px;
}

.all-open-discussions-module .panel-heading {
    background-color: #2e2a2b;
    color: #ffd200;
    border-radius: 7px 7px 0 0;
}

.all-open-discussions-module .open-discussion-banner {
    background-color: white;
    width: 100%;
    border-radius: 7px;
}

.home-module-polls {
    min-height: 336px;
}

.home-team-profile tr {
    vertical-align: top;
    margin-bottom: 10px;
    border-bottom: 1px dashed gray;
    padding-bottom: 10px;
    display: block;
}

.home-team-profile-bio {
    font-size: 16px;
}

.home-team-profile-image img {
    width: 83px;
    margin-right: 10px;
}

.welcome-moderators-table td {
    padding: 5px;
}

.homepagebox1,
.homepagebox2 {
    min-height: 260px;
}

.home-module .panel-body .btn {
    margin: 0 auto;
    display: block;
    padding: 9px 19px;
}



.home-module-new-members a {
    color: white;
    display: block;
    font-size: 20px;
    min-height: 87px;
    padding-top: 20px;
}

    .home-module-new-members a:hover {
        text-decoration: none;
    }

.home-module-new-members {
    background-color: #5a5e61;
}

    .home-module-new-members .panel-heading {
        padding-top: 20px;
    }

    .home-module-new-members .panel-body {
        background-color: transparent;
        color: white;
        display: block;
        font-size: 16px;
        min-height: 74px;
        padding: 32px 18px;
        text-align: center;
        padding-top: 0px;
        padding-bottom: 19px;
    }

    .home-module-new-members button {
        color: white;
        border-width: 0px;
    }

        .home-module-new-members button:hover {
            color: white;
            background-color: #ffd200;
        }

.home-module {
    margin-bottom: 5px;
}


.available-tools {
    background-color: gray;
    color: white;
    padding: 20px;
}

.region-items .panel-heading,
.region-items .panel-heading * {
    background-color: gray;
    color: white;
    text-transform: capitalize;
}

.region-items .panel {
    background-color: lightgray;
    color: black;
    border-radius: 10px;
}

.region-item {
    margin-bottom: 10px;
}

.region-items .panel-heading {
    margin-bottom: 0px;
    border-radius: 10px 10px 0 0;
}

.region-items .snapshot {
    border-bottom: 1px solid white;
}



.brand-buttons {
    width: 100%;
    text-align: right;
    padding: 5px 3px;
}

    .brand-buttons a {
        margin-left: 1px;
    }

.brand-detail.admin {
    margin-bottom: 17px;
    background-color: gray;
    text-align: center;
    color: white;
}

    .brand-detail.admin .brand-title {
        padding: 10px;
        color: white;
        font-weight: bold;
    }

.brand-item {
    margin-bottom: 5px;
}

.panel.card-sort-admin {
    background-color: lightgray;
}

    .panel.card-sort-admin .panel-heading,
    .panel.card-sort-admin .panel-heading a {
        background-color: gray;
        color: white;
    }

.brand-title {
    padding: 2px;
    text-transform: capitalize;
}

.brandlist {
    min-height: 600px;
}



.admin-home a {
    background-color: #ffcb05;
    border-radius: 4px;
    color: black;
    display: block;
    font-weight: bold;
    height: 40px;
    margin-bottom: 4px;
    padding-top: 10px;
    text-align: center;
    width: 100%;
}

    .admin-home a:hover {
        text-decoration: none;
        background-color: black;
        color: #ffcb05;
    }

.admin-home .panel-heading {
    background-color: #292929;
}

.admin-home .panel {
    background-image: url("/Content/images/common/1x1-transparent-black.png");
    background-color: transparent;
}

.admin-home .panel-body {
    background-color: transparent;
}


.highlighter-upload-image #upload-control a.close-btn {
    float: right;
    font-weight: bold;
    padding: 1px 5px;
    text-decoration: none;
    border: none;
}

.highlighter-upload-image #upload-control {
    width: 100%;
    clear: both;
}

.highlighter-upload-image {
    width: 600px;
}


.brand-group .logo-list .logo {
    width: 48%;
    margin: 1%;
}

.qualItemProgressBar {
    width: 250px;
    text-align: right;
}

#collage-images:empty {
    background-image: url(/Content/images/common/canvas.png);
    background-position: center center;
    background-repeat: no-repeat;
}

#collage-images {
    min-height: 750px;
    position: relative;
}

.collage-image {
    background-color: white;
    position: absolute;
    cursor: move;
}

    .collage-image img {
        margin-bottom: 10px;
    }

    .collage-image textarea {
        height: 90px;
    }


.collage-label textarea {
    width: 250px;
    height: 70px;
    background-color: transparent;
    border: 0 solid whitesmoke;
    font-weight: bold;
    font-size: 16px;
}

.collage-label .menu-group {
    border-left: 1px solid black;
    margin-left: 5px;
    float: left;
}

.collage-label .font-color,
.collage-label .font-size {
    display: block;
    float: left;
    height: 16px;
    line-height: 16px;
    margin-left: 5px;
    cursor: pointer;
    color: black;
}

.collage-label .font-color {
    width: 11px;
}

.font-color.red {
    background-color: red;
}

.font-color-red {
    color: red;
}

.font-color.black {
    background-color: black;
}

.font-color.white {
    background-color: white;
}

.font-color.green {
    background-color: green;
}

.font-color.blue {
    background-color: blue;
}

.font-color.orange {
    background-color: orange;
}

.font-size.small {
    font-size: 16px;
}

.font-size-smaller {
    font-size: smaller;
}

.font-size.medium {
    font-size: 24px;
}

.font-size.big {
    font-size: 32px;
}

.font-size.huge {
    font-size: 40px;
}

.draggable {
    cursor: move;
}

.collage-label {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px;
}

.collage-image:hover {
    padding: 10px;
}

.collage-label:hover,
.collage-image:hover {
    border: 2px dashed lightgray;
    background-color: whitesmoke;
}

.bingImage img.selected {
    border: 6px solid green;
}

.remove-label,
.remove-image {
    display: none;
    padding: 4px;
}

.remove-label {
    border-bottom: 1px solid black;
}

    .remove-label a,
    .remove-image a {
        color: red;
    }

.engagementCaption {
    margin-right: 10px;
    padding-top: 0px;
    height: 100%;
}

.discussionpostDesc {
    padding-top: 0px;
    height: 40px;
    display: none;
}

    .discussionpostDesc.gallery {
        height: 100%;
    }

.discussionpostCaption {
    margin-right: 10px;
}

.discussionpostCaptionText {
    color: #FFF;
    font: 11px verdana;
}

.discussionpostCaptionAuthor {
    color: #FFF;
    font: bold 10px verdana;
    font-style: italic;
    display: block;
}

#navActivitiesMenu .activity-box,
.reward-menu .reward {
    height: 100%;
    position: relative;
    background-color: #00c3d5;
    color: white;
}

    #navActivitiesMenu .activity-box a, #navActivitiesMenu .activity-box h4 {
        color: #7a7373;
        font-weight: 600;
    }

    #navActivitiesMenu .activity-box .goToActivity {
        position: absolute;
        bottom: 5px;
    }

.activity-box,
.reward-menu .reward {
    min-height: 175px;
    position: relative;
    background-color: #f8f8f8;
}

    .activity-box .goToActivity {
        position: absolute;
        bottom: 5px;
    }

.home-module-tasks .col-lg-6 h4 {
    margin: 0 0 10px 10px;
    padding: 0;
    line-height: 22px;
}

.home-module-tasks .col-lg-6 {
    padding: 3px;
}

.corner-ribbon {
    position: absolute;
    width: 200px;
    background: #e43;
    position: absolute;
    top: auto;
    text-align: center;
    line-height: 31px;
    letter-spacing: 1px;
    color: #f0f0f0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    font-size: 10px;
    right: -61px;
    bottom: 26px;
    left: auto;
}

    .corner-ribbon.ended,
    .activity-ribbon.ended {
        background: #e43;
        color: white;
    }

    .corner-ribbon.completed,
    .activity-ribbon.completed {
        background: #5b5b57;
        color: white;
    }

    .corner-ribbon.open,
    .activity-ribbon.open,
    .reward-ribbon.winner {
        background: #0ca37b;
        color: white;
    }

.reward-ribbon.redeemable {
    background: #1aad2c;
    color: white;
}

.reward-ribbon.not-redeemable {
    background: #e1ad4e;
    color: white;
}

.nav-tabs.sub-nav-tabs {
    background-color: #5a5e61;
    /*height: 52px;*/
}

    .nav-tabs.sub-nav-tabs .active a {
        background-color: #fdfcfc;
    }

.tab-page {
    margin-bottom: 10px;
    padding: 20px;
    margin-top: -12px;
    background-color: #fdfcfc;
}


.nav-tabs.sub-nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border-bottom-width: 0;
    border-color: #5a5e61;
    color: #1a1a1a;
}

.sub-nav-tabs-heading {
    background-color: #5a5e61;
    border-radius: 10px 10px 0 0;
    color: white;
    display: block;
    margin: 0;
    padding: 10px 15px;
}


#footer-logo {
    background-image: url('/Content/css/skin/footer_logo.png');
    height: 36px;
    background-size: contain;
}

.clientSite #footer-logo {
    background-image: url('/Content/css/skin/footer_logo.png');
    height: 100px;
    width: 100px;
    position: absolute;
    right: 13px;
    bottom: 9px;
    background-size: contain;
}


.badge-count {
    position: absolute;
    top: 30px;
    right: 10px;
}

.post-link.unselected {
    color: gray;
}

.post-link.selected {
    color: #5890ff;
}

.post-controls {
    padding: 4px;
    background-color: #f7f7f7;
    margin-top: 9px;
    padding-left: 10px;
}

.post-option-chkbox input {
    margin-left: 10px;
    float: left;
    width: 20px;
    display: block;
}


.post-option-chkbox label {
    display: block;
    width: 100%;
    margin-left: -40px;
}

.post-option-chkbox:hover {
    background-color: #f58220;
}

table.mceLayout, textarea.tinyMCE_SMALL {
    width: 100% !important;
}


.post-menu {
    cursor: pointer;
}

.commentSection {
    margin-top: 20px;
}


.post-profile-image {
    margin-right: 10px;
}

#card-sort-image-preview {
    position: fixed;
    max-width: 600px;
    border: 8px solid grey;
    border-radius: 4px;
    padding: 10px;
    background-color: white;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 50000;
    top: 15px;
}

.make-comment {
    margin-top: 10px;
}

.dropdown-menu.media-list li {
    background-color: white;
    color: black;
}

.icon24 {
    background-image: url(/Content/images/common/icons-24.png);
    width: 24px;
    height: 33px;
    background-repeat: no-repeat;
    display: inline-block;
    font-size: 24px;
}

.icon48 {
    background-image: url(/Content/images/common/icons.png);
    width: 48px;
    height: 48px;
    background-repeat: no-repeat;
    display: inline-block;
}

    .icon48.icon-QualitativeTask {
        background-position: 0 0;
    }

.icon24.icon-QualitativeTask {
    background-position: 0 0;
}


.icon24.icon-Gallery {
    background-position: 0 -526px
}

.icon48.icon-Gallery {
    background-position: 0 -1041px
}

.icon48.icon-Competition {
    background-position: 0 -1148px;
}

.icon24.icon-Form {
    background-position: 0 -1600px
}

.icon48.icon-Form {
    background-position: 0 -4600px
}





.icon24.icon-Forum {
    background-position: 0 -66px;
}

.icon48.icon-Forum {
    background-position: 0 -127px;
}

.icon24.icon-MasterActivity {
    background-position: 0 -122px;
}

.icon48.icon-MasterActivity {
    background-position: 0 -243px;
}

.icon24.icon-Survey {
    background-position: 0 -122px;
}

.icon48.icon-Survey {
    background-position: 0 -243px;
}

.icon24.icon-Chat {
    background-position: 0 -152px;
}

.icon48.icon-Chat {
    background-position: 0 -302px;
}


.icon24.icon-ExternalTask {
    background-position: 0 -122px;
}

.icon48.icon-ExternalTask {
    background-position: 0 -243px;
}

.icon24.icon-Poll {
    background-position: 0 -208px;
}

.icon48.icon-Poll {
    background-position: 0 -417px;
}


.icon24.icon-Lists {
    background-position: 0 -181px;
}

.icon48.icon-Lists {
    background-position: 0 -357px;
}


.icon24.icon-News {
    background-position: 0 -393px;
}

.icon48.icon-News {
    background-position: 0 -786px;
}

.icon24.icon-Document {
    background-position: 0 -362px;
}


.icon48.icon-Document {
    background-position: 0 -724px;
}

.icon24.icon-Report {
    background-position: 0 -272px;
}

.icon48.icon-Report {
    background-position: 0 -544px;
}

.icon24.icon-ReportedContent {
    background-position: 0 -301px;
}

.icon48.icon-ReportedContent {
    background-position: 0 -602px;
}

.icon24.icon-Members {
    background-position: 0 -454px;
}

.icon48.icon-Members {
    background-position: 0 -891px;
}

.icon24.icon-Recruitment {
    background-position: 0 -419px;
}

.icon48.icon-Recruitment {
    background-position: 0 -838px;
}

.icon24.icon-Rewards {
    background-position: 0 -337px;
}

.icon48.icon-Rewards {
    background-position: 0 -659px;
}

.icon24.icon-Site {
    background-position: 0 -480px;
}

.icon48.icon-Site {
    background-position: 0 -945px;
}

.icon24.icon-Security {
    background-position: 0 -241px;
}

.icon48.icon-Security {
    background-position: 0 -482px;
}


.icon24.icon-Message {
    background-position: 0 -501px;
}

.icon48.icon-Message {
    background-position: 0 -990px;
}

.icon24.icon-Digest {
    background-position: 0 -501px;
}

.icon48.icon-Digest {
    background-position: 0 -1143px;
}


.admin-activity-menu .dropdown-header {
    background-color: #322e2f;
    color: white;
}

.modal-dialog {
    max-width: 95vw;
    max-height: 95%;
}


.column-filter-section-heading {
    cursor: pointer;
    width: 50%;
}

.media-user {
    color: black;
}

.showComments {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #ecebe9;
    display: block;
    color: #31302f;
    text-align: center;
}

    .showComments a {
        color: #31302f;
    }




.sub-task-grid-item-completed {
    margin-top: -4px;
    padding: 0;
    text-transform: uppercase;
    background-color: green;
    color: white;
    padding: 3px;
    font-size: 10px;
    margin-left: -4px;
    margin-right: -4px;
}

.sub-task-grid-item a {
    text-decoration: none;
    color: inherit;
}

.sub-task-grid-item:hover {
    background-color: lightgray;
}

.sub-task-grid-item h3 {
    margin: 4px;
}

.sub-task-grid-item {
    padding: 4px;
}

    .sub-task-grid-item img {
        width: 100%;
        padding: 4px;
    }


.sub-task-full-width .sub-task-grid-item {
    border: none;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed lightgrey;
}

.sub-task-full-width .sub-task-grid-item {
    max-width: 740px;
    margin: 10px auto;
}

    .sub-task-full-width .sub-task-grid-item img {
        width: 100%;
    }

.faq-login-screen {
    border-top: 1px solid lightgrey;
    display: block;
    padding-top: 5px;
    text-align: center;
    width: 100%;
}

label.error {
    color: red;
    font-weight: normal !important;
}

.mce-emoticon-tinymce .mce-txt {
    font-size: 20px !important;
}

.emoticon-tabs {
    font-size: 25px;
}

a.emoticon {
    /*border: solid 1px transparent !important;*/
    display: inline-block;
    text-decoration: none;
    width: 30px;
    height: 30px;
    margin: 6px;
    padding: 5px;
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
    font-size: 27px;
}

    a.emoticon:hover {
        /*border: solid 1px #cccccc !important;*/
        display: inline-block;
        text-decoration: none;
        -webkit-transform: scale(2.0); /* Safari and Chrome */
        -moz-transform: scale(2.0); /* Firefox */
        -ms-transform: scale(2.0); /* IE 9 */
        -o-transform: scale(2.0); /* Opera */
        transform: scale(2.0);
    }

a.tinymce-emoticon {
    /*border: solid 1px transparent !important;*/
    display: inline-block;
    text-decoration: none;
    font-size: 20px;
}

    a.tinymce-emoticon:hover {
        /*border: solid 1px #cccccc !important;*/
        display: inline-block;
        text-decoration: none;
        -webkit-transform: scale(1.8); /* Safari and Chrome */
        -moz-transform: scale(1.8); /* Firefox */
        -ms-transform: scale(1.8); /* IE 9 */
        -o-transform: scale(1.8); /* Opera */
        transform: scale(1.8);
    }

.wrapper {
    background: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    margin-bottom: 10px;
}

    .wrapper .title {
        border-bottom: 1px solid #d7d7d7;
        font-size: 16px;
        font-weight: bold;
        padding: 7px 10px 4px;
    }

    .wrapper .stage {
        overflow: hidden;
        padding: 5px 10px;
        position: relative;
        text-align: center;
    }

    .wrapper .notes {
        background: #fbfbfb;
        border-top: 1px solid #e2e2e2;
        color: #808080;
        font-size: 12px;
        padding: 8px 10px 5px;
    }

.cursorPointer {
    cursor: pointer;
}

.textLeft {
    text-align: left;
}

.textCenter {
    text-align: center;
}

.textRight {
    text-align: right;
}

.marginZero {
    margin: 0;
}

.padding20 {
    padding: 20px;
}

.paddingTop10 {
    padding-top: 10px;
}

.paddingleft0 {
    padding-left: 0;
}

.border0 {
    border: 0;
}

.borderTop0 {
    border-top: 0;
}

.btn-link, .btn-link:hover {
    color: black !important;
    background-color: transparent !important;
    border-color: transparent !important;
}

.tab-content {
    border: 1px solid #dddddd;
    border-top-width: 0;
    padding: 10px;
    margin-top: 0;
}

#chkTargetPlatforms label {
    background-image: url(/Content/images/common/TargetPlatforms.png);
    height: 122px;
    color: #616a70;
    padding-top: 56px;
    background-repeat: no-repeat;
    background-position-y: 12px;
    border-radius: 10px;
    border: 1px solid #f7f9fb;
    padding-left: 11px;
    margin-left: 8px;
    width: 79px;
    background-size: 351px;
    font-size: 12px;
    text-align: center;
}

    #chkTargetPlatforms label:hover,
    #chkTargetPlatforms label.selected {
        background-color: #e6e4e4;
        border-color: #eaeaea;
    }

label.all {
    background-position-x: 9px;
}

label.device-DesktopWeb {
    background-position-x: -72px;
}

label.device-MobileWeb {
    background-position-x: -152px;
}

label.device-TabletWeb {
    background-position-x: -221px;
}

label.device-MobileApp {
    background-position-x: -289px;
}

#chkTargetPlatforms input {
    visibility: hidden;
}

.form-horizontal .control-label {
    text-align: left;
}

.btn {
    border-radius: 5px;
}

.btn-search {
    height: 34px;
    line-height: 20px;
    margin-top: 0px !important;
}


.profile-picture {
    border-radius: 10px;
}

label.gender {
    background-image: url(/Content/images/common/gender.png);
    width: 78px;
    height: 116px;
    background-repeat: no-repeat;
    text-align: center;
    padding-top: 69px;
    border: 1px solid lightgrey;
    border-radius: 10px;
    color: #616a71;
    margin-left: 9px;
}

    label.gender input {
        visibility: hidden;
    }

.gender-male {
    background-position-x: 11px;
}

.gender-female {
    background-position-x: -54px;
}

.gender-other {
    background-image: none !important;
}

label.gender.selected {
    background-color: lightgrey;
}

option.new {
    color: red;
}

.sentiment-box {
    font-size: 15px;
    display: inline-block;
    position: relative;
    top: 2px;
}

.sentiment-option.selected {
    border-radius: 4px;
    padding: 2px 4px;
    color: white;
}

.analytics-sentiment .sentiment {
    font-size: 14px;
    border-right: 1px solid black;
    padding-right: 8px;
    padding-left: 8px;
}

    .analytics-sentiment .sentiment:before {
        padding-right: 4px;
    }

.sentiment-option {
    font-size: 26px;
    padding: 4px;
    color: grey;
}

.sentiment-0:before {
    font-family: 'Font Awesome 7 Pro';
    content: "\f5a4";
}


.sentiment-1:before {
    font-family: FontAwesome;
    content: "\f119";
}

.sentiment-2:before {
    font-family: FontAwesome;
    content: "\f11a";
}

.sentiment-3:before {
    font-family: FontAwesome;
    content: "\f118";
}

.sentiment-4:before {
    font-family: "Font Awesome 7 Pro";
    content: "\f583";
}

.sentiment-1.selected {
    background-color: red;
}

.sentiment-2.selected {
    background-color: orange;
}

.sentiment-3.selected {
    background-color: green;
}

.sentiment-4.selected {
    background-color: lightseagreen;
}

a.sentiment-option + a.sentiment-option {
    margin-right: 0px;
}

a.sentiment-option:hover, a.sentiment-option {
    text-decoration: none;
}

.senitment-title {
    text-align: center;
    font-size: 11px;
    color: grey;
}



.tags, .bootstrap-tagsinput {
    margin: 0;
    padding: 0;
    list-style: none;
    border: 1px solid #efefef
}

    .tags li, .tags a, .tag {
        float: left;
        height: 20px;
        line-height: 20px;
        position: relative;
        font-size: 11px;
        margin-bottom: 5px;
    }

    .tags a, .bootstrap-tagsinput a, .tag {
        margin-left: 20px;
        padding: 0 10px 0 12px;
        background: #0089e0;
        color: #fff;
        text-decoration: none;
        -moz-border-radius-bottomright: 4px;
        -webkit-border-bottom-right-radius: 4px;
        border-bottom-right-radius: 4px;
        -moz-border-radius-topright: 4px;
        -webkit-border-top-right-radius: 4px;
        border-top-right-radius: 4px;
    }

        .tags a:before, .tag:before {
            content: "";
            float: left;
            position: absolute;
            top: 0;
            left: -10px;
            width: 0;
            height: 0;
            border-color: transparent #0089e0 transparent transparent;
            border-style: solid;
            border-width: 10px 10px 10px 0;
        }

        .tags a:after,
        .tag:after {
            content: "";
            position: absolute;
            top: 8px;
            left: 3px;
            float: left;
            width: 4px;
            height: 4px;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            border-radius: 2px;
            background: #fff;
            -moz-box-shadow: -1px -1px 2px #004977;
            -webkit-box-shadow: -1px -1px 2px #004977;
            box-shadow: -1px -1px 2px #004977;
        }

        .tags a:hover {
            background: #555;
        }

            .tags a:hover:before {
                border-color: transparent #555 transparent transparent;
            }

    .tags .selected:before {
        border-color: transparent #555 transparent transparent;
    }

    .tags .selected,
    .bootstrap-tagsinput > .label.selected {
        background: #555;
    }

label.tag {
    border-radius: 0px;
    margin: 0;
}

.bootstrap-tagsinput > .label {
    border-radius: 0px !important;
    margin: 0 10px !important;
    background-color: #0089e0;
    height: 20px;
    line-height: 20px;
}

.bootstrap-tagsinput {
    border: none;
    box-shadow: none;
}

    .bootstrap-tagsinput:hover {
        border: 1px solid #ccc;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    }

.tags-button {
    display: none;
}

.tags:hover .tags-button {
    display: inline-block;
}

.thumbtack-highlighter-image {
    width: 20px;
    height: 20px;
    background-image: url(/Content/images/common/thumbtack.png);
    position: absolute;
    background-size: contain;
    z-index: 2000;
}

.highlighter-admin-content-right {
    border-left: 1px dotted grey;
}

.highlighter-admin-content-left {
    overflow-y: auto;
}

.highlighter-admin-image {
    margin: 0 auto;
    position: relative;
}

    .highlighter-admin-image > div,
    .highlighter-admin-image > img,
    .highlighter-admin-image > canvas {
        width: 100%;
        height: 100%;
    }

    .highlighter-admin-image > div {
        position: absolute;
        z-index: 3;
    }

    .highlighter-admin-image > canvas {
        position: absolute;
        z-index: 2;
    }

    .highlighter-admin-image > img {
        position: absolute;
        z-index: 1;
    }

.highlighter-admin-region-number {
    margin: 2px 0px 0px 2px !important;
    font-weight: bold;
    font-size: 14px;
}

.panel-expand {
    text-decoration: none;
}

    .panel-expand:before {
        font-family: fontawesome;
        content: "\f078";
    }

    .panel-expand.collapsed:before {
        content: "\f077";
    }

.tool-description {
    margin-left: 26px;
}

#user-image-container {
    position: relative;
}

.cropper-view-box {
    outline: 4px dotted red !important;
}

.my-btn-group {
    border-left: 1px solid white;
}

    .my-btn-group .heading {
        width: 100%;
        text-align: center;
        padding: 4px;
        background-color: #5a5e61;
        color: white;
    }

.my-btn {
    width: 50%;
    border-width: 0;
    margin-right: 0 !important;
    border-radius: 0;
}

    .my-btn:nth-child(2) {
        border-right: 1px solid white;
    }

    .my-btn:last-child {
        border-right-width: 0px;
    }

    .my-btn i.fa {
        padding-right: 4px;
    }

#drop_zone {
    border: 2px dashed #bbb;
    border-radius: 5px;
    padding: 100px;
    text-align: center;
    color: #bbb;
    background-color: white;
}

    #drop_zone:hover {
        border: 2px dashed black;
        color: #eb8f00;
        font-weight: bold;
    }

#targetImg {
    width: 100%;
    max-width: 100%;
}

.cropper-modal {
    background-color: white !important;
}

.project-div .panel-primary {
    border-radius: 5px;
}

.project-div .panel-heading, .category-div .panel-heading {
    color: black;
    background-color: white;
    border: none;
}

.project-div .panel-body {
    padding: 0px;
}





.fa.icon-forum:before {
    content: "\f086";
}

.fa.icon-poll:before {
    content: "\f0a6";
}

.fa.icon-masteractivity:before {
    content: "\f009";
}

.fa.icon-survey:before {
    content: "\f0ae";
}

.fa.icon-opendiscussion:before {
    content: "\f0e6";
}

.fa.icon-qualitativetask:before {
    content: "\f0eb";
}

.fa.icon-externaltask:before {
    content: "\f08e";
}

.fa.icon-chat:before {
    content: "\f232";
}

.projects-button {
    margin-top: 8px !important;
    margin-left: 18px !important;
    font-size: 15px !important;
    text-decoration: none !important;
    display: inline-block !important;
    border: 1px dotted white !important;
    border-radius: 10px !important;
    padding: 6px 20px !important;
}

.projects-dropdown {
    border-radius: 10px !important;
    margin-left: 18px !important;
    margin-top: 5px !important;
    max-height: 600px !important;
    overflow-y: hidden !important;
}

    .projects-dropdown:hover {
        overflow-y: scroll !important;
    }

    .projects-dropdown::-webkit-scrollbar {
        width: 5px;
    }

    /* Track */
    .projects-dropdown::-webkit-scrollbar-track {
        border-radius: 10px;
    }

    /* Handle */
    .projects-dropdown::-webkit-scrollbar-thumb {
        background: #ddd;
        border-radius: 10px;
    }

        /* Handle on hover */
        .projects-dropdown::-webkit-scrollbar-thumb:hover {
            background: #ccc;
        }

#projectDetails, #categoryDetails {
    background-color: #f1eded;
    color: #4a4844;
}

#projectDetails {
    border-color: initial;
}

.project-section, .folder-section, .category-section {
    border-radius: 10px;
}

    .project-section .btn, .folder-section .btn, .category-section .btn {
        background-color: #838080;
        color: white;
        border-color: #838080;
    }

        .project-section .btn:hover, .folder-section .btn:hover, .category-section .btn:hover {
            background-color: #0e0c0c;
            color: white;
            border-color: #0e0c0c;
        }

    .project-section .panel-heading, .folder-section .panel-heading, .category-section .panel-heading {
        border-radius: 8px 8px 0 0;
        font-weight: normal;
        background: black;
        color: white;
    }

    .project-section .panel-body {
        padding: 13px;
    }

.project-div fieldset {
    margin-bottom: 25px;
}

#allActivities .tabs-left {
    background-color: transparent;
    cursor: pointer;
    border-width: 0px;
}

    #allActivities .tabs-left li {
        display: block !important;
        width: 100% !important;
        z-index: 10;
        min-width: 190px;
        border-bottom: 1px solid #2e2e2d;
    }

        #allActivities .tabs-left li a {
            color: white;
            background-color: unset;
            border-color: transparent;
            width: 193px;
            font-weight: normal;
        }

.tabs-left li.active {
    border-bottom-width: 0px;
}

#allActivities .tabs-left li.active {
    background-color: #2e2e2d !important;
    border-width: 0px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    color: white;
    margin: 0px;
}

    #allActivities .tabs-left li.active:hover {
        background-color: #2e2e2d !important;
        border-width: 0px;
        border-bottom-left-radius: 5px;
        border-top-left-radius: 5px;
        color: white;
    }

#allActivities .addActivityOption:hover {
    background-color: #2e2e2d !important;
    border-width: 0px;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    color: white;
}


#allActivities .activity-type-image {
    max-width: 473px;
    margin: 0 auto;
    border: 2px dashed grey;
    display: block;
    border-radius: 10px;
    padding: 10px;
}

#allActivities .tab-pane {
    padding: 10px 30px !important;
    background-color: transparent !important;
    min-height: 600px;
    color: black;
    border-radius: 0 5px 5px 0;
    z-index: 5;
}

    #allActivities .tab-pane h3 {
        border-bottom: 1px solid lightgrey;
        padding-bottom: 10px;
    }

.project-div .modal-header, .folder-detail .modal-header {
    background-color: #f58220;
    color: white;
    padding-bottom: 13px;
    border-radius: 5px 5px 0 0;
}

.activity-visible {
    background-color: #c9f8c9;
}

.activity-hidden {
    background-color: #f8f6f6;
}

.activity-visible-limited {
    background-color: #fafaa7;
}

.project-section-content {
    width: 94%;
    margin: 0 auto;
}

.fa.fa-big {
    font-size: 26px;
    width: 32px;
    text-align: center;
}




/* ************** Forms *****************/
.iq-form #left-side {
    width: 474px;
    position: absolute;
    background-color: white;
    border-right: 1px solid lightgrey;
    padding: 0;
    overflow-y: auto;
    padding-top: 0;
    margin-left: -11px;
}

.iq-form.admin {
    position: relative;
}

    .iq-form.admin .form {
        width: calc(100% - 460px);
        min-height: 400px;
        height: 100%;
        padding: 10px;
        margin-left: 460px;
        background-color: white;
        border-left: 1px solid lightgrey
    }

    .iq-form.admin #settings {
        width: calc(100% - 360px);
        padding: 10px;
        margin-left: 360px;
        background-color: white;
        border-left: 1px solid lightgrey;
        border-bottom: 1px solid black
    }

.iq-form .form .question {
    position: relative;
    margin-top: 10px;
    padding: 10px;
}

.iq-form.admin .form .question:hover {
    background-color: #e1ffe7;
    border-radius: 6px 0 6px 6px;
}

.iq-form.admin .form .question:not(.QuestionGroup).selected {
    background-color: #b6e7c0;
    border-radius: 6px 0 6px 6px;
}

.iq-form.admin .form .question.QuestionGroup:hover {
    background-color: #e1ffe7
}

.iq-form.admin .form .question.QuestionGroup.selected {
    border-radius: 6px 0 6px 6px;
    background-color: #b6e7c0;
}

.iq-form .likert-row.selected {
    background-color: #879187;
}

.iq-form .question-toolbox {
    position: absolute;
    right: 0px;
    padding: 2px 1px 1px 9px;
    border-radius: 5px 5px 0px 0px;
    text-align: center;
    border-width: 0px;
    top: -23px;
    background-color: #b6e7c0;
    display: none;
}

.iq-form .question.QuestionGroup > .question-toolbox {
    background-color: #b6e7c0;
    border: 1px solid black;
    top: -24px;
    right: -1px;
    border-bottom: none;
}

.question-toolbox a {
    margin-right: 5px;
    color: #2a5340;
    font-size: 12px;
    text-decoration: none
}

    .question-toolbox a:hover {
        color: #140303;
        text-decoration: none
    }

.iq-form .page-break {
    background-color: #514a4a;
    border-radius: 6px;
    width: 100%;
    text-align: center;
    color: white;
}

.iq-form .required .question-title:before,
#otherPleaseSpecifyTextQuestion div:before,
.iq-form .required .subTitle:before{
    content: '*';
    color: red;
    position: absolute;
    left: 0px;
    font-size: 28px;
    top: -8px;
}

.iq-form #questionOptions, .iq-form #questionCols {
    height: 250px;
}

.iq-form #questions .question,
.ui-draggable-dragging.question {
    cursor: pointer;
    margin-left: 0px;
    margin-top: 3px;
    border: 1px solid lightgrey;
    border-radius: 10px;
    padding-bottom: 2px;
    background-color: white;
}

    .iq-form #questions .question:hover,
    .ui-draggable-dragging.question {
        background-color: #4fab62;
    }



.iq-form .question .i-md {
    float: left;
    margin-right: 10px;
}

.iq-form textarea.small .iq-form .small textarea {
    height: 70px;
}

.iq-form textarea.medium, .iq-form .medium textarea {
    height: 170px;
}

.iq-form textarea.large, .iq-form .large textarea {
    height: 300px;
}

.iq-form #question-settings label {
    margin-top: 10px;
}

.iq-form .likert-row-options {
    width: 40px;
}

.iq-form .question-title .title {
    font-weight: bold;
}

.iq-form .question-title .instruction {
    font-style: italic;
}

.iq-form .questionHelpPopup {
    max-width: 500px;
    max-height: 400px;
    padding: 20px;
    padding-top: 10px;
    background-color: white;
    border-radius: 4px;
    position: absolute;
    z-index: 100;
    cursor: pointer;
}

.next-page-footer {
    border-top: 1px solid black;
    padding-top: 10px;
    margin-top: 10px;
    position: relative
}

.form-template-image {
    width: 159px;
    height: 127px;
    border: 1px solid black;
    background-color: lightgrey;
    margin: 0px 10px 10px 10px;
}

a.disabled {
    color: grey !important;
    pointer-events: none;
    cursor: default
}

a.disabled {
    color: grey !important;
    pointer-events: none;
    cursor: default
}

.form-question-image {
    width: 100%;
}

.form-image-item, .form-image-item.tiny {
    width: 100px;
    position: relative;
}

    .form-image-item.native {
        width: auto
    }


    .form-image-item.big {
        width: 445px
    }

    .form-image-item.medium {
        width: 302px;
    }

    .form-image-item.small {
        width: 218px;
    }

.findability-image-wrap {
    position: relative;
    display: table-cell;
}

    .findability-image-wrap.error {
        border: 2px solid red;
    }

.question-region {
    z-index: 10;
}

    .question-region:not(.isAdmin):hover {
        cursor: pointer;
    }

    .question-region.selected {
        border: 3px dashed green;
        margin: 0px;
        background-color: rgba(0,255,0,0.1)
    }

    .question-region.isAdmin {
        border: 1px solid #edd2d2;
        background: #33333394;
        text-align: center;
        color: white;
        overflow-wrap: anywhere;
        padding-top: 10px;
        overflow: hidden;
    }

.edit-region,
.remove-region {
    top: 2px;
    position: absolute;
    font-size: 10px;
    color: white;
}

.remove-region {
    left: 2px;
}

.question-region.isAdmin.editing {
    background: #0099ff87 !important;
}

    .question-region.isAdmin.editing a {
        display: none !important;
    }

.edit-region {
    right: 2px;
}

    .edit-region:hover,
    .remove-region:hover {
        color: #eee;
    }

.findability-image {
    max-height: 100vh;
}

.Highlighter .findability-image {
    max-width: 100vw;
    max-height: 100vh
}

.findability-shield {
    text-align: center;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 501;
    background: #eee;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .findability-shield .btn {
        font-weight: 700;
    }

#addRegionsModel .modal-dialog,
#addHighlighterRegionsModel .modal-dialog {
    width: 80vw;
}

/*.regions {
    max-height: 90%;
    max-width: 100%;
    margin: 0 auto;
}
*/
#imageUploaderBox,
#videoUploaderBox {
    border-top: 1px solid black;
    margin-top: 10px;
}

    #imageUploaderBox .form-image-item input {
        width: 100%;
    }

    #imageUploaderBox .form-image-item {
        border-bottom: 1px dotted black;
        padding: 10px;
        text-align: center;
        margin-bottom: 10px;
        width: 90%;
    }

        #imageUploaderBox .form-image-item .form-question-image {
            margin-top: 10px;
        }

        #imageUploaderBox .form-image-item:hover {
            background-color: lightgrey;
        }

.image-selector-images {
    margin-bottom: 10px;
}

.gallery-tile.small {
    width: 200px;
}

.gallery-tile.medium {
    width: 300px;
}

.gallery-tile.large {
    width: 500px;
}


.gallery-list {
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted lightgrey
}

.gallery-tile-image {
    max-width: 100%;
    max-height: 700px;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 11px;
    text-align: center
}

    .gallery-tile-image img,
    .gallery-tile-image video {
        max-width: 100%;
        max-height: 300px;
    }

.gallery-list-image {
    width: 250px;
    margin-right: 10px;
}

    .gallery-list-image img {
        max-width: 100%;
    }


#form .form-image-item {
    margin: 10px;
}

.upload-description, #uploader-description {
    margin-bottom: 10px;
}

#uploadModal .uploaded-item {
    margin: 0 auto;
}

    #uploadModal .uploaded-item img {
        max-width: 90%;
        margin: 0 auto;
        display: block
    }

.uploaded-item img {
    width: 100%
}

@media (max-width: 600px) {
    #uploadModal .uploaded-item img {
        max-width: 250px;
        max-height: 245px;
    }

    .clientSiteLink {
        position: relative;
        float: right;
    }
}



.upload-limit {
    display: none
}

.uploaded-item.uploaded-document .title {
    margin-left: 20px;
    margin-right: 10px;
    line-height: 32px;
}

.uploaded-items {
    margin-left: 10px;
    margin-top: 10px;
    border-top: 1px dotted lightgrey
}

.viewResponse .title {
    margin-bottom: 5px;
    font-weight: bold;
}

.viewResponse.shared {
    border-right: 1px dashed lightgrey
}

.form-response-left {
    width: 40%;
    position: fixed;
    overflow-y: auto;
    max-height: calc(100vh - 229px);
    top: 49px;
    min-height: 400px;
    height: calc(100% - 60px);
}

    .form-response-left .category {
        text-align: left;
        margin-left: 5px
    }

.form-response-right {
    margin-left: calc(40% + 57px);
}

.iq-form .currentPage {
    font-size: 12px;
    color: lightgrey
}

.iq-form .readOnlyMode {
    color: lightgrey;
    font-size: 12px;
}

.gallery-item-links a {
    margin-right: 10px;
}

.video-capture-box {
    width: 100%;
    height: 364px;
    background-image: url('/Content/images/common/icon-member.png');
    background-size: 100px;
    background-position: center;
    background-color: lightgrey;
    background-repeat: no-repeat;
    position: relative;
}

.video-countdown {
    width: 100%;
    height: 100%;
    text-align: center;
    color: red;
    font-size: 40px;
    padding-top: 22%;
    position: absolute;
    z-index: 10;
    display: none;
}

.video-countdown {
    width: 100%;
    height: 100%;
    text-align: center;
    color: red;
    font-size: 40px;
    padding-top: 22%;
    position: absolute;
    z-index: 10;
    display: none;
}

    .video-countdown.counting {
        font-size: 112px
    }

.background-countdown.inital {
    background-color: rgba(0,0,0,0.5)
}

.video-recorded {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    z-index: 5;
    width: 100%;
    height: 100%
}

.video-capture {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    height: 100%
}

.video-play-button {
    display: none;
}

.video-start-recording {
    width: 100%;
    font-size: 17px
}


    .video-start-recording:before {
        content: "\f111";
        font-family: FontAwesome;
        margin-right: 6px;
        color: red;
    }

.video-elapsed-time {
    color: white
}

.video-done {
    font-size: 62px;
    background-color: white;
    color: red;
    text-align: center;
    padding-top: 28%;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 12;
    display: none
}

.video-recording-label {
    color: white;
    margin-right: 10px;
}

    .video-recording-label.recording {
        color: red;
    }

    .video-recording-label.ready {
        color: green;
    }

.video-capture-wrap {
    max-width: 523px;
    width: 100%;
    border: 19px solid #090909;
    margin-top: 10px;
}

.video-capture-stats {
    width: 322px;
    font-size: 13px;
    margin-bottom: 0px;
}

.background-countdown.inital {
    background-color: rgba(0,0,0,0.5)
}

.video-recorded {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    z-index: 5;
    width: 100%;
    height: 100%
}

.video-capture {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    width: 100%;
    height: 100%
}

.video-capture-toolbar {
    width: 100%;
    padding-top: 5px;
    background-color: #090909;
    color: white
}

.video-play-button {
    display: none;
}

.video-start-recording {
    margin-top: 12px;
}

    .video-start-recording:before {
        content: "\f111";
        font-family: FontAwesome;
        margin-right: 6px;
        color: red;
    }

.video-elapsed-time {
    color: white
}

.video-done {
    font-size: 62px;
    background-color: white;
    color: red;
    text-align: center;
    padding-top: 28%;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 12;
    display: none
}

.video-recording-label {
    color: white;
    margin-right: 10px;
}

    .video-recording-label.recording {
        color: red;
    }

    .video-recording-label.ready {
        color: green;
    }

.video-capture-wrap {
    max-width: 523px;
    width: 100%;
    border: 19px solid #090909;
    margin-top: 10px;
}

.video-capture-stats {
    width: 322px;
    font-size: 13px;
    margin-bottom: 0px;
}

.video-remaining-overlay {
    position: absolute;
    z-index: 20;
    width: 25px;
    height: 41px;
    right: 5px;
    top: 0;
    display: none;
    font-size: 46px;
    color: red;
    font-weight: bold;
    text-align: right;
}

.video-recording-overlay {
    font-size: 31px;
    position: absolute;
    top: 0;
    left: 11px;
    z-index: 25;
}

    .video-recording-overlay .glyphicon-record {
        display: none;
    }

.video-capture-stats th {
    text-align: center
}

.form-status-bar {
    position: absolute;
    right: 109px;
    width: 361px;
    text-align: right;
    padding-top: 6px;
}

    .form-status-bar .loading {
        margin-left: 10px;
    }

.form-video-player {
    max-width: 100%
}

.required.invalid,
.question.hasProbe:not(.probeResponded).probeInvalid {
    border: 1px solid red
}

.Checkbox.invalid {
    border: 1px solid red
}

body .question {
    position: absolute;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
}

#questions .question, .form .question {
    position: relative
}

#pane-gallery .form-group {
    padding-bottom: 15px;
}


.question-category {
    font-size: 11px;
    color: #a59d9d;
    text-align: right;
    border-top: 1px solid lightgrey;
    padding-top: 4px;
    margin-bottom: -16px;
    text-transform: uppercase;
    margin-top: 12px;
    height: 38px;
}

.discussionpostDesc .gallery-tile {
    margin-top: 0;
    padding-top: 0;
}

.gallery-view-loading {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(40,40,40,0.5);
    color: white;
    top: 0;
    left: 0;
    border-radius: 5px
}

    .gallery-view-loading img {
        display: block;
        margin: 50% auto
    }

.gallery-item {
    position: relative
}

.engagement-member-icon {
    position: absolute;
    display: none;
    width: 23px;
    top: 0px;
    max-height: 23px;
    overflow: hidden;
    border-radius: 5px;
}

    .engagement-member-icon img {
        width: 100%;
    }

.engagement-responses {
    position: relative;
    height: 31px;
    overflow: hidden;
    background-color: #e9e3e3;
    padding: 4px;
    border-radius: 0 0 7px 7px;
}

.engagement-banner {
    border-radius: 7px 7px 0 0;
    width: 100%;
}

.btn.btn-engagement {
    background-color: #292929;
    color: white;
    border-width: 0px;
    margin-right: 0px;
    margin-top: 5px;
}

.engagement-item .note {
    margin-top: 5px;
    margin-left: 5px;
    font-size: 11px
}

#galleryZoomMainBanner {
    min-height: 80px;
}

#galleryZoomMain {
    min-height: 400px;
    display: none
}

#galleryZoomMainBannerContent {
    min-width: 400px;
}

    #galleryZoomMainBannerContent h4 {
        font-size: 23px;
    }

.vote.btn.liked * {
    color: white
}

.vote.btn.unliked * {
    color: lightgrey
}

.plupload_header_content {
    display: none;
    border: none;
}
/*.plupload_wrapper {
    min-width: 0 !important
}

.plupload_content {
    height: 150px !important;
    position: relative !important
}

.plupload_filelist_footer {
    position: relative !important
}*/
.preview-uploaded-video {
    width: 100%;
    max-width: 500px;
    max-height: 100%
}

.analytics-form-response h3 {
    border-bottom: 1px dotted black;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

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

.response-member-name {
    padding: 10px;
    background-color: #6d9ab4;
    color: white;
    border-radius: 10px 10px 0 0
}

    .response-member-name a {
        color: white;
    }

.form-responses {
    border: 1px solid black;
    border-radius: 0 0 10px 10px;
    padding: 20px
}

.response-member-name h3 {
    margin: 0;
    padding: 0;
}

.analytics-form-member-responses {
    margin-top: 10px
}

.num-responses,
.num-probes {
    font-size: 75%
}



.modal-body {
    max-height: calc(100vh - 80px);
    overflow-y: auto;
}


.form-analytics-buttons div {
    margin-right: 14px;
    font-size: 12px;
}

.form-analytics-buttons .switchery {
    margin-left: 5px;
}

.feedback-author {
    margin-left: 40px
}


.text-content img {
    max-width: 100%;
}

.banner-image {
    max-width: 100%
}

.gallery-item-inner {
    background-color: #fdfdfd;
    border-radius: 5px;
    color: black;
    margin-top: 34px;
    border: 1px solid #eee;
    border-top-width: 0px;
    font-size: 13px;
}

.gallery-item-author-section {
    border-top: 1px solid #f6f0f0;
    padding: 10px;
    font-size: 12px;
}

.gallery-item-inner h4 {
    cursor: pointer;
    background-color: #333333;
    color: white;
    padding: 10px;
    margin: 0px;
    border-radius: 5px 5px 0 0;
}

.gallery-item-description {
    padding: 10px;
    color: black
}

.analytics-themes .highlight {
    background-color: yellow;
}

.analytics-themes .verbatim-result {
    border-bottom: 1px solid lightgray;
    padding: 7px;
}

    .analytics-themes .verbatim-result:hover {
        background-color: lightgray;
    }

.analytics-themes .word-list {
    background-color: #f0f0f0;
    margin-right: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 5px;
    border-radius: 5px;
    display: inline-block;
}

.analytics-themes a:hover {
    text-decoration: none;
}

#homepage.content-media {
    background-color: transparent;
    margin-top: 0px;
}

.heading-image .mobile-separator {
    display: none;
}

.logon-box .title {
    font-size: 28px;
    color: white;
    padding-bottom: 30px;
    margin-left: 15px;
    padding-top: 24px;
}

.nav-home-icon {
    height: 50px;
}


.main-page-button {
    height: 60px;
    padding-top: 20px;
}

.all-galleries-module .banner-image {
    width: 100%;
}

.section-heading h3 {
    margin: 0px;
}

.section-heading {
    margin-bottom: 20px;
}

.home-module .carousel-inner .banner-image {
    width: 100%;
}




.navbar-toggle {
    right: 0;
}

img,
video {
    max-width: 100%;
}

.form-logic-item label {
    padding-left: 5px;
    padding-right: 5px;
}

.form-rule,
.form-pipe,
.form-cell {
    border-bottom: 1px solid grey;
    margin-bottom: 28px;
    padding-bottom: 26px;
    margin-top: 13px;
}


.hide-option-by-rule,
.hidden-by-rule {
    display: none;
}

.shown-by-rule {
    display: block !important
}

.hidden-by-rule.shown-by-rule {
    display: none !important
}

.iq-form .question-hidden {
    display: none;
}

.iq-form.admin .question-hidden {
    border: 1px dashed lightgrey;
    color: grey;
    display: block;
}

#terminate-page {
    display: none;
}

.condition-question-values, .form-rule-action-questions,
.form-pipe-target-questions {
    margin-top: 20px;
    margin-bottom: 20px;
}

.question-page-1-break {
    background-color: black;
    color: white;
    text-align: center;
    border-radius: 7px;
    margin-left: 393px;
    width: calc(100% - 425px);
}

.question-page-and-number {
    text-align: right;
    margin-bottom: 10px;
    margin-top: -7px;
}

.rule-question-option {
    background-color: white;
    padding: 9px;
    width: 100%;
    margin: 2px;
    height: 100%;
    color: black;
    font-weight: normal;
    border-radius: 0px 7px 0px 0;
    padding-left: 15px;
    border: 1px solid lightgrey;
}

.rule-question,
.pipe-question,
.loop-question,
.randomisation-question {
    background-color: white;
    padding: 9px;
    width: 100%;
    margin: 2px;
    height: 100%;
    color: black;
    font-weight: normal;
    border-radius: 0px 7px 0px 0;
    padding-left: 15px;
    border: 1px solid lightgrey;
}

    .rule-question .question-type {
        font-size: 10px;
        float: right
    }

    .rule-question input {
        visibility: hidden
    }

    .rule-question-option.selected,
    .rule-question.selected,
    .pipe-question.selected,
    .loop-question.selected,
    .randomisation-question.selected {
        background-color: #266e33;
        cursor: pointer;
        color: white;
    }

    .rule-question-option:hover,
    .rule-question:hover,
    .pipe-question:hover,
    .loop-question:hover,
    .randomisation-question:hover {
        background-color: #b3ebbd;
        cursor: pointer;
        color: #474040;
    }


    .rule-question-option.selected:before,
    .rule-question.selected:before,
    .pipe-question.selected:before,
    .loop-question.selected:before,
    .randomisation-question.selected:before {
        font-family: FontAwesome;
        content: "\f00c";
        padding-right: 10px;
        color: white;
        font-size: 10px;
    }

.form-rule-conditions,
.form-cell-conditions {
    border-bottom: 1px solid lightgrey;
    margin-bottom: 7px;
    padding: 10px;
}

.rule-condition,
.cell-condition,
.pipe-condition {
    padding-top: 10px;
    padding-bottom: 10px
}

.rule-row-label {
    margin-top: 8px;
}

.loop-details,
.randomisation-details {
    margin-top: 14px;
}

.rule-heading,
.cell-heading,
.randomisation-heading,
.pipe-heading,
.loop-heading {
    padding: 10px;
    background-color: #f6f5f5;
}

.rule-delete-link {
}

.form-cell.invalid,
.form-rule.invalid,
.form-pipe.invalid,
.form-loop.invalid,
.form-randomisation.invalid {
    border: 1px solid red;
    padding: 10px;
}

.form-cell .invalid,
.form-rule .invalid,
.form-pipe .invalid,
.form-loop .invalid,
.form-limits .invalid,
.form-randomisation .invalid {
    border: 1px solid red
}

.form-cell .errors,
.form-rule .errors,
.form-pipe .errors,
.form-loop .errors,
.form-limits .errors,
.form-randomisation .errors {
    color: red;
}



.form-rule-actions,
.form-pipe-actions {
    padding: 10px;
}

.question-page {
    text-align: right;
    font-style: italic;
    margin-top: -4px;
    font-size: 11px;
    color: grey
}

.question-name,
.question-rules,
.question-pipes,
.question-loop,
.question-randomisation {
    text-align: right;
    font-style: italic;
    margin-right: 2px;
    margin-top: -4px;
    font-size: 11px;
    color: grey;
}

.question-loop,
.question-randomisation {
    margin-right: 5px;
}

.question-rules .rule-input, .question-rules .rule-output {
    margin-right: 3px;
    display: inline-block;
}

.question-rules .rule-hide {
    color: red;
}

.question-rules .rule-show, .question-rules .rule-skipto {
    color: green;
}

.rule-show:before {
    font-family: FontAwesome;
    content: "\f06e";
    font-style: normal;
    font-size: 14px;
    margin-right: 2px;
}

.rule-hide_option:before {
    font-family: FontAwesome;
    content: "\f06e";
    font-style: normal;
    font-size: 14px;
    margin-right: 2px;
    color: red;
}

.rule-hide-option:before {
    font-family: FontAwesome;
    content: "\f06e";
    font-style: normal;
    font-size: 14px;
    margin-right: 2px;
    position: absolute;
    left: -19px;
    color: red;
    top: 2px;
}

.anchor-option:before {
    font-family: FontAwesome;
    content: "\f13d";
    font-style: normal;
    font-size: 12px;
    margin-right: 2px;
    position: absolute;
    left: -19px;
    color: grey;
    top: 3px;
}

.exclusive-option:before {
    font-family: FontAwesome;
    content: "\f28d";
    font-style: normal;
    font-size: 12px;
    margin-right: 2px;
    position: absolute;
    left: -19px;
    color: grey;
    top: 3px;
}

.likertLabels .leftLabel,
.likertLabels .rightLabel {
    text-align: center;
    font-weight: normal;
    font-size: 12px;
}

.likert-title {
    text-align: left;
}

.likert-title-cell {
    max-width: 30%;
    width: 30%
}

.form-image-item.rule-hide-option:after,
.likert-title.rule-hide-option:after {
    right: 0px;
}

.rule-hide:before {
    font-family: FontAwesome;
    content: "\f070";
    font-style: normal;
    font-size: 14px;
    margin-right: 2px;
}

.rule-terminate:before {
    font-family: FontAwesome;
    content: "\f28d";
    font-style: normal;
    font-size: 14px;
    margin-right: 2px;
}

.rule-skipto:before {
    font-family: FontAwesome;
    content: "\f064";
    font-style: normal;
    font-size: 14px;
    margin-right: 2px;
}

.rule-input:before {
    font-family: FontAwesome;
    content: "\f11c";
    font-style: normal;
    font-size: 14px;
    margin-right: 2px;
}

.rule-details, .loop-details, pipe-details {
    margin-top: 10px;
}

.likert-table td, .likert-table th {
    text-align: center
}

.tracking-pixel {
    position: absolute;
    top: -500px;
    left: -500px;
    width: 1px;
    height: 1px;
}

    .tracking-pixel img {
        width: 1px;
        height: 1px;
    }

    .tracking-pixel iframe {
        width: 0px;
        height: 0px;
        border-width: 0px;
    }
/*progress bar for bootstrap-notify.js*/
[data-notify="progressbar"] {
    margin-bottom: 0px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 5px;
}

.btn.btn-metadata, .btn.btn-metadata:hover {
    background-color: white;
    color: grey;
    border: 1px solid lightgrey;
    padding-top: 6px;
    padding-bottom: 6px;
}

.bootstrap-select {
    width: 100%;
}

.task-info {
    position: absolute;
    top: 125px;
    margin-right: 15px;
    width: 90%;
    font-size: 12px;
    color: #333333;
}

.rule-input-question {
    color: black;
}

.rule-input-profilefield {
    font-style: italic;
}

#banners img {
    position: absolute;
    display: none;
}

#banners {
    margin-bottom: 10px;
}

.nav .dropdown-menu {
    max-height: 500px;
    max-width: none;
    overflow-y: auto;
    border-radius: 0px;
    min-width: 100%;
    position:relative;
}

.dropdown-menu {
    max-height: 500px;
    max-width: 350px;
    overflow-y: auto;
}

.feed-description {
    overflow-wrap: break-word;
    margin-bottom: 10px;
    margin-top: 10px;
}

.feed-item .dropdown-menu {
    border-radius: 10px;
}

.dropdown-menu > li > a {
    color: #1a1a1a !important;
    font-size: 13px;
}

    .dropdown-menu > li > a:hover {
        color: white !important;
    }

    .dropdown-menu > li > a.disabled {
        color: grey !important;
    }

.show-competition-statement {
    margin: 38px;
    font-size: 12px;
}


.old-nav .nav .dropdown-menu {
    max-height: 80vh;
    max-width: none;
    overflow-y: unset;
    border-radius: 0px;
}

.uploaded-item .webImage img {
    max-width: 300px;
}

.tablesorter-default td,
.tablesorter-default tr.even > td,
.tablesorter-default tr.odd > td {
    background-color: transparent;
}

.tablesorter tr.search-nomatch {
    display: none !important;
}

.tablesorter td.search-match {
    font-style: italic;
    font-weight: 600
}

.tablesorter .search-term-match {
    background-color: #f2f38a;
}

.tablesorter thead th {
    position: sticky;
    top: -1px;
    background-color: white;
    z-index: 100
}

#activity-toolbar {
    margin-bottom: 10px;
    background-color: white;
    padding-bottom: 7px;
    z-index: 10;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.activity-toolbar {
    background-color: #c0c0c0;
}

    .activity-toolbar button {
        margin: 0;
        border-radius: 0;
    }

.plaintext .mergeTags-vimeo {
    display: none !important
}

.plaintext .mergeTags-poll {
    display: none !important
}

.plaintext .mergeTags-group {
    display: none !important
}

.plaintext .mergeTags-rewards {
    display: none !important
}

.referafriendlink {
    font-size: 20px !important;
    width: 100%;
    height: 100%;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .referafriendlink {
        font-size: 12px !important;
    }

    .formConceptDescriptionBox {
         max-width: unset;
        display: inline-block;
         margin-left: 0px;
        vertical-align: top;
         font-size: unset; 
    }
}

#filter .filter-group-heading {
    background-color: #333333;
    color: white;
    padding: 10px 10px 4px 13px;
    margin: 0;
}

#filter .fields {
    background-color: rgb(237, 237, 237);
}

#filter .condition-row {
    background-color: rgb(241, 241, 241);
}

#filter .add-condition {
    background-color: rgb(241, 241, 241);
}

select option[disabled].heading {
    color: #f0ebeb;
    background-color: #333333;
}

select option[disabled].subHeading {
    color: black;
    background-color: #c7c2c2;
}





.ranking-item {
    display: flex;
    border: 1px solid grey;
    padding: 10px;
    border-radius: 7px;
    margin: 10px 0;
    cursor: move;
    background-color: white;
}

    .ranking-item[disabled] {
        cursor: auto;
        color: #555;
        border-color: #555;
        background-color: #eee;
    }

.profile-image {
    width: 46px;
    height: 46px;
    margin-right: 6px;
    border-radius: 23px;
    overflow: hidden;
}

    .profile-image img {
        width: 100%;
        overflow: hidden;
        margin-top: -2px;
    }

.profile-image-box {
    position: relative;
    width: 46px;
    height: 46px;
}

    .profile-image-box.admin .profile-popout {
        border-color: red;
    }

.feed-profile-icon.admin {
    color: red;
}

.profile-advocate-icon,
.profile-moderator-icon {
    position: ABSOLUTE;
    Z-INDEX: 10;
}

.profile-moderator-icon {
    font-size: 18px;
    right: -18px;
    top: -18px;
    width: 32px;
    height: 32px;
    border: 1px solid #bec6c7;
    border-radius: 32px;
    background-image: url('/Content/images/common/staff_logo.png');
    background-color: white;
    background-size: 30px 30px;
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

.profile-advocate-icon {
    font-size: 17px;
    top: -10px;
    right: -19px;
    border-radius: 15px;
    border-color: red;
    display: block;
    border: 1px solid transparent;
    background-color: #605959;
    width: 26px;
    height: 26px;
    padding-top: 4px;
    padding-left: 3px;
}


.profile-image-box.hasBadge .profile-popout {
    border-color: #40404d;
}

.profile-image-box.hasBadge .profile-popout-box {
    background-color: #5e5e5e;
    color: white;
    text-transform: uppercase;
}


.badge-type {
    margin-left: 10px;
    width: 40px;
    height: 100%;
    margin-left: 5px;
    position: relative;
}

.badges .default {
    filter: grayscale(1)
}

.iqbadge-type {
    width: 30px;
}

.iqbadge-level {
    width: 100%;
    height: 30px;
    margin-top: 5px;
}

.iqbadge {
    width: 29px;
    height: 29px;
    position: absolute;
}

.profile-popout {
    font-size: 10px;
    height: 100%;
}

    .profile-popout .badges {
        height: 100%;
    }

.iqbadge-title {
    max-width: 69px;
    display: inline-block;
    float: right;
    line-height: 15px;
    padding-top: 4px;
    text-align: center;
}

.numBadges {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 10;
    font-size: 13px;
    background-color: #5e5e5e;
    border-radius: 50%;
    height: 17px;
    width: 17px;
    padding-left: 5px;
    padding-top: 2px;
    line-height: 13px;
    color: #c9c7c7;
    font-weight: normal !important;
}

.feed {
    max-width: 1024px;
    margin-bottom: 45px;
    width: 100%;
}

    .feed .form-question-image-item {
        text-align: center;
    }

.media-thumbnail {
    max-width: 150px;
    max-height: 250px;
    margin: 5px;
    vertical-align: middle;
    border-radius: 5px;
}

.comment-thumbnail-container {
    background-color: transparent;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 57px;
    width: calc(100% - 57px);
}

.comment-thumbnail {
    max-width: 45%;
    max-height: 400px;
    border-radius: 10px;
    outline: none;
}

.media-progress {
    font-size: 12px;
    color: #777;
    position: absolute;
    bottom: 4px;
    right: 10px;
}

.feed-title-text-wrap a {
    color: #333333;
}

.feed-gallery {
    margin-top: 10px;
}

.feed-gallery-items {
}

.feed-gallery-item {
    width: 200px;
}

.feed-discussion-item-title,
.feed-gallery-item-title {
    font-weight: bold;
    margin-top: 10px;
    text-align: center;
    max-height: 40px;
    overflow: hidden;
}

.feed-gallery-item-image {
    height: 200px;
    width: 100%;
    overflow: hidden;
    background-color: white;
    text-align: center;
}

    .feed-gallery-item-image img {
        display: block;
        margin: 0 auto;
        width: auto !important;
        max-height: 150px;
        max-width: 150px;
        margin-top: 50%;
        transform: translateY(-50%);
        background-color: white;
    }

.feed-discussion-item-description,
.feed-gallery-item-description {
    text-align: center;
    font-size: 12px;
    color: #777;
    overflow: hidden;
}

.feed-discussion {
    padding-bottom: 5px;
}

.feed-gallery-item.seeMore .feed-gallery-item-image {
    background-color: black;
    color: white;
    text-align: center;
    font-size: 19px;
    padding-top: 90px;
}

.feed-action-buttons {
    font-size: 12px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 6px 30px;
    margin-top: 5px;
}

.feed-post-wrap .feed-post-comments {
    margin-left: 60px;
}

.feed-comment-add,
.feed-post-add {
    margin-bottom: 15px;
    margin-top: 10px;
}

    .feed-comment-add .content,
    .feed-post-add .content,
    .zoom-message-add .content {
        /*margin-top: 10px;*/
        border-radius: 10px;
        border: 1px solid lightgrey;
        padding: 5px;
        position: relative;
        margin-left: 57px;
    }

.zoom-message-add .content {
    margin: 0;
}

.edit-feed-box {
    border-radius: 10px;
    border: 1px solid lightgrey;
    padding: 5px;
    position: relative;
}

    .feed-comment-add textarea,
    .feed-post-add textarea,
    .edit-feed-box textarea,
    .zoom-message-add textarea {
        border-width: 0px;
        min-height: 2em;
        resize: none;
    }

    .feed-comment-add textarea,
    .feed-post-add textarea,
    .edit-feed-box textarea {
        max-height: 50vh;
        width: calc(100% - 40px);
    }

.zoom-message-add textarea {
    max-height: 88px;
    width: calc(100% - 25px);
    overflow: auto;
}

.feed-comment-add .buttons,
.feed-post-add .buttons,
.edit-feed-box .buttons,
.zoom-message-add .buttons {
    width: 90px;
    font-size: 14px;
    text-decoration: none;
    position: absolute;
    bottom: 6px;
    right: 0px;
}

.btn-post-options {
    vertical-align: top;
    width: 17px;
    font-size: 14px;
    text-decoration: none;
    right: 0px;
}

    .btn-post-options a {
        color: #a9a9a9;
    }

.selected .feed-comment-content .btn-post-options a {
    color: #eee;
}

.content .btn-post-options a {
    color: #337ab7;
}

.buttons a {
    padding-left: 3px;
    padding-right: 3px;
    font-size: 15px;
}

.feed a.btn-save {
    padding-left: 3px;
    padding-right: 3px;
    font-size: 13px;
    border: 1px solid #eeeeee;
    border-radius: 10px;
    background-color: #eeeeee;
    padding: 3px 6px;
    text-decoration: none;
    font-weight: normal;
}

    .feed a.btn-save span {
        padding-left: 4px;
        font-size: 10px;
        color: #7c8ab7;
    }

.feed-comment-add textarea:focus,
.feed-post-add textarea:focus,
.edit-feed-box textarea:focus,
.zoom-message-add textarea:focus {
    outline: 0;
}

.discussionCommentsViewPrev,
.discussionViewPrev {
    display: block;
    padding: 10px 10px 10px 10px;
    font-size: 13px
}

.profile-image {
    width: 46px;
    height: 46px;
    margin-right: 6px;
    border-radius: 23px;
    overflow: hidden;
    z-index: 2;
    position: relative;
}

.profile-popout-box {
    background-color: #ddd;
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 1;
    left: -2px;
    top: -2px;
    border-radius: 25px;
    border-width: 1px;
    border-style: solid;
    overflow: hidden;
}

.iqbadge-type-label {
    transform: rotate(-90deg);
    margin-top: 70px;
    text-align: left;
    width: 17px;
}

.iqbadge img {
    height: 100%;
    margin: 0 6px;
}

.side-bar {
    width: 338px;
    position: relative;
    min-height: 400px;
    overflow-x: hidden;
}

.mobile-bottom-nav {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100vw;
    height: 45px;
    background-color: #333;
    z-index: 999;
}

.reviews-mobile-bottom-nav {
    width: calc(100% + 30px);
    height: 45px;
    background-color: #333;
    z-index: 999;
    margin-left: -15px;
}

.nav-text-bottom {
    font-size: 10px;
    width: 100%;
    position: absolute;
    top: 13px;
    text-decoration: none;
}

.nav-bottom-option-wrap.selected {
    background-color: #555;
}

.nav-bottom-option-wrap {
    text-align: center;
    width: 50%;
    height: 100%;
    float: left;
    line-height: 40px;
    color: white;
    position: relative;
    font-size: 18px;
}

    .nav-bottom-option-wrap > a {
        color: white;
    }

.feed {
    background-color: white;
    font-family: 'Open Sans Medium', sans-serif;
}

.feed-title {
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    text-align: left;
    margin: 7px 0;
}

    .feed-title hr {
        width: 30px;
        height: 2px;
        color: #FDAF5D;
        background-color: #FDAF5D;
        margin-bottom: 10px;
        margin-top: 10px;
    }

.feed-item {
    width: 100%;
    background-color: white;
    margin: 0;
    padding: 5px 15px 0 15px;
    border-radius: 5px;
    position: relative;
}



.feed-image img {
    max-width: 100%;
    width: 100%
}

.feed-divider {
    border-bottom: 8px solid #ddd;
    margin: 0px -15px 2px -15px;
}

.feed-action-buttons {
    margin: 10px -15px 0px -15px;
}

.time-commitment img {
    margin-top: -4px
}

.incentive-amount img {
    margin-top: -7px
}

.feed-incentive {
    margin: 5px 0;
    color: #777;
    font-size: 12px;
}

.feed-reward {
    width: 100%;
    max-width: 420px;
    margin: 15px auto;
    text-align: center;
    position: relative;
}

    .feed-reward img {
        width: 100%;
    }

.feed-reward-amount {
    color: white;
    position: absolute;
    top: 25%;
    left: 0;
    right: 0;
    font-size: 600%;
}




.feed-item .btn-primary {
    display: block;
    float: right
}

.feed-body {
}

.feed-profile-icon {
    font-size: 40px;
    color: #f58220;
    margin: 0;
    padding: 0;
    line-height: 40px;
    width: 40px;
    color: #f58220;
    text-indent: 0px;
    margin-right: 20px;
}

.feed-title-icon {
    font-size: 40px;
    margin: 0;
    padding: 0;
    line-height: 40px;
    width: 40px;
    color: #f58220;
    text-indent: 0px;
    margin-right: 10px;
}

.feed-title-time-ago {
    font-size: 12px;
    font-weight: normal;
    color: #777;
}

.feed-comment,
.feed-post {
    margin-top: 10px
}

.feed-mention {
    margin-top: 15px;
    margin-bottom: 15px;
}

.feed-mention-divider {
    border-bottom: 1px solid #eee;
    margin: 10px -15px 0px -15px;
}

.feed-comment-content,
.feed-post-content {
    background-color: #eee;
    padding: 10px;
    border-radius: 10px;
    margin-left: 57px;
    width: calc(100% - 57px);
    overflow-wrap: anywhere;
}

.selected .feed-comment-content {
    background-color: #a9a9a9
}

.feed-title-text-wrap {
    width: calc(100% - 64px)
}

.feed-comment-actions,
.feed-post-actions {
    font-size: 12px;
    margin-left: 60px;
    margin-top: 2px;
    color: #777;
}

.feed-top-statement-line {
    display: none;
}

.feed-top-statement {
    padding: 0px 0px 5px 0px;
    font-size: 12px;
    color: #555;
}

.feed-top-divider {
    border-bottom: 1px solid #eee;
    margin: 5px -15px 2px -15px;
}

.feed {
    border-radius: 5px;
}

    .feed .form-question-image {
        margin-left: -25px;
        width: calc(100% + 50px);
        max-width: 414px;
    }

    .feed .icon {
        margin: 0;
        padding: 0;
        line-height: 40px;
        width: 40px;
        color: #f58220;
        text-indent: -5px;
    }

    .feed .media-item {
        overflow: hidden;
        width: calc(100% + 30px);
        margin-left: -15px;
        max-height: 50vh;
        position: relative;
    }

    .feed .media-item-image {
        max-width: 100%;
        min-width: 100%;
    }

    .feed .video-player {
        margin-left: -15px;
        width: calc(100% + 30px);
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .feed .like,
    .action-like .like {
        cursor: pointer;
        text-decoration: none;
    }

        .feed .like:hover,
        .action-like .like:hover {
            text-decoration: underline;
        }

        .feed .like.unliked,
        .action-like .like.unliked {
            color: #777;
        }

.caught-up-icon {
    margin: 10px auto;
    border-radius: 44px;
    border: 1px solid #f58220;
    width: 88px;
    height: 88px;
    padding: 13px 18px;
    color: #333333;
}

.caught-up i {
    font-size: 54px;
    color: #f58220;
}

.caught-up .feed-title {
    text-align: center;
}


.group-info-link {
    margin-top: 5px;
}

.select-discussion {
    width: 200px;
    padding: 10px;
}

    .select-discussion a:link, .select-discussion a:visited,
    .select-discussion a:focus {
        color: black;
        text-decoration: none;
    }

    .select-discussion.selected {
        background-color: #e3f6e3
    }

    .select-discussion .title {
        font-weight: bold;
    }

    .select-discussion img {
        margin: 5px 0
    }

.select-discussions-box {
}

#whatUpLocations, #saveWhatsUp {
    display: none;
}

#whatUpLocations {
    margin-left: 59px;
}



@media only screen and (max-width: 991px) {

    .show-background .panel-heading,
    .show-background .join-back-btn {
        text-align: center;
    }
}


.feed .error {
    color: red
}

.feed label input {
    margin-right: 10px;
}

#children .child {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-top: 1px solid lightgrey
}

.profileField-other {
    margin-left: 20px;
    display: none;
}

.profileField-option label {
    font-weight: normal
}

.profileField > form {
    margin-bottom: -1px;
}

.verification-code,
.mfa-code,
.email-code,
.redemption-code {
    width: 40px;
    margin-left: 10px;
}

.verifyMobile {
    display: none;
}

.feed-banner-image,
.feed-image {
    margin-left: -15px;
    width: calc(100% + 30px);
}

.partial-width {
    background-color: black
}

#ViewAllActivities, #ViewAllGroups, #ViewAllRewards {
    background-color: transparent;
    display: block;
    margin-top: 10px;
}

.group-info .corner-ribbon {
    font-size: 14px;
}

    .group-info .corner-ribbon a {
        color: white !important;
        background-color: transparent !important;
        right: 63px;
        position: relative;
        top: 0px;
        text-align: center;
        width: 78px;
    }

.group img,
.social img {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.social-info,
.group-info {
    padding: 5px 15px 5px 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.social .view-btn,
.group .view-btn {
    background-color: transparent;
    border-color: white;
    position: absolute;
    right: 15px;
    top: 168px;
    width: 80px;
    color: white;
}

    .social .view-btn:hover,
    .group .view-btn:hover {
        background-color: transparent;
        border-color: #ddd;
        color: black;
    }

.badges .badge-type-heading {
    font-size: 18px;
    max-width: 100px;
    text-align: center;
    height: 40px;
}

.badges .type {
    margin: 10px;
    text-align: center;
    position: relative
}

    .badges .type img {
        width: 60px;
        display: block;
        margin: 0 auto;
    }

.level-description {
    height: 72px;
}

.navBadges .level {
    width: 150px;
    height: 150px;
    border-radius: 5px;
    background: #00c3d5;
    text-align: center;
}

    .navBadges .level img {
        height: 70px;
        width: auto !important;
        position: absolute;
        left: 46px;
        top: 16px;
    }

.badges .level img {
    max-width: 100%;
    width: 50px;
    margin: 0 auto;
    display: block;
}

.badges .type .level.selected {
    background-color: #a6f8a6
}

.badges .type .level:not(.selected) img {
    filter: grayscale(100%);
}


.badge-level-number {
    position: absolute;
    display: block;
    top: 59px;
    right: 0;
    font-size: 23px;
}

.badge-level-type {
    font-size: 16px;
    font-weight: 600;
    color: white;
}

.badge-container {
    height: 80px;
    width: 80px;
    border-radius: 40px;
    background-color: white;
    margin: auto;
    margin-top: 10px;
    margin-bottom: 5px;
}

.badge-level-name {
    font-size: 13px;
    text-align: center;
    width: 100%;
    display: block;
    margin: 5px 0;
    color: #333333;
}


.heading-contents {
    display: flex;
    align-items: center;
}

.image-section {
    width: 75%;
    float: right;
    display: flex;
    align-items: center;
}

    .image-section > .brand-image {
        float: left;
        width: 80%;
        padding: 25px;
    }

    .image-section > .company-logo {
        float: right;
        width: 20%;
    }

.welcome-panel {
    width: 25%;
    float: left;
}

.welcome-title {
    color: white;
    font-size: 25px;
}

.reward-title {
    color: #333;
    font-weight: 700;
    font-size: 28px;
}

.reward-body {
    color: #666;
    font-size: 18px;
    padding-bottom: 10px;
    padding-top: 5px;
}

.claim-title {
    color: #333;
    font-size: 18px;
    font-weight: 700;
}

.claim-body {
    color: #666;
    font-size: 16px;
    padding-bottom: 10px;
}

.welcome-body {
    color: #333;
    font-size: 15px;
    padding-bottom: 10px;
}

@media screen and (max-width: 1156px) {
    .heading-contents {
        margin-right: 20px !important;
        margin-left: 20px !important;
    }
}

.byModerator {
    color: red;
}

.moderatorMuteMessage,
.moderatorBlankMessage {
    display: none;
    color: #f3e9e9;
    text-align: center;
    position: absolute;
    bottom: 64px;
    z-index: 100;
    width: 100%;
    background-color: RGBA(1,1,1,0.4);
}

.moderatorBlankMessage {
    bottom: 84px
}

.question-timer {
    text-align: right
}

.focusGroup-banner {
    border-bottom: 1px solid black;
    padding: 10px;
}

.countdown {
    font-size: 20px;
    text-align: center
}

.countdown-box {
    margin: 20px auto;
    text-align: center
}

.redirecting-box {
    margin: 20px auto;
    text-align: center;
    display: none;
}

.focusgroup.participant .question[data-launched="false"] {
    display: none;
}

.focusgroup.moderator .question[data-launched="false"] {
    border: 1px dotted lightgrey
}

.focus-group-info-banner {
    border-bottom: 1px solid black;
    padding-bottom: 10px;
    margin-bottom: 10px;
    background-color: white;
    z-index: 100;
    width: 100%
}

    .focus-group-info-banner div {
        float: left;
        margin-left: 10px;
    }

.question-timer-countdown {
    text-align: right;
}

    .question-timer-countdown.done {
        color: red
    }

.focusgroup .response-cnt {
    margin-right: 10px;
}

#extend-time {
    position: absolute;
    width: 135px;
    display: none;
    padding: 10px;
    background-color: #f2f0f0;
    border-radius: 10px;
}

.focusgroup .message {
    margin: 10px 0;
}

#send-message-box {
    position: absolute;
    display: none;
}

.pop-up-banner h4 {
    margin-top: 0px;
    overflow: hidden;
    height: 19px;
}

.pop-up-banner .fa {
    font-size: 16px;
    margin-right: 14px;
}

.close:focus {
    outline: none;
}

.pop-up-window {
    display: none;
    top: 100px;
    position: fixed;
    z-index: 1000;
    border-radius: 10px;
    background-color: white;
    border: 1px solid lightgrey;
}

.pop-up-banner {
    background-color: #e8e1e1;
    cursor: move;
    margin-left: -11px;
    margin-right: -11px;
    height: 33px;
    margin-top: -10px;
    padding: 7px 14px 4px 15px;
    border-radius: 10px 10px 0 0;
    color: #382828;
    margin-bottom: 10px;
}

.resizable {
    position: relative;
}

.pop-up-window-body {
    padding: 10px;
    max-height: 910px;
    max-width: 1000px;
    min-height: 136px;
    min-width: 300px;
    width: 600px;
}


.pop-up-window .resizable.minimised {
    width: 400px;
    height: 357px;
}

.banner-icon {
    width: 33px;
    height: 33px;
    text-align: center;
    padding-top: 7px;
}

    .banner-icon > a > i {
        color: #1a1a1a;
    }

.banner-icon-container {
    float: right;
    margin-right: -15px;
    margin-top: -7px;
}

.pop-up-window .resizable.maximised {
    width: 90vw;
    max-height: 90vh
}

.profile-message-box {
    margin: 10px 0;
}

    .profile-message-box .title {
        font-weight: bold;
    }

    .profile-message-box .message {
        margin: 0;
        width: calc(100% - 65px);
    }

    .profile-message-box .profile-image {
        width: 40px;
        margin-right: 10px;
    }

        .profile-message-box .profile-image img {
            width: 100%;
            border-radius: 10px;
        }

.focusgroup .badge {
    top: -9px;
    position: relative;
    left: 2px;
    background-color: red;
}

.focusgroup .question-banner {
    border-bottom: 1px solid lightgrey;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

    .focusgroup .question-banner .question-name {
        font-weight: bold;
    }

.question-banner .visibility {
    margin-right: 10px;
    font-size: 24px;
    line-height: 24px;
    margin-top: -2px;
}

    .question-banner .visibility .fa-eye {
        color: green;
    }

    .question-banner .visibility .fa-eye-slash {
        color: red;
    }

.focusgroup.participant .question {
    margin-left: 25px;
}

.focusgroup .question-icon {
    position: absolute;
    left: -23px;
    top: 0px;
    font-size: 40px;
    width: 40px;
    color: #f2ebe5;
}

    .focusgroup .question-icon img {
        border-radius: 10px;
    }

.focusgroup .form .question {
    margin-top: 18px;
    margin-bottom: 18px
}

textarea#questionText {
    height: 100px;
}

textarea.form-control,
input[type='text'].form-control {
    font-size: 16px
}
/*This is needed so mobiles dont zoom on textboxes and stuff the screen layout*/
.toggle:not(.toggle-container .toggle) {
    background-color: grey;
    padding: 10px;
    text-align: center;
    color: white;
    text-decoration: none;
}

    .toggle:not(.toggle-container .toggle).selected {
        background-color: #91db91;
        color: black;
    }

    .toggle:not(.toggle-container .toggle):hover,
    .toggle:not(.toggle-container .toggle):active,
    .toggle:not(.toggle-container .toggle):focus {
        text-decoration: none;
        color: white;
    }

#show-question-responses .minimised {
    width: 473px
}

#observers .member,
#members .member {
    margin-left: 10px;
    width: 180px;
}

    #members .member.online .status,
    #observers .member.online .status {
        color: green;
    }

    #members .member.offline .status,
    #observers .member.offline .status {
        color: red;
    }

#question-responses .tab-content {
    overflow-y: auto;
    overflow-x: hidden
}

.nav.nav-tabs.focusGroup-responses {
    background-color: transparent;
    border-bottom: 1px solid #dddddd;
}

    .nav.nav-tabs.focusGroup-responses a {
        color: black;
    }

#show-question-responses .form-question-image {
    width: 80px;
}

.popup-footer {
    margin: 10px 0
}

.focusgroup .form #responses .question {
    margin: 0;
    padding: 0;
}

.save-video-capture {
    display: none;
    width: 48%;
    float: right;
    font-size: 17px;
}

    .save-video-capture:before {
        content: "\f093";
        font-family: FontAwesome;
        margin-right: 6px;
        color: green;
    }

.video-capture-status .started:before {
    content: "\f111";
    font-family: FontAwesome;
    margin-right: 6px;
    color: red;
}

.video-capture-status .stopped:before {
    content: "\f04c";
    font-family: FontAwesome;
    margin-right: 6px;
    color: black;
}

.video-capture-status .uploaded:before {
    content: "\f093";
    font-family: FontAwesome;
    margin-right: 6px;
    color: green;
}

#focusgroup-sessionEnded {
    margin: 15px 0;
    padding: 11px;
    background-color: lightblue;
    font-weight: bold;
}

span.questionHasInputPopulatePipe:before {
    font-family: FontAwesome;
    content: "\f063";
    font-style: normal;
    font-size: 14px;
    margin-right: 2px;
}

span.questionHasOutputPipe:before {
    font-family: FontAwesome;
    content: "\f062";
    font-style: normal;
    font-size: 14px;
    margin-right: 2px;
}

span.questionIsPipeCondition:before {
    font-family: FontAwesome;
    content: "\f062";
    font-style: normal;
    font-size: 14px;
    margin-right: 2px;
}

.task-card-title {
    max-height: 43px;
    overflow: hidden;
}

.task-card-short-desc {
    padding-top: 7px;
    max-height: 77px;
    overflow-y: hidden;
    font-size: 13px;
}

.task-card-status-desc {
    margin-top: 10px;
}

.activity-ribbon,
.reward-ribbon {
    position: absolute;
    right: 0;
    z-index: 100;
    width: 130px;
    text-align: center;
    margin-right: 15px;
    height: 22px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    color: white;
    font-size: 12px;
    font-weight: 600;
    padding-top: 1px;
}

    .activity-ribbon a,
    .reward-ribbon a,
    .activity-ribbon.open a,
    .reward-ribbon.open a {
        color: white;
        background-color: transparent;
    }

    .activity-ribbon span,
    .reward-ribbon span {
        vertical-align: middle;
        display: inline-block;
    }

.owl-dots button {
    outline: none;
}

.activity-box,
.reward {
    border-radius: 5px;
    height: 250px;
    max-height: 250px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 13px;
}

.social-title, .group-title {
    margin-top: 0;
    line-height: 22px;
    font-size: 16px;
    font-weight: 600;
    max-width: 75%;
    overflow: hidden;
    white-space: pre-wrap;
    color: white;
}

.header-bar {
    position: absolute;
    height: 40px;
    width: 100%;
    left: 0;
    top: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #d6de27;
}

.info-label {
    float: left;
    font-weight: normal;
}

.data-label {
    float: right;
    font-weight: normal;
    color: #333 !important;
}

.summary-separator {
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
}

.task-icon {
    line-height: 24px;
    height: 24px;
    font-size: 24px;
    margin-right: 1px;
    margin-left: -5px;
}



/* NavBar
-------------------------------------------------- */

#navbar-container {
    margin-bottom: 100px
}

.navbar-container {
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 1000;
}

.navbar {
    border-width: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    box-shadow: none;
    margin: 0 auto;
}


.nav-icon-section {
    float: none;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
}

#nav-profile-section {
    float: right;
    display: flex;
    justify-content: space-between;
}


.nav-icon-section a.nav-menu-main {
    color: white;
}

li.nav-main-menu > a:hover,
li.nav-main-menu > a:active,
li.nav-main-menu.open > a:focus,
li.nav-main-menu.open > a:active,
li.nav-main-menu.open > a:hover {
    background-color: black;
    color: white;
}

.nav-item-title {
    display: inline-block;
    margin-left: 8px;
    vertical-align: top;
    text-align: left;
    font-size: 15px;
    font-weight: normal;
    line-height: 30px;
}

.nav-icon-section .nav-main-menu i,
#nav-profile-section .nav-main-menu i {
    font-size: 18px;
    display: inline-block;
    padding-top: 6px;
}

.nav-profile {
    border-bottom: 1px solid #3f3d3d;
}

#navMenu a {
    color: white;
}

    #navMenu a:hover {
        color: black;
        background-color: white;
    }

.nav-profile-image {
    width: 50px;
    height: 50px;
}

.nav-profile-name {
    margin-top: 6px;
    margin-left: 10px;
    color: white;
}

.nav-profile-screenname {
    font-size: 18px;
    color: white;
    display: block;
    font-weight: 500;
}

.nav-profile-link {
    font-size: 12px;
    color: white;
    display: block;
    margin-top: -4px;
}

.burger {
    margin-right: 11px;
    font-size: 24px;
    color: white;
    margin-top: 9px;
}

#navMenu {
    display: none;
    position: fixed;
    top: 50px;
    width: 100vw;
    background-color: black;
    z-index: 200;
    right: 0;
    padding: 10px;
    max-width: 414px;
    max-height: 80vh;
    overflow-y: auto;
    color: white;
}


.navddMenu {
    display: none;
    width: 94vw;
    overflow: auto;
    background-color: white;
    color: black;
    position: absolute;
    z-index: 100;
    top: 50px;
    left: 3vw;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 25px 25px 0px 25px;
    border-bottom: 1px solid #ddd;
    max-height: 390px;
    border-top: 1px solid #ddd
}


#navSocialMenu .social,
#navGroupsMenu .group,
.reward-menu .reward,
.reward-menu .points {
    max-width: 400px;
    width: calc(100vw - 51px);
    height: 210px;
    background-color: #00c3d5;
    color: #7a7373;
    border-radius: 5px;
}

.nav .owl-carousel .owl-stage {
    display: flex;
    overflow-x: hidden;
}

.navddMenu .title {
    font-size: 19px;
    color: black;
}

.task-info-desc {
    margin-bottom: 10px;
    margin-top: 5px;
}

#navActivitiesMenu .activity .icon {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    margin-top: 2px;
    font-size: 22px;
    line-height: 24px;
}

#navActivitiesMenu .activity {
    margin-bottom: 10px;
    max-width: 400px;
    width: calc(100vw - 50px);
    height: 254px;
}

.nav-dropdown {
    display: none;
    color: white;
    position: absolute;
    z-index: 100;
    top: 50px;
    border-bottom: 2px solid #eee;
    max-height: 90vh;
    min-width: 200px;
    overflow-y: auto;
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        width: 100vw;
        position: absolute;
    }
}

.nav-dropdown .nav a:link,
.nav-dropdown .nav a:visited {
    color: black;
    background-color: white;
}

.nav-dropdown .nav a:hover {
    background-color: black;
    color: white;
}

.nav-dropdown .nav > li > a {
    padding: 8px 12px;
}




.nav-icon-section > li:focus,
.nav-icon-section > li:hover {
    outline: none;
}

#nav-profile-section .profile-image {
    width: 40px;
    height: 40px;
    border-radius: 20px;
}

    #nav-profile-section .profile-image img {
        margin-top: -9px;
    }

#nav-profile-section .profile-popout-box {
    width: 44px;
    height: 44px;
}

#profile-name-div {
    border-right: 2px solid #FFF;
    padding-top: 10px;
    padding-right: 15px;
    margin-top: 5px;
}

#nav-profile-section .nav-profile-screenname {
    font-size: 15px;
}

.navbar-items {
    max-width: 1156px;
    margin: auto;
}


.old-navbar .navbar-nav > .active > a,
.old-navbar .navbar-nav > .active > a:hover,
.old-navbar .navbar-nav > .active > a:focus {
    color: black;
}


.navbar-nav li.active a + span {
    display: block;
}

.navbar-container .old-navbar {
    font-weight: 700;
}


.navbar-nav .badge {
    background-color: #D40606;
    position: absolute;
    top: 0;
    right: 5px;
}



.nav-home-icon {
    margin-left: 10px;
}

.nav-icon-large {
    margin-top: 5px;
    height: 80px;
}

.nav-icon-small {
    display: none;
    margin-top: 0px;
    height: 50px;
}

#under-nav {
    width: 100%;
}

.feed-item-description {
    margin-bottom: 17px;
    line-height: 30px;
}

#hasChildren {
    margin-top: 10px
}


@media only screen and (max-width: 1110px) {
    .nav-text:not(.nav-text-bottom) {
        display: none
    }
}


#reviewFiltersButton {
    display: none;
}

#sortOrderHeading,
#filterHeading {
    display: none;
}

#reviewSortButton {
    display: none;
}

#reviewsDropdownFilterButton {
    display: none;
}

@media (max-width: 900px) {
    #reviewsDropdownFilterButton {
        display: block;
    }

    .reviewsDropdowns {
        display: none;
    }

    .review-themes-box,
    .regenerateReviewTags {
        display: none;
    }

    #sortOrderHeading,
    #filterHeading {
        display: block;
    }

    .reviewFilters {
        display: none;
        border: 1px solid #cbc0c0;
        border-radius: 10px;
        padding: 15px;
    }

    .reviewsSortOrders {
        display: none;
        border: 1px solid #cbc0c0;
        border-radius: 10px;
        padding: 15px;
    }

        .reviewsSortOrders a {
            display: inline-block;
            width: 100%;
            padding: 2px;
        }

    #reviewSortButton {
        display: block;
    }

    #reviewFiltersButton {
        display: block;
    }

    #exportReviewItem {
        display: none;
    }
}

@media only screen and (min-width: 900px) {
    .feed {
        max-width: calc(100% - 350px);
        margin-bottom: 90px;
    }

    .side-bar {
        display: block;
    }

    .mobile-bottom-nav {
        display: none;
    }

    .reviews-mobile-bottom-nav {
        display: none !important;
    }
}

.accordion-content {
    margin: 0px;
    width: 300px;
}

@media only screen and (max-width: 1024px) {
    .accordion-inner {
        max-width: 100%;
        margin: 0 auto;
    }

    .accordion-content {
        margin: 0px;
        width: calc(100vw - 57px);
    }
}

.member-info a.data-label {
    color: black;
}

.member-info a:hover {
    color: black;
    text-decoration: underline
}


.card {
    width: calc(100% - 20px);
    max-width: 480px;
    min-height: 298px;
    text-align: center;
    padding: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%) scale(0.95);
    background-color: white;
    overflow: hidden;
    box-shadow: 2px 2px #efe8e8;
    height: calc(100% - 5px);
}

    .card img {
        max-height: 200px;
        user-select: none;
    }

.leftright {
    height: 413px;
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
}

.board {
    position: relative;
    height: 100%;
    margin: 60px auto 5px auto;
    width: 100%;
    overflow: hidden;
    background-color: rgb(245, 247, 250);
}

    .board .card * {
        pointer-events: none;
    }

.leftRightThanks {
    width: 100%;
    text-align: center;
    margin-top: 20px;
}

.form-lr-item {
    border-top: 1px solid #b5b2b2;
    padding-top: 5px;
}

.form-lr-item-heading {
    background-color: #ecf2f7;
    padding: 5px;
}

.flybuys-card {
    background-image: url(/Content/images/common/flybuys-CardBack.png);
    background-size: contain;
    height: 258px;
    background-repeat: no-repeat;
    margin: 0 auto;
    width: 100%;
    max-width: 380px;
}

.flybuys-card-numbers {
    width: 271px;
    position: relative;
    top: 93px;
    left: 10px;
}

.flybuys-card-number {
    width: 42px;
    margin-left: 3px;
    border-width: 0;
    padding: 4px !important;
}

.flybuys-error {
    display: none;
    color: red;
}

.tablesorter-main-row td {
    background-color: #fffbfb;
    border-bottom-width: 0px;
    border-top-width: 0px;
}

.tablesorter-childRow td {
    border-top-width: 0px !important;
}

#search-results {
    position: relative
}

.search-filter-box h4 {
    background-color: gainsboro;
    padding: 7px;
    margin: 0;
    font-size: 12px;
    font-weight: bold;
}

.search-filter-box {
    background-color: rgb(236, 236, 236);
    position: absolute;
    width: 300px;
    padding: 10px;
    z-index: 1;
}

.filter-row-label {
    padding-top: 6px;
    padding-bottom: 6px;
    border-bottom: 1px solid #e6dddd;
}

.search-filter-box label {
    font-size: 12px;
    display: block
}

#search-results-heading {
    border-bottom: 1px solid black;
    padding-bottom: 11px;
    margin-top: 26px;
}

.search-dropdown {
    display: inline-block
}

#library-search-results .icon {
    font-size: 24px;
}

#library-search-results .title {
    font-size: 16px;
}

.partialChecked {
    filter: grayscale(1);
}

#no-items-filter {
    display: none;
    padding-top: 20px;
}

.tooltip-inner {
    background-color: white;
    color: black;
}

.progress.leftright {
    height: 11px;
    margin-bottom: 13px;
}

    .progress.leftright .progress-bar {
        font-size: 8px;
        line-height: 12px;
    }

.response-detail .table {
    font-size: 11px;
}

    .response-detail .table > thead > tr > th {
        font-size: 13px;
    }

.card.noImage p {
    font-size: 32px;
    position: relative;
    top: 70px;
}

.rightLabel, .leftLabel, .centerLabel {
    font-size: 16px;
    font-weight: bold
}

body.embed .footer,
body.embed .navbar-fixed-top,
body.embed #navbar-container {
    display: none;
}

body.embed .content-media,
body.embed .admin-container {
    margin-top: 0px;
}

body.embed .btn-back {
    display: none;
}

body.embed {
    background-image: none;
    background-color: white;
}

    body.embed .wrap {
        width: 100%;
        max-width: calc(100% - 30px);
        min-height: 0%;
    }

body.embed {
    height: auto;
}

.feed-view-results {
    margin: 8px 0 8px 8px;
    font-size: 12px
}
/* The switch - the box around the slider */
.feed-switch {
    position: relative;
    display: inline-block;
    width: 23px;
    height: 13px;
    margin-bottom: 0px;
}
    /* Hide default HTML checkbox */
    .feed-switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }
/* The slider */
.feed-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .feed-slider:before {
        position: absolute;
        content: "";
        height: 9px;
        width: 9px;
        left: 2px;
        bottom: 2px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .feed-slider {
    background-color: #2196F3;
}

input:focus + .feed-slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .feed-slider:before {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
}
/* Rounded sliders */
.feed-slider.round {
    border-radius: 13px;
}

    .feed-slider.round:before {
        border-radius: 50%;
    }

.new-post-options {
    display: block;
    margin-left: 60px;
}

.new-post-options-label {
    font-size: 11px;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: -2px;
    color: #777;
    display: block;
    padding-top: 2px;
}

.float-div {
    position: fixed;
    display: none;
    background-color: white;
    border: 1px solid black;
    border-radius: 5px;
    width: auto;
    box-shadow: 0 2px 5px rgba(0,0,0,.5);
    border-radius: .2em;
    cursor: pointer;
}

.quotedtext {
    font-style: italic;
    color: orange;
}

.highlightext {
    color: #333;
    background: #ff0;
}

.tt-menu {
    overflow: hidden;
    max-width: 150px !important;
}

.mention-members {
    max-height: 200px;
    width: 200px;
}

.mentions-box {
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background-color: #fff;
    border-radius: 5px;
    width: 200px;
    position: absolute;
    display: none;
    z-index: 10;
}


.feed-description h1,
.feed-description h2,
.feed-description h3,
.feed-description h4,
.feed-description h5,
.feed-description h6,
.feed-description span {
    font-size: 14px !important;
    color: #333 !important;
    margin: 0px !important;
}

.gallery-tile {
    padding: 10px;
    display: inline-block;
    width: 337px;
    vertical-align: middle;
    max-width: 337px;
}
    .gallery-tile:hover,
    .gallery-tile.selected {
        background: #eee;
        border-radius: 5px;
    }

@media (max-width: 360px) {
    .gallery-tile {
        width: calc(100vw - 20px) !important;
    }

    .media-container {
        height: calc(100vw - 30px) !important;
    }
}

.media-container {
    overflow: hidden;
    padding: 0;
    margin: 0;
    height: 317px;
    width: 100%;
    background: white;
    display: flex;
    align-items: anchor-center;
    justify-content: center;
}

.gallery-title {
    font-weight: bold;
    margin-top: 5px;
    text-align: center;
    height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    margin-bottom: 0;
}

.media-container:hover {
    cursor: pointer;
}

.gallery-title:hover,
.gallery-description:hover {
    cursor: pointer;
}

.gallery-time-ago,
.gallery-description {
    text-align: center;
    font-size: 12px;
    color: #777;
    overflow: hidden;
}

.gallery-time-ago {
    padding-top: 3px;
}

.gallery-author {
    padding-top: 5px;
}

.media-container img {
    max-width: 200px;
    max-height: 200px;

    background-color: white;
}

.media-container video {
    width: 100%;
    height: 100%;
}

.gallery-detail {
    width: 95vw;
    max-width: 1200px;
}

.gallery-detail-header {
    padding: 20px 20px 10px 20px;
}

@media (max-width: 500px) {
    .gallery-detail-header {
        padding: 15px 15px 5px 15px !important;
    }
}

.gallery-detail-title {
    font-weight: 700;
    font-size: 18px;
    padding-top: 3px;
    margin-bottom: 5px;
    line-height: 22px;
}

.author-img {
    height: 25px;
    width: 25px;
    border-radius: 13px;
    border: 1px solid #eee;
    background: #eee
}

.author-screen-name {
    padding-left: 4px;
    font-size: 13px;
    display: inline;
}

.reward-content {
    overflow: auto;
    text-align: center;
    margin-top: 23px;
}

.reward-winner {
    display: inline-block;
    padding: 20px;
    min-width: 228px;
    background-color: #f7f7f7;
    border-radius: 10px;
}

.reward-winner-img-box {
    width: 50px;
    height: 50px;
    background-size: cover;
    border-radius: 25px;
}

.reward-winner .author-screen-name {
    font-size: 16px;
    display: inline;
    line-height: 47px;
    padding-left: 10px;
}

.startLoop {
    border-top: 1px dashed grey
}

.endLoop {
    border-bottom: 1px dashed grey
}

.startLoop:before {
    content: "Loop Start";
    font-style: italic;
}

.startRandomisation:before {
    content: "Randomisation Start";
    font-style: italic;
}

.endLoop:after {
    content: "Loop End";
    font-style: italic;
    padding-top: 17px;
}

.endRandomisation:after {
    content: "Randomisation End";
    font-style: italic;
    padding-top: 17px;
}

.startRandomisation {
    border-top: 1px dashed grey
}

.endRandomisation {
    border-bottom: 1px dashed grey
}


.questionInLoop {
    border-left: 1px dashed grey;
    border-right: 1px dashed grey;
}

.questionInRandomisation {
    border-left: 1px dashed grey;
    border-right: 1px dashed grey;
}

.loop-option {
    border-top: 1px dashed grey;
    margin: 29px 4px;
    padding-top: 5px;
}

.form-loop-options {
    border-top: 1px dashed grey;
    margin-top: 20px;
    padding-bottom: 10px;
}

.loop-option img {
    max-width: 900px;
}

.form-loop,
.form-randomisation {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid black;
}

.loop-add-option-link,
, randomisation-add-option-link {
    margin-left: 20px;
}

.loop-result,
.randomisation-result {
    margin-left: 35px;
}


.scoreTable {
    font-size: 12px;
}

    .scoreTable thead tr th,
    .concept-sorter thead tr th {
        font-size: 12px;
    }

.filterTitle {
    font-weight: bold;
}

.filter-description {
    font-size: 12px;
    padding: 0 10px;
}

.accordion {
    background-color: #333333;
    color: white;
    font-size: 15px;
    cursor: pointer;
    padding: 10px 15px 10px 15px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    transition: 0.4s;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    height: 45px;
}

.accordion-active {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.accordion-active, .accordion:hover {
    background-color: #333;
}

.accordion-panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-bottom: 10px;
}

.accordion:after {
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 5px;
}

.document-preview {
    height: 100%;
    width: 120px;
    padding-top: 20px;
    padding-bottom: 5px;
}

.document-icon {
    height: 60px;
    width: 60px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.carousel-title {
    margin-top: 5px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333;
    font-weight: 600;
}

.carousel-time-ago {
    font-size: 12px;
    font-weight: normal;
    color: #777;
    text-align: center;
}

.fast-fact {
    padding-top: 20px;
    padding-bottom: 5px;
}


.library-body::-webkit-scrollbar,
.stakeholder-side-panel-body::-webkit-scrollbar,
.reward-content::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

.library-body::-webkit-scrollbar-track,
.stakeholder-side-panel-body::-webkit-scrollbar-track,
.reward-content::-webkit-scrollbar-track {
    background: transparent;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.library-body::-webkit-scrollbar-thumb,
.stakeholder-side-panel-body::-webkit-scrollbar-thumb,
.reward-content::-webkit-scrollbar-thumb {
    background-color: #ddd;
    border-radius: 20px;
    border: 2px solid transparent;
}

    .library-body::-webkit-scrollbar-thumb:hover,
    .stakeholder-side-panel-body::-webkit-scrollbar-thumb:hover,
    .reward-content::-webkit-scrollbar-thumb:hover {
        background: #ccc;
    }

.stakeholder-side-panel {
    background-color: transparent;
    border-radius: 5px;
    top: 124px;
}

.library {
    display: grid;
    grid-template-rows: 81px auto;
}

.library-feed-string {
    display: none;
    width: 100%;
    padding: 50px;
}

@media only screen and (max-width: 1023px) {
    .stakeholder-side-panel, .library {
        display: none;
    }

    .stakeholder-side-panel {
        padding-top: 5px;
        padding-bottom: 5px;
        overflow: auto;
        top: 50px;
    }
}

.library-tab-show {
    display: grid;
    width: 100%;
    height: calc(100% - 94px);
}

.library-no-results {
    text-align: center;
    padding-top: 15px;
    font-size: 12px;
    color: #777;
}

.library-feed-section-heading {
    width: 100%;
    float: left;
    font-weight: 700;
    padding: 30px 10px 5px 10px;
    font-size: 16px;
}

    .library-feed-section-heading > div:hover {
        cursor: pointer;
    }

.library-body {
    overflow: auto;
}

.library-body,
.stakeholder-side-panel-body {
    height: 100%;
    padding-left: 4px;
    padding-right: 4px;
    display: inline-block;
    padding-bottom: 10px;
    width: 100%;
}

.library-feed-item {
    width: 33%;
    float: left;
}

@media only screen and (max-width: 1356px) {
    .library-feed-item {
        width: 50%;
    }
}

@media only screen and (max-width: 1023px) {
    .library-feed-item {
        width: 25%;
    }
}

@media only screen and (max-width: 500px) {
    .library-feed-item {
        width: 33%;
    }
}

@media only screen and (max-width: 480px) {
    .library-feed-item {
        width: 50%;
    }
}

@media only screen and (max-width: 300px) {
    .library-feed-item {
        width: 100%;
    }
}

.library-feed-item:hover {
    background-color: #eee;
    cursor: pointer;
}

.library-img-wrap {
    position: relative;
    width: 100%;
}

    .library-img-wrap:before {
        content: "";
        display: block;
        padding-top: 100%;
    }

.library-img-content > img {
    object-fit: cover;
    object-position: center center;
}

.library-img-content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #ddd;
    line-height: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.library-text-wrap {
    padding: 10px;
    height: 150px;
}

.library-item-title {
    font-weight: 700;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.library-item-type {
    font-size: 12px;
    font-weight: bold;
    max-height: 30px;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.library-item-subtitle {
    font-size: 12px;
    font-weight: normal;
    max-height: 78px;
    height: 78px;
    overflow: hidden;
}

.library-path {
    font-size: 12px;
    padding-top: 12px;
}

    .library-path > a:hover {
        cursor: pointer;
        text-decoration: underline;
    }

#fingerprint {
    display: none;
    position: absolute;
}

.hideNoBase, .hideBrandFilter, .hideExtensionSearch {
    display: none
}

.navbar-accent {
    display: none;
}

.edit-hideIfExists {
    background: #eee;
    color: #555;
}

.hideIfExists {
    display: none;
}

.tag-container {
    display: none;
    margin-left: 60px;
    margin-top: 2px;
}

.sentiment {
    text-decoration: none;
    padding-right: 3px;
}

    .sentiment.selected {
        color: black;
    }

.ai-sentiment-icon {
    font-size: 10px;
    font-style: italic;
    position: relative;
    top: -2px;
}

.save-button-container {
    width: 100vw;
    min-height: 70px;
    position: fixed;
    bottom: 0px;
    left: 0px;
    padding: 20px 5vw 20px 5vw;
    background: #333333f2;
    z-index: 999;
}

.approval-request-text {
    color: white;
}

.approval-request-message {
    /*    float: left;
    margin-top: 5px;
    margin-left: 10px;
    color: white;*/

    margin-bottom: 10px;
    color: white;
}

.tenantDirectLoginButton {
    text-align: center;
    margin-top: 10px;
    border-top: 1px solid #e9e7e7;
    padding-top: 10px;
}

.empty-message {
    position: absolute;
}

li.ui-sortable-helper {
    cursor: move;
}

.constant-sum-options-view li,
.constant-sum-selected-options li {
    cursor: pointer
}

.constant-sum-remaining-budget {
    font-weight: bold;
}

.constant-sum-over-budget-message {
    display: none;
    color: red;
}

.constant-sum-on-budget-message {
    color: green;
    display: none
}

.overbudget {
    color: red;
}

.onbudget {
    color: green;
}

.constant-sum-number {
    text-align: right;
    padding-right: 0px !important;
    max-width: 100px;
    min-width: 40px;
    margin-bottom: 10px;
}


input[type='range'].question-slider.control.notClicked:not(.startInMiddle)::-webkit-slider-thumb {
    opacity: 0;
}

input[type=range].showAsLineScale {
    height: 36px;
    -webkit-appearance: none;
    margin: 10px 0;
    width: 100%;
}

    input[type=range].showAsLineScale:focus {
        outline: none;
    }

    input[type=range].showAsLineScale::-webkit-slider-runnable-track {
        width: 100%;
        height: 1px;
        cursor: pointer;
        animate: 0.2s;
        box-shadow: 0px 0px 0px #000000;
        background: black;
        border-radius: 0px;
        border: 0px solid #000000;
    }

input[type=range].showAsLineScale {
    background-color: transparent;
    border-left: 1px solid black;
    border-right: 1px solid black;
}

    input[type=range].showAsLineScale::-webkit-slider-thumb {
        box-shadow: 0px 0px 0px #000000;
        border: 1px solid blue;
        height: 29px;
        width: 2px;
        border-radius: 0px;
        background: blue;
        cursor: pointer;
        -webkit-appearance: none;
        margin-top: -15px;
    }

    input[type=range].showAsLineScale:focus::-webkit-slider-runnable-track {
        background: black;
    }

    input[type=range].showAsLineScale::-moz-range-track {
        width: 100%;
        height: 1px;
        cursor: pointer;
        animate: 0.2s;
        box-shadow: 0px 0px 0px #000000;
        background: black;
        border-radius: 0px;
        border: 0px solid #000000;
    }

    input[type=range].showAsLineScale::-moz-range-thumb {
        box-shadow: 0px 0px 0px #000000;
        border: 1px solid blue;
        height: 29px;
        width: 1px;
        border-radius: 0px;
        background: blue;
        cursor: pointer;
    }

    input[type=range].showAsLineScale::-ms-track {
        width: 100%;
        height: 1px;
        cursor: pointer;
        animate: 0.2s;
        background: transparent;
        border-color: transparent;
        color: transparent;
    }

    input[type=range].showAsLineScale::-ms-fill-lower {
        background: #3071A9;
        border: 1px solid #000000;
        border-radius: 0px;
        box-shadow: 1px 1px 1px #000000;
    }

    input[type=range].showAsLineScale::-ms-fill-upper {
        background: #3071A9;
        border: 1px solid #000000;
        border-radius: 0px;
        box-shadow: 1px 1px 1px #000000;
    }

    input[type=range].showAsLineScale::-ms-thumb {
        margin-top: 1px;
        box-shadow: 0px 0px 0px #000000;
        border: 1px solid #12040B;
        height: 29px;
        width: 1px;
        border-radius: 0px;
        background: #080808;
        cursor: pointer;
    }

    input[type=range].showAsLineScale:focus::-ms-fill-lower {
        background: #3071A9;
    }

    input[type=range].showAsLineScale:focus::-ms-fill-upper {
        background: #3071A9;
    }

.question .slider {
    margin-top: 10px;
    margin-bottom: -7px
}

    .question .slider .rightLabel,
    .question .slider .leftLabel,
    .question .slider .centerLabel {
        font-size: 14px;
        font-weight: normal;
    }


.rotate {
    background-image: url(Content/images/common/rotate.png);
    background-repeat: no-repeat;
    background-size: 20%;
    min-height: 99px;
    padding-left: 129px;
    display: none;
    position: absolute;
    top: 0;
    height: 100%;
    left: -32px;
    background-position-x: 13px;
    background-color: white;
    padding-top: 20px;
    height: 100%;
    width: calc(100% + 73px);
    background-position-y: 10px;
}


@media only screen and (max-width: 600px) and (orientation: portrait) {
    .rotate {
        display: block;
    }

    .formProfileField.allowColumns {
        display: flex;
        align-items: stretch;
    }
}

.archived.hide {
    display: none;
}

.jstree-contextmenu {
    z-index: 1100
}

.copyTextBox input {
    width: calc(100% - 69px);
    display: inline-block;
    border-radius: 5px 0 0 5px;
    height: 35px;
    margin: 0;
}

.copyTextBox .btn {
    height: 35px;
    border-radius: 0 5px 5px 0;
    margin: -2px 0 0 -3px;
}

.jstree-contextmenu {
    z-index: 1100
}

.feed-points {
    position: relative
}

    .feed-points i {
        font-size: 79px;
        text-align: center;
        margin: auto;
        width: 100px;
        display: block;
        color: #f98624;
    }

.feed-points-amount {
    position: absolute;
    top: calc(50% - 90px);
    left: 50%;
    margin-left: -81px;
    font-size: 28px;
    color: white;
    font-weight: bold;
    background-image: url(/Content/images/common/star.png);
    background-position: center;
    background-size: cover;
    width: 188px;
    height: 185px;
    text-align: center;
    padding-top: 64px;
    line-height: 26px;
}

    .feed-points-amount a {
        color: white
    }

.myAccountIcon {
    color: #f58220
}

#myPointsTransactions .task-icon {
    font-size: 12pt;
    height: 12px;
    line-height: 12px;
}

#myPointsTransactions .myAccountIcon {
    margin-right: 7px;
}

.myPointsActivityDetail {
    margin-top: -5px;
    margin-left: 10px;
    width: calc(100% - 40px);
}

.quoteSubTotal {
    font-weight: bold;
    text-align: right;
}

#quotePeopleAccess table {
    width: 100%;
}

#quotePeopleAccess td {
    width: 25%
}

#quotePeopleAccess input,
#quoteSettings input {
    width: 80px;
}

.quoteError {
    color: red;
}

#projectQuotes {
    margin-bottom: 10px;
}

.projectQuoteDropDown tr:hover.selected td, .projectQuoteDropDown tr.selected td {
    background-color: green !important;
    color: white !important;
}

.projectQuoteDropDown thead tr th {
    font-size: 12px;
}

.table-points-settings tbody tr td.budget {
    padding-right: 28px;
}

.table-points-settings td,
.table-points-settings td input {
    text-align: right;
}

.table-points-settings tbody tr th {
    vertical-align: middle;
    text-align: center
}

.table-points-settings thead tr th {
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    color: black;
    font-weight: bold;
}

.quoteSection {
    border-top: 1px dashed black;
    margin-top: 10px;
    padding-top: 10px;
}

.pointsDescriptionPopOut {
    display: block;
    position: absolute;
    z-index: 1000;
    width: 100px;
    height: 50px;
    padding: 10px;
    background-color: white;
    border-radius: 5px;
}

.icon-points {
    width: 15px
}

.icon-points-big {
    width: 23px;
}

.icon-points-small {
    width: 10px
}

.redeem-button {
    border: 1px solid black;
    display: block;
    border-radius: 10px;
    background-color: black;
    color: white;
    padding: 10px;
    text-align: center;
    text-decoration: none;
}

    .redeem-button:hover {
        background-color: #377397;
        text-decoration: none;
        color: white;
        border-color: white;
    }

    .redeem-button span {
        font-size: 21px;
        margin-top: 6px;
        display: block;
    }

.feed-incentive-boxes {
    display: flex;
}

.feed-incentive-descriptions {
    font-weight: normal;
    font-style: italic;
}

.feed-points-earned {
    padding-top: 10px;
    font-size: 12px;
}

    .feed-points-earned i {
        margin-right: 10px;
        color: #f58220
    }




.feed-incentive-box {
    min-height: 40px;
    flex-grow: 1;
    flex: 1;
    background-color: #7a7373;
    padding: 4px;
    max-width: 120px;
    border-radius: 5px;
    margin-left: 5px;
    font-size: 11px;
    color: white;
    text-align: center;
}

.feed-incentive-box-amount {
    white-space: nowrap
}

.activity-box .incentiveAmount i, .activity-box .timeCommitment i {
    color: black;
    font-size: 14px;
    margin-bottom: 5px;
}

#navActivitiesMenu .task-card-info-box i {
    color: white;
}

#member-stats i {
    color: #f58220
}

#member-stats .viewlink {
    color: #00a7c7;
    font-size: 12px;
    padding-left: 5px;
    text-transform: lowercase;
}


.activity-edit-points {
    background-color: #fbfbfb;
    padding: 28px;
    margin-bottom: 10px;
}

.activityUrlModalMessage:before {
    color: green;
    font-family: "Font Awesome 7 Pro";
    content: "\f058";
    padding-right: 10px;
    font-weight: bold;
    font-size: 17px;
}

.activityUrlModalMessage.fail:before {
    font-family: "Font Awesome 7 Pro";
    content: "\f071";
    color: red;
    padding-right: 10px;
}

.assistant {
    padding: 0;
}

.breakout-room-title,
.assistant-title {
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
}

.zoom-messages-body {
    padding: 10px;
    display: flex;
    overflow-x: auto;
    flex-direction: column-reverse;
}

.zoom-stream-chat {
    height: 100%;
}

.send-btn {
    position: absolute;
    bottom: 5px;
    right: 8px;
}

.zoom-messages-body {
    height: calc(100% - 150px);
}

.zoom-add-message-wrap {
    padding: 10px;
    height: 120px;
}

.zoom-message-wrap {
    margin-top: 10px;
    width: 100%;
    padding-right: 20%;
    float: left;
}

.zoom-message-screenname {
    font-weight: 700;
}

.zoom-message-content {
    background-color: #eee;
    padding: 10px;
    border-radius: 10px;
    overflow-wrap: anywhere;
}

.zoom-message-time,
.zoom-announcement-time {
    font-size: 10px;
    margin-top: 2px;
    color: #777;
}

.zoom-announcement-wrap {
    width: 100%;
    font-size: 12px;
    color: #777;
    text-align: center;
    margin-top: 10px;
}

.zoom-message-time {
    margin-left: 5px;
}

.zoom-message-wrap.isSender {
    float: right;
    padding-right: 0;
    padding-left: 20%;
}

    .zoom-message-wrap.isSender .zoom-message-content {
        background-color: #adf;
    }

    .zoom-message-wrap.isSender .zoom-message-time {
        margin-right: 5px;
        margin-left: 0;
        float: right;
    }

.stream-nav-icon {
    height: 38px;
    padding-right: 12px;
}

.stream-title-banner {
    width: 100%;
    height: 50px;
    background-color: black;
    color: white;
    font-size: 17px;
    line-height: 50px;
    padding: 0px 12px;
    border-bottom: 1px solid black;
}

.stream-company-logo {
    float: right;
}

.zoom-stream-body {
    position: absolute;
    background: white;
    width: 100%;
    height: calc(100% - 50px);
    display: flex;
}

#zoom-stream {
    width: 70%;
    display: grid;
    align-content: center;
    position: relative;
    background: url(~/Content/images/common/loading.svg) center center no-repeat;
    text-align: center;
    padding-top: 70px;
    font-size: 12px;
    color: #777
}

#zoom-stream-chat-wrap {
    width: 30%;
    min-width: 250px;
}

.zoom-chat-toolbar {
    height: 30px;
    width: 100%;
}

@media only screen and (max-width: 600px) {
    #zoom-stream {
        width: 100%;
        height: 45%;
    }

    .zoom-stream-body {
        flex-direction: column;
    }

    #zoom-stream-chat-wrap {
        width: 100%;
        height: 55%;
        background: white;
        border-top: 2px solid #eee;
    }

    #dragbar {
        display: none;
    }
}

.stream-waiting-prompt {
    text-align: center;
}

#dragbar {
    background-color: #eee;
    height: 100%;
    float: left;
    width: 3px;
    cursor: col-resize;
}

#ghostbar {
    width: 3px;
    background-color: #eee;
    opacity: 0.5;
    position: absolute;
    cursor: col-resize;
    z-index: 999
}

.users-typing {
    font-size: 10px;
    height: 15px;
    margin: 0 5px 5px 5px;
    color: #777;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.zoom-chat-toolbar {
    padding: 5px 8px 0px 8px;
}

.chat-toolbar-btn {
    font-size: 12px;
}

    .chat-toolbar-btn:hover {
        text-decoration: none;
    }

.chat-toolbar-cnt {
    font-size: 10px;
    margin-left: 2px;
}

#stream-members-modal .modal-body p {
    margin: 0 0 5px;
    font-size: 12px;
}

.pointsTransactionDescription {
    font-style: italic;
    font-size: 90%
}


tr.giveaway-active {
    background-color: #cff1cf
}

.vimeo-video-selector-item {
}

.vimeo-video-selector-image {
    display: inline-block;
    width: 114px;
    vertical-align: top;
}

.vimeo-video-selector-title {
    margin-left: 7px;
    width: 335px;
    display: inline-block;
    white-space: pre-wrap;
    vertical-align: top;
}

.vimeo-video-selector-date-created {
    font-size: 10px;
    font-weight: normal;
    font-style: italic;
}

.dropdown-menu.vimeoVideoContainer {
    max-width: 500px;
    width: 500px;
}

.table-small > thead > tr > th {
    font-size: 12px;
}

.searcher-small input,
.searcher-small button {
    font-size: 10px;
    height: 26px;
    padding: 3px 10px;
}

.feed-gallery-item-rating {
    margin: 5px auto;
}

.feedback-response {
    border-top: 1px dotted black;
    padding-top: 21px;
    margin-top: 22px;
}

.reviewsSortOrders {
    margin-top: 10px;
}

    .reviewsSortOrders a {
        padding: 9px;
        font-size: 14px;
    }

.reviewItemAISummary.truncated {
    display: none;
}

.reviewsSortOrders a.selected {
    color: blue
}

.feedback-response .author-img {
    margin-right: 10px;
}

.feedback-response-author {
    font-style: italic
}

.feedback-response-title {
    font-weight: bold;
    text-transform: capitalize
}


.feedback-response-media img {
    max-width: 100%;
    max-height: 200px;
    margin: 10px;
    border-radius: 8px;
}

.gallery-path {
    font-size: 10px;
    margin: 0 auto;
}

    .gallery-path > div {
        display: inline-block;
    }

.feed-item .gallery-rating {
    margin: 0 auto
}

.feed-item .gallery-num-feedback,
.feed-item .gallery-num-likes {
    font-size: 10px;
    margin: 0 auto;
    text-align: center
}

.feed-gallery-item-numfeedback {
    font-size: 10px;
    margin-top: 4px;
}

.export {
    background-color: #f1f0f0;
    padding: 5px 10px;
    border-radius: 5px;
}

    .export .btn {
        background-color: transparent;
        border-color: transparent;
        border-color: transparent;
        padding: 0px;
    }

    .export img {
        height: 32px;
    }

ul#leftSiteTabs {
    background-color: #4fab62;
    height: 37px;
    font-size: 12px;
}

    ul#leftSiteTabs > li > a {
        padding: 10px 15px;
        height: 36px;
        font-size: 12px;
        text-transform: uppercase;
        font-weight: normal;
    }

#backgroundRecorderSettings {
    z-index: 100001;
}

#backgroundRecorder {
    position: absolute;
    top: 41px;
    right: 1px;
    display: none;
    border-width: 1px;
    width: 214px;
    opacity: 1;
    z-index: 100000;
    touch-action: none;
}

    #backgroundRecorder .temp {
        top: 0;
        height: 23px;
        width: 100%;
        position: absolute;
        background: white;
        z-index: 10;
        opacity: 0.2;
    }

    #backgroundRecorder .video-capture-wrap3 {
        background-image: url('/Content/images/common/icon-member.png');
        background-size: 100px;
        background-position: center;
        background-color: lightgrey;
        background-repeat: no-repeat;
    }

    #backgroundRecorder .video-capture-box3 {
        height: 120px;
    }


    #backgroundRecorder .video-recording-label {
        left: 4px;
        top: 2px;
        position: absolute;
        z-index: 1000000;
    }

    #backgroundRecorder .settings {
        right: 3px;
        top: 2px;
        position: absolute;
        z-index: 1000000;
    }

    #backgroundRecorder video {
        height: auto;
        cursor: move;
    }

@media (max-width: 767px) {
    #backgroundRecorder {
        width: 130px;
    }

        #backgroundRecorder .video-capture-box3 {
            height: 73px;
        }

        #backgroundRecorder .video-capture-wrap3 {
            background-size: 60px;
        }
}

@media (orientation: landscape) and (max-height: 767px) {
    #backgroundRecorder {
        width: 214px;
    }

        #backgroundRecorder .video-capture-box3 {
            height: 120px;
        }
}

.question video {
    max-height: 58vh;
}

#backgroundRecorder .video-recording-label.recording {
    color: white;
}

#backgroundRecorder .video-recording-label:before {
    color: white;
    content: "\f04c";
    font-family: FontAwesome;
    margin-right: 6px;
}

#backgroundRecorder .video-recording-label.recording:before {
    content: "\f111";
    font-family: FontAwesome;
    margin-right: 6px;
    color: red;
}

#backgroundRecorder .video-recording-label.uploading:before {
    color: white;
    content: "\f0ee";
    font-family: FontAwesome;
    margin-right: 6px;
}

#showRecordingStartedMessage {
    display: none;
    position: fixed;
    top: 154px;
    text-align: center;
    background-color: rgba(0,187, 164, 0.6);
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 18px;
    top: 50%;
    color: white;
    font-size: 20px;
    border-radius: 7px;
}

.clientSiteLogo {
    max-height: 28px;
    max-width: 109px;
}

.clientSiteLogoBox {
    width: auto;
    max-width: 91px;
    min-width: 57px;
    text-align: center;
}

.clientSiteTitle {
    font-size: 16px;
    font-weight: bold;
}

.clientSiteTagLine {
    font-style: italic;
    font-size: 12px;
    font-weight: normal;
}

.feed-item .clientSiteLink {
    position: absolute;
    right: 10px;
}


@media (max-width: 600px) {

    .feed-item .clientSiteLink {
        position: relative;
        float: right;
        margin-right: -19px;
    }
}

.feed-item .clientSiteLogo {
    border-radius: 10px;
    max-height: 49px;
    max-width: 100px;
}

#filterBySubCommunity {
    background-color: #e1e0db;
    color: white;
    cursor: pointer;
    height: 42px;
    position: relative;
}



.selectedIcon {
    display: none;
}

.subCommunityFilter.selected .selectedIcon {
    position: absolute;
    right: -4px;
    top: -6px;
    color: #498d49;
    display: block;
    font-size: 18px;
    z-index: 5;
    display: none;
}

.subCommunityFilter {
    padding: 10px;
    cursor: pointer;
    position: relative;
    float: left;
    border-right: 2px solid #c7c5c5;
    height: 100%;
    width: 100px;
    background-repeat: no-repeat;
}

    .subCommunityFilter:hover {
        background-position-y: -42px;
    }

    .subCommunityFilter.selected {
        background-color: #ffffff;
        background-position-y: -84px;
    }

    .subCommunityFilter .clientSiteTitle {
    }

.selectClientSite {
    position: absolute;
    right: 18px;
    bottom: 5px;
    color: black
}

.taskCardCommunity {
    position: absolute;
    bottom: 4px;
    right: 6px;
}

.discussionCommunity {
    position: absolute;
    right: 6px;
    top: 9px;
}

.yourCommunitiesTab {
    text-transform: uppercase;
    position: absolute;
    top: -31px;
    left: 0px;
    color: #f9f6f6;
    font-weight: bold;
    font-size: 10px;
    background-color: #6e6e6e;
    padding: 8px;
    border-radius: 5px 5px 0 0;
}

.homepage.subCommunityFilterOn {
    margin-top: 36px;
}

#MyActivities #filterBySubCommunity {
    margin-top: 48px;
    padding-left: 1px;
}

.subCommunityFilterTitle {
    color: black;
    float: right;
    font-weight: bold;
    padding-top: 2px;
    width: 100%;
    text-align: center;
}

#loadingSubCommunity {
    position: absolute;
    z-index: 100;
    left: 56px;
    top: 47px;
    background-color: white;
}

#communities .clientSiteLogoBox {
    width: 100px;
    text-align: left;
    max-width: none;
}


.feed-item[data-primarytype='PinToTopContent'] .feed-divider {
    border-width: 1px;
}

.feed-item[data-primarytype='PinToTopContent'] {
    background-color: #e1e1d9;
    border-radius: 5px 5px 0 0;
}

.marginTop10 {
    margin-top: 10px;
}

.page.toggle-section {
    margin-top: 0;
    border: 1px solid black;
    border-top: none;
    margin-left: -10px;
    width: calc(100% + 20px);
    padding-left: 20px;
}

.toggle-section div {
    margin-left: 20px;
}

h3.editActivitySection {
    background-color: #333333;
    color: #f5eded;
    padding: 10px;
    margin-left: -10px;
    width: calc(100% + 20px);
    font-size: 15px;
    border-radius: 7px 7px 0 0px;
    MARGIN-BOTTOM: 0;
}

.editActivitySection {
    border: 1px solid #333333;
    margin-top: 0;
    margin-left: -10px;
    width: calc(100% + 20px);
    border-top: 0;
    padding: 20px;
    margin-bottom: 10px;
}

    .editActivitySection.toggles {
        border-bottom: none;
        margin-bottom: 0px;
    }

.legend {
    font-size: 27px
}

.addActivityAddLink,
.addActivityAddLink:hover {
    float: right;
    font-size: 11px;
    background-color: transparent !important;
    margin-top: 14px;
    margin-right: 5px;
    color: lightblue;
}

#allActivities .tabs-left li .addActivityAddLink a {
    color: lightblue
}

.card.hasImage.noContent {
    padding: 0;
}

    .card.hasImage.noContent img {
        max-height: 405px;
        margin-top: 1px;
    }

#swipeExample {
    position: absolute;
    z-index: 10;
    pointer-events: all
}

.card {
    touch-action: none !important
}

.hiddenByClientFilter, .hiddenByGroupFilter {
    display: none;
}

.taskCardFooter {
    font-size: 10px;
    margin-top: 0px;
    height: 29px;
    padding: 6px 0;
    position: absolute;
    bottom: 0px;
    width: calc(100% - 30px);
}

.taskCardIncentive {
    position: absolute;
    bottom: 21px;
    height: 65px;
    width: calc(100% - 30px);
}

.task-title {
    font-size: 17px;
    font-weight: 600;
    line-height: 22px;
}

#navActivitiesMenu .screenout,
#navActivitiesMenu .quotafull {
    display: none
}

.feed-incentive-box span.desc {
    display: inline-block;
    float: left;
    width: calc(100% - 27px);
    text-align: center;
}

.feed-incentive-box i {
    margin-right: 8px;
    display: inline-block;
    text-align: left;
    float: left;
    margin-left: 3px;
    font-size: 15px;
}

.reward-title {
    margin-top: 0;
    line-height: 24px;
    font-size: 18px;
    font-weight: 600;
    color: white;
}

.activity-box, .reward {
    background-color: #f5efef;
}


#alreadyHaveAnAccount {
    border: 1px solid #d3cdcd;
    padding: 10px;
    margin: 10px 0;
    border-radius: 4px;
    display: none;
}

.overdrawn {
    color: red;
    font-weight: bold;
}

.credit {
    color: green
}

.containsStickyHeaders th, .containsStickyHeaders td {
    max-width: none !important;
    width: unset !important;
}

.containsStickyHeaders {
    margin-top: 50px !important;
    background-color: white;
}

.quoteItemTotals * {
    font-weight: bold;
}

.tablesorter thead .disabled {
    display: none
}


.marginTop10 {
    margin-top: 10px;
}

.marginTop20 {
    margin-top: 20px;
}

.inlineBlock {
    display: inline-block;
}

.marginRight5 {
    margin-right: 5px;
}

.padding5 {
    padding: 5px;
}

.padding10 {
    padding: 10px;
}

.widthFitContent {
    width: fit-content;
}

.displayNone {
    display: none;
}

.inlineBlock {
    display: inline-block;
}

.marginLeft10 {
    margin-left: 10px;
}

.marginLeft5 {
    margin-left: 5px;
}

.marginBottom0 {
    margin-bottom: 0;
}

.marginBottom10 {
    margin-bottom: 10px;
}

.marginBottom20 {
    margin-bottom: 20px;
}

.verticalAlignBottom {
    vertical-align: bottom;
}

.fontWeightNormal {
    font-weight: normal;
}

.paddingLeft15 {
    padding-left: 15px;
}

.marginLeft15 {
    margin-left: 15px;
}

.marginRight15 {
    margin-right: 15px;
}

.marginLeft0 {
    margin-left: 0 !important;
}

.marginRight0 {
    margin-right: 0 !important;
}

li.nonForum {
    background-color: #78abc8;
}


.page-icon.animated-icon {
    height: 74px;
}

.consolidation-media-response-image {
    max-width: 350px;
    max-height: 300px;
    display: block;
    margin: 0 auto;
}



.consolidation-media-response.Image {
    float: left;
    width: 350px;
    height: 380px;
    margin: 15px;
}

.consolidation-media-response-image-box {
    height: 300px;
    width: 350px;
    overflow: hidden;
}

.consolidation-media-response .screenName {
    display: block;
    margin-top: 10px;
}

.form-rule-hide-question-options {
    display: none;
}

.hide-option-title {
    margin-top: 16px;
}

#formMenu {
    position: relative;
    background-color: white;
    z-index: 100
}

    #formMenu .nav.nav-tabs {
        border: none;
    }

#generatedImages {
    width: 42%;
    /* flex: 1 1 auto; */
    margin: 10px;
    max-width: 550px;
}

.generatedImage img {
    max-height: calc(100vh - 286px);
    
    transition: 1s;
    border-radius: 10px;
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
.generated-image-box {
    width: 409px;
    margin: 5px;
    padding: 1px
}

    .generated-image-box.selected {
        border: 2px solid green;
        background-color: green;
        color: white;
    }

.flex-end {
    display: flex;
    justify-content: flex-end;
}

.likertHeading.last {
    text-align: left !important;
}

.likertHeading.first {
    text-align: right !important;
}

.likert-row td.last {
    text-align: left !important;
}

.likert-row td.first {
    text-align: right !important;
}

.plupload_wrapper {
    min-width: 330px !important;
    max-width: 100% !important;
}
/* Needed since chrome 56, because of touch events becoming passive by default */
/* https://chromestatus.com/feature/5093566007214080 */
.ui-sortable div, .ui-sortable li {
    touch-action: pinch-zoom;
}

.ui-droppable div, .ui-droppable li {
    touch-action: pinch-zoom;
}

#formMenu {
    position: relative;
    background-color: white;
    z-index: 100
}

#errorMessages {
    position: relative;
}

i.fas.fa-check-circle.saved {
    font-size: 20px;
}

i.fas.fa-check-circle.saved-partial {
    font-size: 20px;
    color: dimgrey;
    left: 0px;
    position: absolute;
    clip-path: polygon(50% 0%, 50% 100%, 0% 100%, 0% 0%);
}

.legal-doc h3 {
    font-weight: bold;
}

.legal-doc td, .legal-doc th {
    padding: 10px;
    margin: 0;
    text-align: left;
    vertical-align: top;
    border: 1px solid black;
    border-spacing: 0
}

.legal-doc table {
    border-collapse: collapse;
    border: 1px solid black;
}

.legal-doc li {
    padding-bottom: 10px;
}

.legal-doc ol.mainol > li::marker {
    font-size: 20px;
    font-weight: bold;
}

.legal-doc ol.mainol > li > li::marker {
    font-weight: bold;
}


.formProfileField-option.allowColumns:not(.noCols) {
    float: left;
    margin: 3px !important;
}

.formProfileField-option.allowColumns.Cols2:not(.Cols0) {
    width: calc(50% - 6px);
}

.formProfileField-option.allowColumns.Cols3:not(.noCols) {
    width: calc(33% - 6px);
}

.formProfileField-option.allowColumns.Cols4:not(.noCols) {
    width: calc(25% - 6px);
}

.formProfileField-option.allowColumns.Cols5:not(.noCols) {
    width: calc(20% - 6px);
}

.allowColumns .profileField-other {
    clear: both;
    padding-top: 10px;
}

.highlighter-left {
    float: left;
    border-right: 1px dotted black;
    padding-right: 10px;
    width: 259px;
}



.scrollHelperText {
    display: none;
}

#imageContainerScrollBox {
    padding-bottom: 0;
}

@media only screen and (max-width: 600px) {
    .formProfileField-option.allowColumns:not(.noCols) {
        min-height: 40px;
    }
}

@media only screen and (max-width: 800px) {

    .scrollHelperText {
        display: block;
        color: gray;
        text-transform: uppercase;
        font-size: 10px;
    }

    #imageContainerScrollBox {
        padding-bottom: 56px;
    }
}



.embed .wrap, .embed .container-fluid {
    padding: 0px;
    margin: 0px;
}

.nps.leftLabel, .nps.rightLabel {
    font-size: 11px;
    font-weight: normal;
}

.nps-items {
    width: 100%;
    margin-top: 4px;
    max-width: 600px;
}


    .nps-items.small {
        width: 100%;
        margin-top: 4px;
        max-width: 354px;
        margin: 4px auto;
    }

.nps-item {
    border: 1px solid #a5a5b5;
    margin: 1px;
    width: calc((100% / 11) - 2px);
    text-align: center;
    height: 37px;
    line-height: 36px;
    cursor: pointer;
    position: relative;
}

.feedback-response .nps-items {
    float: right;
}

.nps-item.showNPSLabel.selected:after {
    position: absolute;
    bottom: -22px;
    color: black;
    left: 0px;
    width: 100%;
    text-align: center;
    padding: 0;
}

.nps-item.showNPSLabel.passive.selected:after {
    content: "Passive";
}

.nps-item.showNPSLabel.detractor.selected:after {
    content: "Detractor";
}


.nps-item.showNPSLabel.promoter.selected:after {
    content: "Promoter";
}



.nps-item.detractor {
    background-color: #ece6e6
}

.nps-item.passive {
    background-color: #e9e9a9
}

.nps-item.promoter {
    background-color: #cef1ce
}

.nps-item:not(.readonly):hover, .nps-item.selected {
    background-color: #656060;
    color: white;
}

.nps-item.readonly {
    cursor: unset;
}

.nps-bad {
    color: red;
}

.nps-average {
    color: orange
}

.nps-good {
    color: green
}

.nps-items.small .nps-item {
    width: calc(100% / 11);
    text-align: center;
    height: 24px;
    line-height: 21px;
    font-size: 11px;
    margin: 0px;
}

#btnAddLibraryDocument {
    width: calc(100% - 8px);
    margin: 4px;
    border-radius: 0;
    margin-top: -4px;
    background-color: #01b787;
    border-color: #01b787;
    padding: 5px;
    margin-bottom: 9px;
}

.library-in-feed .library-feed-item,
#relatedDocuments .library-feed-item {
    width: 180px;
}

.library-in-feed .library-item-type,
#relatedDocuments .library-item-type {
    display: none;
}

.library-in-feed .library-text-wrap,
#relatedDocuments .library-text-wrap {
    height: auto;
}

.library-in-feed .library-item-title,
#relatedDocuments .library-item-title {
    line-height: 1.5em;
    max-height: 3em;
    white-space: unset;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

.side-bar.mobile * {
    border-radius: 0px;
}

.metadata-dropdown {
    border: 1px solid #d7d2d2;
    border-radius: 4px;
    min-height: 32px;
    position: relative;
}

    .metadata-dropdown table th {
        font-weight: normal;
        font-size: 12px;
        padding-bottom: 9px;
        color: grey;
    }

    .metadata-dropdown table th, .metadata-dropdown table td {
        padding-right: 30px;
    }

.metadata-dropdown-summary {
    padding: 6px;
    min-height: 32px;
}

    .metadata-dropdown-summary.readonly {
        background-color: #eee;
        opacity: 1;
        cursor: not-allowed;
    }

.metadata-dropdown-items {
    display: none;
    border-top: 1px solid gray;
    width: 100%;
    position: absolute;
    background: white;
    z-index: 300;
    padding: 10px;
    border: 1px solid #e4e1e1;
    border-radius: 0 0 10px 10px;
    max-height: 300px;
    overflow: auto;
    left: -1px;
}

.metadata-dropdown:after {
    font-family: FontAwesome;
    content: "\f0dd";
    font-style: normal;
    font-size: 14px;
    position: absolute;
    right: 18px;
    top: 2px;
    padding: 8px;
    height: 28px;
    display: block;
    line-height: 10px;
    color: #7c7878;
}

label.mustInclude {
    float: right;
    font-weight: normal;
    font-size: 11px;
}

.form-response-left .gauge-title,
#reviewViewItem-left .gauge-title {
    font-weight: bold
}

.form-response-left .gauge-canvas,
#reviewViewItem-left .gauge-canvas {
    width: 200px !important;
}

#reviewViewItem-left .gallery-image {
    margin-top: 10px;
    margin-bottom: 20px;
}

.gallery-detail-header img {
    margin-right: 10px;
}

.npsQuestion-title, .npsCategory-title {
    font-style: italic;
    color: #b0b0b5
}

.npsQuestion, .npsCategory {
    margin-top: 10px;
    margin-left: 10px;
}

.npsQuestion-rating {
    margin-top: 5px;
    margin-bottom: 5px;
}

.feed-gallery .nps-item {
    border-color: transparent
}

.feedback-response-description {
    color: #808780
}

#gallery .nps-item.selected,
#galleryZoomMain .nps-item.selected {
    border-color: #595572;
    border-radius: 4px;
}

#gallery .nps-item,
#galleryZoomMain .nps-item {
    border: 1px solid #d9d9e6
}

#advancedSearchSummary {
    margin-top: 10px;
}

.tablegrid td, .tablegrid th {
    border: 1px solid #ddd
}

.tablesorter .tablesorter-filter-row td {
    position: sticky;
    top: 28px;
}

@media print {
    .noprint {
        display: none;
    }

    .tab-content {
        border-width: 0px !important;
        padding: 0px !important;
    }

    .content-media {
        padding: 0px;
    }

    .admin-container {
        margin-top: 0px;
    }
}

.aiQuestionResponse {
    margin-bottom: 10px;
    border-bottom: 1px dotted gray;
    padding-bottom: 10px;
}

.aiQuestionResponseHeading {
    font-weight: bold;
    font-style: italic;
    margin-top: 10px;
    margin-bottom: 13px;
    max-width: calc(100% - 20px);
}

.aiQuestionAuthor {
    font-style: italic;
    font-size: 12px;
}

.aiSummaryHistoryDetail {
    font-style: italic;
    font-size: 12px;
}

#testActivityLink[disabled], #analyticsActivityLink[disabled] {
    pointer-events: none !important;
}

@keyframes rotate {
    from {
        transform: rotateZ(0deg)
    }

    to {
        transform: rotateZ(360deg)
    }
}

#savingActivity {
    animation: rotate 1s infinite linear;
}

#cropperSaveBox {
    z-index: 1000;
    position: fixed;
    background-color: white;
    padding: 20px;
    top: 0;
    left: calc(50% - 100px);
}

.cropperMessage {
    font-size: 12px;
    color: red;
}

#imageEditorPreviewBox {
    max-width: 100%;
    border: 2px dotted black;
    overflow: auto;
    max-height: 450px;
}

.iq-form .btn-small {
    font-size: 10px;
    margin: 0;
    padding: 3px 5px;
}

.iq-form .btn-group .btn-small:not(:first-child) {
    border-left: 1px solid black
}

.LoopTemplate {
    display: none;
}

#questionsToolBar {
    margin-left: 463px;
    z-index: 100;
    height: 36px;
    padding-top: 2px;
    padding-left: 20px;
    width: calc(100% - 452px);
    background-color: #4fab62;
    margin-bottom: 4px;
}

.form .QuestionGroup .dropzone {
    margin-left: -16px;
    width: calc(100% + 36px);
}

.form.is-admin .QuestionGroup .dropzone {
    border: 1px dotted green;
    min-height: 60px;
    padding: 20px 5px 20px 5px;
    display: block;
    background-color: white;
    margin-left: -18px;
    width: calc(100% + 39px);
}

.form:not(.is-admin) .question.QuestionGroup {
    margin: 0px;
    padding: 0px;
}

.QuestionGroup .dropzone-message {
    width: 100%;
    text-align: center;
    padding-top: 6px;
    color: #bfc2c5;
}

    .QuestionGroup .dropzone-message.populated {
        padding-top: 0px;
        margin-top: -19px;
    }

.form.is-admin .QuestionGroup {
    border: 1px solid black;
}

.questionGroupToolBar {
    font-size: 12px;
    margin-right: 8px;
    margin-top: 1px;
}


.hidden-by-pipe {
    display: none;
}

.option-toolbox {
    display: inline-block;
    margin-left: -15px;
    color: grey
}

    .option-toolbox * {
        padding-right: 3px;
        font-size: 10px;
        color: grey
    }

    .option-toolbox.hidden {
        display: none
    }

#jumpToQuestions {
    max-width: calc(100% - 69px);
    display: inline-block;
    height: 32px;
    font-size: 12px;
}

#left-side .iconMedium,
.ui-draggable-dragging .iconMedium {
    color: #437940;
    font-size: 20px;
    top: 3px;
    display: inline-block;
    position: relative;
    margin-right: 8px;
}

#left-side .question:hover .iconMedium,
.ui-draggable-dragging .iconMedium {
    color: white;
}

.iq-form #pane-questions .btn {
    background-color: #4fab62;
    border-color: #4fab62;
    color: white;
}

    .iq-form #pane-questions .btn:hover {
        background-color: #3c874b;
        border-color: #3c874b;
    }

.iq-form #pane-questions {
    margin-top: -11px;
}

.inserMergeTagQuestion {
    border: 1px solid lightgrey;
    padding: 4px;
    border-radius: 5px;
    margin: 4px;
    background-color: #dfdfdf;
    color: #080707;
    text-decoration: none;
}

    .inserMergeTagQuestion:hover {
        background-color: #4fab62;
        color: black;
        text-decoration: none;
    }

#loopOptions .loop-option-content img {
    max-width: 100%
}

#leftSiteTabs {
    width: 474px;
    position: absolute;
    height: 37px;
    left: -11px;
    border-right: 1px solid #479757
}

#questions .tab-content {
    border-right: none;
}

.reviewFilterBox {
   flex:1 1 auto;
    margin: 10px 2px;
   
}

.review-themes {
    margin: 8px 0;
}

.review-theme,
.review-conversion-status {
    font-size: 12px;
    padding: 5px 13px;
    border-radius: 14px;
    display: inline-block;
    margin: 1px;
}

    .review-theme.Negative {
        background-color: #efb8b8;
    }

    .review-theme.Positive {
        background-color: #aaefaa;
    }

    .review-theme.Mixed {
        background-color: #ebebad;
    }

    .review-theme.Neutral {
        background-color: #c7c4c4;
    }

    .review-conversion-status.Often {
        background-color: #ebebad;
    }

    .review-conversion-status.Rejected {
        background-color: #efb8b8;
    }

    .review-conversion-status.Favourite {
        background-color: #aaefaa;
    }

    .review-conversion-status.Occasionally {
        background-color: #c7c4c4;
    }

.btn[disabled] {
    pointer-events: none !important;
}

.dot-flashing {
    position: relative;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #9880ff;
    color: #9880ff;
    animation: dot-flashing 1s infinite linear alternate;
    animation-delay: 0.5s;
}

    .dot-flashing::before, .dot-flashing::after {
        content: "";
        display: inline-block;
        position: absolute;
        top: 0;
    }

    .dot-flashing::before {
        left: -15px;
        width: 10px;
        height: 10px;
        border-radius: 5px;
        background-color: #9880ff;
        color: #9880ff;
        animation: dot-flashing 1s infinite alternate;
        animation-delay: 0s;
    }

    .dot-flashing::after {
        left: 15px;
        width: 10px;
        height: 10px;
        border-radius: 5px;
        background-color: #9880ff;
        color: #9880ff;
        animation: dot-flashing 1s infinite alternate;
        animation-delay: 1s;
    }

@keyframes dot-flashing {
    0% {
        background-color: #9880ff;
    }

    50%, 100% {
        background-color: rgba(152, 128, 255, 0.2);
    }
}


.hiddenByFilter {
    display: none !important
}

#joinContent .required {
    color: red;
}

.conditionsGroup-main {
    border: 1px solid grey;
    padding: 13px;
    margin-top: 10px;
    border-radius: 18px;
}

.condition-group {
    margin-top: 10px;
}

.testOnly {
    color: lightgrey
}

.minCharacters {
    font-style: italic;
}

.minCharacterError {
    display: none;
    color: red;
}

.Highlighter .image-wrap {
    position: relative;
    margin: 0 auto;
}

.Highlighter .highlighterCanvas {
    width: 100%;
    height: 100%;
    z-index: 999;
    position: absolute;
}

.highlighterCategoryColour {
    width: 24px;
    height: 24px;
    display: inline-block;
    border-radius: 4px;
}

.highlighterCategoryName {
    display: inline-block;
    margin-left: 5px;
    vertical-align: middle;
    margin-top: -14px;
}

.highlighterCategory {
    padding: 5px;
    height: 34px;
    margin-bottom: 5px;
}

    .highlighterCategory:hover {
        background-color: #a4dfa4
    }

    .highlighterCategory.selected {
        background-color: #5dc15d30;
        border: 1px solid #8cbb8c;
        border-radius: 4px;
    }

.highlighterResponseDescription {
    margin-left: 30px;
    font-style: italic;
}

.highlighterResponse {
    margin-bottom: 8px;
    border-bottom: 1px dashed #cdc6c6;
    padding-bottom: 7px;
}

#highlighterError {
    color: red;
}

#addRegionsModel .question-region.isAdmin {
    z-index: 700;
}


#activityTypesHeading {
    padding: 10px;
    text-align: center;
    margin-top: 0px;
    background-color: #4fab62;
    color: white;
}

#allActivities .modal-header {
    background-color: #4fab62
}

.switchery-small {
    height: 15px;
    width: 28px;
    top: -2px;
}

    .switchery-small > small {
        height: 15px;
        width: 15px;
    }


.showGroups {
    margin: 10px;
    border: 1px dotted grey;
    min-height: 50px;
}

.groupName {
    display: none;
}

.showGroups .groupName {
    display: block;
    text-align: right;
    padding-right: 10px;
    color: grey;
    font-size: 10px;
    padding-top: 10px;
}

.constant-sum-number.option-value {
    border-width: 1px;
}

.option-validation-message {
    display: none;
    color: red;
    padding-left: 10px;
    font-size: 11px;
}

.constant-sum-number.option-value.validation-error {
    border: 1px solid red;
}

.constant-sum-number.option-value:disabled {
    border-width: 0px;
}

.constant-sum-option-title {
    position: relative;
}

    .constant-sum-option-title .icon-Delete {
        color: red;
        text-decoration: none;
    }

.constant-sum-selected-options li:not(.read-only):hover,
.constant-sum-options-view li:not(.read-only):hover {
    background-color: #127cff4a;
    border-radius: 2px;
}

.constant-sum-selected-options li,
.constant-sum-options-view li {
    width: fit-content !important;
    padding: 5px;
}

    .constant-sum-selected-options li.read-only,
    .constant-sum-options-view li.read-only {
        cursor: unset;
    }

    .constant-sum-selected-options li input,
    .constant-sum-options-view li input {
        margin: 0;
    }

.flex {
    display: flex;
}

.width100Percent {
    width: 100%;
}

.padding0 {
    padding: 0;
}

.margin0 {
    margin: 0 !important;
}

.ranking-item-index {
    padding: 10px;
    margin-top: -10px;
    margin-bottom: -10px;
    margin-left: -10px;
    margin-right: 20px;
    border-right: 1px solid grey;
    text-align: center;
    min-width: 35px;
}

.iq-form.admin .form .question .ranking-item {
    background-color: inherit;
}

.aiContainer td,
.aiContainer th {
    padding: 5px;
}

.aiContainer th {
    font-weight: bold;
    text-align: center;
    background-color: #2441c5;
    color: white;
}

.aiContainer td,
.aiContainer th {
    border: 1px solid #8394f2;
}

.aiContainer table {
    width: 100%;
    margin: 10px;
    border-color: #8394f2;
}

.vue3-easy-data-table__header th {
    border-bottom-width: 2px !important;
}

.vue3-easy-data-table {
    border: none !important;
}

.vue3-easy-data-table__header th,
.vue3-easy-data-table__body td {
    padding: 4px !important;
}

    .vue3-easy-data-table__header th.sortable:not(.none) {
        border-bottom-color: #000;
    }


    .vue3-easy-data-table__header th:hover .filter-icon {
        display: unset !important;
    }

.vue3-easy-data-table .filter-column {
    display: flex;
    align-items: center;
    justify-items: center;
    position: relative;
    padding-right: 15px;
}

.vue3-easy-data-table .filter-icon {
    cursor: pointer;
    position: absolute;
    right: 0px;
    bottom: 2px;
}

.vue3-easy-data-table .filter-menu {
    padding: 15px 30px;
    z-index: 1;
    position: absolute;
    top: 30px;
    width: 200px;
    background-color: #fff;
    border: 1px solid #e0e0e0;
}

.multiselect-dropdown {
    overflow-y: auto !important;
    --ms-max-height: 250px;
}

.multiselect {
    --ms-font-size: 14px;
}

    .multiselect.form-control {
        padding: unset;
    }

    .multiselect .multiselect-option {
        --ms-option-font-size: 14px;
    }

.multiselect-tag-remove-icon {
    height: 8px;
    width: 8px;
    opacity: unset;
}

.multiselect-tag {
    --ms-tag-font-size: 11px;
    --ms-tag-font-weight: normal;
    --ms-tag-px: 5px;
    --ms-tag-py: 3px;
}

.multiselect-tags-search {
    padding: 0 !important;
}

.toggle-container:focus {
    box-shadow: none !important;
}

.toggle-container .toggle {
    --toggle-height: 15px;
}

.add-review-section-image {
    max-width: 300px;
    min-width:300px;
    
    padding: 0;
    flex:1 1 auto;
    text-align: center;
    
        margin:0 auto 10px auto;
}

.add-review-form {
    display:flex;
    flex-wrap:wrap;
    align-items:flex-start;
    overflow: hidden;
    position:relative;

}
.add-review-section-image img {
    max-height: 311px;
}

.add-review-section {
    flex:1 1 auto;
    min-width: calc(100% - 342px);
    margin-left: 30px;
}

.aiPrompt {
    margin-top: 10px;
}

    .aiPrompt .title {
        font-weight: bold;
        margin-bottom: 4px;
        margin-top: 15px;
    }

.icon-AIInterview:before {
    font: var(--fa-font-solid);
    content: "\e3b8";
}

.documentPage {
    display: none;
}

.documentColumn {
    display: inline-block
}

.metadata-dropdown-item.child {
    display: none;
    margin-left: 33px;
}


.metadata-dropdown-item {
    border-bottom: 1px solid #f6f2f2;
    border-top: 1px solid #e3e3e3;
    padding-top: 5px;
}


    .metadata-dropdown-item label {
        width: 300px;
    }

.metadata-dropdown-items div {
    display: inline;
}

.metadata-dropdown-item.level1 {
    display: block;
}

    .metadata-dropdown-item.level1 label {
        width: 366px;
    }

.metadata-dropdown-item.level2 label {
    width: 333px;
}

.metadata-dropdown-item.level3 label {
    width: 319px;
}

.expand:before {
    font-family: FontAwesome;
    content: "\f0fe";
    font-size: 18px;
    font-weight: normal;
    width: 16px;
    display: inline-block;
}

.expand.none:before {
    content: "";
}

.expand.expanded:before {
    content: "\f146"
}

.activityPageFooter {
    font-style: italic;
    color: grey;
    font-size: 12px;
    margin-top: 29px;
}

.multiselect.form-control {
    height: unset;
    min-height: 34px;
}


.probeBox, .probeIntro {
    margin-bottom: 10px;
    padding: 10px 28px 24px;
    background-color: #f5f0f0;
    margin-left: 0px;
    border-radius: 10px;
    margin-top: 12px;
}

.question .probe.notProbeResponded {
    padding: 20px;
    border-radius: 10px;
    margin: 10px;
    width: calc(100% - 20px);
    background-color: #fffae496;
}

.probe .note {
    margin-top: 0px;
    margin-bottom: 10px;
}

.question .probe.notProbeResponded {
    border: 1px solid #f0e8e9;
    border-radius: 10px;
}

.question .probe.probeResponded {
    padding: 20px;
    border-radius: 10px;
    margin: 10px;
    width: calc(100% - 20px);
    background-color: #ecffeb;
}

    .question .probe.probeResponded .probeRespondedMessage {
        display: block
    }

.question .probe.notProbeResponded .probeRespondedMessage {
    display: none;
}

.question .probe.probeResponded .probeNotRespondedMessage {
    display: none
}

.question .probe.notProbeResponded .probeNotRespondedMessage {
    display: block;
}

.probeBoxHistory {
    padding: 20px;
    background-color: #f8f1f1;
    border-radius: 10px;
    margin: 10px;
}


    .probeBoxHistory.responded {
        background-color: #e8f5e8;
    }




#results-banner {
    margin-top: 10px;
    background-color: #6d9ab4;
    border-radius: 10px 10px 0 0;
    padding-left: 14px;
    color: white;
}

#results .tab-content {
    border: 1px solid rgb(109,154,180);
    margin: 0px;
    padding: 14px;
}

#results .nav-tabs {
    border-bottom-width: 0;
    background-color: #6d9ab4;
}

    #results .nav-tabs > li.active > a,
    #results .nav-tabs > li.active > a:hover,
    #results .nav-tabs > li.active > a:focus {
        border-bottom-color: white;
        border-bottom-width: 0px;
        border-color: rgb(109,154,180);
        color: #1a1a1a;
    }

    #results .nav-tabs > li {
        margin-bottom: -2px;
    }


.table-filters {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 5px;
}

    .table-filters .form-group {
        margin-bottom: 5px;
    }

    .table-filters .form-group {
        margin-right: -10px;
    }

    .table-filters .control-label {
        font-size: 13px;
    }

.table-action-buttons {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 5px;
    width: 100%;
}

    .table-action-buttons a {
        cursor: pointer;
    }


.formPackImageBox img {
    max-height: 450px;
}

.formConceptImageBox {
    max-width: 40%;
    display: inline-block;
    vertical-align: top;
}

    .formConceptImageBox img {
        max-height: 300px;
        max-width: 300px;
        margin-bottom: 10px;
    }

.formConceptDescriptionBox {
    max-width: calc(60% - 10px);
    display: inline-block;
    margin-left: 24px;
    vertical-align: top;
    font-size: 18px;
}

.inviteStep {
    margin-top: 34px;
}

#invitedMembers {
    border-bottom: 1px solid #f3f3f3;
    margin-top: 10px;
    max-height: 200px;
    overflow: auto;
}

#btnShowInvitedMembers {
    display: block
}

.toggle-on-disabled {
    background: #10b981 !important;
    border-color: #10b981 !important;
    color: #fff !important;
    opacity: 0.5 !important;
}

.unit-dropdown {
    border-width: 0;
    outline-width: 0;
    margin: 0;
    padding: 0;
}

.memberlist-row {
    display: table;
    flex-grow: 1;
    width: 100%;
}

    .memberlist-row .form-control {
        border-radius: 0;
    }

.at-unit-dropdown {
    border-width: 0;
    outline-width: 0;
    margin: 0;
    padding: 0;
}

.processing {
    position: relative;
}

    .processing::before {
        background: url('/Content/images/common/loading.svg');
        content: '';
        height: 20px;
        width: 20px;
        display: inline-block;
        background-size: contain;
        position: absolute;
        right: 4px;
        top: 8px;
    }

.btnEdit:before {
    font-family: "Font Awesome 7 Pro";
    content: "\f303";
}

.btnDelete:before {
    font-family: FontAwesome;
    content: "\f1f8";
}

.btnDashboard:before {
    font-family: "Font Awesome 7 Pro";
    content: "\f625";
}

.btnReceipt:before {
    font-family: "Font Awesome 7 Pro";
    content: "\f571";
}

.btnStripe:before {
    font-family: "Font Awesome 7 Brands";
    content: "\f429";
}

.myDropDownButton {
    position: relative;
    width: 100%;
    left: 0;
    z-index: 1001;
    background-color:white;
    
}
.myDropDown {
    width: calc(100% - 6px);
    margin-left: 3px;
    position: relative;
}

    .myDropDown .allItems {
        position: absolute;
        background-color: white;
        padding: 20px 0;
        display: none;
        width: 100%;
        top: 31px;
        box-shadow: 2px 5px 6px 0px #8b8686;
        z-index: 1002;
    }

    .myDropDown .itemList {
        overflow: auto;
        max-height: calc(100vh - 229px);
        margin-top: 10px;
        position: relative;
    }


    .productsDDL .brand-name.selected,
    .myDropDown:not(.noHighlightSelected) .selectionItem.selected {
        background-color: var(--green);
    }

     .hideSearch {
        display: none !important;
    }

    .myDropDown .selectedItem {
        padding-right: 11px;
        border: 1px solid var(--tgLightLilac);
        border-radius: 5px;
        padding: 6px 10px;
        height: 34px;
    }

        .myDropDown .selectedItem.active,
        .myDropDown .selectedItem:hover {
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
        }

        .myDropDown .selectedItem * {
            font-size: 14px;
            font-weight: 400;
            cursor: default;
            text-transform: uppercase;
        }

        .myDropDown .selectedItem span {
            max-width: calc(100% - 20px);
            width: calc(100% - 20px);
            overflow: hidden;
            max-height: 16px;
        }

        .myDropDown .selectedItem i {
            width: 20px;
        }

    .myDropDown .selectionItem.processing::before, .wholeCategory.processing::before {
        background: url('/Content/images/common/loading.svg');
        content: '';
        height: 26px;
        width: 26px;
        display: inline-block;
        background-size: contain;
        position: absolute;
        right: 4px;
        top: 8px;
        background-repeat: no-repeat;
    }

.myDropDown .selectionItem {
    padding: 9px 19px;
    border-bottom: 1px solid lightgrey;
    display: flex;
    cursor: default;
    position: relative;
    align-items: center;
}

        .myDropDown .selectionItem:hover,
        .wholeCategory:hover {
            background-color: var(--tgBlue);
            color: white;
            text-decoration:none;
        }

            .myDropDown .selectionItem:hover *,
            wholeCategory:hover * {
                color: white;
            }

.myDropDown.active .myDropDownButton, .myDropDown.active .myDropDownButton * {
    border-radius: 18px 18px 0 0;
    background-color: var(--tgBlue);
    color: white !important;
    border: none;
    z-index:1003
}
.myDropDown .searchBox {
    padding: 0 10px;
}


img.formConceptBoardImage {
    max-height: 600px;
}

.ranking-item img {max-height:170px;border-radius:10px;}
.ranking-item .ranking-item-content * {
    font-size: 14px;
}
.ranking-item .ranking-item-content h4 {
    font-weight:bold;
}

#historyNavBar {
    border-radius: 8px;
    min-width: 240px;
    top: 45px;
    margin-top: 0;
    box-shadow: 4px 4px 4px 2px #91868663;
}

#historyIcon {
    text-align: center;
    font-size: 23px;
    text-decoration: none;
    cursor: pointer;
    padding: 0;
    margin-top: 13px;
    margin-left: 1px;
}

    #historyIcon:focus,
    #historyIcon:hover {
        color: #337ab7;
        background-color: transparent;
    }

.dropdown-menu > li > a.historyItem {
    width: 100%;
    padding: 3px 16px 2px 16px;
    text-align: left;
    outline: 0;
}



#reviewsDropdowns > div > * {
    margin: 2px;
    flex: 1 1 200px;
    
}

.psm-option select {
    width: 200px;
    margin-top:8px;

}

.psm-option {
    margin: 14px 0;
}


    .psm-option select option.disabled {
        color: #d9d7d7;
    }

.psm_nms_section {
    display: none;
    margin: 20px 0;
}

.psm_nms_cheap_selection,
.psm_nms_expensive_selection {
    font-weight: bold;
    display: inline-block;
    
    margin-bottom: 0;
    padding-bottom: 0px;
    padding: 0 2px;
    color: green;
}
@media screen and (max-width: 768px) {
    .formConceptDescriptionBox {
        max-width: unset;
        display: inline-block;
        margin-left: 0px;
        vertical-align: top;
        font-size: unset;
    }
}

.question-body .subTitle { font-weight:bold}

.maxDiff.most, 
.maxDiff.least { width:150px;text-align:center;}
.maxDiff.option { text-align:center;}


#reviewHaveYouTriedStatement { text-align:right;margin-right:18px;font-size:20px;}
a#btnAddReview,
button#btnAddReview {
    color: #44b044 !important;
    border-color: #44b044 !important;
    max-width: 160px;
}
#AddReviewBox h4 {
    text-align: right;
}
@media (max-width: 600px) {
    #reviewHaveYouTriedStatement {
        text-align: center;
        
        margin-right:4px;
    }
    a#btnAddReview {
        
        max-width: unset;
    }

    #AddReviewBox h4 {
        text-align: left;
    }
}

.reviewSource { font-style:italic;font-size:12px;color:grey}


tr.manualSearchResult.selected,
tr.manualSearchResult.selected td {
    background-color: var(--green)
}

.status .mapped {
    color: green;
    font-size: 24px;
}

.status .notMapped {
    color: red;
    font-size: 24px;
}

tr.manualSearchResult .productSelected {
    display: none;
    color: green;
    font-size: 20px;
}

tr.manualSearchResult.selected .productSelected {
    display: block
}

.manualSearchItems {
    max-height: 200px;
    overflow: auto;
    margin-top: 10px;
}

.mappedReviewItemTitle {
    font-weight: bold;
}

#mappingBanner {
    position: sticky;
    top: 67px;
    z-index: 1000;
    padding-top: 10px;
    background-color: white;
}

.mappingMenu {
    align-items: flex-start;
}

    .mappingMenu > * {
        margin: 5px;
    }

#saveMessage {
    text-align: right;
    color: red;
}
.nav .caret {
 
 
    border-top-color: black;
    border-bottom-color: black;
    margin-left: 12px;

}

.nav .dropdown-submenu li a {
    margin-bottom: 0px;
    font-weight: normal;
}
    .nav .dropdown-submenu li a:before {
        content: '-';
        padding-right: 10px;
        font-weight: bold;
    }
.dropdown-submenu ul.dropdown-menu.pull-left {
    margin-bottom: 10px;
    border-bottom: 1px solid lightgrey;
    box-shadow: none;
}

.feedback-response.show.isMine {
 
    border-radius: 10px;
    background-color: #2441c521;
    border-top: none;
    padding: 10px;
}

.hasReviewed { display:none;}

.gallery-tile.isMine .hasReviewed {display:block;}

.gallery-tile.isMine i {
    color: green;
    font-size: 18px;
    margin-left:5px;
}

.gallery-tile.isMine .btnWriteReview { display:none;}
.grandparent:hover {
    scale: 1.01;
    transition: 0.25s;
}

.validation-error {
    color: red;
    margin-right: 10px;
    margin-top: 7px;
    font-size: 12px;
    font-weight: 600;
}


.table.tableborderless tr td, .tableborderless tr th {
    border-width: 0;
    border:none;
}

@media (min-width: 901px) {

    .stickyButNotMobile {
        position: sticky;
    }
}


#uploader_dropbox {
    top: 0px;
}

.plupload_container {
    min-height: 152px;
}

.plupload_droptext {
    line-height: 98px;
}

.uploaded-image {
    height: 250px;
    text-align: center;
}

    .uploaded-image img {
        max-width: 100%;
        max-height: 100%;
        width: unset
    }

.gallery-path a, .gallery-path span {
    cursor: pointer;
    color: grey;
}


#bannerImage {
    margin-left: -15px;
    width: calc(100% + 30px);
    margin-top: -6px;
    margin-bottom: 18px;
}

.selectDDL {
    display: inline-block;
    min-width: 200px;
    margin-top: 5px;
}


@@media (max-width: 900px) {


    .selectDDL {
        width: 100% !important;
    }

    #uploader_dropbox {
        display: none;
    }

    .plupload_container {
        min-height: 42px;
    }

    #bannerImage {
        margin-left: -15px;
        width: calc(100% + 30px);
        margin-top: -55px;
        margin-bottom: 18px;
    }

    

        #reviewViewItemRight #reviewItemReviews {
            padding-right: 0px;
            padding-left: 0px;
            margin-right: 0px;
        }

    #btnAddReview {
        width: 100%;
        display: block;
        margin: 10px 0;
    }

    .gallery-detail {
        width: 100vw;
        height: 100vh;
        max-height: 100vh;
        margin: 0px;
    }

    .modal-footer {
        padding: 0px;
    }

    #reviewViewItem-left {
        display: block;
    }

    #reviewViewItemRight {
        display: none;
    }

    .add-review-section-image {
        display: none;
    }

    .add-review-section {
        float: none;
        width: 100%;
        margin-left: 0px;
    }
}

#reviewItemReviews {
    min-height: 300px;
    padding-right: 32px;
    margin-right: -14px;
    margin-top: 14px;
}

.add-review-section label,
.add-item-section label {
    margin-left: 10px;
    font-size: 16px;
}

.add-review-section .question-title, .add-item-section .question-title {
    font-weight: bold;
    margin-bottom: 4px;
    margin-top: 8px;
    font-size: 18px;
}

    .add-item-section .question-title.required:before {
        content: '*';
        color: red;
        font-size: 17px;
        margin-left: -10px;
        margin-right: 3px;
    }

#showItemModal .gallery-path * {
    font-size: 10px;
}

.error {
    color: red;

}

.feedback-response-media img,
.feedback-response-media video {
    max-width: 100%;
    max-height: 200px;
    margin: 0px;
    border-radius: 8px;
}

.feedback-response-media {
    display: inline-block;
    vertical-align: top;
    margin: 10px;
    width: calc(25% - 25px);
}

.feedback-response-media-1 {
    width: calc(100% - 25px);
}

.feedback-response-media-2 {
    width: calc(50% - 25px)
}

.feedback-response-media-3 {
    width: calc(33% - 25px)
}

.feedback-response-media-4 {
    width: calc(25% - 25px)
}

#reviewItemMainImage img {
    border-radius: 16px;
    border: 1px solid lightgrey;
}

.jstree-node {
    font-style: normal;
    color: #36a72a;
}

#categoryTree {
    max-height: calc(100vh - 300px);
    overflow: auto;
}

#AddItemBox {
    font-style: normal;
}

.reviewViewItem-left .nps-section {
    text-align: center
}
button.btnPlain {
    border: unset;
    background: url();
    margin: unset;
    color: var(--tgBlue);
}

button.btnPlain:hover {
text-decoration:underline
}
.hideNPS {
    display: none;
}

input#fileInput::file-selector-button {
    border: 1px solid blue;
    border-radius: 14px;
    background-color: white;
    font-size: 14px;
    padding: 4px 17px;
    color: var(--tgBlue);
}

input#fileInput::file-selector-button:hover {
    background-color:var(--tgBlue);
    color:white;
}

div#image-selector-modal-content .image-item-title * {
    font-size: 12px;
    color:white;
}
.flagIconBox {
    display: flex;
    align-items: center;
}
img.flagIcon {
    height: 17px;
    margin-right: 5px;
}
.flagCountryName {
    line-height:15px;
}

.itemList img.flagIcon {
    width: 35px;
    margin-right: 5px;
}