#benchmark_filters_container {
    background: var(--light-gray);
    border: 1px solid var(--light-gray-1);
    box-shadow: 1px 1px 6px inset #b7b7b76b;
    padding: 20px;
}

#benchmark_filters_container, #benchmark_fav_filters_container {
    background: var(--light-gray);
    border: 1px solid var(--light-gray-1);
    box-shadow: 1px 1px 6px inset #b7b7b76b;
    padding: 20px;
}

#btn-filter-toggle.active #filters-area {
    --moz-transition: ease-in-out 5ms;
    --ms-transition: ease-in-out 5ms;
    --o-transition: ease-in-out 5ms;
    transition: ease-in-out 5ms;
    --webkit-transition: ease-in-out 5ms;
}

#btn-filter-toggle.active #filters-area {
    -moz-transition: ease-in-out 5ms;
    -ms-transition: ease-in-out 5ms;
    -o-transition: ease-in-out 5ms;
    transition: ease-in-out 5ms;
    -webkit-transition: ease-in-out 5ms;
}

#btn-filter-toggle.filters-btn:not(.has-filters) .graphic-btn.text {
    padding-left: 0px;
}

#btn-filter-toggle.filters-btn:not(.has-filters) .graphic-btn.text {
    padding-left: 0px;
}

#btn-filter-toggle.filters-btn:not(.has-filters) .graphic-btn.text span {
    font-size: 20px;
    padding-left: 10px;
}

#btn-filter-toggle.filters-btn:not(.has-filters) .graphic-btn.text span {
    font-size: 20px;
    padding-left: 10px;
}

#btn-filter-toggle:not(.has-filters) .graphic-btn-text {
    padding-left: 0;
}

#btn-filter-toggle:not(.has-filters) .graphic-btn-text {
    padding-left: 0;
}

#btn-filter-toggle:not(.has-filters) div.graphic-btn text span {
    font-size: 1.3rem;
    padding-left: 0px;
}

#btn-filter-toggle:not(.has-filters) div.graphic-btn text span {
    font-size: 1.3rem;
    padding-left: 0px;
}

#btn-reset-filters {
    background: var(--be-gold);
    border-radius: 100px;
    height: 45px;
    left: -57px;
    position: relative;
    width: 30px;
}

#btn-reset-filters {
    background: var(--be-gold);
    border-radius: 100px;
    height: 45px;
    left: -57px;
    position: relative;
    width: 30px;
}

#dashboard .card.survey-status table thead tr th {
    background: #e2e2e2 !important;
    color: #455A64;
}

#dashboard .card.survey-status table thead tr th {
    background: #e2e2e2 !important;
    color: #455A64;
}

#dashboard .card-header .dashboard-card-menu.dropdown-toggle i {
    color: #90a4ae;
}

#dashboard .card-header .dashboard-card-menu.dropdown-toggle i {
    color: #90a4ae;
}

#dashboard .card-title {
    color: #607D8B !important;
    font-family: 'Fira Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 0 !important;
}

#dashboard .card-title {
    color: #607D8B !important;
    font-family: 'Fira Sans', sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
}

#dashboard .dashboard-card-menu.dropdown-toggle::after {
    background: none;
    display: none;
}

#dashboard .dashboard-card-menu.dropdown-toggle::after {
    background: none;
    display: none;
}

#dashboard .step-main {
    height: 150px;
    position: relative;
    width: 100%;
}

#dashboard .step-main {
    height: 150px;
    position: relative;
    width: 100%;
}

#dashboard a.dropdown-item {
    color: #546E7A;
}

#dashboard a.dropdown-item {
    color: #546E7A;
}

#dashboard a.dropdown-item i {
    color: #78909C;
    margin-right: 8px;
}

#dashboard a.dropdown-item i {
    color: #78909C;
    margin-right: 8px;
}

#dashboard a.dropdown-item:hover {
    background: #eceff19c;
}

#dashboard a.dropdown-item:hover {
    background: #eceff19c;
}

#faq-accordion .card-header a {
    padding-right: 50px;
}

#faq-accordion .card-header a {
    padding-right: 50px;
}

#form-survey .card-title {
    color: var(--be-blue);
}

#form-survey .card-title {
    color: var(--be-blue);
}

#form-survey .container .input-group .input-group-prepend .input-group-text {
    background-color: var(--be-blue-1);
    color: #fff;
}

#form-survey .container .input-group .input-group-prepend .input-group-text {
    background-color: var(--be-blue-1);
    color: #fff;
}

#form-survey .container i.fa-question-circle {
    color: var(--be-gold);
}

#form-survey .container i.fa-question-circle {
    color: var(--be-gold);
}

#form-survey .current-category-table {
    background: #003B80;
    color: #f7f7f7;
    display: inline-block;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 20px;
    padding: 40px 20px;
    padding-left: 0px;
    padding-top: 30px;
    width: 100%;
}

#form-survey .current-category-table {
    background: #003B80;
    color: #f7f7f7;
    display: inline-block;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 20px;
    padding: 40px 20px;
    padding-left: 0px;
    padding-top: 30px;
    width: 100%;
}

#form-survey .row.pd-10.bd-b.bd-gray-200.row-style-1:nth-of-type(even) {
    background: #f8f8f8;
}

#form-survey .row.pd-10.bd-b.bd-gray-200.row-style-1:nth-of-type(even) {
    background: #f8f8f8;
}

.mg-t--20 {
    margin-top: -20px;
}

.mg-b-neg-7 {
    margin-bottom: -7px;
}

#form-survey .row.pd-10.bd-b.bd-gray-200.row-style-1:nth-of-type(odd) {
    background: #fff;
}

#form-survey button.btn.dropdown-toggle {
    background: var(--be-blue-1);
    color: #fff;
}

#form-survey button.btn.dropdown-toggle {
    background: var(--be-blue-1);
    color: #fff;
}

#form-survey button.btn.dropdown-toggle i {
    color: var(--be-gold);
    position: relative;
    top: 2px;
}

#form-survey button.btn.dropdown-toggle i {
    color: var(--be-gold);
    position: relative;
    top: 2px;
}

#form-survey button.dropdown-toggle.opex-blue::after {
    display: none;
}

#form-survey button.dropdown-toggle.opex-blue::after {
    display: none;
}

#form-survey h4.current-survey-table {
    background: #f8f8f8;
    border: 1px solid #eaeaea;
    color: #003c80;
    display: inline-block;
    font-size: 26px;
    font-weight: 700;
    left: -1px;
    margin-bottom: 0;
    padding-bottom: 40px;
    padding-left: 20px;
    padding-top: 30px;
    padding-top: 60px;
    position: relative;
    width: 100%;
}

#form-survey h4.current-survey-table {
    background: #f8f8f8;
    border: 1px solid #eaeaea;
    color: #003c80;
    display: inline-block;
    font-size: 26px;
    font-weight: 700;
    left: -1px;
    margin-bottom: 0;
    padding-bottom: 40px;
    padding-left: 20px;
    padding-top: 30px;
    padding-top: 60px;
    position: relative;
    width: 100%;
}

#kb-article .rounded-circle {
    background: #ffffff;
    border: 2px solid var(--be-blue);
    padding: 2px;
    position: relative;
    top: -5px;
    width: 50px;
}

#kb-articles.br-profile-page .card-header {
    background-color: #ecf8fc;
}

#kb-articles.br-profile-page .card-header {
    background-color: #ecf8fc;
}

#kb-articles.br-profile-page .card-header a {
    color: #9cd1e3;
}

#kb-articles.br-profile-page .card-header a {
    color: #9cd1e3;
}

#kb-carousel .carousel-control-next,
#kb-carousel .carousel-control-prev {
    color: var(--be-blue);
    opacity: 1;
    top: -44px;
}

#kb-carousel .carousel-indicators {
    bottom: -5px;
}

#myDataDef .pagination .active .page-link,
.pagination .active .page-link:hover,
.pagination .active .page-link:focus {
    background-color: var(--be-gold);
}

#myDataDef .pagination .active .page-link,
.pagination .active .page-link:hover,
.pagination .active .page-link:focus {
    background-color: var(--be-gold);
}

#myMetricDef .pagination .active .page-link,
.pagination .active .page-link:hover,
.pagination .active .page-link:focus {
    background-color: cornflowerblue;
}

#myMetricDef .pagination .active .page-link,
.pagination .active .page-link:hover,
.pagination .active .page-link:focus {
    background-color: cornflowerblue;
}

#results-container {
    height: 300px;
    padding: 20px;
    position: relative;
    width: 100%;
}

#results-container {
    height: 300px;
    padding: 20px;
    position: relative;
    width: 100%;
}

#saas-search input {
    border: 1px solid #082444;
    font-family: 'Fira Sans', sans-serif;
    font-size: 20px;
    font-weight: 600;
    height: 60px;
}

#saas-search input {
    border: 1px solid #082444;
    font-family: 'Fira Sans', sans-serif;
    font-size: 20px;
    font-weight: 600;
    height: 60px;
}

#settings .ckbox span {
    margin-left: -8px !important;
}

#settings .ckbox span:after {
    cursor: pointer !important;
    font-size: 18px !important;
    height: 26px !important;
    top: 15px !important;
    width: 26px !important;
}

#settings .ckbox span:before {
    cursor: pointer !important;
    font-size: 18px !important;
    height: 26px !important;
    top: 15px !important;
    width: 26px !important;
}

#settings input[type='checkbox'] {
    height: 36px;
    width: 36px;
}

#table-controls-tl .btn-group>.btn:not(:first-child) {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    margin-left: 10px;
}

#table-controls-tl .btn-group>.btn:not(:first-child) {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
    margin-left: 10px;
}

#table-controls-tl .dropdown-item.active,
.dropdown-item:active {
    background-color: #666;
}

#table-controls-tl .dropdown-item.active,
.dropdown-item:active {
    background-color: #666;
}

#table-controls-tl .dt-button-collection {
    display: block;
    max-height: 300px !important;
    overflow-y: auto !important;
}

#table-controls-tl .dt-button-collection {
    display: block;
    max-height: 300px !important;
    overflow-y: auto !important;
}

#table-field-defs tr,
#table-metric-defs tr {
    cursor: pointer;
}

#table-field-defs tr,
#table-metric-defs tr {
    cursor: pointer;
}

#table-field-defs tr.selected {
    background-color: #ffe6c03d;
    color: #4c4c4c;
    font-weight: 500;
}

#table-field-defs tr.selected {
    background-color: #fff;
    color: #4c4c4c;
    font-weight: 500;
}

#table-field-defs,
#table-metric-defs {
    margin-bottom: 0;
}

#table-field-defs,
#table-metric-defs {
    margin-bottom: 0;
}

#table-field-defs_paginate {
    background: #fff;
    padding: 10px 20px;
}

#table-field-defs_paginate {
    background: #fff;
    padding: 10px 20px;
}

#table-field-defs_paginate .pagination .page-item .page-link:hover,
.pagination .page-item .page-link:focus {
    background-color: #ff98003d;
}

#table-field-defs_paginate ul.pagination {
    float: right;
}

#table-field-defs_paginate ul.pagination {
    float: right;
}

#table-field-defs_paginate ul.pagination li,
#table-field-defs_paginate {
    background-color: #fff;
}

#table-field-defs_paginate ul.pagination li,
#table-field-defs_paginate {
    background-color: #fff;
}

#table-metric-defs tr.selected {
    background-color: aliceblue;
    color: #4c4c4c;
    font-weight: 500;
}

#table-metric-defs tr.selected {
    background-color: aliceblue;
    color: #4c4c4c;
    font-weight: 500;
}

#table-metric-defs_paginate {
    background: #fff;
    padding: 10px 20px;
}

#table-metric-defs_paginate {
    background: #fff;
    padding: 10px 20px;
}

#table-metric-defs_paginate ul.pagination {
    float: right;
}

#table-metric-defs_paginate ul.pagination li,
#table-metric-defs_paginate {
    background-color: #fff;
}

#table-wrapper {
    height: 600px;
    position: relative;
    width: 100%;
}

#table-wrapper {
    height: 600px;
    position: relative;
    width: 100%;
}

#table-wrapper .be-table.table.two-cols tbody tr.group-items td.variance-cell {
    border-right: 1px dashed #dadada;
}

#table-wrapper .table tbody tr td:first-child {
    left: 0;
    position: relative;
}

#table-wrapper table thead tr:first-child td {
    border-top: 1px solid #eee;
    font-family: 'Fira Sans', sans-serif;
    font-size: 1rem !important;
    font-weight: 700;
    left: 0;
    letter-spacing: -1px;
    line-height: 18px;
    position: sticky;
    text-transform: uppercase;
    top: 0;
    z-index: 4;
}

#table-wrapper table thead tr:first-child td {
    border-top: 1px solid #eee;
    font-family: 'Fira Sans', sans-serif;
    font-size: 1rem !important;
    font-weight: 700;
    left: 0;
    letter-spacing: -1px;
    line-height: 18px;
    position: sticky;
    text-transform: uppercase;
    top: 0;
    z-index: 4;
}

#table-wrapper table thead tr:last-child td {
    margin: 0;
    padding: 0px;
    position: sticky;
    text-align: center;
    top: 100px;
    z-index: 4;
}

#table-wrapper table.two-cols.be-table.table thead tr td.variance-col {
    border-right: 1px dashed #dadada !important;
}

#table-wrapper table.two-cols.be-table.table thead tr td.variance-col {
    border-right: 1px dashed #dadada !important;
}

#welcome .br-section-wrapper.lt-blue-section {
    background-color: aliceblue;
    margin: 20px 0;
}

#welcome ul.list-group li:hover {
    background: aliceblue;
}

#welcome ul.list-group li:hover {
    background: aliceblue;
}

.nowrap {
    white-space: nowrap;
}

.alert-info {
    color: #fff;
    background-color: var(--be-blue);
    border-color: #00215a;
}

.absol-top-night {
    position: absolute;
    right: 10px;
    top: 0;
}

.absol-top-night i {
    color: var(--be-gold);
}

.accordion-section .panel-default .panel-body {
    font-size: 1.2rem;
}

.accordion-section .panel-default .panel-title a {
    color: #fff;
    display: block;
    font-size: 1.5rem;
}

.accordion-section .panel-default .panel-title a.collapsed:after {
    content: "\f107";
}

.accordion-section .panel-default .panel-title a:after {
    color: #f0f5;
    content: "\f106";
    float: right;
    font-family: 'Fira Sans', 'FontAwesome';
    font-size: 3rem;
    font-style: normal;
    margin-top: -12px;
}

.accordion-section .panel-default>.panel-heading {
    background: var(--be-blue);
    border: 0;
    padding: 0;
}

.ac-results li {
    border-bottom: 1px solid #90dfff;
    padding-bottom: 10px;
    padding-top: 10px;
}

.actions-comment {
    margin-bottom: 20px;
}

.admin-w-shadow {
    font-size: 50px !important;
    top: 18px !important;
    right: -37px !important;
    color: #eaecef !important;
    position: absolute !important;
}

.animated {
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
}

.answer-block {
    border-left: 2px solid #ffbc5b;
    position: relative;
}

.answer-body a.read-more {
    color: #616161;
}

.answer-body h6 {
    color: var(--be-blue-1);
}

.answer-body p {
    position: relative;
}

.answer-body.collapsed {
    height: 60px;
    overflow: hidden;
    padding-right: 20px;
}

.answer-body.collapsed p::after {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 35%);
    background: rgb(255, 255, 255);
    color: #adadad;
    content: " ";
    font-size: 15px;
    height: 50px;
    left: 0;
    position: absolute;
    top: 20px;
    width: 100%;
}

.answer-comments {
    display: none;
}

.answer-num {
    background: #eee;
    padding: 5px 10px;
}

.answer-num .saas-posted-time {
    padding-top: 4px;
}

.answer-reveal-saas {
    font-weight: 700;
    top: -5px;
}

.answer-separator {
    border-bottom: 2px solid #ffbc5b;
    color: #ffbc5b;
}

.answers-area {
    animation-duration: 1s;
    animation-fill-mode: both;
    max-height: 400px;
    position: relative;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both;
}

.article-card {
    padding-top: 60px;
}

.article-card .kb-article-cat-pill {
    position: relative;
}

.autocomplete-window {
    background: #fff;
    border: 2px solid #90dfff;
    box-shadow: 3px 3px 4px #dcdcdc;
    height: 300px;
    left: 0;
    position: absolute;
    top: 60px;
    width: 100%;
    z-index: 3;
}

.bd-lt-blue {
    border-color: #e2ebf3;
}

.bd-r-0 {
    border-radius: 0 !important;
}

.bench-inner {
    background: var(--be-blue-2);
    border-radius: 0;
    box-shadow: 2px 2px #001c4891;
    color: #fff;
    font-family: 'Fira Sans', sans-serif;
    font-size: 14px;
    font-weight: 700;
    height: 46px;
    height: 55px;
    line-height: 60px;
    margin-left: 5px;
    margin-right: 5px;
    text-shadow: 2px 2px #001c4891;
    text-transform: uppercase;
    vertical-align: middle;
    width: 100px;
}

.bench-inner.wider {
    width: auto;
}

.benchmark-cell {
    background: #fff;
    border-bottom: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    color: var(--be-blue-2);
    font-size: 0.8rem;
    font-weight: 900;
    text-align: center;
    vertical-align: middle !important;
}

.benchmark-col {
    background: #04162b;
    border-top: 0 !important;
    color: #fff;
    font-size: 0.9rem;
    font-weight: 900;
    line-height: 22px;
    min-width: 90px !important;
    text-transform: uppercase;
    vertical-align: middle !important;
    z-index: 2 !important;
}

.benchmarking-filter {
    background: #fff;
    border: 1px solid var(--light-gray-1);
    border-radius: 0;
    color: #6b6b6b;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0);
    font-family: 'Fira Sans', Sans-Serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 30px;
    margin-top: -2px;
    text-align: left;
}

.benchmarking-filter.muted {
    background: #9e9e9e1a;
    border: 1px solid #ececec;
    color: #bbb;
}

.benchmarking-filter::after {
    border-radius: 50px;
    color: #767676;
    content: '\f054';
    float: right;
    font-family: 'Fira Sans', "Font Awesome 5 Free";
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    padding: 0;
    position: relative;
    right: 0;
    text-align: center;
    top: 0;
    vertical-align: middle;
    width: 30px;
}

.benchmarking-filter:focus {
    box-shadow: none !important;
    outline: none !important;
}

.benchmarking-filter:hover,
.benchmarking-filter.open-level {
    background: #f3f3f3;
    border-left: 4px solid var(--be-gold);
    color: #2b2b2b;
    transition: .4s ease-in-out;
}

.benchmarking-filter:hover::after,
.benchmarking-filter.open-level::after {
    color: var(--be-gold);
    -webkit-text-stroke: 1px var(--be-gold);
}

.bg-be-blue {
    background: var(--be-blue);
}

.bg-be-blue-1 {
    background: var(--be-blue-1);
}

.bg-be-blue-muted {
    background: var(--be-blue-muted);
}

.bg-blue {
    background-color: var(--be-blue);
}

.bg-br-primary {
    background-color: var(--be-blue);
}

.bg-lt-blue {
    background: #f8fcff;
}

.bg-opex-blue {
    background-color: var(--be-blue) !important;
}

.bg-primary .carousel-indicators,
.bg-warning .carousel-indicators,
.bg-purple .carousel-indicators {
    bottom: 55px;
}

.bg-primary a i.fa-ellipsis-v,
.bg-warning a i.fa-ellipsis-v,
.bg-purple a i.fa-ellipsis-v {
    color: #fff;
}

.bg-primary h5 {
    font-size: 25px;
    text-shadow: 2px 2px 1px #292d42 !important;
}

.bg-primary nav h5 {
    text-shadow: 2px 2px 1px #292d42 !important;
}

.bg-primary nav h5,
.bg-primary nav p,
.bg-primary nav>a {
    color: #fff;
    font-size: 15px;
    font-weight: 900;
    padding-top: 5px;
    text-shadow: 2px 2px 1px #292d42 !important;
}

.bg-primary nav p {
    text-shadow: 2px 2px 1px #292d42 !important;
}

.bg-primary p {
    color: #fff;
    font-family: 'Fira Sans', sans-serif;
    font-size: 15px;
    font-weight: 700;
    text-shadow: 2px 2px 1px #292d42 !important;
}

.bg-purple h5 {
    font-size: 25px;
    text-shadow: 2px 2px 1px var(--purple) !important;
}

.bg-purple nav h5,
.bg-purple nav p,
.bg-purple nav>a {
    color: #fff;
    font-size: 15px;
    font-weight: 900;
    padding-top: 5px;
    text-shadow: 2px 2px 1px var(--purple) !important;
}

.bg-purple p {
    color: #fff;
    font-family: 'Fira Sans', sans-serif;
    font-size: 15px;
    font-weight: 700;
    text-shadow: 2px 2px 1px var(--purple) !important;
}

.bg-saas-orange {
    background: #f69806;
}

.bg-warning h5 {
    font-size: 25px;
    text-shadow: 2px 2px 1px #795548 !important;
}

.bg-warning nav h5,
.bg-warning nav p,
.bg-warning nav>a {
    color: #fff;
    font-size: 15px;
    font-weight: 900;
    padding-top: 5px;
    text-shadow: 2px 2px 1px #795548 !important;
}

.bg-warning p {
    color: #fff;
    font-family: 'Fira Sans', sans-serif;
    font-size: 15px;
    font-weight: 700;
    text-shadow: 2px 2px 1px #795548 !important;
}

.blurry-text-1 {
    color: transparent !important;
    text-shadow: 0 0 10px #333;
}

.breadcrumb-item {
    color: var(--be-blue) !important;
    text-transform: uppercase;
}

.breadcrumb-item.active {
    font-weight: 700 !important;
}

.breadcrumb-item:before {
    color: var(--be-gold) !important;
}

.breadcrumb-item+.breadcrumb-item::before {
    color: var(--be-gold) !important;
    content: "/";
    display: inline-block;
    font-weight: 900;
    padding-right: 0.5rem;
}

.br-logo {
    font-family: 'Fira Sans', sans-serif;
    font-size: 26px;
}

.br-menu-item img {
    padding-left: 6px;
    width: 30px;
}

.br-menu-item span {
    padding-left: 34px;
    padding-top: 5px;
}

.br-menu-item.active svg path {
    fill: var(--be-gold) !important;
}

.br-menu-item:hover .br-menu-link.with-sub::after,
.br-menu-item.active .br-menu-link.with-sub::after,
.br-menu-item .br-menu-link.with-sub.show-sub::after {
    color: var(--be-gold);
}

.br-menu-link {
    height: 60px;
}

.br-menu-link svg path {
    transition: all 0.2s ease-in-out;
}

.br-menu-link.with-sub::after {
    color: var(--secondary);
    color: var(--be-gold);
    content: '\f123';
    font-family: 'Fira Sans', 'Ionicons';
    font-size: 9px;
    font-weight: 900;
    padding-right: 15px;
    position: absolute;
    right: 10px;
    top: calc(50% - 6px);
    transition: all 0.2s ease-in-out;
}

.br-menu-link:hover i,
.br-menu-link:focus i,
li.active .br-menu-link i,
.br-menu-link.with-sub.show-sub i {
    color: var(--be-gold);
}

.br-menu-link:hover svg#Layer_1 path,
.br-menu-link.show-sub svg#Layer_1 path {
    fill: var(--be-gold)!important;
}

.br-menu-link:hover,
.br-menu-link:focus,
li.active .br-menu-link,
.br-menu-link.with-sub.show-sub {
    background: linear-gradient(180deg, #092e58 0%, #092e58 50%, var(--be-blue-1) 70%, var(--be-blue-1) 100%) !important;
    color: #fff;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#3a495b', endColorstr='#18222f', GradientType=1) !important;
}

.br-menu-link:hover::before {
    border: 2px solid var(--be-gold);
    content: "";
    height: 60px;
    left: 0;
    position: absolute;
}

.br-menu-sub .sub-link {
    padding: 7px 0 7px 30px !important;
}

.br-menu-sub .sub-link:hover,
.br-menu-sub .sub-link:focus,
.br-menu-sub .sub-link.active {
    color: #ffffff;
}

.br-menu-sub .sub-link:hover::before,
.br-menu-sub .sub-link:focus::before,
.br-menu-sub .sub-link.active::before {
    background-color: var(--be-gold);
    left: -11px;
    opacity: 1;
    width: 20px;
}

.br-pageheader {
    background: #cfd8dc45;
    padding-left: 30px;
}

.br-pagetitle .icon {
    color: #b5bec7;
    font-size: 64px;
}

.br-pagetitle h4 {
    border-bottom: 3px solid var(--be-gold);
    color: var(--be-blue-1);
    font-family: 'Fira Sans', sans-serif;
    font-size: 25px;
    font-weight: 500;
    line-height: 28px;
    margin-bottom: 0;
    text-shadow: 2px 2px 0px #d3dae0;
    text-transform: uppercase;
}

.br-pagetitle p {
    color: #83929a;
    font-family: 'Fira Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    margin-bottom: 0;
    margin-top: 4px;
    max-width: 400px;
    padding: 0px 0px;
}

.br-pagetitle .relative {
    margin-right: 40px;
}

.br-sideleft {
    background-color: var(--be-blue-1);
}

.br-sideleft svg#Layer_1 {
    height: 24px;
    left: 15px;
    position: absolute;
    top: 20px;
    width: 24px;
}

.btn-ask {
    background: #153d8c;
    border-color: #082444;
    color: #fff;
}

.btn-ask i {
    color: #f69806;
    font-size: 40px;
    left: -5px;
    position: relative;
    text-shadow: 1px 1px 3px #55443a;
    top: 1px;
}

.btn-ask span {
    position: relative;
    text-shadow: 1px 1px 2px #5a0f32;
    top: -6px;
}

.btn-brown {
    background-color: #153d8c;
    border-color: #082444;
    color: #fff;
}

.btn-excel-export.filters-btn.graphic-btn i i {
    bottom: 4px;
    color: #FAFAFA;
    font-size: 16px;
    position: absolute;
    right: -15px;
    text-shadow: -2px -0.75px var(--secondary);
    z-index: 1;
}

.btn-fav-filters.filters-btn.graphic-btn i i {
    bottom: 4px;
    color: #FF9800 !important;
    font-size: 16px;
    position: absolute;
    right: -5px;
    text-shadow: -2px -0.75px var(--secondary);
    z-index: 1;
}

.btn-group .btn-secondary {
    border-right: #42494e;
}

.button-wrapper {
    display: inline;
}

.card-contact {
    border-top: 10px solid var(--be-blue);
    margin-top: 100px;
    text-align: center;
}

.card-contact i {
    margin: 0 auto;
}

.card-header {
    background: var(--light-gray);
    padding: 1rem 1.58rem 0.75rem 1.58rem;
}

.carousel {
    width: 100%;
}

.case-studies-title {
    color: white;
    font-size: 15px;
    font-weight: 900;
    text-shadow: 1px 1px 1px #000;
    font-style: italic;
}

.case-study-image {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: 260px;
    width: 100%;
}

.categories-floater {
    position: sticky;
    top: 145px;
}

.co-circle-avatar {
    border: 2px solid var(--secondary);
    padding: 1px;
}

.code-circle {
    background: #FF9800;
    border-radius: 100px;
    color: #fff;
    font-size: 30px;
    font-weight: 900;
    height: 60px;
    line-height: 60px;
    margin: 0 auto;
    margin-top: 50px;
    width: 160px;
}

.code-circle.metric {
    background: var(--be-blue-2);
}

.code-title {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 22px;
}

.col-2-cell-simple {
    border-left: 1px solid #eee;
    color: #636363;
    font-size: 16px;
    font-weight: 700;
    padding-left: 30px !important;
    text-align: left;
}

.col-2-cell-simple.units {
    background: var(--be-blue-1);
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    color: #f1f1f1;
    font-size: 20px;
    font-weight: 900;
}

.col-2-simple-table {
    background: #002f65;
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    padding-left: 30px !important;
    text-transform: uppercase;
    width: 25%;
}

.col-2-simple-table.units {
    background: #002f65;
    color: #fff;
}

.col-icon {
    left: 0px;
    position: absolute;
    top: -20px;
    z-index: 1;
}

.col-sm-12.knowledge-base-intro-txt {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    font-family: 'Fira Sans', sans-serif;
    margin-top: 60px;
    text-align: center;
}

.comment-area {
    border-left: 2px solid #113f8c;
    margin-left: 5px;
    padding-left: 30px;
    padding-right: 20px;
    position: relative;
}

.comment-area .posted-by-link {
    border-color: var(--be-blue);
    color: var(--be-blue);
}

.comment-count {
    width: 47px;
    height: 18px;
    background: white;
    top: -24px;
    left: 19px;
    position: absolute;
    text-align: center;
    color: #103e8c;
    z-index: 9;
    border: 2px solid #103e8c;
    border-radius: 30px;
    line-height: 15px;
    font-size: 12px;
}

.comment-icon {
    position: absolute;
    top: -30px;
    left: -12px;
    z-index: 9;
    font-size: 22px;
    color: #103e8c;
    width: 30px;
    height: 31px;
    padding-right: 24px;
    background: #fff;
    border-radius: 100px;
    text-align: center;
    vertical-align: middle;
    padding-top: 5px;
}

.company-cell {
    background: #fff;
    border-bottom: 1px solid #eeeeee;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    color: #ff9800;
    font-family: 'Fira Sans', sans-serif !important;
    font-size: 12px;
    font-weight: 700 !important;
    text-align: center;
    vertical-align: middle !important;
}

.company-cell-simple {
    background: #ffa50012;
    background-position: right bottom;
    background-size: 200% 100%;
    color: #636363;
    font-family: 'Fira Sans', sans-serif !important;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    transition: all .2s ease-in-out;
    vertical-align: middle !important;
}

.company-col {
    background: #525252;
    border-left: 0 !important;
    border-right: 0 !important;
    color: #fff;
    font-size: 0.9rem;
    font-weight: 900;
    line-height: 22px;
    min-width: 170px !important;
    text-transform: uppercase;
    vertical-align: middle !important;
}

.company-label {
    background: linear-gradient(to bottom, #092e58 0%, rgba(225, 245, 254, 0) 100%);
    background: -moz-linear-gradient(top, rgba(225, 245, 254, 0.1) 0%, rgba(225, 245, 254, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(225, 245, 254, 0.1) 0%, rgba(225, 245, 254, 0) 100%);
    color: var(--be-gold);
    display: block;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#1ae1f5fe', endColorstr='#00e1f5fe', GradientType=0);
    font-family: 'Fira Sans', Sans-Serif;
    font-weight: 900;
}

.company-spotlight img {
    height: auto;
    max-width: 200px;
    min-height: 50px;
    padding-bottom: 10px;
    top: -25px;
}

.company-spotlight p {
    color: var(--be-blue);
    font-size: 18px;
    font-weight: 900;
}

.comparison-cell {
    background: #fff;
    border-bottom: 1px solid #eeeeee;
    font-family: 'Fira Sans', sans-serif;
    font-size: 0.8rem;
    font-weight: 400 !important;
    vertical-align: middle;
}

.comparison-col {
    background: #04162b;
    border-left: 0 !important;
    border-right: 1px dashed #3a4148 !important;
    color: #fff;
    font-size: 0.9rem;
    font-weight: 900;
    line-height: 22px;
    min-width: 90px !important;
    text-transform: uppercase;
    z-index: 2 !important;
}

.comp-inner {
    background: var(--be-blue-3);
    border-radius: 0;
    box-shadow: 2px 2px #001c4891;
    color: #fff;
    font-family: 'Fira Sans', sans-serif;
    font-size: 14px;
    font-weight: 700;
    height: 46px;
    height: 55px;
    line-height: 60px;
    margin-left: 5px;
    margin-right: 5px;
    text-shadow: 2px 2px #001c4891;
    text-transform: uppercase;
    vertical-align: middle;
    width: 100px;
}

.contact-img {
    margin-right: -168.5px;
    position: absolute;
    right: 50%;
    top: -50px;
    width: 340px !important;
}

.contact-info {
    color: var(--dark);
    font-size: 22px;
    font-weight: 500;
}

.cover-wrapper {
    margin-top: 20px;
    position: relative;
}

.cover-wrapper img {
    width: 100%;
}

.cover-wrapper span.cover-download {
    background: #ffab33;
    border-bottom: 3px solid #e8ecef;
    border-left: 3px solid #e8ecef;
    color: #062444;
    padding: 20px;
    position: absolute;
    right: 0;
    text-shadow: 1px 1px 1px #b36a00;
    top: 0;
}

.cover-wrapper span.cover-download i {
    color: #062444;
    font-size: 20px;
    left: 0px;
    position: relative;
    text-shadow: none;
    top: 4px;
}

.cover-wrapper span.cover-download span {
    border-bottom: 3px dotted #062444;
}

.cover-wrapper span.cover-title {
    bottom: 60px;
    color: #fff;
    font-family: 'Fira Sans', sans-serif;
    height: 46px;
    padding: 0px 20px;
    position: absolute;
    right: 0;
    text-align: center;
    width: 100%;
}

.current-category-table {
    background: #003B80;
    color: #f7f7f7;
    display: inline-block;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 20px;
    padding: 40px 20px;
    padding-left: 0px;
    padding-top: 30px;
    width: 100%;
}

.current-filters {
    background: #f4f4f4;
    border: 0 !important;
    border-right: 2px solid var(--light-gray-1) !important;
    border-top: 2px solid var(--light-gray-1) !important;
    color: #9c9c9c !important;
    font-size: 14px;
    font-weight: 500;
    padding-left: 45px !important;
    vertical-align: bottom !important;
}

.current-filters h6 {
    color: #827878;
}

.current-filters i {
    color: var(--be-gold);
    margin: 5px;
}

.current-filters span {
    color: var(--be-gold);
}

.current-filters:nth-of-type(even) {
    background: #eaeaea;
}

.current-filters:nth-of-type(odd) {
    background: #f4f4f4;
}

.current-survey-table h3 {
    color: #003c80;
    display: inline-block;
    font-weight: 700;
    padding-left: 20px;
    padding-top: 30px;
}

.data-columns-top {
    border-right: 1px dashed #dee2e6;
    color: #616161;
    font-size: 0.825rem !important;
    font-weight: 600;
    max-width: 270px;
    padding-left: 20px !important;
    padding-right: 30px !important;
    position: relative;
    z-index: 2 !important;
}

.data-columns-top.wider {
    max-width: 370px;
}

.data-columns-top a i {
    color: #b9b9b9;
}

.data-columns-top span {
    color: #FF9800;
    font-size: 1rem;
}

.data-columns-top:nth-of-type(even) {
    background: #ececec;
    color: #5f5f5f;
}

.data-columns-top:nth-of-type(odd) {
    background: #f9f9f9;
}

.dataTables_filter {
    display: none;
}

.dataTables_scroll {
    box-shadow: inset -10px -5px 25px -10px hsla(0, 0%, 0%, .16);
}

.decorative-line .media-footer {
    height: 2px;
    width: 100%;
}

.def-code {
    text-align: center;
}

.def-code-header {
    text-align: center;
}

.def-type-field {
    background: var(--be-gold);
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    left: 0;
    padding: 10px 20px;
    position: absolute;
    top: 0;
    width: 100%;
}

.def-type-field.metric {
    background: var(--be-blue);
}

.demo-overlay {
    background: #101010de;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1;
}

.double-1s {
    animation-duration: 2s;
    -webkit-animation-duration: 2s;
}

.dropdown-menu {
    z-index: 1001;
}

.ellipsis {
    float: right;
    left: 5px;
    position: relative;
    top: -56px;
}

.exactly-1s {
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
}

.expand-saas-qna {
    font-size: 22px;
    position: relative;
    top: -2px;
}

.fade-in {
    animation: fade-in 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    -webkit-animation: fade-in 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

.fadeIn {
    animation-name: fadeIn;
    -webkit-animation-name: fadeIn;
}

.fadeInDown {
    animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
}

.faq-icon {
    font-size: 25px;
    position: absolute;
    right: 10px;
    top: 8px;
}

.filter-column {
    background: var(--secondary);
    /* background: -moz-linear-gradient(top, rgba(248, 252, 255, 1) 30%, rgba(255, 255, 255, 1) 100%); */
    box-shadow: 0 0 8px 4px #b7b7b733;
    font-family: 'Fira Sans', sans-serif !important;
    font-weight: 700 !important;
    height: 100%;
    margin-right: 10px;
    padding: 10px;
}

.filter-header {
    background: transparent;
    color: #fff;
    font-family: 'Fira Sans', Sans-Serif;
    font-size: 14px;
    font-weight: 900;
    margin-bottom: 0;
    text-transform: uppercase;
}

.filter-header span {
    color: #fe9a08;
}

.filter-label {
    color: #616161;
    font-weight: 900;
    padding: 5px 10px;
}

.filter-saas-btn {
    background: #f4f4f4;
    border: 1px solid var(--be-blue-muted);
    border-radius: 4px;
    color: #666;
    cursor: pointer;
    display: inline;
    font-weight: 500;
    margin-right: 10px;
    padding: 10px 10px 10px 5px;
    text-transform: uppercase;
}

.filter-saas-btn i {
    background: #082444;
}

.filter-saas-btn.active .saas-qna-icon {
    box-shadow: 0px 0px 3px #d2d2d2;
}

.filter-saas-btn:hover i,
.filter-saas-btn.active i {
    background: #082444;
    color: #f69806;
}

.filter-saas-btn:hover,
.filter-saas-btn.active {
    background: #e8f3ff;
    border: 1px solid #9ba5b5;
    box-shadow: 0px 0px 4px inset #abd0ff;
    color: #082444;
}

.filters-menu {
    background: #e9e9e9;
    border: 1px solid #d7d7d7;
    padding: 20px;
}

.float-l {
    float: left !important;
}

.float-r {
    float: right !important;
}

.footer-logo {
    font-size: 20px;
}

.footer-logo img {
    margin-right: -3px;
    position: relative;
    top: -2px;
    width: 24px;
}

.form-layout-2 .input-group-addon {
    background-color: ghostwhite;
    padding: 10px;
}

.form-layout-2 .select2.select2-container {
    background-color: ghostwhite !important;
    padding: 6px;
}

.form-layout-2 .select2.select2-container .select2-selection__arrow {
    height: 36px;
}

.form-layout-2 input,
.form-layout-2 select,
.form-layout-2 textarea {
    background-color: ghostwhite !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.form-layout-2 textarea {
    padding-top: 10px !important;
}

.form-layout-footer.settings-footer {
    border: 1px solid #d7d9dc;
    margin-top: 20px;
    padding: 20px;
    text-align: right;
}

.graphic-btn.icons {
    display: inline-block;
    font-size: 30px;
    position: relative;
    top: -4px;
    z-index: 1;
}

.graphic-btn.icons.icon-only {
    left: 13px;
    position: absolute;
}

.graphic-btn.text {
    display: inline-block;
    padding-left: 20px;
}

.group-name-cell {
    padding: 10px 20px !important;
}

.group-name-cell h6 {
    color: var(--be-gold);
    margin-bottom: 0 !important;
    padding-top: 5px;
    vertical-align: middle;
}

.half-1s {
    animation-duration: .5s;
    -webkit-animation-duration: .5s;
}

.hellobar-area {
    background: #E8562A;
    color: #fff;
    height: 0px;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 99;
}

.hellobar-area img {
    height: 40px;
    margin-top: 20px;
    opacity: 0.5;
    width: auto;
}

.hellobar-area.active {
    animation: all 2.2s ease-in-out;
    height: 80px;
}

.helper-icon {
    background: #fff;
    border: 2px solid var(--be-blue-3);
    border-radius: 30px;
    color: var(--be-blue-3);
    font-size: 14px;
    margin-left: 3px;
    padding: 1px 2px;
}

.hr-gold {
    border-color: #ffbc5b;
    border-width: 2px;
}

.img-caption {
    font-size: 13px;
    font-weight: 900;
    margin: 10px;
}

.input-group .input-group-prepend button i,
button.btn-secondary i {
    color: #ffffff !important;
}

.icon-dbl {
    font-size: 50px !important;
    color: var(--be-gold) !important;
    position: absolute;
    top: 20px;
    right: -40px;
}

.kb-article-cat-pill i {
    background: #ffffff;
    border: 3px solid;
    border-radius: 0;
    font-size: 17px;
    height: 35px;
    padding: 7px 0px;
    position: absolute;
    top: -7px;
    width: 45px;
}

.kb-article-content-bar {
    position: sticky;
    top: 90px;
}

.kb-article-content-bar {
    position: sticky;
    top: 90px;
}

.kb-article-list li {
    position: relative;
}

.kb-article-pub {
    color: #333;
    display: block;
    font-size: 12px;
    font-weight: 300;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.kb-card-wp {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: relative;
}

.kb-card-wp .card-body {
    color: #fff;
    height: 250px;
    text-shadow: 1px 1px 3px var(--be-blue-1);
    z-index: 1;
}

.kb-card-wp .card-body a {
    color: #fff;
}

.kb-card-wp .card-link {
    bottom: 20px;
    position: absolute;
}

.kb-card-wp .card-link i {
    color: var(--be-gold);
    margin-right: 5px;
}

.kb-card-wp .card-link span {
    border-bottom: 1px dotted var(--be-gold-muted);
    font-weight: 600;
}

.kb-card-wp .card-link.a-link {
    left: 20px;
}

.kb-card-wp .card-link.b-link {
    right: 20px;
}

.kb-card-wp .card-title {
    border-bottom: 1px dotted var(--be-gold-muted);
    color: var(--be-gold-muted);
    padding-bottom: 10px;
    text-shadow: 1px 1px 3px var(--be-blue-1);
}

.kb-menu {
    fill: var(--be-blue-muted);
}

.kb-menu:hover {
    fill: var(--be-gold);
}

.kb-overlay {
    background: rgba(7, 36, 68, 0.75);
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.kb-section-header {
    font-family: 'Fira Sans', sans-serif;
    font-weight: 500;
    letter-spacing: -1.5px;
}

.knowledge-base-intro-img {
    background-position: right !important;
    background-repeat: no-repeat !important;
    min-height: 370px;
}

.knowledge-base-intro-img .select2-container--default .select2-selection--single {
    background-color: #ecf8fc;
    border-color: #abe4ff;
    border-radius: 0;
    border-right: 2px solid #abe4ff;
    box-shadow: 1px 1px 10px #caeaff;
    color: #ecf8fc;
    height: 60px !important;
    height: calc(2.6125rem + 2px);
    margin-right: 0px;
    outline: none;
}

.knowledge-base-intro-img .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 10px;
}

.knowledge-base-intro-img .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #76ccff transparent transparent transparent;
}

.knowledge-base-intro-img .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #76ccff;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 700;
}

.knowledge-base-intro-txt h1 {
    color: #092555;
    font-size: 50px;
    font-weight: 100;
    margin-bottom: 10px;
}

.knowledge-base-intro-txt h1 img {
    margin-right: 8px;
    position: relative;
    top: -4px;
    width: 60px;
}

.knowledge-base-intro-txt h1 span {
    font-weight: 900;
}

.knowledge-base-intro-txt h3 {
    font-weight: 200;
    margin-bottom: 30px;
}

.knowledge-base-intro-txt i.fas.fa-brain {
    color: #9cd1e3;
}

.knowledge-base-search {
    height: 400px;
}

.lds-css.ng-scope {
    position: absolute;
    right: -70px;
    top: -70px;
    transform: scale(0.3);
}

.lds-ripple {
    position: relative;
}

.lds-ripple {
    height: 200px !important;
    transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
    -webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
    width: 200px !important;
}

.lds-ripple div {
    animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    border-radius: 50%;
    border-style: solid;
    border-width: 4px;
    box-sizing: content-box;
    opacity: 1;
    position: absolute;
    -webkit-animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.lds-ripple div:nth-child(1) {
    border-color: #0b1d27;
}

.lds-ripple div:nth-child(2) {
    animation-delay: -0.5s;
    border-color: #72cbfd;
    -webkit-animation-delay: -0.5s;
}

.lead-image {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: 500px;
    margin-bottom: 30px;
    position: relative;
    width: 100%;
}

.lead-image .img-caption {
    background: var(--be-gold-muted);
    bottom: 0;
    line-height: 40px;
    margin: 0;
    padding: 0px 10px;
    position: absolute;
    text-align: center;
    width: 100%;
}

.lt-blue-section .section-icon {
    background: var(--be-blue);
}

.lt-gold-section {
    background-color: #fff5e6;
    margin: 20px 0;
}

.lt-gray-section {
    background-color: #c9d5e0;
    border-bottom: 0;
    border-top: 0;
    margin-top: 20px;
}

.lt-gray-section .section-icon {
    background: #666;
}

.main-nodata-illustration {
    height: auto;
    max-width: 450px;
    width: 100%;
}

.media-footer a i {
    color: #bbb;
    position: relative;
    top: 0px;
}

.media-footer i {
    color: #55443a;
}

.media-list.responses {
    background-color: #f4f4f4 !important;
    box-shadow: 0px 0px 5px 1px inset #0000004f;
    display: none;
    max-height: 360px;
    overflow: scroll;
    overflow-x: hidden;
    width: 100%;
}

.metric-col {
    background: var(--be-blue);
    color: #fff;
    font-size: 1rem !important;
    font-weight: 700 !important;
    padding-left: 30px !important;
    text-shadow: 2px 1px 0px #286bb5;
    text-transform: uppercase;
    width: 75% !important;
}

.mg-b-neg-7 {
    margin-bottom: -7px;
}

.modal.show {
    background: #052d5257;
}

.modal-title {
    font-size: 2.4rem;
    font-weight: 900;
    line-height: 1;
    margin-bottom: 50px;
    margin-top: 30px;
    text-align: right;
}

.msg-top {
    font-size: 18px;
    font-weight: 900;
}

.myco-inner {
    background: #FF9800;
    border-radius: 0;
    box-shadow: 2px 2px #cc6700;
    color: #fff;
    font-family: 'Fira Sans', sans-serif;
    font-size: 14px;
    font-weight: 700;
    height: 46px;
    height: 55px;
    line-height: 14px;
    margin-left: 5px;
    margin-right: 5px;
    padding-bottom: 4px;
    padding-top: 4px;
    text-align: center;
    text-shadow: 2px 2px #cc670091;
    text-transform: uppercase;
    vertical-align: middle;
    width: 120px;
}

.pepc-entity-inner {
    background: #548135;
    border-radius: 0;
    box-shadow: 2px 2px #425f26;
    color: #fff;
    font-family: 'Fira Sans', sans-serif;
    font-size: 14px;
    font-weight: 700;
    height: 46px;
    height: 55px;
    /* line-height: 14px; */
    margin-left: 5px;
    margin-right: 5px;
    padding-bottom: 4px;
    padding-top: 4px;
    text-align: center;
    text-shadow: 2px 2px #6E9D3C;
    text-transform: uppercase;
    vertical-align: middle;
    width: 120px;
}

.pepc-enity-inner-ticker {
    margin-top:5px;
}

.pepc-industry-inner {
    background: #548135;
    border-radius: 0;
    box-shadow: 2px 2px #425f26;
    color: #fff;
    font-family: 'Fira Sans', sans-serif;
    font-size: 14px;
    font-weight: 700;
    height: 46px;
    height: 55px;
    /* line-height: 60px; */
    margin-left: 5px;
    margin-right: 5px;
    /* padding-bottom: 4px; */
    padding-top: 4px;
    text-shadow: 2px 2px #6E9D3C;
    text-transform: uppercase;
    vertical-align: middle;
    width: 100px;
}

.pepc-industry-inner.minmax {
    padding-top:10px;
}

.pepc-industry-inner.wider {
    width: auto;
}

.pepc-industry-inner .minmax-line {
    border-top: 2px solid white;
    border-radius: 1px;
    width:90%;
    margin:auto;
    display:block;
}

.minmax-line-dark {
    border-top: 2px solid var(--be-blue-2);
    border-radius: 1px;
    width:90%;
    margin:auto;
    display:block;
}

.remove-pepc-filter {
    top: 6px;
    color:#fff;
}

.pepc-cell {
    background: #fff;
    border-bottom: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    color: var(--be-blue-2);
    font-size: 0.8rem;
    font-weight: 900;
    text-align: center;
    vertical-align: middle !important;
}
.my-company-data-blank {
    background: #cc7900;
    border-top: 0;
    color: #fff;
    font-size: 0.8rem !important;
    font-weight: 900;
    text-transform: uppercase;
    width: 90px;
}

.my-comp-arrow {
    font-size: 22px;
    padding-bottom: 8px;
}

.name-cell a {
    margin: -10px;
    position: absolute;
    right: 25px;
    top: 50%;
}

.no-mycompany-cell a{
    position:relative;
    right:-110px;
    top:0;
}

.navicon-left a:hover>i,
.input-group span>button:hover>i,
nav .dropdown a:hover i.fa.fa-angle-down {
    color: var(--be-gold);
}

.navicon-right .notification-circle {
    top: 18px;
}

.nav-tabs .nav-item .nav-link {
    background: #f3f3f3;
    border-left: 1px solid #dee2e6;
    border-radius: 0;
    border-right: 1px solid #dee2e6;
    border-top: 4px solid #a0a0a0;
    color: #797979;
    font-family: 'Fira Sans', Sans-Serif;
    font-size: .8rem;
    font-weight: 900;
    line-height: 30px;
    min-width: 70px;
    opacity: 0.6;
    padding-bottom: 9px;
    padding-left: 20px;
    padding-right: 25px;
    text-align: center;
    text-transform: uppercase;
}

.nav-tabs .nav-item .nav-link.active,
.nav-tabs .nav-item .nav-link:hover {
    background: #fff;
    border-bottom: 2px solid #fff;
    border-top: 4px solid var(--be-gold);
    color: #797979;
    opacity: 1;
}

.new-data {
    animation-duration: 1s;
    animation-iteration-count: 4;
    animation-name: color;
}

.notification-circle {
    border: 1px solid #fff;
    height: 10px;
    right: 28px;
    top: 8px;
    width: 10px;
}

.notification-circle {
    border: 1px solid #fff;
    height: 10px;
    right: 28px;
    top: 8px;
    width: 10px;
}

.opex-blue {
    color: var(--be-blue);
}

.opex-blue {
    color: var(--be-blue);
}

.opex-orange {
    color: var(--be-gold);
}

.popover {
    min-width: 200px;
}

.popover-header {
    background: var(--be-blue);
    border-bottom: 2px solid var(--be-gold);
    color: #fff;
    font-weight: 900;
}

.pos-relative {
    position: relative;
}

.posted-by-link.your-post {
    border-color: #ff003b !important;
    color: #FF003A !important;
}

.posted-by-link.your-post.compose {
    left: -32px;
}

.powered-by {
    font-size: 20px !important;
}

.print-article {
    background: #eee;
    font-size: 30px;
    margin-top: 30px;
    padding: 10px;
}

.ps__rail-x,
.ps__rail-y,
.ps__thumb-x,
.ps__thumb-y {
    z-index: 10 !important;
}

.qna {
    list-style: none;
}

.quarter-1s {
    animation-duration: .25s;
    -webkit-animation-duration: .25s;
}

.real-tabs .card-body {
    border: 0;
    padding: 0;
    padding-top: 40px;
}

.real-tabs .card-header {
    background-color: var(--light-gray);
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    padding-left: 9px;
}

.refresh-btn {
    margin-left: 30px;
}

.regular-p {
    color: #868ba1;
    font-family: 'Fira Sans', sans-serif;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
}

.relative {
    position: relative !important;
}

.remove-filter {
    right: 20px;
    top: 6px;
}

.save-filter {
    right: 50px;
    top: 6px;
}

.reply-format {
    position: relative;
    top: -8px;
}

.responses-wrapper {
    margin-left: 16px;
}

.responses-wrapper {
    margin-left: 16px;
}

.rounded-top-left {
    border-top-left-radius: 3px !important;
}

.rounded-top-right {
    border-top-right-radius: 3px !important;
}

.row .alert button span {
    text-shadow: none;
}

.row .alert div i {
    font-size: 50px;
    left: 18px;
    position: relative;
    top: -5px;
}

.row .alert div span {
    left: 18px;
    position: relative;
    text-shadow: 2px 2px 7px #1b5e2040;
    top: -3px;
}

.row .alert-success.field_conf_msg i.icon {
    color: #c7ffc9;
}

.row .field_conf_msg {
    background: #4CAF50 !important;
    border-radius: 0;
    color: #FFF;
    font-size: 22px;
    font-weight: 900;
    height: 65px;
    left: 0;
    padding-top: 10px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 50%;
    z-index: 3;
}

.row button.close {
    color: #fff;
    opacity: 1;
    position: absolute;
    right: 15px;
    top: 8px;
}

.row.warn {
    background: #fff6e8 !important;
    border-left: 5px solid #F57C00 !important;
}

.row.warn .warn-msg i {
    color: #F57C00;
    font-size: 14px;
    margin-right: 4px;
}

.row-style-1.err {
    border-left: 10px red solid;
}

.row-style-1.remind {
    border-left: 10px lightblue solid;
}

.row-style-1.warn {
    border-left: 10px orange solid;
}

.row-style-1:hover {
    background-color: #f4f4f4;
}

.row-style-1:last-child {
    border-bottom: 0;
}

.saas-answer {
    border: 1px solid var(--be-gold);
    border-radius: 0;
}

.saas-author-stats-1 {
    color: var(--be-blue);
    font-family: 'Fira Sans', sans-serif;
    font-size: 12px;
    font-weight: 900;
}

.saas-author-stats-2 {
    color: #fe5f75;
    font-family: 'Fira Sans', sans-serif;
    font-size: 12px;
    font-weight: 900;
}

.saas-author-stats-3 {
    color: var(--be-gold);
    font-family: 'Fira Sans', sans-serif;
    font-size: 12px;
    font-weight: 900;
}

.saas-comment {
    border: 1px solid var(--be-blue);
    border-radius: 0;
}

.saas-header h1 {
    color: #ef950f;
    font-weight: 300;
    font-size: 3.1875rem;
}

.saas-header h1 span {
    color: var(--be-blue);
    font-weight: 900;
}

.saas-header h1 svg {
    height: 70px;
    position: relative;
    top: -15px;
}

.saas-header h3 {
    color: #082444;
    font-size: 1.4rem;
    font-weight: 400;
    margin-bottom: 30px;
    margin-top: -10px;
}

.saas-main-img.sm {
    top: -16px;
    width: 61%;
}

.saas-q .btn-saas {
    background-color: var(--be-gold);
    border-color: #ff9700;
    color: #fff;
    font-weight: 900;
}

.saas-q .posted-by-link {
    border-bottom: 1px dashed var(--be-blue-1);
    color: var(--be-blue-1);
    left: 0px;
    position: relative;
}

.saas-q .posted-time {
    color: #e94e1b;
}

.saas-q .upvote,
.saas-q .upvote:hover {
    color: #e94e1b;
}

.saas-qa-main-banner {
    background-attachment: fixed !important;
    background-position-x: right !important;
    background-position-y: 60px !important;
    background-repeat: no-repeat !important;
    border-bottom: 5px solid rgba(23, 61, 122, 0.06);
    border-radius: 0;
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.21);
    height: 500px;
    width: 100%;
}

.saas-qa-main-banner {
    background: #e0e0e0;
    background: linear-gradient(to right, #e0e0e0, #88d3d0);
    background: -webkit-linear-gradient(to right, #e0e0e0, #88d3d0);
}

.saas-qa-main-banner .saas-main-img {
    position: relative;
    top: -8px;
    width: 100%;
}

.saas-qa-main-banner button.btn-ask {
    font-family: 'Fira Sans', sans-serif;
    font-size: 20px;
    font-weight: 900;
    height: 60px;
}

.saas-qa-main-banner.sm {
    height: 250px;
}

.saas-qna-icon {
    border: 1px solid #fff;
    color: #ffffff;
    font-size: 14px;
    padding: 5px;
    position: absolute;
    right: -5px;
    top: -5px;
}

.saas-qna-icon.all {
    @keyframes AnimationName {
        0% {
            background-position: 0% 83%;
        }
        100% {
            background-position: 0% 83%;
        }
        50% {
            background-position: 100% 18%;
        }
    }
    @-moz-keyframes AnimationName {
        0% {
            background-position: 0% 83%;
        }
        100% {
            background-position: 0% 83%;
        }
        50% {
            background-position: 100% 18%;
        }
    }
    @-o-keyframes AnimationName {
        0% {
            background-position: 0% 83%;
        }
        100% {
            background-position: 0% 83%;
        }
        50% {
            background-position: 100% 18%;
        }
    }
    @-webkit-keyframes AnimationName {
        0% {
            background-position: 0% 83%;
        }
        100% {
            background-position: 0% 83%;
        }
        50% {
            background-position: 100% 18%;
        }
    }
}

.saas-qna-icon.relative-icon {
    margin-right: 10px;
    position: relative !important;
    top: 0px;
}

.saas-qna-icon.saas-q {
    background-color: #e94e1b;
}

.saas-qna-thumbnail {
    border: 2px solid #ffffff;
    border-radius: 5px;
    width: 70px;
}

.saas-search-or {
    color: #153d8c;
    font-size: 20px;
    font-weight: 900;
    text-align: center;
}

.saas-search-or span {
    display: inline-block;
    position: relative;
}

.saas-search-or span:after {
    left: 40px;
    top: 10px;
    width: 40px;
}

.saas-search-or span:before {
    right: 40px;
    top: 10px;
    width: 40px;
}

.saas-search-or span:before,
.saas-search-or span:after {
    border-bottom: 5px solid #f69806;
    content: "";
    height: 5px;
    position: absolute;
}

.saas-section-header {
    color: #616161;
}

.saas-section-header {
    font-family: 'Fira Sans', !important;
    letter-spacing: -1px;
}

.saas-section-header {
    color: #616161;
}

.saas-user.answer {
    background: #fff;
    border: 1px solid var(--be-gold);
    border-radius: 30px;
    left: -44px;
    padding: 3px 3px;
    top: 22px;
}

.saas-user.comment {
    border-color: var(--be-blue);
    color: var(--be-blue);
    position: relative;
    top: 17px;
}

.saas-user.user-you {
    border-color: #ff003b;
    color: #ff003b;
    position: relative;
}

.saas-user.user-you.compose {
    top: 5px !important;
}

.section-icon i {
    color: #fff;
    font-size: 30px;
    line-height: 34px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #666;
}

.form-layout-2 .select2.select2-container { background-color: transparent !important;}
.select2-container--default .select2-search--inline .select2-search__field { background-color: transparent !important; }

#form-survey-edit .form-layout-2 .select2.select2-container { border: 1px solid #ccc; border-radius: 3px;}
#form-survey-edit .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #bbb;}

.separator {
    color: var(--be-blue);
    padding-left: 8px;
    padding-right: 8px;
}

.settings-footer .btn {
    background: aliceblue;
    border-radius: 0;
    color: #004bbb;
    font-weight: 900;
}

.sidebar-label {
    color: var(--be-blue-muted);
    opacity: unset !important;
}

.single-image {
    background: var(--be-gold-muted);
    border: 1px solid #f5f5f5;
    line-height: 40px;
    margin-bottom: 30px;
    margin-top: 10px;
    padding: 20px 20px 0px 20px;
    text-align: center;
    width: 100%;
}

.single-image img {
    width: 100%;
}

.single-image.img-caption {
    font-size: 12px;
}

.sm-search {
    left: -60px;
    position: relative;
    transform: scale(.85);
}

.sort-select {
    display: inline;
    min-width: 150px;
}

.stats {
    border: 1px solid var(--be-blue-1);
    border-radius: 40px;
    padding: 5px 10px 2px;
    color: var(--be-blue-1);
    cursor: pointer;
}

.stats a {
    color: var(--be-blue-1);
}

.stats.answer-cta {
    background: var(--be-blue);
    border: 2px solid #ffba56;
}

.step-instructions {
    font-size: 1rem;
    line-height: 1.3;
    position: relative;
    text-align: right;
    top: -6px;
    width: 100%;
}

.survey-group-item h5 {
    color: #3a3a3a;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase;
}

.survey-main-item {
    background: #fee9c821 !important;
}

.survey-main-item h4 {
    color: var(--be-blue);
}

.table .name-cell {
    background: #f9f9f9;
    border-bottom: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    color: #3a3a3a;
    font-family: 'Fira Sans', sans-serif !important;
    font-size: 14px;
    font-weight: 400 !important;
    text-align: left;
}

.table .name-cell a i {
    color: #FF9800;
    font-size: 16px;
}

.table tbody .group-items tr td {
    border: 1px solid #dedede;
}

.table td.name-cell:first-child {
    padding-left: 20px;
    padding-right: 40px !important;
}

.table thead tr.two-lvl-bottom {
    border: 1px solid #3c3c3c;
}

.table thead tr.two-lvl-top td {
    border: 1px solid #eee !important;
}

.table tr td {
    border-top: 0;
    height: 55px;
    padding: 0rem;
    padding-top:0.5rem;
    padding-bottom:0.5rem;
    vertical-align: middle !important;
    width: 270px;
}

.table.tbl-pd-l-5 tr td {
    padding-left:5px;
}

.table tr td.name-cell-simple {
    color: #717171;
    font-family: 'Fira Sans', sans-serif !important;
    font-size: 14px;
    font-weight: 500 !important;
    line-height: 2;
    padding-left: 30px;
    padding-right: 20px;
    position: relative;
    text-align: left;
}

.table tr.group-items:hover td.name-cell a i {
    color: #1a5ba2;
}

.table tr:nth-of-type(odd):not(.survey-group-item) {
    background: #f7f7f7;
}

.table tr:nth-of-type(odd):not(.survey-group-item) {
    background: #f7f7f7;
}

.table.be-table {
    font-family: 'Fira Sans', sans-serif;
    width: 100%;
}

.table.be-table .dismiss-data i {
    color: #ff9800;
}

.table.be-table tbody tr td.data-columns-top {
    background: #fff;
    color: #636363;
    font-size: 18px;
    font-weight: 500;
    padding-left: 20px;
    vertical-align: bottom;
}

.table.be-table thead tr:first-child td.my-company-data.main-header {
    background: #f7f7f7;
    border-top: 1px solid #eee;
    font-size: 0.9rem;
    min-width: 130px;
    padding-top: 20px;
    text-align: center;
    vertical-align: middle;
    z-index: 2 !important;
}

.table.be-table thead tr:first-child td.my-company-data.main-header h6 {
    color: #fff;
    font-size: 1.1rem;
    text-shadow: 1.5px 1.5px 0px #d8730b;
    text-transform: capitalize;
}

.table.be-table thead tr:first-child td.my-company-data.main-header i {
    color: var(--light);
    font-size: 30px;
    text-shadow: 1.5px 1.5px #d8730b;
}

.table.be-table thead tr:first-child td.my-company-data.secondary-header {
    background: var(--be-orange-1);
}

.table.be-table thead tr:first-child td:first-child {
    background: #f7f7f7;
    color: #003c80;
    font-size: 26px !important;
    font-weight: 900 !important;
    left: -1px;
    margin-bottom: 0;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-top: 40px;
    width: 100%;
    z-index: 3 !important;
}

.table.be-table thead tr:first-child td:first-child h3 {
    color: var(--be-blue-1);
    font-family: 'Fira Sans', sans-serif;
    font-size: 32px;
    font-weight: 800;
    letter-spacing: -1px;
    line-height: 31px;
}

.table.dataTable {
    margin-top: 0 !important;
}

.table.table-bordered.dataTable tbody td {
    border-bottom-width: 1px;
}

.table.two-lvl-groups tbody tr td.group-name-cell {
    font-size: 14px;
    line-height: 20px;
    min-width: 400px;
}

.table-container {
    background: var(--light-gray);
    border: 1px solid var(--light-gray-1);
    border-radius: 0;
    border-top: 0;
    box-shadow: 1px 1px 6px inset #b7b7b76b;
    margin-top: 0px !important;
    padding: 20px;
}

.table-container .card-body {
    background: #fff;
    border: 1px solid #dee2e6;
    border-top: 0;
    left: -1px;
    padding: 20px;
    position: relative;
}

.table-hover tbody tr:hover:not(.survey-group-item) {
    background-color: #e9e9e9;
}

.table-hover tbody tr:hover:not(.survey-group-item) td.name-cell-simple {
    color: #6b5953;
}

.tbl-metric-inner {
    background: #002d73;
    border-radius: 0;
    box-shadow: 2px 2px #001c4891;
    color: #fff;
    font-family: 'Fira Sans', sans-serif;
    font-size: 18px;
    font-weight: 700;
    height: 46px;
    height: 55px;
    line-height: 60px;
    margin-left: 5px;
    margin-right: 5px;
    max-width: 100%;
    padding-left: 20px;
    text-align: left;
    text-shadow: 2px 2px #001c4891;
    text-transform: uppercase;
    vertical-align: middle;
}

.template {
    color: var(--be-gold-muted);
}

.three-steps {
    border-bottom: 4px solid var(--be-gold);
    padding-bottom: 10px;
}

.transparent-image-bkg {
    background-blend-mode: soft-light;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.tx-answer-bulb {
    color: #f4d917;
}

.tx-be-blue {
    color: var(--be-blue);
}

.tx-be-blue-1 {
    color: var(--be-blue-1);
}

.tx-be-blue-muted {
    color: var(--be-blue-muted);
}

.tx-be-gold {
    color: var(--be-gold);
}

.txt-box-md {
    max-height: 200px;
    overflow-y: auto;
}

.txt-box-sm {
    max-height: 100px;
    overflow-y: auto;
}

.uploadifive-queue-item.complete {
    background-color: #bcfcb1;
    border: 1px var(--success) solid;
    border-radius: 3px;
    color: #1c9806;
    padding: 15px;
}

.uploadifive-queue-item.error {
    background-color: #f7d1d5;
    border: 1px var(--danger) solid;
    border-radius: 3px;
    color: #b51f2e;
    margin-bottom: 20px;
    padding: 15px;
}

.upvote {
    font-size: 30px;
    left: 18px;
    position: absolute;
    top: 82px;
}

.user-profile-nav .icon {
    color: var(--be-gold);
}

.variance-cell {
    background: #fff;
    border-bottom: 1px solid #eeeeee;
    border-right: 1px solid #eeeeee;
    color: var(--be-blue);
    font-family: 'Fira Sans', sans-serif;
    font-size: 0.8rem;
    font-weight: 700;
    padding: 2px !important;
    text-align: center;
    vertical-align: middle !important;
    width: 90px !important;
}

.variance-col {
    background: #04162b;
    border-left: 0 !important;
    bottom: -10px;
    color: #fff;
    font-size: 0.7rem !important;
    font-weight: 900;
    line-height: 22px;
    min-width: 90px !important;
    text-transform: uppercase;
    vertical-align: middle !important;
    width: 90px !important;
    z-index: 2 !important;
}

.var-inner {
    background: var(--be-blue);
    border-radius: 0;
    box-shadow: 2px 2px #001c4891;
    color: #fff;
    font-family: 'Fira Sans', sans-serif;
    font-size: 14px;
    font-weight: 700;
    height: 46px;
    height: 55px;
    line-height: 60px;
    margin-left: 5px;
    margin-right: 5px;
    text-shadow: 2px 2px #001c4891;
    text-transform: uppercase;
    vertical-align: middle;
    width: 100px;
}

.var-inner.less-ht {
    line-height: normal;
    padding-top: 12px;
}

.video-container {
    background: #000;
    height: 300px;
    width: 100%;
}

.video-container .overlay {
    height: 100%;
    width: 100%;
}

.warn button.btn.dropdown-toggle {
    background: var(--be-gold) !important;
    border: 1px solid #F57C00;
}

.warn button.btn.dropdown-toggle i {
    color: #fff !important;
}

.warn input.form-control {
    border-bottom: 1px solid #F57C00;
    border-left: 0;
    border-right: 0;
    border-top: 1px solid #F57C00;
}

.warn span.input-group-text {
    background-color: #FF9800 !important;
    border: 1px solid #F57C00;
}

.warning-subtitle {
    color: #b9b9b9;
    font-size: 18px;
    margin-bottom: 40px;
    margin-top: -7px;
}

.warning-title {
    color: #808080;
}

.warn-msg {
    color: #F57C00;
    font-size: 13px;
    font-weight: 900;
    position: relative;
}

.webinars-title {
    color: #607D8B;
    font-family: 'Fira Sans', sans-serif;
    font-weight: 700;
}

.welcome {
    background-color: #ceecf663 !important;
}

.welcome-card-separator {
    border-top: 2px solid var(--be-blue-muted);
    opacity: .3;
}

.your-answer {
    border-bottom: 1px dashed #ff0d45 !important;
    color: #ff0d45 !important;
}

@keyframes color {
    0% {
        background-color: transparent;
    }
    100% {
        background-color: transparent;
    }
    50% {
        background-color: var(--be-gold-muted);
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes lds-ripple {
    0% {
        height: 0;
        left: 96px;
        opacity: 1;
        top: 96px;
        width: 0;
    }
    100% {
        height: 156px;
        left: 18px;
        opacity: 0;
        top: 18px;
        width: 156px;
    }
}

@media (min-width: 576px) {
    .br-pagetitle {
        padding-bottom: 20px;
        padding-left: 50px;
        padding-top: 50px;
    }
}

@media (min-width: 992px) {
    .expand-menu .br-sideleft {
        box-shadow: 1px 0 16px rgba(0, 0, 0, 0.6);
    }
}

@supports (-ms-ime-align:auto) {
    .ps__ rail-x,
    .ps__ rail-y,
    .ps__ thumb-x,
    .ps__ thumb-y {
        opacity: 0 !important;
    }
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@-webkit-keyframes lds-ripple {
    0% {
        height: 0;
        left: 96px;
        opacity: 1;
        top: 96px;
        width: 0;
    }
    100% {
        height: 156px;
        left: 18px;
        opacity: 0;
        top: 18px;
        width: 156px;
    }
}

a#dropdownMenuButton {
    background: none;
    border: none;
    color: #c3c3c3;
    cursor: pointer;
    font-size: 13px;
    height: 40px;
    width: 40px;
}

a#dropdownMenuButton::after {
    display: none;
}

a.bg-opex-blue:hover,
a.bg-opex-blue:focus,
.row-style-1 {
    background-color: #f8f8f8;
}

a.btn.btn-warning.pd-x-25.tx-uppercase.tx-12.tx-spacing-2.tx-medium.cta-dashboard {
    font-size: 1rem;
}

a.case-studies-link {
    border-bottom: 1px dotted var(--be-gold-muted);
    color: var(--be-gold-muted);
    font-weight: 600;
    text-shadow: 1px 1px 1px #382a29;
}

a.comments {
    color: #666;
    font-size: 13px;
    font-weight: 900;
}

a.comments span {
    background: var(--be-blue);
    border: 1px solid #1b19;
    color: #fff;
    margin-left: 5px;
    margin-right: 15px;
    padding: 2px 10px;
}

a.comments.active,
a.comments:hover,
a.comments.active i,
a.comments:hover i {
    color: var(--be-blue);
}

a.delete {
    background: var(--be-blue);
    color: #fff;
    float: right;
    font-size: 13px;
    font-weight: 900;
    padding: 4px 10px 2px 10px;
}

a.delete:hover {
    background: var(--be-blue-1);
}

a.delete i {
    color: #e8f3ff;
}

a.delete.delete-comment {
    float: none;
}

a.edit {
    background: #f69806;
    color: #fff;
    float: right;
    font-size: 13px;
    font-weight: 900;
    margin-left: 10px;
    margin-right: 10px;
    padding: 4px 10px 2px 10px;
}

a.edit:hover {
    background: #ca7c04;
}

a.edit i {
    color: #fff0d8;
}

a.edit.edit-comment {
    float: none;
    margin-left: 0;
}

a.kb-article-link {
    display: block;
    font-family: 'Fira Sans', sans-serif;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
}

a.read-less {
    color: var(--be-blue) !important;
    font-weight: 900;
}

a.read-more {
    color: var(--be-blue);
    font-weight: 900;
}

a.read-more.tx-12.ddd-keep {
    color: var(--be-gold);
}

a.up-vote {
    color: #666;
    font-size: 13px;
    font-weight: 900;
}

a.up-vote i {
    margin-right: 3px;
    position: relative;
    top: -1px;
}

a.up-vote span {
    background: #1dca72;
    border: 1px solid #1b19;
    color: #fff;
    margin-left: 5px;
    margin-right: 15px;
    padding: 2px 10px;
}

a.up-vote.active {
    color: #1dca72;
}

a.up-vote:hover,
a.up-vote.active,
a.up-vote:hover i,
a.up-vote.active i {
    color: #1dca72;
}

a.view-all-articles {
    bottom: 20px;
    position: absolute;
    right: 30px;
}

a[data-toggle='collapse'].faq-icon .fa-minus-square {
    color: #ffffff;
}

a[data-toggle='collapse'].faq-icon .fa-plus-square {
    color: var(--be-blue-3);
}

body,
.br-mainpanel {
    background: var(--light-gray);
}

body.shift-me .br-mainpanel {
    padding-top: 18px;
}

body.shift-me,
body.shift-me .br-sideleft,
body.shift-me .br-header {
    animation: all 2s ease-in-out;
    margin-top: 48px;
}

br-pagetitle i.admin-icon {
    color: #6b6b6b;
    font-size: 40px;
    position: absolute;
    right: -5px;
    top: 20px;
}

br-pagetitle i.admin-icon.admin-w-shadow {
    color: #f8f9fa !important;
    -webkit-text-stroke: 9px #f8f9fa !important;
}

button .benchmarking-filter {
    font-family: 'Fira Sans', sans-serif !important;
    font-size: 14px !important;
}

button#btn-filter-toggle i.toggle-up {
    color: #dedede !important;
}

button#btn-filter-toggle.active, button#btn-fav-filter-toggle.active {
    background: #444a50;
}

button#btn-filter-toggle.active i.toggle-down,
button#btn-filter-toggle i.toggle-up {
    bottom: 0px;
    color: #FF9800 !important;
    display: block;
    font-size: 20px;
    left: 16px;
    position: absolute;
}

button#btn-filter-toggle.active i.toggle-up,
button#btn-filter-toggle i.toggle-down {
    display: none;
}

button#btn-filter-toggle.has-filters {
    font-weight: 900;
    /*min-width: 300px;*/
    padding-right: 80px;
    text-align: left;
}

button#btn-filter-toggle:not(.has-filters) {
    width: 160px;
}

button#btn-reset-filters i {
    color: #ffffff;
    font-size: 20px;
    text-shadow: 1px 1px 4px #0000004f;
}

button.btn.btn-benchmark {
    background-color: #0b203a;
    border-color: #030e1b;
    border-radius: 0;
    bottom: -3px;
    box-shadow: 2px 2px 2px #04162b4f;
    color: #fff;
    font-family: 'Fira Sans', sans-serif;
    font-size: 18px;
    font-weight: 600;
    height: 67px;
    left: 8px;
    text-shadow: 4px 4px 4px #04162b4f;
    width: auto;
}

button.btn.btn-comparison {
    background: #184980;
    border-color: #043b77;
    border-radius: 0;
    bottom: -3px;
    box-shadow: 4px 4px 4px #04162b4f;
    color: #fff;
    font-family: 'Fira Sans', sans-serif;
    font-size: 18px;
    font-weight: 600;
    height: 54px;
    height: 67px;
    left: 6px;
    text-shadow: 2px 0px 1px #1c62b1;
    width: auto;
}

button.btn.btn-lg.btn-primary.kb-btn {
    border-radius: 0;
    width: 60px;
}

button.btn.btn-myco {
    background-color: #FF9800;
    border-radius: 0px;
    bottom: -5px;
    color: #ffffff;
    font-family: 'Fira Sans', sans-serif;
    font-size: 0.8rem !important;
    font-weight: 700;
    height: 69px;
    left: 6px;
    line-height: 15px;
    text-shadow: 2px 0px 2px #FFC107;
    text-transform: uppercase;
    width: auto;
}

button.btn.btn-secondary.filters-btn.graphic-btn {
    background: var(--secondary);
    border: 2px solid #545b62;
    border-radius: 5px;
    height: 67px;
    padding: 10px 20px;
    position: relative;
    transform: scale(0.75);
    margin-right: -30px;
}

button.btn.btn-secondary.filters-btn.graphic-btn:hover {
    background: #545b62;
    border: 2px solid #3e4950;
}

button.btn.btn-variance {
    background: #123358;
    border-color: #163a63;
    border-radius: 0;
    bottom: -3px;
    color: #fff;
    font-family: 'Fira Sans', sans-serif;
    font-size: 18px;
    font-weight: 600;
    height: 67px;
    left: 7px;
    text-shadow: 2px 0px 1px #184679;
    width: auto;
}

button.filters-btn span:last-child {
    font-size: 20px;
    line-height: 18px;
}

button.filters-btn:not(.has-filters) .graphic-btn.text span {
    display: block;
    font-weight: 900;
    padding-left: 0;
    text-align: left;
    text-shadow: 1px 1px 2px #2121217d;
}

button.input-group-text.filters-btn {
    background: var(--secondary);
    border-color: #555e65;
}

/*div#container-benchmarking {
    margin-top: 40px !important;
}*/

div#container-survey-action {
    background: #f8f8f8;
    border-bottom: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    margin-left: -1px;
    padding: 40px;
    width: 100%;
}

div#dashboard .card-header {
    background: #F5F5F5 !important;
    height: 50px;
}

div#dashboard .dropdown-menu.show {
    border-color: #E0E0E0;
    box-shadow: none;
}

div#dashboard card-header .dropdown-menu li a i {
    color: var(--be-gold) !important;
}

div#faqs .card-block {
    font-size: 1rem;
}

div#faqs .card-header {
    background: #FFFFFF !important;
    height: auto;
}

div#filters-list {
    color: #fff;
    font-size: 15px;
    height: 22px;
    line-height: 24px !important;
    min-width: 233px;
    text-align: left;
    vertical-align: middle;
    width: 100%;
}

div#filters-list .mask {
    background-color: #fff;
    position: absolute;
}

div#filters-list .separator {
    color: var(--be-gold);
}

div#filters-list span {
    display: inline-block;
    font-size: 18px;
    padding: 0;
}

div#filters-list span i {
    color: var(--be-gold);
    margin-left: 5px;
    margin-right: 5px;
}

div.dataTables_scrollBody table thead .sorting:before,
div.dataTables_scrollBody table thead .sorting_asc:before,
div.dataTables_scrollBody table thead .sorting_desc:before,
div.dataTables_scrollBody table thead .sorting:after,
div.dataTables_scrollBody table thead .sorting_asc:after,
div.dataTables_scrollBody table thead .sorting_desc:after {
    display: none;
}

figure {
    background: var(--be-gold-muted);
    display: inline-block;
    margin: 10px 20px;
    outline: solid 1px #ccc;
    padding: 10px;
    text-align: center;
}

form#submit-answer textarea.saas-answer {
    background: #b5b5b51c;
    border: 1px solid #dedede;
    border-radius: 0;
}

h1.kb-article-title {
    color: var(--be-blue);
    font-family: 'Fira Sans', sans-serif;
    font-size: 40px;
    font-weight: 500;
    margin-bottom: 20px;
}

h2.kb-search-header {
    color: #1c66c6;
}

h3.subheading {
    color: var(--be-blue);
    font-family: 'Fira Sans', sans-serif;
    font-weight: 500;
    margin-bottom: 30px;
}

h4.step-text {
    border-bottom: 3px solid var(--be-gold);
    font-size: 2.4rem;
    font-weight: 900;
    line-height: 1.3;
    position: relative;
    text-align: right;
    top: -18px;
}

h5.sub-subheading {
    font-family: 'Fira Sans', sans-serif;
    font-weight: 600;
    margin-bottom: 10px;
    text-transform: uppercase;
}

hr.bg-gray-800.menu-divider {
    background-color: #0a315f;
    margin: 0;
}

hr.comment-visual-link {
    border-bottom: 2px solid var(--be-blue);
    left: -34px;
    position: absolute;
    top: -17px;
    width: 34px;
    z-index: 0;
}

hr.kb-cat-line {
    border-top: 4px solid #90dfff;
    margin-top: 10px;
}

i.answer.no-answer {
    border-color: var(--be-blue-muted);
    color: var(--be-blue-muted);
}

i.bullet-icon {
    background: white;
    border: 3px solid var(--be-blue-1);
    border-radius: 150px;
    box-shadow: 4px 4px 9px #00000036;
    color: var(--be-gold);
    font-size: 30px;
    padding: 15px;
    text-align: center;
}

i.fas.fa-play.play-video {
    background: #ffffff61;
    border-radius: 120px;
    color: #fff;
    cursor: pointer;
    font-size: 40px;
    height: 80px;
    left: 50%;
    line-height: 60px;
    margin-left: -40px;
    margin-top: -40px;
    padding: 10px;
    padding-left: 19px;
    position: absolute;
    text-align: center;
    text-shadow: 1px 1px 7px #00000057;
    top: 50%;
    width: 80px;
    z-index: 1;
}

i.menu-item-icon.icon {
    height: 30px;
    left: 12px;
    position: absolute;
    text-align: center;
    top: 30px;
    width: 26px;
}

i.saas-user {
    background: white;
    border: 1px solid var(--be-gold);
    border-radius: 60px;
    color: var(--be-gold);
    font-size: 20px;
    left: -44px;
    padding: 3px 3px;
    position: relative;
    top: 3px;
}

i.saas-user.main-post {
    left: -3px;
}

img.figure-listings {
    height: 230px !important;
}

input#table-company-search {
    color: #6d6d6d !important;
    font-family: 'Fira Sans', sans-serif !important;
    font-weight: 500 !important;
}

input#table-company-search::placeholder {
    color: #6d6d6d66 !important;
    font-family: 'Fira Sans', sans-serif !important;
    font-weight: 500 !important;
}

input.form-control.knowledge-search {
    box-shadow: none;
}

input.form-control.knowledge-search {
    background-clip: unset;
    background-color: #ffffffcf;
    border: 1px solid #deedf5;
    border-bottom-right-radius: 100px;
    border-radius: 0;
    border-top-right-radius: 100px;
    box-shadow: 1px 1px 10px #caeaff;
    color: #000;
    font-size: 20px;
    height: 60px;
}

input.form-control.knowledge-search {
    box-shadow: none;
}

input.form-control.knowledge-search::placeholder {
    font-size: 20px;
}

li.nav-item {
    border-bottom: 0 !important;
}

p.card-text.kb-w-papers-txt {
    font-weight: 500;
}

p.highlight {
    font-size: 15px;
    font-weight: 900;
}

p.opexengine-welcome {
    color: #ffffff;
    font-family: 'Fira Sans', sans-serif;
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 0;
    word-break: keep-all;
}

p.quote,
blockquote {
    border-left: 5px solid var(--be-blue);
    font-size: 20px;
    padding-left: 20px;
}

p.tx-white.mg-t-20.mg-b-60 {
    font-size: 0.8rem;
}

span.ac-icon i {
    float: left;
    font-size: 15px;
    padding-right: 7px;
}

span.ac-text {
    color: #363636;
    font-size: 14px;
}

span.ac-title {
    color: var(--be-blue-3);
    display: block;
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
}

span.be-table-caption {
    font-size: 8px;
    left: 6px;
    position: absolute;
}

span.border-mask {
    background: white;
    height: 220px;
    left: -2px;
    position: absolute;
    top: 40px;
    width: 4px;
}

span.comment-connector-line {
    border-bottom: 2px solid #113f8c;
    left: -39px;
    position: absolute;
    top: 0;
    width: 39px;
}

span.comp-arrow {
    color: #FFE0B2;
    font-size: 40px;
    left: 7px;
    padding-left: 4px;
    position: absolute;
    top: 0;
}

span.csv {
    color: var(--be-blue-muted);
}

span.excel {
    color: var(--be-gold);
}

span.filter-label {
    color: #666;
    font-weight: 600;
    text-transform: uppercase;
}

span.icon-legend {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    margin-right: 0px;
    padding: 7px 10px;
    text-transform: none;
}

span.icon-legend.be {
    background: #04162b;
}

span.icon-legend.co {
    background: #184980;
    margin-left: 12px;
    margin-right: 6px;
}

span.icon-legend.var {
    background: #123358;
    margin-left: 6px;
    margin-right: 6px;
}

span.kb-article-cat-pill {
    border-radius: 0;
    color: #fff;
    display: table;
    font-family: 'Fira Sans', sans-serif;
    font-size: 12px;
    font-weight: 900;
    margin-bottom: 10px;
    padding-left: 63px;
    padding-right: 20px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0px;
}

span.kb-article-example {
    font-size: 13px;
}

span.menu-item-label.kb-link {
    padding-left: 35px;
}

span.modal-close {
    color: var(--be-blue-1);
    font-size: 42px;
    position: absolute;
    right: 10px;
    top: 0;
}

span.orange {
    color: var(--be-gold);
}

span.saas-posted-time {
    color: var(--be-blue-1);
    font-size: 12px;
    font-weight: 500;
}

span.section-icon {
    float: left;
    height: 55px;
    margin-right: 10px;
    padding: 10px;
    text-align: left;
    width: 55px;
}

span.title-legend {
    font-family: 'Fira Sans', sans-serif !important;
    font-size: 10px;
    font-size: 14px;
    font-weight: 500;
    text-transform: none;
}

span.you-indicator {
    color: #afb7bf;
    font-size: 12px;
    font-weight: 900;
    left: -28px;
    position: relative;
}

td.bench-outer {
    background: #002763;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-top: 0 !important;
}

td.bench-outer.wider {
    min-width: 300px;
    max-width: 370px;
}

td.pepc-industry-outer {
    background: #92D050;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-top: 0 !important;
}

td.pepc-industry-outer.wider {
    min-width: 300px;
    max-width: 370px;
}

td.comparison-cell.bottom-q {
    border-bottom: 4px solid #ff2525;
    color: #ff2525;
    font-weight: 700 !important;
    line-height: 14px;
    text-transform: uppercase;
    vertical-align: middle;
}

td.comparison-cell.mid-q {
    color: #8a8a8a;
    font-weight: 700 !important;
    position: relative;
    text-transform: uppercase;
    vertical-align: middle;
}

td.comparison-cell.top-q {
    border-top: 4px solid #4CAF50;
    color: #4CAF50;
    font-weight: 700 !important;
    line-height: 14px;
    text-transform: uppercase;
    vertical-align: middle;
}

td.comparison-cell:not(:last-child) {
    border-right: 1px dashed #bbc7d4;
}

td.comp-outer {
    background: #002763;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-right: 1px dashed #004ca2;
    border-top: 0 !important;
}

td.current-survey-table {
    background: #f4f4f4;
    padding-left: 30px;
}

td.group-filter-cols {
    background: #f1f1f1;
    border-bottom: 4px solid #e4e4e4;
    border-top: 3px solid #e4e4e4 !important;
}

td.group-name-cell {
    background: #f1f1f1;
    border-bottom: 4px solid #e4e4e4;
    border-top: 3px solid #e4e4e4 !important;
    padding: 20px 30px;
}

td.myco-outer {
    background: #F57C00;
}

td.pepc-entity-outer {
    background: #92D050;
}

td.name-cell-simple a {
    float: right;
    padding-right: 0px;
    padding-top: 13px;
}

td.name-cell-simple i {
    color: #FF9800;
}

td.tbl-metric {
    background: #002763;
    height: 67px !important;
    left: 0 !important;
    padding: 0 !important;
    position: sticky !important;
    z-index: 5 !important;
}

td.var-outer {
    background: #002763;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-top: 0 !important;
}

td.your-company-data-table {
    background: var(--be-gold);
    color: #fff;
    font-size: 0.9rem;
    min-width: 130px;
    padding-top: 20px;
    text-align: center;
    vertical-align: middle;
}

td.your-company-data-table i.fas.fa-arrow-down {
    font-size: 30px;
}

thead tr td.data-columns-top:first-child {
    border-left: 1px dashed #777777;
}

tr.benchmark-data-item {
    color: #636363;
    font-size: 14px;
}

tr.group-items td.company-cell {
    font-size: 14px;
    font-weight: 900;
}

tr.group-items:hover td {
    background: #f2f9ff;
}

tr.group-items:last-of-type td {
    border-bottom: 1px solid #efefef;
}

tr.bg-table-legend th {
    background: var(--light-gray) !important;
    font-size: .7rem !important;
    color: #8da0ab !important;
    border-bottom: 2px solid #dee1e6 !important;
}

tr.bg-table-legend i {
    color: #9aa7b3 !important;
}

tr.bg-table-labels {
    background: #eff0f1;
}

tr.bg-table-labels th {
    border-bottom: 2px solid #dee2e6 !important;
    color: #8da0ab !important;
}

.bg-table-legend div span {
    box-shadow: 1px 1px 1px #b9c7d4;
}

.min-w-btn {
    min-width: 120px;
}

tr:hover td.company-cell {
    background: #fff;
}

ul.ac-results {
    list-style: none;
    padding-left: 0;
}

ul.kb-article-list {
    list-style: none;
    padding-left: 0;
}

ul.nav-tabs li.nav-item a.active i.tab-decoration {
    color: var(--be-gold);
}

.upvote-icon {
    position: absolute;
    top: -33px;
    left: 98px;
    z-index: 9;
    font-size: 22px;
    color: #21c973;
    width: 30px;
    height: 31px;
    padding-right: 24px;
    background: #fff;
    border-radius: 100px;
    text-align: center;
    vertical-align: middle;
    padding-top: 5px;
}

.upvote-count {
    width: 47px;
    height: 18px;
    background: white;
    top: -24px;
    left: 129px;
    position: absolute;
    text-align: center;
    color: #21c973;
    z-index: 9;
    border: 2px solid #21c973;
    border-radius: 30px;
    line-height: 15px;
    font-size: 12px;
}
.fav-filter-icon-on {
    color: #FF9800 !important;
}

.form-control.input-disabled-1 { background-color: #eee !important;}

/* New icon used when rolling out My Benchmarks v2 */
.new-badge {
    font-size:80%;
    background-color:var(--be-gold);
    color:var(--be-blue);
}

.br-menu-link:hover .new-badge {
    color:#fff;
}

.svg-orange {
    filter: brightness(0) saturate(100%) invert(79%) sepia(60%) saturate(2700%) hue-rotate(332deg) brightness(99%) contrast(92%);
}

.svg-gold {
    filter: brightness(0) saturate(100%) invert(55%) sepia(96%) saturate(1216%) hue-rotate(358deg) brightness(104%) contrast(100%);
}

/* Scroll to top on my benchmarks new */
.scroll-top-btn{
    position: fixed;
    bottom: 0px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: var(--be-gold);
    color: white; 
    cursor: pointer;
    padding: 15px; 
    border-radius: 5px;
    font-size: 18px;
    transition: .5s;
    opacity:0;
}

.scroll-top-btn.scrollActive{
    bottom:0px;
    pointer-events:auto;
    opacity:1;
    transform: translateY(-20px);
}

.scroll-top-btn.my-benchmarks{
    transform: translate(13px, -82px);
}

.scroll-top-btn:focus{
    outline:none;
}

.scroll-top-btn:hover {
    background-color: #555; /* Add a dark-grey background on hover */
}
.export-filter {
    display:flex;
    flex-direction: column;
    display:none;
}


/* Style for the slider toggle switch */
.custom-slider {
    position: relative;
    display: inline-block;
    width: 25px;
    height: 12px;
  }

  /* Styling for the switch (slider) */
  .custom-slider input {
    display: none;
  }

  .custom-slider .custom-slider-round {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 34px;
  }

  /* Changing the background color of the switch when toggled */
  .custom-slider input:checked + .custom-slider-round {
    background-color: #fff;
  }

  /* Styling for the slider's thumb */
  .custom-slider .custom-slider-round::before {
    position: absolute;
    content: "";
    height: 8px;
    width: 8px;
    left: 2px;
    bottom: 2.2px;
    background-color: #ADB5BD;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%;
  }

  /* Moving the thumb when the switch is toggled */
  .custom-slider input:checked + .custom-slider-round::before {
    transform: translateX(12px);
  }

  /* add spinning loading icon to button */
  .button-loading-icon::before{
    content: "\f110";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    display:inline-block;
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}