/*override bootstrap */

body,
html {
    width: 100%;
    height: 100%;
    font-family: 'Ubuntu' !important;
    text-rendering: optimizeLegibility;
    background-color: #f3f2ef; 
}

.brand-name-wrapper {
    border-radius: 0px !important;
}

* {
    border-radius: 5px !important;
}

a, a:active, a:focus, 
button, button:focus, button:active, 
.btn, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus {
    outline: none;
    outline: 0;
}

#tag_modal .modal-body {
    display: inline-block;
}

#ModalLoginToSubmitReview .modal-content {
    background: white;
    border-radius: 16px !important;
    padding: 40px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    max-width: 450px;
    width: 100%;
    text-align: center;
}

#ModalLoginToSubmitReview .privacy-badge {
    display: inline-block;
    background: #e8f5e8;
    color: #2d8f2d;
    padding: 8px 16px;
    border-radius: 20px !important;
    font-size: 14px;
    font-weight: 500;
    margin-top: 10px;
    margin-bottom: 32px;
}

#ModalLoginToSubmitReview .rocket-icon {
    font-size: 48px;
    margin-bottom: 24px;
    display: block;
}

#ModalLoginToSubmitReview .main-title {
    font-size: 26px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 16px;
    line-height: 1.3;
}

#ModalLoginToSubmitReview .subtitle {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
    margin-bottom: 20px;
}

#ModalLoginToSubmitReview .social-login-container {
    margin: 40px 0;
    padding: 0 5px;
    display: flow-root;
}

#ModalLoginToSubmitReview .footer-text {
    font-size: 14px;
    color: #888;
}

#ModalLoginToSubmitReview .maybe-later-link {
    text-align: center;
    margin: 15px 0;
}

#ModalLoginToSubmitReview .maybe-later-link a {
    color: #999;
    font-size: 14px;
    text-decoration: none;
}

#ModalLoginToSubmitReview .maybe-later-link a:hover {
    color: #666;
}

#ModalLoginToSubmitReview .maybe-later-link .close-icon {
    margin-right: 8px;
    font-size: 20px;
    font-weight: bold;
}

#ModalLoginToSubmitReview .maybe-later-link span {
    vertical-align: middle;
}

.add_review{
    background: #E9EBEE; 
    color: #228ecf;
}

.add_review:hover{
    background: white; 
    color: #228ecf;
}
.notifications_header span a{
    color: white !important;
}
.fa.fa-angle-right{
    margin-left: 6px;
}

.text-center.pull-right.mrg-list{
    margin-bottom: 0px;
    margin-top: 0px;
}
.home_category_form .checkbox label{
    font-size:12px;
}

.explore-data-h1{
    font-size:18px; 
    padding:0px 15px; 
    margin-top:10px;    
}

.aa_rating{
    --rating-color: #257C00;
    color:white;
    background-color: var(--rating-color) !important;
    font-size: 25px;
    padding: 2px 5px;
    font-weight: bold;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
    opacity: 0.8;
}

.a_rating{
    --rating-color: #3F7E00;
    color:white;
    background-color: var(--rating-color) !important;
    font-size: 25px;
    padding: 2px 5px;
    font-weight: bold;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
    opacity: 0.8;
}

.b_rating{
    --rating-color: #5BA829;
    color:white;
    background-color: var(--rating-color) !important;
    font-size: 25px;
    padding: 2px 5px;
    font-weight: bold;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
    opacity: 0.8;
}

.c_rating{
    --rating-color: #9ACD32;
    color:white;
    background-color: var(--rating-color) !important;
    font-size: 25px;
    padding: 2px 5px;
    font-weight: bold;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
    opacity: 0.8;
}

.d_rating{
    --rating-color: #EDD614;
    color:white;
    background-color: var(--rating-color) !important;
    font-size: 25px;
    padding: 2px 5px;
    font-weight: bold;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
    opacity: 0.8;
}

.e_rating{
    --rating-color: #FFBA00;
    color:white;
    background-color: var(--rating-color) !important;
    font-size: 25px;
    padding: 2px 5px;
    font-weight: bold;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
    opacity: 0.8;
}

.f_rating{
    --rating-color: #FF7800;
    color:white;
    background-color: var(--rating-color) !important;
    font-size: 25px;
    padding: 2px 5px;
    font-weight: bold;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
    opacity: 0.8;
}

.neutral_rating{
    color:white;
    background-color: grey !important;
    font-size: 25px;
    padding: 2px 5px;
    font-weight: bold;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
    opacity: 0.6;
}

.fa.fa-cogs:not(.reset-size), .fa.fa-pause  {
    font-size: 3em;
    text-shadow: -1px -1px 0px rgba(255,255,255,0.3), 1px 1px 0px rgba(0,0,0,0.8);
    color: #333;
    opacity: 0.1;
}

.side_bar a {
    color: white !important;
}
.text-success-green{
    color:#5CB84D;
}
.fa.fa-long-arrow-up,
.fa.fa-long-arrow-down {
    font-size: 16px;
}
.side-menu {
    background: black;
    position: fixed;
    width: 250px;
    height: 100%;
    border-right: 1px solid #e7e7e7;
    overflow: auto;
    border-radius: 0px !important;
}
.list-group-item.related_companies > a {
    font-size: 10px;
}
.related_companies > a:first-child{
    border:1px solid #E9EBEE;
}
.fa-info {
    opacity: 0.5;
    cursor: pointer;
}
.mrg-text {
    margin-bottom: 1px;
}
.reduce-h1 {
    font-size: 24px;
    margin-bottom: -4px;
    letter-spacing: -0.015em;
}
.hide_notifications_badge {
    display: none;
}
.show_notifications_badge {
    display: inline;
}

.quote_style{
    float: left;
    margin-right: 3px;
}

.quoted_text{
    display: table;
}

.review-title.no_link{
    width: 100%;
}

.nav-optin {
    display: flex;
    align-items: center;
    gap: 2em;
    z-index: 1045 !important;
    opacity: 1;
    transition: opacity 0.5s;
}

.nav-optin .title {
    font-size: 1.5em;
    margin: 0.75em 0;
}

.nav-optin .cta {
    text-decoration: none;
    color: inherit;
    font-size: 16px;
    font-weight: bold;
    background-color: #fccd0e;
    border: none;
    padding: 0.5em 2em;
}

.nav-optin .not-now{
    text-decoration: none;
    border: none;
    background: none;
    color: #999;
}

.nav-optin .cta:active,
.nav-optin .not-now:active {
    transform: scale(0.95);
}

/*menu*/
.side-menu-container ul li:first-child{
    margin-top: 5px;
}

.side-menu-container li a:not(.active_side_bar):hover {
    background-color: rgba(255, 255, 255, 0.2);
}
.side-menu .navbar {
    border: none;
}
.side-menu-container .navbar-nav{
    width: 100%;
}
.side-menu .navbar-header {
    width: 100%;
}
.side-menu .navbar-nav .active a {
    background-color: transparent;
    margin-right: -1px;
    border-right: 5px solid #e7e7e7;
}
.side-menu .navbar-nav li {
    display: block;
    width: 100%;
    border-radius:0px !important;
}
.side-menu .navbar-nav li a {
    padding: 7px 12px;
}
.side-menu .navbar-nav li a .glyphicon {
    padding-right: 10px;
}
.side-menu #dropdown {
    border: 0;
    margin-bottom: 0;
    border-radius: 0;
    background-color: transparent;
    box-shadow: none;
}
.side-menu #dropdown .caret {
    float: right;
    margin: 9px 5px 0;
}
.side-menu #dropdown .indicator {
    float: right;
}
.side-menu #dropdown > a {
    border-bottom: 1px solid #e7e7e7;
}
.side-menu #dropdown .panel-body {
    padding: 0;
    background-color: #f3f3f3;
}
.side-menu #dropdown .panel-body .navbar-nav {
    width: 100%;
}
.side-menu #dropdown .panel-body .navbar-nav li {
    padding-left: 15px;
    border-bottom: 1px solid #e7e7e7;
}
.side-menu #dropdown .panel-body .navbar-nav li:last-child {
    border-bottom: none;
}
.side-menu #dropdown .panel-body .panel > a {
    margin-left: -20px;
    padding-left: 35px;
}
.side-menu #dropdown .panel-body .panel-body {
    margin-left: -15px;
}
.side-menu #dropdown .panel-body .panel-body li {
    padding-left: 30px;
}
.side-menu #dropdown .panel-body .panel-body li:last-child {
    border-bottom: 1px solid #e7e7e7;
}
.side-menu #search-trigger {
    background-color: #f3f3f3;
    border: 0;
    border-radius: 0;
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px 18px;
}
.side-menu .brand-name-wrapper .navbar-brand {
    display: block;
}
.side-menu #search {
    position: relative;
    z-index: 1000;
}
.side-menu #search .panel-body {
    padding: 0;
}
.side-menu #search .panel-body .navbar-form {
    padding: 0;
    padding-right: 50px;
    width: 100%;
    margin: 0;
    position: relative;
}
.side-menu #search .panel-body .navbar-form .form-group {
    width: 100%;
    position: relative;
}
.side-menu #search .panel-body .navbar-form input {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    width: 100%;
    height: 50px;
}
.side-menu #search .panel-body .navbar-form .btn {
    position: absolute;
    right: 0;
    top: 0;
    border: 0;
    border-radius: 0;
    background-color: #f3f3f3;
    padding: 15px 18px;
}

.btn, .label_rating_font {
    font-size: 12px !important;
}
.banned {
    position: relative;
    text-decoration: none;
}
.banned::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 0.5px;
    background: black;
    transform: rotate(-7deg);
    opacity: 0.60;
}
.self-vote-error {
    display: none;
}
.review-info {
    font-size: 11px;
    margin-bottom: 4px;
}
.review-history-wrapper {
    margin-bottom: 20px;
}
.review-history-indicator {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    background-color: #fffbeb;
    border: 1px solid #fde68a;
    border-radius: 8px !important;
    color: #92400e;
    font-size: 14px !important;
    font-weight: normal !important;
    cursor: pointer;
}
.review-history-indicator:focus {
    outline: none;
}
.review-history-text strong {
    font-weight: 700 !important;
}
.review-history-badges {
    display: flex;
}
.review-history-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    font-size: 12px !important;
    font-weight: 700 !important;
    border-radius: 50% !important;
    border: 2px solid #fff;
    margin-left: -4px;
    position: relative;
}
.review-history-badge:first-child {
    margin-left: 0;
}
.review-history-badge.current {
    background: linear-gradient(135deg, #f97316, #dc2626);
    color: #fff;
    z-index: 99 !important;
}
.review-history-badge.past {
    background-color: #d1d5db;
    color: #4b5563;
}
.review-history-chevron {
    color: #d97706;
    font-size: 12px !important;
    font-weight: normal !important;
    transition: transform 0.2s;
}
.review-history-indicator[aria-expanded="true"] .review-history-chevron {
    transform: rotate(180deg);
}
.review-history-list {
    padding: 12px;
    margin-top: 8px;
    background-color: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 8px !important;
}
.review-history-item {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 14px !important;
    font-weight: normal !important;
}
.review-history-item + .review-history-item {
    padding-top: 8px;
    margin-top: 8px;
    border-top: 1px solid #e5e7eb;
}
.review-history-year {
    color: #6b7280;
    min-width: 40px;
}
.review-history-score {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background-color: #e5e7eb;
    border-radius: 4px !important;
    color: #4b5563;
    font-size: 12px !important;
    font-weight: 700 !important;
}
.review-history-score.aa_rating,
.review-history-score.a_rating,
.review-history-score.b_rating,
.review-history-score.c_rating,
.review-history-score.d_rating,
.review-history-score.e_rating,
.review-history-score.f_rating {
    color: white;
}
.review-history-title {
    color: #4b5563;
    flex: 1;
}
.review-history-current-label {
    color: #d97706;
    font-size: 11px !important;
    font-weight: 600 !important;
}
.review-history-link {
    color: #3b82f6;
    font-size: 12px !important;
    margin-left: auto;
    white-space: nowrap;
}
.reputation_score_positive {
    color: #33a030;
    text-decoration: none;
    margin-right: 5px;
}
.reputation_score_negative {
    color: red;
    text-decoration: none;
    margin-right: 5px;
}
.moderation_area {
    background-color: white;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 20px;
    padding-left: 4px;
    padding-right: 8px;
    padding-top: 20px;
}
.review_rating_container {
    display: none;
    margin-bottom: 25px;
}
.review_rating_size {
    height: 45px;
}
.review_rating_container .criteria-list {
    display: table-row-group;
}
.list-group-item {
    border: none;
}
.override_col-sm-10 {
    margin: 0 -3%;
}
.related_companies {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.box_background_style {
    background-color: white;
    padding-bottom: 6px;
}
.box_background_style_overall {
    background-color: white;
}
.industry-inline{
    display: inline-table;
    width: 100%;
}
.opacity_company{
    display: none;
}
.fa-caret-down{
    cursor: pointer;
}
.img-responsive.img-thumbnail.thumbnail_img{ height:40px; float: left; }
.li-divider {
    background-color: #E9EBEE;
    height: 1px;
    margin-bottom: 16px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 20px;
    overflow-x: hidden;
    overflow-y: hidden;
}
.table > thead > tr > th {
    border: none;
}
.add_padding {
    padding: 10px;
}
.box_background_style > h3:not(.factors) {
    color: #E5584B;
    margin-top: 15px;
    margin-bottom: 25px;
}
.fa-stop {
    font-size: 14px !important;
    padding-right: 6px;
}
.fa-stop-job {
    color: #e87467 !important;
}
.fa-stop-interview {
    color: #66d6e2 !important;
}
.box_background_style > p {
    font-size: 15px;
    font-weight: 300;
    line-height: 1.4;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}
h1.industries_title, h1.book_title, h2#embedCodeBtn {
    color: #0085c1 !important;
    font-weight: 700;
}

h2#embedCodeBtn {
    font-size: 14px;
    cursor: pointer;
}

.thumbnail {
    border: none;
}
/* widgets */

.criteria-list.voffset4 p,
.criteria-list {
    font-size: 10px;
}
.criteria-list {
    list-style-type: none;
    padding-left: 0;
}

.btn_size{
    min-width: 180px;
}

/* Main body section */

.side-body {
    margin-left: 250px;
}
/* small screen */

@media (max-width: 768px) {
    .side-menu {
        position: relative;
        width: 100%;
        height: 0;
        border-right: 0;
        border-bottom: 1px solid #e7e7e7;
    }
    .side-menu .brand-name-wrapper .navbar-brand {
        display: inline-block;
    }
    .brand-name-wrapper.logo {
        padding-bottom: 15px;
    }
    /* Slide in animation */
    
    @-moz-keyframes slidein {
        0% {
            left: -300px;
        }
        100% {
            left: 10px;
        }
    }
    @-webkit-keyframes slidein {
        0% {
            left: -300px;
        }
        100% {
            left: 10px;
        }
    }
    @keyframes slidein {
        0% {
            left: -300px;
        }
        100% {
            left: 10px;
        }
    }
    @-moz-keyframes slideout {
        0% {
            left: 0;
        }
        100% {
            left: -300px;
        }
    }
    @-webkit-keyframes slideout {
        0% {
            left: 0;
        }
        100% {
            left: -300px;
        }
    }
    @keyframes slideout {
        0% {
            left: 0;
        }
        100% {
            left: -300px;
        }
    }
    /* Slide side menu*/
    /* Add .absolute-wrapper.slide-in for scrollable menu -> see top comment */
    .side-menu-container > .navbar-nav.slide-in {
        -moz-animation: slidein 300ms forwards;
        -o-animation: slidein 300ms forwards;
        -webkit-animation: slidein 300ms forwards;
        animation: slidein 300ms forwards;
    }
    .side-menu-container > .navbar-nav {
        /* Add position:absolute for scrollable menu -> see top comment */
        position: fixed;
        left: -300px;
        width: 300px;
        top: 53px;
        height: 100%;
        border-radius: 0px !important;
        background-color: black;
        -moz-animation: slideout 300ms forwards;
        -o-animation: slideout 300ms forwards;
        -webkit-animation: slideout 300ms forwards;
        animation: slideout 300ms forwards;
         z-index: 100;
    }
    @-moz-keyframes bodyslidein {
        0% {
            left: 0;
        }
        100% {
            left: 300px;
        }
    }
    @-webkit-keyframes bodyslidein {
        0% {
            left: 0;
        }
        100% {
            left: 300px;
        }
    }
    @keyframes bodyslidein {
        0% {
            left: 0;
        }
        100% {
            left: 300px;
        }
    }
    @-moz-keyframes bodyslideout {
        0% {
            left: 300px;
        }
        100% {
            left: 0;
        }
    }
    @-webkit-keyframes bodyslideout {
        0% {
            left: 300px;
        }
        100% {
            left: 0;
        }
    }
    @keyframes bodyslideout {
        0% {
            left: 300px;
        }
        100% {
            left: 0;
        }
    }
    /* Slide side body*/
    .side-body {
        margin-left: 0px;
        margin-top: 70px;
        position: relative;
        -moz-animation: bodyslideout 300ms forwards;
        -o-animation: bodyslideout 300ms forwards;
        -webkit-animation: bodyslideout 300ms forwards;
        animation: bodyslideout 300ms forwards;
    }
    .body-slide-in {
        -moz-animation: bodyslidein 300ms forwards;
        -o-animation: bodyslidein 300ms forwards;
        -webkit-animation: bodyslidein 300ms forwards;
        animation: bodyslidein 300ms forwards;
         z-index: 100;
    }
    .nav.navbar-nav {
        z-index: 10000;
    }
    /* Hamburger */
    .navbar-toggle {
        border: 0;
        padding: 18px;
        margin: 0;
        border-radius: 0;
    }
    .navbar-toggle .icon-bar {
        background-color: white;
    }
}
/*nav bar mobile */
.navbar-default .navbar-collapse {
    border-radius: 0px !important;
    background-attachment: scroll;
    background-clip: border-box;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
}
.navbar-default .navbar-collapse {
    border-bottom-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
}
.navbar-collapse .btn {
    width: 100% !important;
}
/* Interaction states
----------------------------------*/

.ui-menu-item {
    padding: 9px !important;
}
.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: none !important;
    background: #E9EBEE !important;
    font-weight: normal !important;
    padding: 10px  !important;
}
.create_review a {
    padding-bottom: 10px;
}
.create_review a:last-child {
    margin-top: 10px;
}
.no_link {
    color: black !important;
    display: inline-block !important;
}

.div-remote-img{
    border: 1px solid #e9e9ec;
    min-height: 260px;
}

.div_industry_img{
    border: 1px solid #e9e9ec;
    min-height: 170px;
}

.industries-panel-default{
    padding: 20px;
}

.salary_range_sub_title{
    font-size:16px;
    font-weight: 100 !important;
}

.industry_h2_font{
    font-size: 22px;
}

.industry_img{
    box-sizing: content-box;
    cursor: pointer;
    min-width: 140px;
    overflow: hidden;
    margin: 15px 15px 10px;
    text-align: center;
    transition: box-shadow .1s;
    width: 140px;
}

.industry_img:hover {
    opacity: 0.5;
}
.padding_review_info {
    padding-left: 27px;
}
.underline {
    text-decoration: underline;
}
.thumbnail:not(img) {
    font-size: 9px;
    text-align: center;
    white-space: nowrap;
}

.btn.btn_interests.btn-reviews.btn-sm.dropdown-toggle{
    background-color: #E9EBEE;
}

/* loading */

.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.pace-inactive {
    display: none;
}
.pace .pace-progress {
    background: #238fd0;
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 2px;
}
/* override color pagination */

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background: #238fd0;
    border-radius: 0 !important;
}

.pagination>li>a, .pagination>li>span{
    border-radius: 0 !important;
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.pagination ul {
    display: inline-flex;
    flex-wrap: nowrap;
    margin: 0;
    padding: 0;
    list-style: none;
}

.pagination li {
    display: flex;
    min-width: 40px;
}

.pagination li a {
    width: 100%;
    padding: 8px 12px;
    text-align: center;
    border: 1px solid #dee2e6;
    text-decoration: none;
    color: #238fd0;
    margin-left: -1px;
}

.pagination li.active a {
    background: #238fd0;
    color: white;
    border-color: #238fd0;
    position: relative;
}

.pagination li:first-child a {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    margin-left: 0;
}

.pagination li:last-child a {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

@media (max-width: 768px) {
    div.pagination {
        display: flex;
        justify-content: center;
    }
    
    .pagination ul {
        width: auto;
        display: inline-flex;
    }

    .pagination li {
        display: none;
    }
    
    .pagination li:first-child,
    .pagination li:last-child,
    .pagination li.active,
    .pagination li.active + li,
    .pagination li:nth-last-child(2),
    .pagination li:nth-last-child(3) {
        display: flex;
    }
    
    .pagination li a {
        min-width: 44px;
        min-height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

/* progress bar */
.criteria-list p{
    margin-bottom: 3px;
}

.progress .progress-bar:not(:first-child) {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    margin-left: -5px;
    padding-left: 5px;
}

.progress-bar > span{
    font-size: 9px;
    letter-spacing: 0.1em;
}

.progress.progress-xs {
    height: 10px;
}
.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress {
    background-image: -webkit-gradient(linear, left 0, left 100%, from(#ebebeb), to(#f5f5f5));
    background-image: -webkit-linear-gradient(top, #ebebeb 0, #f5f5f5 100%);
    background-image: -moz-linear-gradient(top, #ebebeb 0, #f5f5f5 100%);
    background-image: linear-gradient(to bottom, #ebebeb 0, #f5f5f5 100%);
    background-repeat: repeat-x;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
}

.profile-progress-bar .progress-bar{
    box-shadow: none !important;
} 

.profile-progress-bar.progress {
    position: relative;
    border: 1px solid #F2B968;
    height: 15px;
}

.profile-progress-bar.progress span {
    position: absolute;
    display: block;
    width: 100%;
    color: #535a60;
 
 }
 
.progress{
    background-color: white;
    height: 12px;
    background-image: none;
    box-shadow: none;
}

.progress-job {
    background-color: #FBFBFB !important;
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 8px;
    color: #fff;
    text-align: center;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: width .6s ease;
    transition: width .6s ease;
}

.interview-difficulty-card {
    border: 1px solid #e0e0e0;
    border-radius: 8px !important;
    padding: 5px 18px 3px;
    display: inline-block;
    background: #fff !important;
    font-size: inherit;
    color: inherit;
    opacity: 1;
}

.interview-difficulty-card small {
    display: block;
    margin-bottom: 6px;
    font-size: 10px;
}

.interview-difficulty-bar {
    margin: 0 auto 8px;
    height: 8px !important;
    background-color: #f0f0f0 !important;
    background-image: none !important;
}

.interview-difficulty-bar,
.interview-difficulty-bar .progress-bar {
    box-shadow: none !important;
}

.interview-difficulty-bar .progress-bar {
    border-radius: 4px !important;
    background-color: var(--rating-color);
}

.interview-difficulty-value {
    font-size: 18px;
    font-weight: bold;
    display: block;
    color: var(--rating-color);
}

.interview-difficulty-inline {
    display: inline-flex;
    align-items: center;
    float: right;
    background: none !important;
}

.interview-difficulty-inline-bar {
    display: block;
    height: 6px;
    width: 35px;
    border-radius: 3px;
    margin-right: 8px;
    background-color: #e0e0e0;
}

.interview-difficulty-inline-bar::after {
    content: '';
    display: block;
    height: 100%;
    width: var(--bar-width);
    border-radius: 3px;
    background-color: var(--rating-color);
}

.interview-difficulty-inline-value {
    font-size: 12px;
    font-weight: bold;
    color: var(--rating-color);
}

.rating_max{
    font-size: medium;
    font-weight: 100;
    opacity: 0.7;
}

.score-value-wrapper {
    position: relative;
    display: inline-block;
}

.score-recalc-info {
    font-size: 10px !important;
    color: #fff;
    cursor: pointer;
    position: absolute;
    top: 11px;
    right: 5px;
}

.criteria-list p .label {
    position: absolute;
    right: 14px;
    font-weight: lighter;
    font-size: 10px;
    padding-bottom: 3px;
}
.widget-content {
    margin-top: 15px;
}
blockquote .text-muted {
    margin-left: 5px;
}
.navbar-menubuilder {
    font-size: 11px;
}
.navbar-menubuilder .nav > li > a {
    padding-left: 14px;
    padding-right: 14px;
}
.modal-backdrop.in {
    opacity: 0.8 !important;
}
.modal-backdrop {
    z-index: 1049 !important;
}
.select2-results__options {
    overflow-x: hidden !important;
    font-size: 11px;
}
.companies_filter_reviews_filters .select2-selection__rendered{
    max-width: 150px;
}
#custom-bootstrap-menu .active {
    box-shadow: inset 0 -4px 0 0 #71B7E1;
    border-radius: 0!important;
}

.item.item_positive p,
.item.item_negative p {
    margin-bottom: 0px !important
}
/* reviews styles */

.opt_notifications_parent > .col-sm-10 {
    min-height: 120px;
}

.b2b-backoffice .review_area.opt_notifications_parent{
    display:table;
}

.review_area {
    background-color: white;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 4px;
    padding-right: 8px;
    margin: 0px;
    margin-bottom: 10px;
    width: 100%;
    min-height: 165px;
}
.company_area {
    background-color: white;
    padding-top: 15px;
    padding-bottom: 20px;
    margin: 0px;
    margin-bottom: 10px;
    min-height:218px;
    padding-right: 0px;
    padding-left: 25px;
}
.company_area_rating {
    background-color: white;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 4px;
    padding-right: 4px;
    margin: 0px;
    margin-bottom: 10px;
}
.company-page-base .company_area_header{
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
}

.company-page-base .company_area_score_area{
    border-top-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
}
.company_area_header {
    background-color: white;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 35px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 14px;
    display: flex;
    flex-wrap: wrap;
    gap: 0 15px;
    min-height: 228px;
}
.company_area_list_jobs {
    min-height: auto !important;
    margin-bottom: 0px !important;
    border-bottom: 1px solid #E9EBEE;
}
h3.voffset1.job-title-offer{
    font-size: 19px;
}
.company_area_list {
    background-color: white;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 4px;
    padding-right: 8px;
    margin: 0px;
    margin-bottom: 10px;
    min-height: 200px;
    display: table;
    width: 100%;
}
.company_area_list h3 {
    margin-bottom: 0px;
}
.company_area_list h4 {
    margin-top: 6px;
}
a[data-readmore-toggle] {
    margin-bottom: 6px;
    font-size: 10px;
}
span.recommended {
    font-size: 10px;
    padding: 3px;
}
.info-success{
    color:#5CB85C;
}
.info-danger{
    color:#D9534F;
}
.mrg-left-rating{
    margin-left: 20px;
}

.review_helpful_list > .review_helpful {

    text-align: center;
    margin-top: 0px;
}

.review_helpful_list > .review_helpful > .review_helpful_votes_review {
    background-color: #E8F1F4;
    display: table;
    margin-top: 22px;
    width: 90%;
    margin: 0 auto;
}
.fa-quote-left, .fa-quote-right{
    font-size: 14px !important;
}

/*
.review_area .review_helpful {
    height: 50px !important;
}*/
.review_helpful div, .review_helpful span.votes_panel {
    font-size: 10px;
    color: #007ab1;
}

.review_helpful span.votes_panel {
    display:block;
}

.fav_block {
    display: block;
}
.no_border{
    border: none !important;
}
.tags{
    width: auto;
    float: left;
}
.actions{
    float: right;
}
.review_helpful_votes {
    font-size: 18px;
    color: #007ab1;
}
.review_summary {
    max-width: 650px;
}
.review_summary h3 {
      font-size: 19px;
    margin-bottom: 5px;
    line-height: 26px;
}  

.review_summary h3.expanded, table thead tr th {
    font-weight: lighter;
} 
.mrg_top_review_list{
    margin-top: 6px !important;
}


table thead tr th{
    font-size: 12px;
}

.review_rating {
    color: grey;
    font-weight: 300 !important;
}
.review_rating:hover {
    color: #D1D1D1;
}
.review_rating_area {
    box-shadow: 0px 0px 1px 0px rgba(50, 50, 50, 0.25);
    padding: 10px;
}
.review_summary small {
    font-size: 10px;
}
.review_rating_title {
    font-size: 12px;
    text-align: center;
    margin-top: 0px;
}

.opc_share{
    opacity: 0.33;
}

.navbar-nav .fa{
    width: 15px;
}

.more_notifications > .text-center {
    display: block;
}

/* btns header */
.dropdown-menu.preferences > li:not(.divider) {
    padding-top: 8px;
}
.nav > li > a.interview_reviews_notifications,
.nav > li > a.job_reviews_notifications,
.nav > li > a.reputation,
.nav > li > a.comments_notifications {
    padding-left: 4px;
    padding-right: 4px;
}
.dropdown .btn {
    border: 1px solid #e7e7e7;
}
.dropdown.open {
    background: #E7E7E7;
}
.btn_interests {
    width: 88px !important;
    margin-right: 5px !important;
}
.btn-reviews {
    margin-right: 13px;
    width: 190px;
}
.btn-reviews-modal {
    margin-right: 13px;
    width: 100%;
    border: 1px solid #dbe7e7 !important;
    margin-top: 15px;
}
.btn-reviews-modal:hover {
    border: 1px solid #6B8283 !important;
}
.btn-reviews-override {
    display: inline-table;
    width: 47%;
}
.btn.btn-reviews.btn-reviews-override {
    width: 100%;
    border: 1px;
    padding: 6px;
}
.nav-tabs-industry .nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    border: 1px;
}
.bs-highest_rated > ul > li.btn-reviews:last-child,
.bs-most_reviewed > ul > li.btn-reviews:last-child {
    margin-right: 0px !important;
}
.btn-reviews {
    color: #6b8283;
    border: 1px solid #dbe7e7;
    background-color: white;
}
.super_edit a {
    color: red;
}
.nav-tabs-industry li.active,
.btn-reviews:focus,
.btn-reviews:active,
.btn-reviews.active,
.btn-reviews:hover,
.open .dropdown-toggle.btn-reviews {
    color: #6b8283;
    border: 2px solid #6b8283;
}
.nav-tabs > li > a:hover {
    background: none;
}
.btn-reviews:active,
.btn-reviews.active,
.open .dropdown-toggle.btn-reviews {
    background-image: none;
}
.btn-reviews.disabled,
.btn-reviews[disabled],
fieldset[disabled] .btn-reviews,
.btn-reviews.disabled:hover,
.btn-reviews[disabled]:hover,
fieldset[disabled] .btn-reviews:hover,
.btn-reviews.disabled:focus,
.btn-reviews[disabled]:focus,
fieldset[disabled] .btn-reviews:focus,
.btn-reviews.disabled:active,
.btn-reviews[disabled]:active,
fieldset[disabled] .btn-reviews:active,
.btn-reviews.disabled.active,
.btn-reviews[disabled].active,
fieldset[disabled] .btn-reviews.active {
    background-color: #6B8283;
    border-color: ;
}
.btn-reviews .badge {
    color: #6B8283;
    background-color: #ffffff;
}
#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
#wrapper.toggled {
    padding-left: 250px;
}
.navbar-fixed-top {
    z-index: 1040;
}
#sidebar-wrapper {
    z-index: 1100;
    position: fixed;
    left: 250px;
    width: 0;
    height: 100%;
    margin-left: -250px;
    background: #000;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border-right: 8px solid #008fd2;
}
#wrapper.toggled #sidebar-wrapper {
    width: 250px;
}
#page-content-wrapper {
    width: 100%;
    padding: 15px;
}
#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -250px;
}
.highlight {
    background-color: #FFF8DC !important;
}
/* Sidebar Styles */

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 250px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.sidebar-nav li {
    text-indent: 20px;
    line-height: 40px;
}
.sidebar-nav li a {
    display: block;
    text-decoration: none;
    color: white;
}
.sidebar-nav li a:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(255, 255, 255, 0.2);
}
.sidebar-nav li a:active,
.sidebar-nav li a:focus {
    text-decoration: none;
}
.sidebar-nav > .sidebar-brand {
    height: 65px;
    font-size: 18px;
    line-height: 60px;
}
.sidebar-nav > .sidebar-brand a {
    color: white;
}
.nav > li > a:focus {
    background: none !important;
}
.sidebar-nav > .sidebar-brand a:hover {
    color: #fff;
}
.active_side_bar:hover {
    color: #fff;
    background: #4EA5D9;
}

.label {
    display: inline-block;
    font-weight: 500;
    margin-bottom: 5px;
}
.content-header {
    height: 65px;
    line-height: 65px;
}
.content-header h1 {
    margin: 0;
    margin-left: 20px;
    line-height: 65px;
    display: inline-block;
}
#claim_page_form > #submit,
.full-width {
    width: 100%;
}
.btn-claim-center{
    width: 110%;
    height: 32px;
}
.company_header_basic_info .claim-btn {
    float:right;
}
#menu-toggle {
    display: none;
}
.inset {
    padding: 20px;
}
h6 {
    font-weight: normal;
}
.box_stats {
    height: 64px;
    width: 100%;
    /*border-left: 1px solid #F8F8F8;*/
}
.review_rating_button {
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0px;
}
.review_score_info {
    font-size: 10px;
    opacity: 0.25;
}
.box_stats_count {
    font-size: 40px;
    display: block;
    font-weight: 500;
    margin-top: 0px;
    margin-bottom: 0px;
}
.box_stats_count_company {
    font-size: 30px;
    display: block;
    font-weight: 500;
}
.text_rating {
    display: block;
    line-height: 1;
}
.img_border {
    border: 1px solid #F8F8F8;
}
.wiki_edit {
    font-size: 12px;
    font-style: italic;
}
.active_side_bar {
    background-color: #228ECF;
    color: white;
    border-radius: 0px !important;
}
#custom-bootstrap-menu.active {
    border-bottom: 1px solid #DBDBDB;
}
.btn.active,
.btn:active {
    box-shadow: none;
}

/*.select2-selection {
    border-radius: 0 !important;
    height: 35px !important;
}
*/

.logo {
    padding: 10px;
    padding-top: 8px;
    background-color: black;
    padding-bottom: 17px;
}
.logo img {
    margin-top: 13px;
    margin-left: 10px;
}

.mrg-bottom_padd-bottom_0{
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.dashboard-item .dashboard-summary {
    float: left;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    width: 350px;
}
.dashboard-num {
    font-weight: bold;
    font-size: 18px;
}
.dashboard-title > a,
.dashboard-num > a {
    font-size: 18px;
    font-weight: bolder;
    line-height: 26px;
}
.btn-group > .btn.btn-default > label {
    cursor: pointer;
    margin-bottom: 0px;
}
.btn-default {
    border: 1px solid #E9EBEE;
}
.btn-default:hover {
    background: #E9EBEE;
}
.rm_underline {
    text-decoration: none !important;
    opacity: 0.20;
}
.side_bar:not(.side_bar_b2b) li:nth-child(3),
.side_bar:not(.side_bar_b2b) li:nth-child(5) {
    margin-bottom: 20px;
}
.comment_not_moderated {
    background-color: #FEFAE2;
}
/* modal */

.modal-dialog-center {
    padding-top: 8%;
}

#modal-help {
    padding-top: 8%;
}

.author_notification {
    clear: both;
    display: inherit;
    font-weight: bold;
    padding-top: 13px;
}
.ts_notification {
    display: inherit;
    font-size: 10px;
    padding-left: 20px;
    padding-right: 20px;
}
.pad_5.checked_0 > a,
.pad_5.checked_1 > a {
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    width: 100%;
}
.author_notification {
    padding-left: 10px;
}
.pad_5 {
    border-bottom-color: #e9e9e9;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-top-color: #e9e9e9;
    border-top-style: solid;
    border-top-width: 1px;
    margin-bottom: -1px;
    padding-bottom: 4px;
    padding-left: 8px;
    padding-right: 20px;
    padding-top: 4px;
    position: relative;
}

.pad_5 a {
    font-size: 12px;
}

.dropdown-menu {
    padding-top: 0px !important;
}
/******* rating *******/

.form-group .br-widget {
    height: 25px;
}
.form-group .br-widget a {
    display: block;
    width: 15%;
    height: 12px;
    float: left;
    background-color: #e3e3e3;
    margin: 1px;
}
.form-group .br-widget a.br-active,
.form-group .br-widget a.br-selected {
    background-color: #59a6d6;
}
.form-group .br-widget .br-current-rating {
    line-height: 1.1;
    float: left;
    padding: 0 20px 0 20px;
    color: #646464;
}
.form-group .br-readonly a.br-active,
.form-group .br-readonly a.br-selected {
    background-color: #cbcbcb;
}
/*upload cs */

.form-group  .btn-file {
    position: relative;
    overflow: hidden;
}
.form-group .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;
}
.badge {
    background-color: #e04c4c !important;
    font-weight: 100;
    padding: 2px 5px 2px 5px;
    border-radius: 3px !important;
}

.views_counter_review{
    display: block;
    margin-top: 10px;
    font-size: 9.5px;
}

._box_tags {
    background: white;
    margin-top: 20px;
    padding-top: 20px;
    float: left;
    width: 100%;
    padding-bottom: 10px;
    text-align: center;
    min-height: 100px;
}
._box_tags_description {
    background: white;
    margin-top: 20px;
    padding-top: 20px;
    float: left;
    width: 100%;
    padding-bottom: 10px;
    text-align: center;
    min-height: 160px;
}
/* tags */

.v_divider {
    margin-left: 8px;
    margin-right: 8px;
}
/* margins */

.profile-progress-bar.voffset2{
    margin-bottom: 0px;
}

.voffset0 {
    margin-top: 0px;
}
.voffset {
    margin-top: 2px;
}
.voffset1 {
    margin-top: 5px;
}
.voffset1-5 {
    margin-top: 7px;
}
.voffset2 {
    margin-top: 10px;
}
.voffset3 {
    margin-top: 15px;
}
.voffset4 {
    margin-top: 20px;
}
.voffset4-5 {
    margin-top: 25px;
}
.voffset5 {
    margin-top: 40px;
}
.voffset6 {
    margin-top: 60px;
}
.voffset6-5 {
    margin-top: 65px;
}
.voffset7-based {
    margin-top: 70px;
}
.voffset7 {
    margin-top: 80px;
}
.voffset7-5 {
    margin-top: 90px;
}
.voffset8 {
    margin-top: 100px;
}
.voffset9 {
    margin-top: 150px;
}
.title-header {
    margin: 0px;
    font-size: 18px;
}
.industry-font-title{
    font-size: 14px;
}
/* odd even list items */

.list-group:not(.related_companies) li:nth-child(odd) {
    background-color: #F2F2F2;
}
.list-group li:nth-child(even) {
    background-color: white;
}
.nav-tabs {
    border: none;
}
/* search items*/

.ui-front {
    z-index: 2000 !important;
}

/* Landing page */
/* *spinner/*/
.noty {
    margin: 0 auto;
    display: table;
    margin-top: 30px;
    float: right;
}
/* *boostrapt menu/*/

#custom-bootstrap-menu.navbar-default .navbar-brand {
    color: rgba(119, 119, 119, 1);
}
#custom-bootstrap-menu.navbar-default {
    margin-bottom: 0px !important;
}
#custom-bootstrap-menu.navbar-default {
    background: white;
    margin-bottom: 10px !important;
}
#custom-bootstrap-menu.navbar-default .navbar-nav > li > a {
    color: rgba(86, 86, 86, 1);
    background-color: rgba(248, 248, 248, 0);
}
#custom-bootstrap-menu.navbar-default .navbar-nav > li > a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav > li > a:focus {
    color: rgba(51, 51, 51, 1);
    background-color: rgba(240, 240, 240, 0.5);
}
#custom-bootstrap-menu.navbar-default .navbar-nav > .active > a,
#custom-bootstrap-menu.navbar-default .navbar-nav > .active > a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav > .active > a:focus {
    color: rgba(85, 85, 85, 1);
    font-weight: bold;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle {
    border-color: #ddd;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus {
    background-color: #ddd;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
    background-color: #888;
}
#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #888;
}
.navbar-padding-left {
    padding-left: 0px;
}
/* css tags */

.total_tags {
    font-size: 12px;
    font-weight: bold;
    float: right;
    padding-right: 10px;
}
/* comments */

.profile-header {
    min-height: 260px;
    margin-left: 280px;
}
div.post-tabs {
    margin-top: 16px;
}
ul.posts {
    list-style-type: none;
    padding: 0px;
    margin: 16px 0px 0px 0px;
    border-top: 1px solid #e0e0e0;
}
div.post-tabs ul.posts {
    margin: 0px;
    border-top: none;
}
ul.posts li.post {
    padding: 8px;
    border-bottom: 1px solid #e0e0e0;
}
ul.posts li.post:hover {
    background-color: #f0f0f0;
}
div.post-date {
    float: right;
}
div.post-author {
    font-weight: bold;
}
div.post-thumbnail {
    position: absolute;
}
div.post-content {
    margin-left: 48px;
    min-height: 48px;
}
div.post-footer {
    text-align: right;
}
ul.comments {
    list-style-type: none;
    padding: 0px;
    margin: 0px 0px 0px 0px;
    border-top: 1px solid #e0e0e0;
}
ul.comments li.comment {
    padding: 8px;
    padding-left:32px;
    background: white;
    margin-bottom: 1px;
}
ul.comments li.comment:hover {
    background-color: #fafafa;
}
.comment_help {
    margin-bottom: 10px;
}
div.comment-date {
    font-size: 10px;
    display: inline;
    font-weight: lighter;
    margin-left: 5px;
}
div.comment-actions {
    float: right;
}
div.comment-author {
    font-weight: bold;
}
div.comment-thumbnail {
    position: absolute;
}
div.comment-content {
    margin-left: 25px;
    min-height: 48px;
}
div.comment-form {
    display: table;
    width: 100%;
}
.comment-form label {
    color: grey;
}
div.pagination {
    width: 100%;
    text-align: right;
    padding: 0px;
    margin: 0px;
}
div.flask-pagedown-preview {
    margin: 10px 0px 10px 0px;
    border: 1px solid #e0e0e0;
    padding: 4px;
}
div.flask-pagedown-preview h1 {
    font-size: 140%;
}
div.flask-pagedown-preview h2 {
    font-size: 130%;
}
div.flask-pagedown-preview h3 {
    font-size: 120%;
}
.post-body h1 {
    font-size: 140%;
}
.post-body h2 {
    font-size: 130%;
}
.post-body h3 {
    font-size: 120%;
}
.table.followers tr {
    border-bottom: 1px solid #e0e0e0;
}

.companies_filter label {
    color: grey;
}
/* profile styles */

.stats span {
    display: block;
    font-family: Helvetica;
    font-size: 3.5em;
    font-weight: bold;
    line-height: 1em;
    text-shadow: 1px 1px 0 #fff;
}
.username {
    margin-left: 5px;
}
.username_profile_name {
    margin-top: 0;
    padding-left: 10px;
}
.username_profile {
    margin-top: 0;
    padding-left: 10px;
    margin-bottom: 3px;
}
.profile_area_users {
    background-color: white;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 4px;
    padding-right: 8px;
    margin: 0px;
    margin-bottom: 10px;
    height: 280px;
    margin-left: 15px;
    margin-right: 15px;
    border: 1px solid #e1e8ed;
}
.profile_area_users a .img-responsive {
    border: 1px solid #E9EBEE;
    padding: 10px;
}
.img-responsive.img-frontpage-partner {
    max-width: 325px;
    height: 200px;
}
.profile_area {
    background-color: white;
    padding-top: 20px;
    padding-left: 4px;
    padding-right: 8px;
    margin: 0px;
    margin-bottom: 10px;
    min-height: 127px;
    padding-bottom: 10px;
}
.edit_profile_hr {
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    opacity: 0.7;
}
.select2-container--bootstrap .select2-results__option .select2-results__option {
    padding-left: 25px !important;
}
.select2-selection--multiple .select2-search--inline .select2-search__field {
       width: auto !important;
}

.modal-body-content > small {
    float: right;
}
.item blockquote {
    border-left: none;
    margin: 0;
}
.item blockquote img {
    margin-bottom: 10px;
}
.item blockquote > p > a {
    font-size: 14px;
}
.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}
.item_positive blockquote p:before {
    color: #9CDB3B;
}
.item_negative blockquote p:before {
    color: #B24127;
}
/* panel overview */

.panel.mini-box{
    border:none !important;
    box-shadow: none !important;
    margin-top: 5px;
}

.mini-box {
    min-height: 80px;
    padding-left: 20px;
    padding-right: 20px;
}
.panel {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
    border-bottom-color: transparent;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color: transparent;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: transparent;
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: transparent;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-top-style: solid;
    border-top-width: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
}
.size-h2 {
    font-size: 25px;
}
.mini-box .box-info p {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}
.mini-box .box-info p {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}
.mini-box .box-icon {
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    display: block;
    float: left;
    font-size: 35px;
    height: 65px;
    line-height: 65px;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 10px;
    margin-top: 0;
    text-align: center;
    vertical-align: middle;
    width: 65px;
}
.bg-danger {
    background-color: #e94b3b;
    color: #fff;
}
.bg-primary {
    background-color: #228ecf;
    color: #fff;
}
.bg-primary-light {
    background-color: #449dd5;
    color: #fff;
}
.bg-success {
    background-color: #5CB84D;
    color: #fff;
}
.bg-info {
    background-color: #2ec1cc;
    color: #fff;
}
.bg-warning {
    background-color: #ffb61c;
    color: #fff;
}
.bg-danger {
    background-color: #e94b3b;
    color: #fff;
}
.bg-orange {
    background-color: #f98e33;
    color: #fff;
}
.bg-violet {
    background-color: #6a55c2;
    color: #fff;
}
.bg-dark {
    background-color: #222533;
    color: #fff;
}
.bg-bright {
    background-color: #fafafa;
    color: #767676;
}
.bg-reverse {
    background-color: #fff;
    color: #767676;
}
.bg-facebook {
    background-color: #335397;
    color: #fff;
}
.bg-twitter {
    background-color: #00c7f7;
    color: #fff;
}
.bg-google-plus {
    background-color: #df4a32;
    color: #fff;
}
.bg-self {
    color: #007ab1;
    background-color: #E8F1F4;
}

.panel-body {
    padding: 11px !important;
}
/* share */

.popup-share {
    background: #fff;
    border: 1px solid #d5d6d6;
    padding: 0;
    margin: 0;
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .15);
    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .15);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, .15);
    z-index:5;
}
.popup-share span {
    font-size: 10px;
}
.popup-share a[class^="icon-"],
.popup-share a[class*=" icon-"] {
    display: block;
    text-decoration: none;
    padding: 4px 10px;
}
.popup-share a[class^="icon-"]:hover,
.popup-share a[class*=" icon-"]:hover {
    background: #2095f0;
    text-decoration: none;
    color: #fff
}
.inline-share a[class^="icon-"],
.inline-share a[class*=" icon-"] {
    font-size: 26px;
    text-decoration: none;
}
.inline-share a[class^="icon-"] span,
.inline-share a[class*=" icon-"] span {
    display: none;
}
.icon-facebook {
    color: #3b5998;
}
.icon-linkedin {
    color: #007bb6;
}
.icon-twitter {
    color: black;
}
.icon-twitter span {
    visibility: hidden;
    position: relative;
}
.icon-twitter span:after {
    content: 'X';
    visibility: visible;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.icon-googleplus {
    color: #dd4b39;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
    font-family: "FontAwesome";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */
    /* For safety - reset parent styles, that can break glyph codes*/
    
    font-variant: normal;
    text-transform: none;
    /* fix buttons height, for twitter bootstrap */
    
    line-height: 1em;
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    
    margin-left: .2em;
    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */
    /* Font smoothing. That was taken from TWBS */
    
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-facebook:before {
    content: "\f230";
}
/* 'î €' */

.icon-googleplus:before {
    content: '\f0d4';
}
/* 'î ' */

.icon-twitter:before {
    content: '';
    background-image: url('/static/img/twitter-logo.svg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block; 
    width: 14px; 
    height: 14px; 
    vertical-align: middle;
    border-radius: 4px;
}
/* 'î ‚' */

.icon-email:before {
    content: '\f064';
}
/* 'î ƒ' */

.icon-print:before {
    content: '\f02f';
}
/* 'î „' */

.icon-share:before {
    content: '\f1e0';
}
/* 'î …' */

.icon-linkedin:before {
    content: '\f08c';
}
/* 'î †' */

.nopadding {
    padding-left: 0 !important;
    margin-left: 0 !important;
}
.col-lg-2.stats.text-center:not(:nth-last-child(2)) {
    border-right-color: #E9EBEE;
    border-right-style: solid;
    border-right-width: 1px;
}
/* search */
.bootsnipp-search{
    z-index: 99;
    position: relative;
}

.bootsnipp-search .form-control {
    background-color: #F0F0F0;
    border: 1px solid #e7e7e7;
    border-top-width: 0;
    font-size: 14px;
    height: auto;
    box-shadow: none;
}
.input-group-addon {
    border: none;
}
/*placeholder text */

#search_box::-webkit-input-placeholder {
    color: #6B7A96  !important;
}

#search_box:-moz-placeholder {
    color: #6B7A96 !important;
}

#search_box::-moz-placeholder {
    color: #6B7A96 !important;
}

#search_box:-ms-input-placeholder {
    color: #6B7A96 !important;
}

#search_box::placeholder {
    color: #6B7A96 !important;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #919191 !important;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #919191 !important;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #919191 !important;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #919191 !important;
}
.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}

.decoration {
    text-decoration: none !important;
    padding-right: 5px;
}
.box_background_style_overall {
    padding: 10px;
}

.factors.label_overview{
    margin-left: 0px;
    margin-right: 0px;
}

.modal-body > .tags div{
    padding:12px;
}
.tags div, .popover-content div {
    display: inline-block;
    margin: 0 3px 0px 0;
    padding: 10px 6px;
    font-size: 11px;
    line-height: 0px;
    background-color: #e1ecf4a6;
    border: 1px solid white;
}
.tags div:hover .popover-content div:hover {
    border-color: #08C;
}
.tags div a:hover,  .popover-content div a:hover {
    text-decoration: none !important;
}
.open_modal_tag, .remove_company_tag {
    font-size: 11px;
    color: #A9D6E5;
}
.remove_company_tag {
    font-size: 14px;
    color: #A9D6E5;
}

/*box fav*/

.box_fav {
    text-align: center;
}
.rm_bold {
    font-weight: normal;
    font-size: 10px;
}
.pad_5 {
    padding-left: 5px;
    padding-right: 5px;
    display: inherit;
}
.scrollable-menu {
    height: auto;
    max-height: 70vh;
    overflow-x: hidden;
}
.active_notification {
    background-color: #F7F7F7;
}
.glyphicon-chevron-up, .glyphicon-triangle-top{
    font-size: 25px;
}
.glyphicon-record {
    color: #4ea5d9;
    font-size: 17px;
    top: 0;
}
.glyphicon-record-small {
    color: #4ea5d9;
    font-size: 10px;
    top: 0;
    margin-left: 2px;
}
.glyphicon_right {
    float: right;
    margin-right: 5px;
}
.opt_notifications {
    display: inline;
    margin-top: 5px;
}
.checked_0 {
    background-color: #f5fcff;
    border-top: dashed 1px #D4D4D4;
    border-bottom: dashed 1px #D4D4D4;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
.checked_1 {
    background-color: white;
}
.glyphicon {
    cursor: pointer;
}
span.glyphicon.glyphicon-search{
    cursor: default;
}
.comments:target {
    background-color: #yellow;
}
.color_info_review span{
    color:#CDCDCD;
}
.mrg-text i{
    margin-bottom: 5px;
}
.opc {
    opacity: 0.20;
    margin-right: 10px;
}

.sidebar-icon-opc {
    opacity: 0.70;
    margin-right: 10px;
}
.opc_info {
    opacity: 0.20 !important;
}
.opc_logo {
    opacity: 1;
}
.no_opc {
    margin-right: 10px;
}
/* pips */
#pips-values {
    margin-top: 25px;
    margin-bottom: 80px;
}

.form_review_rating .checkbox {
    margin-bottom: 20px;
}

.tooltip_slide {
    display: block;
    position: absolute;
    border: 1px solid #D9D9D9;
    font: 400 12px/12px Arial;
    border-radius: 3px;
    background: #fff;
    top: -43px;
    padding: 5px;
    left: -9px;
    text-align: center;
    width: 50px;
}
.tooltip_slide strong {
    display: block;
    padding: 2px;
}
/* ellipsis */
.ellipsis {
    line-height: 1.5;
}
.company_area_header .ellipsis{
    min-height: 55px;
}

.padding_btn {
    padding-bottom: 15px;
}
/*align mobile*/
@media (max-width:600px) { 
    .new_content .modal-dialog{
            height: 100vmin;
            width: 95vmin;
        }
    }
    
@media (min-width: 769px) and (max-width: 992px) {
    .btn-responsive {
        padding: 4px 9px;
        font-size: 90%;
        line-height: 1.2;
    }
}

@media (min-width: 1200px) and (max-width: 1550px) {

    .jobboard-company-details > * {
        zoom: 80%;
    }
}

@media (min-width: 1100px) and (max-width: 1700px) {
    .col-lg-8:not(.search-bar-top):not(.form_review ):not(.activity-feed-parent):not(.industry-context):not(.company_values_box):not(.jobboard-h3-jobs-found), .col-lg-7:not(.search-bar-top):not(.temp-ads):not(.job-board-list) {
        width: 100%;
    }
    
    .col-lg-5.new_review_layout, .col-lg-5.new_company_layout {
        width: 60%;
    }
}


@media (min-width: 1000px) and (max-width: 1700px) {
    .company_area_header a.thumbnail{
        margin-bottom: 10px;
    }  
    
    .top_comparision .summary{
        line-height: 15px;
    }

    .btn-group-justified>.btn, .btn-group-justified>.btn-group {
        display: inline-table !important;
        width: auto !important;
    }
}

@media (min-width: 1200px) {
    .company_header_row {
        display: flex;
    }
}

@media (min-width: 768px) and (max-width: 1700px) {
    #universityForm .col-lg-3 {
        text-align: left;
        width: 100%;
    }

    #universityForm .col-lg-8 span.btn {
        width: 100%;
        margin-top: 0.5em;
    }

    #universityForm .col-lg-offset-3 {
        margin-left: 0;
    }
}

/* style to mobile */
@media (max-width: 767px) {
    .ranking_filters_new .filter-buttons .btn,
    .ranking_filters_new .form-select {
        margin: 5px 0px !important;
        padding: 0.4rem 1rem !important;
    }

    .banner-container-hf {
        min-height:200px !important;
    }

    .company_area_header .negative_header_offset,
    .company_area_header .company_header_basic_info {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .company_header_basic_info .claim-btn {
        margin: 0;
        margin-top:14px;
        float: none !important;
    }
    
    .company_header_basic_info{
        min-height: 0px !important;
    }

    .company_area .voffset7{
        margin-top: 40px;
    }

    .detailed_awards_winners {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

    button.navbar-toggle.pull-left {
        margin-left: 20px;
    }

    .logo img {
        margin-left: 20px;
    }

    .live_stream{
        display:table;
    }

    .job-board-logo-sprite{
        border:none !important;
    }
    
    .styled-blockquote{
        display: inline-table !important;
        margin-top: 20px !important;
    }
    
    .styled-blockquote:before {
        height: 20px !important;
        line-height: inherit !important;
        padding-top: 1% !important;
    }
    
    #form-jobboard .col-lg-12.voffset3.text-right {
        display: grid;
        margin-top: 50px;
    }
 
    .tags-management-container .btn-group {
        width: 100%;
    }

    .tags-management-container #form-tags-search {
        margin-top: 15px;
    }

    .job-board-scroll .jobboard-attachments{
        margin-top: -10px;    
    }
    
    .job-board-list .panel{
        display: grid !important;
    }
        
    .job-tag-template {
        display: inline-block;
        text-align: center;
        margin-top: 15px;
        width: 100%;
    }

    .jobboard-ctr, .jobboard-ad:hover .jobboard-ctr {
        top: 0 !important;
        left: 0;
        transform: translateY(-65%) !important;
        display: block !important;
    }

    
    #form-jobboard input#reset {
        margin-top: 25px !important;
    }
    
    .interview_process_box, .company_values_box, .reviews_histogram_box{
        margin-bottom: 10px;
    }
    
    button.btn.btn-default.btn-group-remote {
        text-align: left;
    }

    .values_list_column2{
        column-count: 1 !important;
    }
    
    .company_values_box span{
        text-align:center;
        display:table;
        margin-left: auto;
        margin-right: auto;
    }

    .detailed_awards div {
        display: unset !important;
    }

    .custom-testimonial{
        margin-top:20px !important;
        display: contents !important;
    }
    
    .ignore-voffset-mobile{
        margin-top: 0px;    
    }
    
    .labels-for-ads .btn-group-justified .btn-outline-primary{
        width:100% !important;
    }
    
    .btn-group-justified {
        display: grid !important;
    }

    .review_area .review_summary , .review_area .center_mobile{
        white-space: normal !important;
    }

    .header-cont .heading-wrap{
        display: inline-flex !important;
    }
    .flex-awards p{
        text-align:center;
    }
    .share-awards .share-icons a {
        width: 2rem;
        height: 2rem;
        margin-top: .625rem;
        margin-right: 0.75rem;
    }
    .share-awards{
        display: inherit !important;
    }
    .flex-awards.share-icons a {
        margin: 0 auto;
    }
    .ab_btn{
        margin-top: 50px !important;
    }
    .ab_card{
        text-align: center !important;
    }
    .best-companies .top-company{
        margin-bottom: 0px !important;
    }
    .show-flex {
        display: flex;
    }
    .header-cont{
        padding: 10px 0px 10px 0px !important;
    }
    .best-header .title {
        font-size: 24px !important;
    }
    .best-companies{
        display: grid !important;
        padding-bottom: 40px;
    }
    .best-companies .top-company{
        margin-top: 10px !important;
    }
    .search-bar-top .input-group{
        margin-bottom:10px;
    }
    .navbar-fixed-top {
        position: relative;
        top: auto;
    }
    .navbar-collapse {
        max-height: none;
    }
    
    .row .ethical_ad{
        margin-top: 0px !important;
    }
    
    .faq_container{
        padding-bottom:30px;
    }

    .company-page-base .row.col-no-right-padding {
        display: flex;
        flex-direction: column;
    }

    .company-page-base .row.col-no-right-padding > div:not(.overview_class) {
        display: contents;
    }

    .box_background_style_overall {
        margin-left: 15px;
        margin-right: 15px;
    }

    .overview_class {
        order: 2;
    }

    .faq_container {
        order: 3;
        margin-bottom: 20px;
    }

    .side-menu .navbar-nav li a {
        padding: 6px 12px !important;
    }
    
    .side-menu {
        overflow: unset !important;
    }
    
    .mrg_top_ranking_image{
        margin-top:    25px;
    }
    
    .company_name_ranking{
        margin-bottom:35px !important;
    }
    
    .company_item_ranking_page{
        padding-top: 15px !important;
    }
    
    .detailed_awards span{
        margin: 5px !important;
    }
    
    .company_area_awards button a{
        font-size: 20px !important;
    }
    
    .detailed_awards_winners img, .detailed_awards img{
        margin: 0 auto !important;
        display: block;
    }

    .detailed_awards span {
        display: block !important;
        margin-top: 10px;
    }
    
    .mobile_overview_top_margin{
        margin-top:10px !important;
    }
    
    .company_live_update .company_name{
        display: flex !important;
    }
    
    .feed-item span.covid_reason{
        display: inline-table !important;
    }
    
    ul.total_covid_companies li a {
        width: 100% !important;
    }
    
    ul.total_covid_companies {
        margin: 0px;
        padding: 0px;
    }
    
    ul.total_covid_companies li a {
        width: 100% !important;
        padding: 12px;
    }
    
    .company_logo_default_parent{
        margin: 0 auto;
        display: table;
        padding-bottom: 20px;    
    }
    
    .activity-feed{
        padding: 0px !important;
    }
    
    .feed-item .text, .feed-item .feed_source, .feed-item .permalink {
        padding-left: 8px !important;
        display: inline-table !important;
    }
    
    .company_area{
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
    
    .form_review #pros, .form_review #cons, .form_review #questions, .form_review #details{
        height:100px;
    }

    .review_helpful_votes_review{
        margin-top: 15px !important;
        padding-bottom:17px !important;
    }
    
    .checkboxes_for_values .form-control, .checkboxes_for_benefits .form-control{
        display: table !important;
    }
    
    .center_mobile .v_divider{
        display: block;
        color:white;
        height: 8px;
        
    }
    .no-top-voffset{
        margin-top:0px !important;
    }
    
    .box-salary{
        display: flex;
        height: auto !important;
    }
    .btn-dark-border{
        float:none !important;
    }
    .mobile-offset{
        margin-top:30px;
    }
    ul.related_companies_list{
        display: grid !important;
        text-align: left;
    }
    ul.related_companies_list li.list-group-company{
        width: 100% !important;
    }
    .department-salary{
        font-size: 18px !important;
    }
    .profile_update{
        margin-top: 10px;    
    }
    
    h2.username_profile_name, .username_profile{
        text-align: center !important;
        padding-bottom: 10px;
    }
    
    a.btn.btn-reviews{
        padding: 15px;
    }
    
    span.fa.fa-bar-chart.glyphicon, span.fa.fa-check-square-o.glyphicon{
        font-size: 18px;
    }
    
    .review_area .review_helpful{
        height: auto !important;
    }
    
    .tags{
        width: 100%;
    }
    
    .tags > div{
        text-align: center;
        width: inherit;
    }
    
    .actions {
        float: none;
    }

    .text-default-xs {
        text-align: center;
    }
    
    .company_area_list h3, .review_area h3, .center_mobile, .btn-group-salaries a{
        text-align: center;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    
    .mrg-left-rating{
        margin-left: 0px !important;
    }
    
    /* menu buttons */
    .search_box_form {
        display: block !important;
    }
    .dropdown-toggle {
        padding-top: 3px !important;
        padding-bottom: 3px !important;
    }
    .dropdown-toggle.user_img_profile {
        margin-right: 0px;
    }
    .btn {
        width: 100%;
        margin-top: 5px;
    }
    .form-group .br-widget a {
        width: 24% !important;
    }
    .review_helpful_votes {
        padding-bottom: 4px !important;
        padding-left: 4px;
        padding-right: 4px;
        padding-top: 4px;
    }
    .review_helpful_list > .review_helpful > .review_helpful_votes {
        padding-bottom: 0px;
    }
    .btn-responsive {
        padding: 2px 4px;
        font-size: 80%;
        line-height: 1;
    }
    .override_col-sm-10 {
        margin: 0 0;
    }
    .review-title {
        margin-bottom: 15px;
        display: inherit;
    }
    .review_helpful {
        width: 100%;
        margin-bottom: 5px;
    }
    .review_summary {
        clear: both;
    }
    #wrapper {
        padding-left: 0;
    }
    #sidebar-wrapper {
        left: 0;
    }
    #wrapper.active {
        position: relative;
        left: 250px;
    }
    #wrapper.active #sidebar-wrapper {
        left: 250px;
        width: 250px;
        transition: all 0.4s ease 0s;
    }
    #menu-toggle {
        display: inline-block;
    }
    .inset {
        padding: 15px;
    }
    .backoffice-ads-container .bottom-line {
        flex-wrap: wrap;
    }
    .backoffice-ads-container .bottom-line .cta-new-ad {
        width:100%;
    }  

    .wrapper-tags-reviews-answered-rate-followers {
        flex-direction: column;
    }

    .wrapper-tags-reviews-answered-rate {
        flex-direction: column;
        text-align: center;
    }

    .checkboxes_for_values .form-control input, .checkboxes_for_benefits .form-control input {
        display: inline-block !important;
        margin-right: 1em !important;
    }

    .checkboxes_for_values .form-control label, .checkboxes_for_benefits .form-control label {
        display: inline !important;
    }
}
.main {
    margin: 0 auto;
    max-width: 320px;
}
.login-or {
    color: #aaa;
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    position: relative;
}
.span-or {
    background-color: #fff;
    display: block;
    left: 50%;
    margin-left: -25px;
    position: absolute;
    text-align: center;
    top: -2px;
    width: 50px;
}
.hr-or {
    background-color: #cdcdcd;
    height: 1px;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}
.center_align {
    text-align: center;
}
.messages {
    z-index: 1000;
    position: relative;
}
.pointer,
.active_side_bar {
    cursor: pointer;
}
.btn_review {
    width: 100%;
}
.btn_review a {
    color: white;
}
.page-header-without-border {
    border: none;
}
.notifications_box {
    width: 350px;
}
.pad_5 > a:hover {
    background-color: transparent !important;
    text-decoration: underline !important;
}
.more_notifications {
    background-clip: padding-box;
    padding-bottom: 1px;
    padding-top: 8px;
    position: relative;
    z-index: 100;
}
.notifications_header {
    height: 33px;
    background: #6b8283;
    color: white;
    padding: 10px 10px 10px 20px;
    font-size: 12px;
}

#showme_markdown {
    display: none;
    background-color: #FEFAE2;
    padding: 10px;
    margin-left: 30px;
}
.user_img_profile {
    padding-left: 20px;
}

.custom-testimonial{
    min-height:590px;
}

/*risky */

p.error {
    display: none !important;
}
/* notifications pulse */
.unread {
    background: #e74c3c;
    animation: notificationpulse 1s infinite;
    -webkit-animation: notificationpulse 1s infinite;
    -moz-animation: notificationpulse 1s infinite;
}
/*the animations */
@keyframes notificationpulse {
    0% {
        box-shadow: 0 0 0 0.00em #c0392b;
    }
    50% {
        box-shadow: 0 0 0 0.10em #c0392b;
    }
    100% {
        box-shadow: 0 0 0 0.0em #c0392b;
    }
}
@-webkit-keyframes notificationpulse {
    0% {
        box-shadow: 0 0 0 0.00em #c0392b;
    }
    50% {
        box-shadow: 0 0 0 0.10em #c0392b;
    }
    100% {
        box-shadow: 0 0 0 0.0em #c0392b;
    }
}
@-moz-keyframes notificationpulse {
    0% {
        box-shadow: 0 0 0 0.00em #c0392b;
    }
    50% {
        box-shadow: 0 0 0 0.10em #c0392b;
    }
    100% {
        box-shadow: 0 0 0 0.0em #c0392b;
    }
}

@media (min-width: 768px) {
    .text-default-sm {
        text-align: center;
    }
    .photo_gallery:nth-child(n+4) {
        margin-top: 15px;
    } 
    .jobboard-ad .panel.clicked > * {
        padding: 0;
    }
    .jobboard-ad .panel.clicked::before {
        display: none;
    } 
    #tag-management-result td {
        position: relative;
    }
    #tag-management-result td .btn {
        position: absolute;
        top: 1em;
        right: 1em;
    }
}

@media (min-width: 992px) {
    .text-default-md {
        text-align: left;
    }
}

@media (min-width: 1200px) {
    .job-board-scroll, .jobboard-company-details {
        overflow-y: auto;
        overflow-x: hidden;
    }

    .text-default-lg {
        text-align: left;
    }
}

@media only screen and (min-width: 960px) {
    .navbar-fixed-top {
        margin-left: 250px !important;
    }
}

@media (min-width: 1680px) {
    .col-sm-12 {
        width: 58.3333%
    }
}

@media (min-width: 768px) and (max-width: 1200px), (min-width: 2000px) {
    .detailed_awards .col-lg-2 {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

@media (min-width: 768px) {
    #wrapper {
        padding-left: 250px;
    }
    #wrapper.toggled {
        padding-left: 0;
    }
    #sidebar-wrapper {
        top: 0;
        width: 250px;
    }
    #wrapper.toggled #sidebar-wrapper {
        width: 0;
    }
    #page-content-wrapper {
        padding: 20px;
    }
    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }
}

/* ribbon */
.ribbon {
   text-align: center;
   font-size: 10px;
   background-color: #DDDDDD;
   color:grey;
   width: 50px;
   opacity: 0.6;
   display: inline-block;
   line-height: normal;
   padding: 1px;
}

.border-score > span{
    display: inline-table;
}

.text-success-review{
    color:#AED75B;
}


/* dashboard */
.portlet {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #fff;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    margin-bottom: 20px;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
}

.portlet .portlet-heading {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #fff;
    line-height: 38px;
    min-height: 39px;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 20px;
}

.portlet .portlet-heading .portlet-title {
    float: left;
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 0;
}

.portlet .portlet-body {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #fff;
    background-image: none;
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto auto;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
}

.text-dark {
    color: #797979;
}

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

.widget-panel {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    position: relative;
}

.widget-panel i{
    float: right;
    font-size: 25px;
    margin-right: -20px;
    margin-top: -30px;
    padding-bottom: 29px;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 35px;
}  
.widget-panel div{
    font-size: 10px;
    white-space: nowrap;
}  

.widget-panel h2{
    margin-bottom: 5px;
}
  
.text-pink {
    color: #f13c6e;
}
.text-purple {
    color: #ad86df;
}
.text-dark {
    color: #797979;
}

#no-more-tables > table {
    width: 100%;
}

.cf th{
    font-weight: bold;
}
@media only screen and (max-width: 800px) {    
    /* Force table to not be like tables anymore */
    #no-more-tables table, 
    #no-more-tables thead, 
    #no-more-tables tbody, 
    #no-more-tables th, 
    #no-more-tables td, 
    #no-more-tables tr { 
        display: block; 
    }
 
    /* Hide table headers (but not display: none;, for accessibility) */
    #no-more-tables thead tr { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
 
    #no-more-tables tr { border: 1px solid #ccc; }
 
    #no-more-tables td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 60%; 
        white-space: normal;
        text-align:left;
    }
 
    #no-more-tables td:before { 
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
    }
 
    /*
    Label the data
    */
    #no-more-tables td:before { content: attr(data-title); }
}

.light-text {
    color: #cdcdcd;
    font-weight: normal;
}

.issue_id{
    font-size: 20px;
}

.progress.profile-progress-bar.voffset2 small{
    cursor: pointer;
}

.items_bar:nth-child(2) {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #31b51b;
    background-image: none;
    background-origin: padding-box;
    background-position-x: 0;
    background-position-y: 0;
    background-repeat: repeat;
    background-size: auto auto;
    border-bottom-color: rgba(255, 255, 255, 0.5);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-image-outset: 0 0 0 0;
    border-image-repeat: stretch stretch;
    border-image-slice: 100% 100% 100% 100%;
    border-image-source: none;
    border-image-width: 1 1 1 1;
    border-left-color: rgba(255, 255, 255, 0.5);
    border-left-style: solid;
    border-left-width: 1px;
    border-right-color: rgba(255, 255, 255, 0.5);
    border-right-style: solid;
    border-right-width: 1px;
    border-top-color: rgba(255, 255, 255, 0.5);
    border-top-style: solid;
    border-top-width: 1px;
    margin-right: 10px;
    margin-bottom: 13px;
}
.items_bar:nth-child(2) > a {
    color: white !important;
    padding-bottom: 8px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 4px;
}

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

.fa-check-square{
    color:#1DA1F2;
    font-size: smaller !important;
}

.job-offers{
    font-size: 10px; 
    margin-left: 5px; 
}

.rating-quero-emprego{
    font-size: 25px;
    font-weight: bold;
}

/* h2h */
@media (max-width: 767px) {
    .company-name-h2h {
        margin-top: 0px !important;
    }
    
    .data-h2h .tbl > div{
        height: auto !important;
        font-size: 9px !important;
        line-height: 200% !important;
    }
    .data-h2h .tbl > div .tags div{
        font-size: 9px !important;
        padding: 8px 2px;
    }
    
    .data-h2h .tbl > div .tags div .glyphicon{
        display: none;
    }
    .bold-info-item {
        font-size: 9px !important;
        padding-left: 0px;
        padding-right: 0px;
    }
    
    .bold-info-item-bar{
        font-size: 10px !important;    
    }
    .company-result-h2h{
        margin-top: 0px !important;
        text-align: center !important;
    }
    .pull-mobile{
        float: none !important;
    }
    .mrg-bottom-h2h-submit{
        margin-bottom: 50px;
    }
}

.h2h-container .progress-bar-success-items:last-child {
    margin-bottom: 90px;
}

.company-score-h2h {
    font-size: 4.5vmin; 
    font-weight: bold;
    color: #DA1418;
}

.company-name-h2h {
    font-size: 3vmin; 
    text-transform: uppercase;
    color: #00B4F1;
    margin-top: 6%;
    font-weight: bold;
    cursor: pointer;
}

.company-result-h2h {
    font-size: 2vmax; 
    margin-top: 30px;
    font-weight: lighter;
}

.side-menu .fa {
    padding-right: 5px;
}

.fa.fa-trophy{
    color: white;
}

.fa.fa-circle.fa-stack-2x{
    color:#42af37;
}

.img-border {
    padding: 25px;
    border: 1px solid #E9EBEE;
}
.donut {
    display: block;
    margin: auto;
    text-align: center
}
.total-reviews-info{
    font-size: 1.3vmin; 
}
.bold-info-item {
    font-size: 12px;
    height: 35px;
    line-height: 35px;
    background: #E9EBEE;
    color: #969b9d;
    white-space: nowrap;
}

.bold-info-item-bar{
    line-height:15px;
    font-size: 12px;
    height: 30px;
    color: #969b9d;
    margin-top: 2px;
    
}
.data-h2h .tbl > div {
    height: 35px;
    line-height: 35px;
}

.tbl > div{
    border-top:1px solid #dbdbdb;
}

.tbl .text-left, .tbl .text-right {
    font-weight: bolder;
}

.progress-bar-success-items div div div {
    height: 20px;
}

.data-to-h2h:after{
    content:"*";
}

/*svg {
  transform:scale(1.5);
  -webkit-transform:scale(1.5);
}*/

.progress-bar-success-items .progress-bar span {
    height: 20px;
    line-height: 20px;
}

.img-thumbnail{
    margin-bottom: 5px;
}

.progress-bar-transparency{
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.progress-bar-success-h2h-right{
    width: 40%; 
    display: block; 
    float: right;
}
.progress-bar-success-h2h-left{
    width: 40%; 
    display: block; 
}
.progress-bar-success-items .progress{
    background-color: #F5F5F5;
}

.fa-external-link{
    font-size: 14px !important;
    color:#969b9d;
    padding: 5px;
}
.data-h2h{
    padding: 0px 25px;
}
.h2h-container{
    font-family: 'Roboto Condensed', sans-serif;
}

.h2h-container, .salaries-container{
    background-color: white; 
    padding-top: 20px;
    padding-bottom: 10px;
}
.h1-h2h{
    font-size: 12px;
    margin-top: 0px;
}
.fa-caret-up-h2h{
    color: #27FF66; 
    font-size: 18px;
}
.fa-caret-down-h2h{
    color: red; 
    font-size: 18px;
    cursor: auto !important;
}
.panel-body.h2h-stats > ul{
    display: table-row;
    font-size: 12px;
}
.unsuccess-h2h{
    color:red;
    font-weight: bolder;
}
.success-h2h{
    color:#42af37;
    font-weight: bolder;
}

.ellipsis-style{
    display: table;
}
.ellipsis-h2h .less-link{
    display: block;
}
.hour-css{
    font-weight: 100;
    padding-left: 5px;
}
.vs{
    font-size: 30px;
    font-weight: bolder;
}

.tags_right{
    float:right;
}

.tags_left{
    float:left;
}

.btn-sample { 
  color: #ffffff; 
  background-color: #7D6AB3; 
  border-color: #7D6AB3; 
} 
.side-note-rating-left{
    display: inline-table;
    font-size: 10px;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0;
    float: left;
    height: 20px;
    line-height: 20px;
}
.side-note-rating-right{
    display: inline-table;
    font-size: 10px;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 0;
    float:right;
    height: 20px;
    line-height: 20px;
}
.positive-item{
    font-size: 10px;
    /* hide in mobile */
} 

.positive-item::before{
    content: " +";
}
 
.btn-sample:hover, 
.btn-sample:focus, 
.btn-sample:active, 
.btn-sample.active, 
.open .dropdown-toggle.btn-sample { 
  color: #ffffff; 
  background-color: #6C51B8; 
  border-color: #7D6AB3; 
} 
 
.btn-sample:active, 
.btn-sample.active, 
.open .dropdown-toggle.btn-sample { 
  background-image: none; 
} 
 
.btn-sample.disabled, 
.btn-sample[disabled], 
fieldset[disabled] .btn-sample, 
.btn-sample.disabled:hover, 
.btn-sample[disabled]:hover, 
fieldset[disabled] .btn-sample:hover, 
.btn-sample.disabled:focus, 
.btn-sample[disabled]:focus, 
fieldset[disabled] .btn-sample:focus, 
.btn-sample.disabled:active, 
.btn-sample[disabled]:active, 
fieldset[disabled] .btn-sample:active, 
.btn-sample.disabled.active, 
.btn-sample[disabled].active, 
fieldset[disabled] .btn-sample.active { 
  background-color: #7D6AB3; 
  border-color: #7D6AB3; 
} 
 
.btn-sample .badge { 
  color: #7D6AB3; 
  background-color: #ffffff; 
}

.yw-h2h{
    color: #F7A162;
}

.purple-h2h{
    color: #472b93;
}

.first-company{
    border-bottom: 2px solid #F7A162;
}

.second-company{
    border-bottom: 2px solid #472b93;    
}

.fa.fa-map-marker {
    width: auto;
}

.tag_quero{
    padding: 5px; 
    display: block
}

.label-info-modal{
    font-size: 13px;
    padding: 3px;
    font-weight: 100;
    display: initial;
    cursor: pointer;
}

.no-bullets{
    list-style-type: none;
    padding: 5px;
}

.no-bullets li{
    padding-bottom: 5px;
}

.top-review{
    opacity:0.2;
    text-decoration: none !important;
}

.top-review:hover{
    opacity: 1;
}

ul.info-review-rules{
    padding-left: 15px;
}

ul.info-review-rules li{
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 13px;
}
.thumbnail a>img, .thumbnail>img{
    max-width: None !important;
}

/*wizard*/
.wizard {
    display:none;
}
.wizard-ok {
    display:none;
}
.wizard-nomodal {
    box-shadow:none;
    border:none;
}
.wizard .modal-header {
    background-color:#f8f8f8;
}
.wizard-body {
    overflow:hidden;
    padding: 10%;
}

.wizard-step{
    font-size: 15px;
}

.wizard-step .control-label{
    font-weight: normal !important;
}

#wizard .modal-header{
    height: 56px !important;
}

#wizard .modal-header::after{
    display: inline-table  !important;
    border-style: solid !important;
    border-width: 30px 16px 0 16px !important;
    border-color: #F8F8F8 transparent transparent transparent !important;
    position: relative !important;
    bottom: 0px !important;
}

.wizard-progress-label{
    font-size:12px;
    float:right;
    padding-right: 15px;
    padding-top: 2px;
    letter-spacing: 2px;
}

#wizard .br-widget{
    font-size: 12px;
}

.info-survey{
    font-size: 12px;
    padding-bottom: 40px;
    display: block;
}


/*poet*/
.p-poet{
    line-height: 15px; 
    margin: 0; 
    font-size: 11px; 
    padding-bottom: 10px; 
    text-align: center; 
    color:#969696;
}

.poet-card{
    margin: 0 auto; 
    background-color: white; 
    border: 1px solid #f0f0f0;
    margin-left:3px;
    margin-right:3px
}

.img-poet{
    height:50px; 
    background-size: auto; 
    background-position:center;
    background-repeat:no-repeat; 
}

.fa-check-poet{
    color: #64bc44;
}

/*salary*/
.helper-salary-bar{
    width: 1px; 
    opacity:0.2; 
    height: 32px; 
    background-color: #337AB7; 
    float: left;
}
.salary-top-labels{
    margin: 0px;
}

.salary-median-chart{
    display: grid;
}

.salary-label-median-bottom{
    margin-bottom: 0px;
    margin-top: 15px;
}

.label-salary{
    color:#464d5d;
    font-size: 11px;
    font-weight: 100;
    display: inline-block;
    margin: -5px -12px;
}
.salary-title{
    font-size: 15px;
    line-height: 20px;
    color:#464d5d;
    line-height: 28px;
}
.salary-meta{
    color: #aab6c1;
    font-size: 11px;
    line-height: 10px;
}
.salary-box .salary-title-parent:not(:first-child) {
    margin-bottom:30px;
}

.salary-avg-label{
    color: #464d5d;
    font-size: 18px;
    font-weight: bold;
    line-height: 28px;
}

.salary-box{
    display: block;
    text-decoration: none;    
    margin-bottom:20px;
}

.department-name{
    color: #464d5d;
    font-size: 15px;
    line-height: 20px;
}

.btn-group-salaries label{
    text-decoration: none;
    color:black;
    font-weight: 700;
}
.tags_salary{
    display: inline;    
}

.salary-range-panel{
    display: inherit !important;
}
.info-salary-alert{
    font-size: 12px;
    padding-top: 10px;
}

.salary_review .checkbox~.checkbox input{
    display: none;
}

.salary_review .checkbox~.checkbox label{
    visibility: hidden;
    padding-left: 0px;
}

.salary_review .checkbox~.checkbox label small{
    visibility: visible;
}

a.btn.btn-reviews-modal.btn-reviews {
    display: grid;
}

a.btn.btn-reviews-modal.btn-reviews .fa-stop{
    padding-right: 0px;
}

.fa-eur-override:before, .fa-eur-override:before {
    color: #ffffff;
}

.fa-trophy-override{
    color:#555555 !important;
}

.fa-eur-override{
    text-align: center;
    margin-right: 4px !important;
    width: 14px !important;
    height: 16px !important;
    padding: 2px !important;
    background: #aaa !important;
    font-size: 14px !important;
}
.euro-modal{
    margin-right:0px !important; 
    margin: 0 auto !important;
}
.salary_avg_page {
    margin-bottom: 0px !important;
    margin-top: 5px !important;
    overflow: visible;
}

.label_salary_avg{
    font-size: 10px;
}

#slider-step-value{
    margin-bottom: 30px;
}

.post-info-color{
    background-color: #ededed;
    padding: 10px 0px 12px;
    border: 1px solid #e2e2e2;
}

/* salaries */
.font-size-h1-all-company-pages{
    color: #464d5d;
    font-size: 18px;
    font-weight: bold;
    line-height: 25px;
    margin-top: 0px;
}

.reviews_top_header .font-size-h1-all-company-pages, .text-muted-slogan{
    font-size: 14px !important;
    margin-bottom:5px;
}

.salaries-role .boxed{
    color:#464d5d;
    display:block;
    margin-bottom:20px;
    text-decoration:none
}

.salaries-role .boxed .compensation{
    color:#464d5d;
    font-size:30px;
    font-weight:700;
    line-height:41px;
    text-align:center
}
.salaries-role .boxed .label{
    color:#7690a4;
    font-size:14px;
    line-height:19px;
    text-align:center
}
.salaries-role .boxed dl{
    margin:0 auto
}
.salaries-role .boxed dl dt:not{
    color:#363c4b;
    font-size:13px;
    font-weight:700;
    line-height:19px;
    padding:2px 4px
}
.ac_value_light{
    font-weight: 100 !important;
    font-size: 12px;
    padding-left: 6px;
}
.salaries-role .boxed dl dd{
    color:#8c969c;
    font-size:13px;
    line-height:19px;
    padding:2px 4px
}
.boxed_pie{
    padding: 20px 0px !important;
}
.boxed{
    background:#fff;
    -webkit-box-shadow:1px 1px 0 0 #e1e8ed,-1px -1px 0 0 #e1e8ed,-1px 1px 0 0 #e1e8ed,1px -1px 0 0 #e1e8ed;
    box-shadow:1px 1px 0 0 #e1e8ed,-1px -1px 0 0 #e1e8ed,-1px 1px 0 0 #e1e8ed,1px -1px 0 0 #e1e8ed;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    padding:20px;
    position:relative
}
.salaries-role .boxed{
    text-align:center;
    width:100%
}
.salaries-role{
    display:flex
}

.section-subtitle {
    color: #464d5d;
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
    margin: 0 0 15px;
}


.grade-text.grade-a{
    color:#4dc04f;
}
.grade-text.grade-f{
    color: #ec4842;
}
.department{
     cursor: default;
}
.department-nav{
    border:1px solid #e1e8ed;
    color:#464d5d;
    margin:15px 0;
    padding:15px;
}
.department-nav > div{
    display: flex;
}
.department-nav > div > div{
    flex-grow: 1;
}
.department-name{
    font-size:12px;
    font-weight:bold;
    line-height:17px;
}
.department-salary{
    font-size:22px;
    font-weight:bold;
    line-height:30px;
}
.department-meta{
    color:#8c969c;
    font-size:12px;
    line-height:17px;
    padding-left: 5px;
}
.department .diff{
    font-size:14px;
    line-height:19px;
}
.department-disabled{
    background: #f5f8fa;
}
.list-group-company{
    color: #469EFF;
}
ul.related_companies_list{
    display: inline;
    list-style: none;
    margin:0px;
}

ul.related_companies_list li{
    padding: 6px 0px;
}

.company_add_details {
    font-size: 11.5px;
    margin-top: 10px;
    margin-bottom: 10px;
    display: inline-flex;
    align-items: center;
}

.company_add_details a {
    color: #666 !important;
}

.company_add_details a:hover {
    color: #005691 !important;
}

.company_add_details .fa {
    margin-right: 6px !important;
    font-size: 14px !important;
}

.company_add_details .opc {
    opacity: 0.75 !important;
}

.company_add_details .v_divider {
    margin: 0 8px !important;
    color: #ccc !important;
}

/* circle */
.labelCircle {
    -webkit-border-radius: 45px !important;
    border-radius: 45px !important;
    height: 45px;
    width: 45px;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}
.labelCircle .labelCircle-title {
    color: #fff;
    font-size: 14px;
    line-height: 20px;
}
.labelCircle {
    font-weight: bold;
    line-height: 10px;
    text-align: center;
    text-transform: uppercase;
}

.section-subtitle {
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    color: #4a4a4a;
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
    margin: 0 0 30px;
}
.category-summaryText, .section-subtitle {
    margin: 0;
    padding-left: 5px;
}

.section-subtitle-detail {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px !important;
}

@media (min-width: 1200px) {
    .community-opinion-row {
        display: flex;
    }

    .community-opinion-row > .col-lg-6:first-child {
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
    }
}

.fast-survey-result{
    display: flex;
    margin-left: 20px;
}

.fast-survey-result-chart {
    max-width: 400px;
}

.mobile-offset .fast-survey-result-chart {
    margin: 0 auto;
}

@media (min-width: 1200px) {
    .mobile-offset .fast-survey-result-chart {
        margin-left: auto;
        margin-right: 0;
    }
}

.category-summary{
    padding-left: 10px;
    align-self: center;
}

.label_overview{
    margin-left:20px;
    margin-right:20px;
    font-size:18px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.sub_title_for_pages{
    font-size:18px;
    margin-top: 0px;
    margin-bottom: 20px;
    font-weight: bold;
}

/* fast survey button */
.btn-dark-border{
    float: right;
}

/* salary explorer */
h4.salary-headline{
    font-size: 1.5rem!important;
    line-height: 2.5rem;
    font-weight: 400;
    letter-spacing: -.1px;
}

.text-salary-blue, .text-remote-blue {
    color: #42b9ed!important;
}

.text-4xl{
    font-size:2.70rem!important;
}

.panel-salary-explorer .text-danger, .panel-salary-explorer .text-success{
    font-weight:bold;
}

.panel-salary-explorer h2, .panel-covid-explorer h2, .remote-panel-default h2{
    font-weight:700!important;
}

.panel-salary-explorer h1, .panel-covid-explorer h1, .remote-panel-default h1{
    font-size: 18px;
}

.salaries-container h3{
    font-size: 14px;
}

.panel-salary-explorer{
    margin-bottom:0px;
}

.border-salary, .border-covid {
    border-bottom: 1px solid #d1d4d7;
    opacity: 0.3;
}

.salaries-container h2 {
    font-size: 2rem!important;
    color: #22292f!important;
    margin-top:0px;
}

.salary-text-grey-dark, .remote-text-grey-dark {
    color: #71757a!important;
}

.salary-text-base, .remote-text-base {
    font-size: 1.5rem!important;
}

.box-salary{
    color: #323241;
    padding: 4rem !important;
    border:1px solid #E0E6ED;
    height: 140px;
}

.salary-signup{
    font-size: 1.8rem !important;
    line-height: 2.8rem;
    list-style-type: none;
    padding-left: 0px;
}

.call-to-action-salary{
    padding: 16px 16px;
    font-size: 2vh !important;
}

.layout-salary-left{
    float: left;
}

.layout-salary-right{
    float: right;
}

.rm-padding{
    padding-bottom: 0px;
    padding-top: 0px;
}

.table-position{
    display: table;
}

.salaries-container-overflow{
    overflow-x: auto;
}

.new-alert{
    float: right;
    font-size: 9px;
    color: rgba(255, 255, 255, 0.87);
    margin-top: -9px;
    opacity: 0.7;
}

.info-publication{
    color: black;
    padding: 5px;
    border: 1px solid rgba(83,90,96,0.1);
    line-height: 0px;
}

.pending-publication{
    background: #fff7e5;
}

.approved-publication{
    background: #d7ffd7;
    color:green;
}

.approved-publication small{
    color:green;
}

.rejected-publication{
    background: #ffdfdc;
}

.rejected-publication small{
    color:red;
}

.progress-members-space{
    background-color:#eeeeee;
}

.progress.progress-members-space span {
    font-size: 10px;
    padding-top: 2px;
    display: inline-grid;
    float: right;
    margin-right: 13px;
}

/* address list  */

.trash {
    color: rgb(209, 91, 71);
}

.panel-info-addresses, .panel-info-users{
    border-color: #bce8f1 !important;
}

.panel-default-invitations, .panel-default-addresses{
    border-color:#ddd !important;
}

.list-group-item-addresses, .list-group-item-company-users, .list-group-item-company-invitations{
    height: 40px;
    display: table;
}

li.list-group-item.list-group-item-company-users, li.list-group-item.list-group-item-addresses, li.list-group-item.list-group-item-company-invitations{
    width: 100%;
}

.list-group-item-company-users a, .list-group-item-addresses a,  .list-group-item-company-invitations a{
    padding: 0px 5px 0px 15px;
}

.index-address{
    font-weight: bold;
    font-size: 11px;
    opacity: 0.2;
    width: 20px;
    display: inline-table;
}

.badge-address{
    background-color: #31708f !important;
    min-width: 50px;
}

.review-official-reply{
    margin: 10px 0 0 0px;
    border-left: 3px solid #e5e5e5;
    padding: 5px 0 0 12px;
    line-height: 18px;
    margin-bottom:50px;
}

.review-official-reply .voffset2.ellipsis{
    font-size: 14px;
}

/*  comments */
.comment {
    overflow: hidden;
    padding: 0 0 1em;
    margin: 0 0 1em;
    *zoom: 1;
}

.comment-img {
    float: left;
    margin-right: 33px;
    border-radius: 5px;
    overflow: hidden;
}

.comment-img img {
    display: block;
}

.comment-body {
    overflow: hidden;
}

.comment .text {
    padding: 10px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    background: #fff;
}

.comment .text p:last-child {
    margin: 0;
}

.comment .attribution {
    margin: 0.5em 0 0;
    font-size: 14px;
    color: #666;
}

/* Decoration */

.comments{
    overflow: auto;
    height: 600px;
}

.comments,
.comment {
    position: relative;
}

.comments:before,
.comment:before,
.comment .text:before {
    content: "";
    position: absolute;
    top: 0;
    left: 65px;
}

.wrapper {
      display: flex;
}

.wrapper:before {
    content: '';
      width: 3px;
      background: rgba(0, 0, 0, 0.1);
      position: relative;
      left: 65px;
}


.comment:before {
    width: 9px;
    height: 9px;
    border: 3px solid #fff;
    border-radius: 100px;
    margin: 16px 0 0 -6px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.2), inset 0 1px 1px rgba(0,0,0,0.1);
    background: #ccc;
}

.comment:hover:before {
    background: orange;
}

.comment .text:before {
    top: 18px;
    left: 78px;
    width: 9px;
    height: 9px;
    border-width: 0 0 1px 1px;
    border-style: solid;
    border-color: #e5e5e5;
    background: #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.comment_btn_official a{
    text-decoration: none;
}

.form-filter-reviews-official .form-group{
    margin-bottom: 0px !important;
}

.fa-reply.opc{
    font-size:12px;    
}

form#invite-new-members div:not(.checkbox) {
    margin-top: 30px;
}

.review-official-reply .text-muted{
    font-size: 12px;
}

/* dashboard */
.card-counter{
    height: 120px;
    margin-bottom: 5px;
}
.card-counter .count-name {
    position: absolute;
    right: 35px;
    top: 75px;
    display: block;
    font-size: 15px;
    font-weight: 400;
}

.card-counter .count-numbers {
    position: absolute;
    right: 35px;
    top: 20px;
    font-size: 32px;
    display: block;
    font-weight: bold;
    opacity: 0.5;
}

.card-counter:hover{
    opacity: 0.85;
}

.card-counter-1 {
    background-color: #8bce62;
    color: #FFF;
}

.card-counter-2 {
    background-color: #c2d47b;
    color: #FFF;
}

.card-counter-3 {
    background-color: #bcc89e;
    color: #FFF;
}

.card-counter-4 {
    background-color: #62b5ce;
    color: #FFF;
}

.card-counter-5 {
    background-color: #b3d1e0;
    color: #FFF;
}

.card-counter-6 {
    background-color: #A3BECC;
    color: #FFF;
}

.card-counter-7 {
    background-color: #4A4737;
    color: #FFF;
}

.card-counter-8 {
    background-color: #AFAB99;
    color: #FFF;
}

.card-counter-9 {
    background-color: #d0cbb7;
    color: #FFF;
}

.card-counter i {
    font-size: 4em;
    opacity: 0.2;
    margin: 20px;
}

.dismiss-dashboard-card{
    background-color: #d8d8d8 !important;
}

.count-numbers-override-status{
    font-size: 14px !important;
    padding-top: 10px;
    font-weight: normal !important;
}

.company-dashboard-panel, .industry_hr{
    padding-bottom:15px;
}

.trial-expired{
    font-size: 26px;
    font-weight: bold;
}

.trial-expired-upgrade{
    font-size: 18px;
    font-weight: bold;
}

.call-to-action-upgrade{
    font-size: 16px !important;
    padding: 20px !important;
}

.progress-trial {
  width:100%;
  height:5px;
  margin:5px 0px;
  background: linear-gradient(lightgreen,yellow,red) right 0 bottom var(--p,50%)/var(--p,50%) 2000% no-repeat, #eee;
}

.btn-upgrade-trial a{
    text-decoration: none;
}

.mobile-review-menu-wrapper {
    display: flex;
    justify-content: space-between;
}

.mobile-review-menu{
    padding: 0px 18px;
}

.btn-write-salary-calc, .btn-write-working-type-calc{
    color:white !important;
    width: 85%;
    height: 35px;
    background-color: #31b51b;
    cursor: pointer;
    display: inline-block;
    font-weight: normal;
}

.btn-write-review{
    color:white !important;
    width: 85%;
    height: 35px;
    background-color: #319bf5;
    cursor: pointer;
    display: inline-block;
    font-weight: normal;
}

.btn-write-review:hover{
    color:white;
    background-color: #088cfb;    
}

a.disabled {
    pointer-events: none;
}

.text-salary-h1, .text-remote-h1 {
    display:table-cell; 
    padding-top: 10px;
    color:grey !important;
}

.label-for-cta-salary, .label-for-cta-working-type{
    font-size: 10px;
    opacity: 0.9;
}

.cta-salary, .cta-working-type{
    margin-bottom: 2px;
}

.body_review ul li:not(p) {
    padding-bottom: 3px;
}

form.form.companies_filter.form-horizontal label {
    display: none;
}

.bg-white{
    background:#ffffff;
}
.interview_process, .company_values{
    color: #666666;
    font-size: 13px;
    font-weight: 600;
}

.interview_process_box, .company_values_box, .reviews_histogram_box{
    padding-top: 3px;
    padding-bottom: 8px;
    margin-bottom: 10px;
}

.reviews_histogram_box embed[type="image/svg+xml"] {
    height: 61px;
    width: 100%;
    max-width: 100%;
}

.checkboxes_for_values .form-control, .checkboxes_for_benefits .form-control {
    display: table-row;
    height: 20px;
    list-style-type: none;
    border:none;
    box-shadow:none;
    padding: 0px;
    columns: 1;
}

.checkboxes_for_values .form-control input, .checkboxes_for_benefits .form-control input{
    width: 20px;
    margin-right: 20px;
}

.checkboxes_for_values .form-control li label, .checkboxes_for_benefits .form-control li label{
    font-weight: 400;
}

.checkboxes_for_values .control-label, .checkboxes_for_benefits .control-label, .textarea_for_team_members .control-label, .textarea_for_interview_process .control-label{
    margin-bottom: 10px;
    margin-top: 10px;
}

.interview_process{
    font-size: 12px;
    font-weight: 200;
    padding: 0;
    margin-top: 0px;
    display: inline;
}

.values_list{
    padding: 0;
    padding-left: 15px;
    list-style-type: square;
    margin-bottom: 0px;
    font-size: 12px;
    font-weight: 200;
}

.values_list li:not(:last-child){
    padding-bottom: 10px;
    line-height: 15px;
}

.panel-body .tags{
    margin: 6px;
}

#form-interview-process-interview_process{
    height: 150px;
}

.preview-interview, .preview-vacation, .preview-team, .preview-benefits{
    font-weight: 100;
    float: right;
}

ul.tags-popover{
    padding: 0;
}

ul.tags-popover li{
    padding: 3px 0px;
    display: inline-table;
}

.company_subtitle_backoffice{
    padding-top:10px;
    padding-bottom:10px;
    font-weight: bold;
}

.search_company_backoffice{
    background: white;
    padding: 18px 0px;
}

.button_plus{
    margin: 0px;
    padding: 5px 0px;
}

.company_area_header .reduce-h1 {
    margin-top: 0px;
}

.mrg_top_2px{
    margin-top: 2px;
}

.company_header_basic_info{
    min-height: 86px;
}

.rejected_reviews{
    background: white !important;
    color: red !important;
    line-height: 15px;
    text-align: center;
    line-height: 15px !important;
}

.rejected_reviews a{
    color: red !important;
    font-weight: bold;
}

.company_area_header .actions button {
    padding: 8px 10px;
    font-size: 11px !important;
}

.company_top_banner{
    height: 170px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 45%;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.company_top_banner_default{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAIAAABLbSncAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAENJREFUeNpitLe3//PnDyMjIysrKxMTEwMMMAFFgdT///8hDIQEUC0DNsAEMQEIgAxkCRagEBsbGxYdDDgA6RIAAQYA4GcNBVb24DkAAAAASUVORK5CYII=);
    background-size:inherit;
    background-repeat: repeat;
}

.company_area_header .thumbnail{
    background-color: transparent !important;
}

.negative_header_offset{
    margin-top:-44px !important;
    flex: 0 0 160px;
    max-width: 160px;
}

.company_area_header .company_header_basic_info {
    flex: 1;
}

h6.center_mobile i.opc{
    margin-right: 5px;
}

h6.center_mobile span.btn-small{
    float: right;
    padding: 4px;
    margin-top: -4px;
}

.x_ray_job_review{
    padding: 0px 20px;
}

/*covid*/
.company_live_update .company_name{
    font-weight: bold;
}

.activity-feed:not(.activity-feed-share) {
    padding: 0px 15px;
}

.activity-feed:not(.activity-feed-admin) .feed-item {
    position: relative;
    padding-bottom: 50px;
    border-left: 2px solid #e4e8eb;
    margin-bottom: -10px;
}
.activity-feed .feed-item:last-child {
    border-color: transparent;
}
.activity-feed:not(.activity-feed-admin):not(.activity-feed-share) .feed-item:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -6px;
    width: 10px;
    height: 10px;
    border-radius: 6px;
    background: #fff;
    border: 1px solid #f37167;
}

.activity-feed-share form{
    margin-bottom: 20px;
}

.activity-feed .add_border_spacing {
    border-spacing: 0 5px;
}

.feed_item_header i{
    top: -2px;
    position: relative;    
    float: right
}

.feed_item_header{
    float: right;
    margin-top: 6px;
    margin-left: 16%;
    min-width: 125px;
}

.covid_reason{
    display: inline !important;
    color:red;
}

.covid_reason_neutral{
    display: inline !important;
    color:grey !important;
}

.covid_reason_neutral:before{
    color:grey !important;
}


.covid_reason_green{
    display: inline !important;
    color:green !important;
}

.covid_reason_green:before{
    color:green !important;
}

.covid_reason:before{
    font-family: FontAwesome;
    content: "\f178";
    padding: 8px;
    color:red;
}

.activity-feed .feed-item .date {
    position: relative;
    top: -5px;
    color: #8c96a3;
    font-size: 13px;
    margin-left: 10px;
}
.activity-feed .feed-item .text, .activity-feed .feed-item .feed_source, .activity-feed .feed-item .permalink {
    display: table-row;
}

.activity-feed .feed-item .permalink a {
    color:grey;
    font-size:0.8em;
    cursor:pointer;
    font-weight:100;
    opacity:50%;
}

#sentinel{
    text-align: center;
    margin-top: 60px !important;
    margin-bottom: 60px !important;
    margin: 0 auto;
    border: 1px solid #f3f3f3;
    width: 100%;
    padding: 10px;
}

.activity-feed .feed-item .feed_source{
    font-size: 11px;
    font-style: italic
}

.company_live_update{
    margin-left: 8px;
    display: block;
}

.logo_covid_feed{
    margin-right:8px; 
    float:left; 
    border: 1px solid #E9EBEE;
}

.feed_item_header i.fa-check-circle-green {
    color:#5cb85c;
}

.blob {
    background: black;
    border-radius: 50% !important;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
    margin: 0px 15px 0px 0px;
    height: 10px;
    width: 10px;
    transform: scale(1);
    animation: pulse-black 2s infinite;
    float: left;
}

.blob.green {
    background: rgba(51, 217, 178, 1);
    box-shadow: 0 0 0 0 rgba(51, 217, 178, 1);
    animation: pulse-green 2s infinite;
}

@keyframes pulse-green {
    0% {
        transform: scale(0.70);
        box-shadow: 0 0 0 0 rgba(51, 217, 178, 0.7);
    }
    
    70% {
        transform: scale(0.65);
        box-shadow: 0 0 0 10px rgba(51, 217, 178, 0);
    }
    
    100% {
        transform: scale(0.70);
        box-shadow: 0 0 0 0 rgba(51, 217, 178, 0);
    }
}

.fa-circle-o-notch{
    font-size: 20px !important;
}

ul.total_covid_companies {
    list-style: none;
    padding-left: 0px;
}

ul.total_covid_companies li a{
    color: #666;
    font-weight: 100;
    padding: 5px;
    font-size: 13px;
}

ul.total_covid_companies li a.label-default {
    background-color: #F7F7F7;
}

ul.total_covid_companies li a.label-default:hover, ul.total_covid_companies li a.label-click{
    background-color: #c7c5c5;
    color:white;
}

.feed-item span{
    display: block;
    font-weight: 100;
}

.feed_item_header .label-primary:not(.mods), .feed_item_header .label-warning:not(.mods), .feed_item_header .label-info:not(.mods), .feed_item_header .label-success:not(.mods) {
    background: white !important;
    min-width: 95px;
}

.feed_item_header .label-primary:not(.mods){
    border:1px solid #337ab7;
    color: #337ab7;
}

.feed_item_header .label-warning:not(.mods){
    border:1px solid #f0ad4e;
    color: #f0ad4e;
}

.feed_item_header .label-info:not(.mods){
    border:1px solid #5bc0de;
    color: #5bc0de;
}

.feed_item_header .label-success:not(.mods){
    border:1px solid #5CB85C;
    color: #5CB85C;
}

.company_logo_default{
    padding: 4px 8px;
    background: white;
    border: 1px solid #e4e4e4;
}

.company_logo_default_parent .covid_company_status {
    position: absolute;
    top: -24px;
    width: 158px;
    font-size: 12px;
    background: white;
    padding: 2px;
    color:orange;
}

.covid_company_status a{
    text-decoration-color: white;
}

.covid_company_status .fa-exclamation-triangle{
    color: orange;
    padding: 0px 2px;
}

.covid_company_status span{
    color:orange;
}

.covid_company_status a {
    display: inherit;
}

.live_stream{
    background:red; 
    color:white; 
    padding: 2px 8px;
    margin-right: 5px;
}

.wrapper-tags-reviews-answered-rate-followers {
    display: flex;
    justify-content: space-between;
}

.wrapper-tags-reviews-answered-rate-followers .wrapper-tags-reviews-answered-rate {
    display: flex;
    gap: 0.8em;
}

.feedback-score-text {
    font-size: 0.8em;
}

.text-colored-red {
    color: #F48847;
}

.text-colored-orange {
    color: #FFC84A;
}

.text-colored-green {
    color: #A6C24C;
}

.text-colored-light-green {
    color: #4DC04F;
}

.open-company-text {
    font-size: 0.8em;
    color: #75b53f;
}

.non-open-company-text{
    font-size: 0.8em;
    color: grey;
}

.background_feed_loader {
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: placeHolderShimmer;
    -webkit-animation-timing-function: linear;
    background: #f6f7f9;
    background-image: linear-gradient(to right, #f6f7f9 0%, #e9ebee 20%, #f6f7f9 40%, #f6f7f9 100%);
    background-repeat: no-repeat;
    height: 104px;
    position: relative;
    margin-bottom: 40px;
}

.background_feed_loader div {
    background: #fff;
    height: 6px;
    left: 0;
    position: absolute;
    right: 0;
}
.background_feed_loader div.a {
    height: 40px;
    left: 40px;
    right: auto;
    top: 0;
    width: 8px;
}

.background_feed_loader div.b {
    height: 8px;
    left: 48px;
    top: 0;
}
.background_feed_loader div.c {
    left: 136px;
    top: 8px;
}
.background_feed_loader div.d {
    height: 12px;
    left: 48px;
    top: 14px;
}
.background_feed_loader div.e {
    left: 100px;
    top: 26px;
}
.background_feed_loader div.f {
    height: 10px;
    left: 48px;
    top: 32px;
}
.background_feed_loader div.g {
    height: 20px;
    top: 40px;
}
.background_feed_loader div.h {
    left: 540px;
    top: 60px;
}
.background_feed_loader div.i {
    height: 13px;
    top: 66px;
}
.background_feed_loader div.j {
    left: 440px;
    top: 79px;
}
.background_feed_loader div.k {
    height: 13px;
    top: 85px;
}
.background_feed_loader div.l {
    left: 178px;
    top: 98px;
}


@keyframes placeHolderShimmer{
  
0% {
    background-position: -468px 0;
}
100% {
    background-position: 468px 0;
}
}

/* awards */
.detailed_awards_winners img:first-of-type{
    margin-right:22px;
}
.detailed_awards_winners img:not(:first-of-type) {
    margin:0px 22px;
}

.detailed_awards, .detailed_awards_winners{
    padding-bottom: 30px;    
}

.detailed_awards img:not(:first-of-type) {
    margin:0px 16px;
}

.detailed_awards span{
    font-size:11px;
}

.company_area_awards img{
    margin: 0 auto;
    display: table;
    margin-bottom:15px;
}

.company_area_score{
    min-height: 364px;
}

.overall_min_height{
    min-height: 266px;
}

/* students */
.overlay_school_thumb{
    float: left;
    position: absolute;
    z-index: 1000;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
}

.user_logo_rel{
    display:inline-block;
    position: relative;
}

.overlay_school_thumb_nav_logo{
    margin: 2px 10px;
}

/* ranking */

.ranking_filters{
    background-color: white;
    display:flex;
    padding-top: 10px;
    padding-bottom: 30px;
}

.companies_ranking_h1_font_size{
    font-size: 26px;
    margin-bottom: 20px;
    padding-top: 5px;
}

.ranking_box{
    background-color: white;
    display: grid;
    padding-bottom:25px;
}

.ranking_box .company_item_ranking_page{
    padding-bottom:0px;
    padding-top:65px;
    border-top: 1px solid #E9EBEE;
}

.col-lg-1.voffset4.text-center{
    font-size: 2rem;
}

.company_name_ranking{
    font-size: 16px;
    font-weight: 600;
}

.ranking-company-link {
    color: inherit;
    text-decoration: none;
}

.ranking-company-link:hover {
    color: inherit;
    text-decoration: underline;
}

.rank_page_menus{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    margin-top: 3px;
}

.rank_page_menus li:first-child{
    padding-left: 0px;
}

.rank_page_menus li:last-child{
    border-right: none;
}

.rank_page_menus li{
    color: #185c7c;
    font-size: 12px;
    font-weight: 100;
    float: left;
    margin: 0;
    padding: 0 10px;
}

.ranking_changes_for_company_page{
    width: 30px;
    margin: 0 auto;
    margin-top:-4px;
    display: table-row-group;
    transform: scale(0.8);
    transform-origin: 80% 80%;
}

.about_ranking{
    background-color: white;
    margin-bottom: 20px;
    background-color: #f9fbfd;
    padding: 25px;
    border-radius: 10px;
    margin-top: 40px;
    border: 1px solid #edf2f7;
}

.about_ranking h4 {
    color: #3a5069;
    font-weight: 600;
    margin-bottom: 15px;
    position: relative;
    display: inline-block;
}

.about_ranking h4:after {
    content: '';
    display: block;
    width: 40px;
    height: 3px;
    background-color: #34b9ed;
    margin-top: 8px;
    border-radius: 3px;
}

.about_ranking p {
    color: #6b7c93;
    line-height: 1.6;
    margin-bottom: 12px;
}

.ranking-notice {
    padding: 10px 15px 4px;
    font-size: 12px;
    color: #6b7a8d;
    display: flex;
    justify-content: center;
}

.ranking-notice span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.ranking-notice .fa-info-circle {
    width: 16px;
    height: 16px;
    background: #e8f4fb;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #2196c4;
    font-size: 10px;
    flex-shrink: 0;
}

.ranking_changes_for_rank_page{
    display: inline-grid !important;
}

.ranking_changes_for_company_page small{
    margin:0 auto;
}

.negative_arrow{
    color:#FF433D;
    font-size: 20px !important;
    margin: 3px;
    display: inline-grid !important;
    cursor: text !important;
}

.positive_arrow{
    color:#1ECD93;
    font-size: 20px !important;
    margin: 3px;
    display: inline-grid !important;
    cursor: text !important;
}

.sort_rank_color span {
    font-size: 15px;
    font-weight: bold;
    padding: 3px;
    display: inline-grid !important;
}

.btn-outline-primary {
    color: #4285f4 !important;
    background-color: transparent !important;
    border: 1px solid #4285f4 !important;
    margin-top: 1px;
    margin-bottom: 10px;
}

.btn-outline-primary:hover {
    background-color: #4285f4 !important;
    color:white !important;
}

span.btn-small.btn-default.no_border {
    padding: 2px 5px;
}

.teammates_invitations #emails li{
    display: block;
    height: 50px;
}

.teammates_invitations #emails{
    display: contents;
}

.teammates_invitations .form-group label{
    display: none;
}

.teammates_invitations input:not(#submit):not(#confirm_it):not(#confirm_teammates){
    display: block;
    width:100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    margin-bottom:10px;
}

.fa-check-circle-verified, .current_employee{
    color: #377e01;
}

.current_employee{
    font-size: 11px;
    margin-bottom: 25px;
}

.tags-salary-calc{
    padding: 0px 5px;
}

.company_name_header{
    margin-top: -4px;
    font-size: 24px;
    margin-bottom: -8px;
}

.h1_title_informative_header{
    background: white;
    margin-bottom: 10px;
    padding-bottom: 6px;
}

.reviews_top_header{
    background-color: white;
    padding: 20px;
    margin-bottom: 10px;
}

.lists_top_header{
    background-color: white;
    padding: 10px;
    padding-bottom:20px !important;
    height: auto;
    display: flow-root;
    padding-top: 0px;
    margin-bottom: 0px;
}

.total-salaries-calc-table{
    display: inline-table;
}

.panel.panel-default.panel-default-reviews.container-fluid.container-reply{
    margin-bottom: 0px;
}

.featured_label{
    color: #8d8d8d;
    font-weight: 700;
    font-size: 13px;
    display: block;
    padding-top: 8px;
}

.nounderline {
  text-decoration: none !important
}

.teamlyzer_pick{
    margin: 0px 5px 0px 0px;
}

.overview_class .company_area_rating small {
    font-size: 12px;
}

/* faq */
.faq-company .faq{
    padding: 10px 0px;
    height: 25px;
    display: table;
    width: 100%;
}

.faq-company .faq .outersection{
    cursor: pointer;
}

.outersection div.question {
    height: 30px;
    display: table-cell;
}

.faq .outersection .icon {
    transform: rotate(90deg);
    transition: transform 0.2s linear;
    margin-left: 16px;
    display: table;
}

.faq_container{
    padding-bottom:30px;
}

.faq_container .faq {
    border: 1px solid #e6e6e6;
    border-bottom: none;
}

.faq_container .faq:last-child {
    border-bottom: 1px solid #e6e6e6;
}

.faq_container .faq .text-muted{
    margin-top:5px;
    font-weight: 100;
}

.modal-dialog-center.modal.fade.new_content, .modal-dialog-center.modal.fade.salary_view, .modal-dialog-center.modal.fade.remote_view {
    z-index: 100001;
}

/* ethical ads */
#ea-wrapper .ea-content b+tlad:hover {
    text-decoration: underline;
}

#cRWbMCkUpGla {
    margin-bottom: 20px;
    padding: 10px 20px 12px;
    color: rgba(0,0,0,.6);
    border: 1px solid #bfbfbf;
    background-color: #f5f5f5;
}

#ea-wrapper *, #ea-wrapper-no * {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif
}

.ea-placement.ea-type-text {
    box-shadow: 0px 2px 4px rgb(0 0 0 / 4%);
}

.ea-placement, .ea-placement-no {
    font-family: inherit;
    background-color: #f5f5f5;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #bfbfbf;
    line-height: 1.5;
    justify-content: space-between;
    text-align: left;
    margin-bottom:20px;
    display:table;
    background: #f5fff580;
}

.ea-placement.ea-type-text:hover {
    background: #f5fff5 !important;
}

#ea-wrapper .ea-content a:first-of-type::before, #ea-wrapper-no .ea-content a:first-of-type::before {
    margin-right: 8px;
    padding: 2px 6px;
    border-radius: 3px;
    content: "Ad";
    background-color: #4caf50;
    color: #fff;
}

#ea-wrapper .ea-content a.job_tl:first-of-type::before, #ea-wrapper-no .ea-content a.job_tl:first-of-type::before{
    content: "Emprego";
    margin-bottom: 5px;
}

#ea-wrapper .ea-content a:first-of-type, #ea-wrapper-no .ea-content a:first-of-type {
    color: rgba(0,0,0,.6);
    text-decoration: none;
    box-shadow: none;
    font-size: 14px;
    vertical-align: middle;
    display: inline-block;
    padding: 10px 0px 10px 0px;
}

#ea-wrapper .ea-pixel, #ea-wrapper-no .ea-pixel {
    visibility: hidden;
    width: 0;
    height: 0;
    border-style: none;
    position: fixed;
}

a.job_tl {
    width: 100%;
}

.ea-callout {
    display: flex;
    flex-direction: column;
    vertical-align: center;
    justify-content: center;
    text-align: right;
    font-style: italic;
    padding-top:12px;
}

.ea-callout, .ea-callout a {
    color: rgba(0,0,0,.5);
    font-size: 11px;
    text-decoration: none;
    box-shadow: none;
    line-height: 1.8;
    font-style: italic;
}

#ea-wrapper .ea-content strong, #ea-wrapper-no .ea-content strong {
    color: #088cdb;
}

.row .ethical_ad{
    margin-top: 80px;
}

/* popular companies */
.popular_panel .panel.panel-default {
    padding: 20px 15px 0px 15px;
}

.popular_panel .panel.panel-default a{
    text-decoration: none !important;
}

.panel_course{
    display: table;
}

.panel_course .text-center.panel-body {
    padding: 0px !important;
    min-height: 200px;
}

.tag_aff {
    float: left;
    position: absolute;
    z-index: 1000;
    color: #000000;
    margin: 10px 8px;
    font-size: 10px;
    text-transform: none;
}

.container_aff {
    position: relative;
}

.container_aff img.img-responsive{
    border-radius: 5px !important;
}

.background_popular_panel{
    background-color: white;
    display: flex;
    margin-bottom: 15px;
}

.background_popular_panel .panel{
    box-shadow: none;
}

.popular_panel .col-lg-6:not(a){
    background-color: white;
    padding-top: 10px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    height: 30px;
}

.popular_panel .col-lg-6.text-right{
    font-size: 12px;
    font-weight: 100 !important;
    text-transform: none;

}

.popular_panel .col-lg-6.text-right a{
    margin-right: 25px;    
}

.popular_panel .panel.panel-default .fa-star, .jobboard-options .fa-star{
    color:#ffc420;
}

.jobboard-ad .fa-thumb-tack{
    margin: 0 auto;
    display: table;
}

.popular_panel .panel-body{
    border: 1px solid #e9ebee;
    border-radius: 5px !important;
    min-height: 200px;
}

.company_name_label_popular{
    height: 40px;
}

.popular_panel .col-lg-2.panel .panel-body:hover{
    border: 1px solid grey;
}

.container_aff .panel-body:hover{
    opacity: 0.8;
}

/* salary feed */

.carousel-inner.vertical > .item {
    -webkit-transition: linear ;
    -o-transition: linear ;
    transition: linear;
}
/*
@media all and (transform-3d) , (-webkit-transform-3d) {
    .carousel-inner.vertical > .item {
        -webkit-transition: -webkit-transform .1s ease-in-out;
        -o-transition: -o-transform .1s ease-in-out;
        transition: transform .1s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000;
        perspective: 1000;
    }
    .carousel-inner.vertical > .item.next, .carousel-inner.vertical > .item.active.right {
        top: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
    .carousel-inner.vertical > .item.prev, .carousel-inner.vertical > .item.active.left {
        top: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    .carousel-inner.vertical > .item.next.left, .carousel-inner.vertical > .item.prev.right, .carousel-inner.vertical > .item.active {
        top: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
*/

#carousel-salaries.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
}

.carousel-inner:hover {
    overflow: visible;
    z-index: 1000;
    position: absolute;
    background: white;
}

.carousel-inner:hover > .item {
    display: block;
    background-color: white;
}

.carousel-inner li.item:hover .lv{
    display: block !important;
}

.carousel-inner:hover .cname{
    display: block !important;
}

.carousel-inner {
    padding: 0px;
}

.top_comparision .summary {
    display: flex;
}

.top_comparision .comparision_wrap:hover .summary{
    display: grid;
}

.top_comparision .comparision_wrap:hover .summary .cnum{
    margin:0px;
} 


.top_comparision .comparision_wrap:hover .comparison_lst li {
    height: auto;
    min-height: 54px;
    padding: 12px 8px 12px 16px;
    border-top: 1px solid #dfe1e4;
    border-left: 1px solid #dfe1e4;
    border-right: 1px solid #dfe1e4;
}

.top_comparision .comparision_wrap:hover .more_bx.hide{
    display: block !important;
}

ul.comparison_lst li a{
    text-decoration: none;
    color: black;
}

ul.comparison_lst li a div.division span{
    color:#337ab7;
}

.top_comparision .comparision_wrap .summary span {
    margin: 5px 10px 0px 0px;
}

.top_comparision .comparision_wrap:hover .summary span{
    margin: 0px;
}

.top_comparision .comparison_lst li .ico_company_logo {
    display: inline-block;
    float: left;
    min-height: 100%;
    margin-right: 8px;
    border: 1px solid #e8e7e7;
    padding: 4px;
}

.top_comparision .comparison_lst li .ico_company_logo .ico {
    display: block;
}

.top_comparision .comparison_lst li .summary > div > span, .top_comparision .comparison_lst li .summary > strong {
    font-size: 13px;
    font-weight: 400;
    display: flex;
}

.top_comparision .comparison_lst li .summary .cnum {
    margin-top: 6px;
    font-weight: 700;
}

.top_comparision .more_bx .btn_area .latest-salaries-shared {
    display: block;
    width: 100%;
    padding: 20px 16px;
    line-height: 1.25em;
    box-sizing: border-box;
    border-radius: 0;
    min-width: inherit;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    border: 1px solid #dfe1e4;
}

.top_comparision .more_bx .btn_area .latest-salaries-shared .icon {
    font-size: 1.6em;
    color: #da3238;
}

.top_comparision .more_bx .btn_area .latest-salaries-shared .text {
    font-size: 1.2em;
    margin-left: 1em;
}

.top_comparision .more_bx .btn_area .more_link {
    display: block;
    width: 100%;
    padding: 20px 16px;
    line-height: 1.25em;
    box-sizing: border-box;
    border-radius: 0;
    min-width: inherit;
    font-size: 12px;
    font-weight: 700;
    color: #da3238;
    cursor: pointer;
    border: 1px solid #dfe1e4;
}

.custom-bullets-recruitment{
    padding: 0px;
    list-style-type: none;
}

.custom-bullets-recruitment li{
    font-weight: 100;
    display: flex;
    margin-bottom: 4px;
}

.custom-bullets-recruitment li:before{
    content: '▸'; 
    margin-right: 5px;
}

/* awards */
.best-companies {
    display: flex;
    justify-content: center;
}

.best-companies a {
    text-decoration: none !important;
}

.top-company a{
    text-decoration: none;
}

.company_name_award{
    font-size: 20px;
}

.ab_card .voffset2{
    color:black;
}
    
.best-companies .top-company {
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
    margin: 0 1.625rem;
    margin-bottom: -160px;
}

.best-companies .best {
    color: #e48a00;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.53px;
    margin-bottom: .125rem;
    margin-top: 1rem;
}

.best-companies .sub-text {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.7px;
    color: #e48a00;
    margin-bottom: 0.75rem;
    text-transform: uppercase;
}

.best-companies .name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
    font-size: 20px;
}

.best-companies .badge, .winners-box .badge{
    height: 50px;
    display: inline;
    background-color:white !important;
}

.best-companies .badge {
    height: 3rem;
    margin-top:5px;
    margin-bottom: 15px;
}

.reviews-year{
    margin-left: 6px;
    line-height: 1.14;
    font-size: 12px;
    font-weight: normal;
    color: #97a0be;
}

.rank-awards{
    font-weight: bolder;
    font-size: 30px;
    color:#2f2f2f;
}

.awardsImgContainer {
    position: relative;
    padding-top: 4rem;
    background: #000000 no-repeat center top;
    background-size: cover;
}

.header-cont {
    text-align: center;
    padding: 10px 0px 40px 0px;
    text-transform: uppercase;
}

.header-cont .heading-wrap{
    padding: 10px;
}

.header-cont .heading-wrap .title {
    font-size: 2.2vw;
    display: inline-flex;
    color: #fff;
    font-weight: normal;
    line-height: 1.2;
    margin: 0;
    padding: 0 .1875rem;
}

.ab_btn_all a{
    text-decoration: none;
}

.ab_btn_all:hover{
    font-weight: bold;
}

.ab_card {
    position: relative;
    border: solid 2px #ebf0f6;
    background-color: #fff;
    padding: 15px;
    min-height: 330px;
    display: table;
}

.ab_card:hover {
    margin-top: -10px;
    padding-bottom:25px;
}

.ab_card.top-company{
    min-width: 310px;
}

.awards-sub-title {
    margin-top: 0.25rem;
    font-weight: 800;
    letter-spacing: 1px;
    color: #fffefb;
    opacity: 0.8;
    line-height: 1;
}

.ab_btn {
    padding: 15px 15px;
    min-width: 120px;
    cursor: pointer;
    background-color: #5670fb;
    border: 1px solid #5670fb;
    color: #fff;
    border-radius: 4px;
    outline: none;
    display: table;
    margin:0 auto;
    margin-top: 200px;
}

.ab_btn_all{
    background-color: transparent !important;
    color:#5670fb;
    margin-top: 20px;
}

.ab_btn:hover {
    background-color: #4158d4;
}


.winners-box{
    background-color: white;
    display: grid;
}

.desctext-awards{
    font-size: 14px;
    line-height: 1.57;
    color: #5E6B92;
    margin: .25rem auto 1.75rem;
}

.flex-awards {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
}

.share-awards .info-cont .info .title {
    line-height: 1.2;
    color: #091e42;
    margin-bottom: .1875rem;
    font-size: 20px;
    font-weight: bold;
}

.share-awards .info-cont img {
    height: 45px;
    margin-right: 1.5rem;
}

.share-awards .share-icons a img {
    height: 30px;
}

.share-awards .share-icons a {
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-right: 20px;
    border-radius: 3px !important;
}

.share-awards .share-icons a.whatsapp img {
    height: 20px;
}

.share-awards .share-icons a.whatsapp {
    background-color: #51CD5E;
}

.share-awards .info-cont .info .desc {
    line-height: 1.5;
    color: #091e42;
    font-size:12px;
}

.mini-box.faq-company .text-muted {
    cursor: text !important;
}

.share-awards {
    padding: 2rem 2.5rem;
    margin: 5.5rem auto;
    justify-content: space-between;
    border: solid 1.5px rgba(249,227,206,0.6);
    border-radius: 0.5rem;
    background-color: rgba(252,240,228,0.4);
}

.winners-box #scroll-down{
    text-transform: uppercase;
}

.detailed_awards div {
    display: inline-table;
}

h2.bold-display.text-center{
    text-transform: capitalize;
}

.invite_tool_tl{
    font-size: 10px;
    display: inline-block;
    cursor: pointer;
    margin-top: 9px;
}

/* add correction after values and benefits*/
.review_area .review_summary , .review_area .center_mobile{
    white-space: nowrap;
}

/* spinner */
.spinner {
    margin: 100px auto;
    width: 50px;
    height: 40px;
    text-align: center;
    font-size: 10px;
}

.spinner > div {
    background-color: #333;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
    animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.spinner .rect3 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

.spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% { 
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% { 
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}

/* book */
h1.book_title {
    font-size: 26px;
}

.info-booking{
    font-size: 13px;
}

h2.trust_title{
    font-size: 14px;
    text-transform: uppercase;
}

.booking-btns span {
    display: grid;
    font-size: 1.5vh;
}

.booking-btns span:first-child {
    font-size: 16px;
}

.booking-btns a {
    min-width: 270px;
}

.labels-for-ads .label-ad{
    font-size: 16px;
    display: inline !important;
}

.panel-default-book{
    margin-bottom: 10px;
}

.temp-ads .form-horizontal .form-group{
    margin-right: 0px;
    margin-left: 0px;
}

.temp-ads input#submit{
    margin-bottom: 50px;
}

.temp-ads .btn-outline-primary p{
    font-size: 1.6vh;
    white-space: pre-wrap;
}

.temp-ads .btn-outline-primary p.ad-val{
    font-size: 30px;
}

.temp-ads label.btn.btn-outline-primary.active{
    background-color: #67a0ff !important;
}

.temp-ads label.btn.btn-outline-primary.active p{
    color:white;
}

.custom-banner-preview{
    margin-bottom: 25px;
}

.euro-value-adprice{
    font-size: 12px;
    font-weight: lighter;
}

.info-ad-analytics{
    max-width:420px; 
    margin-bottom: 30px;
}

.info-ad-analytics li{
    margin-top:20px;
}

/*sprites*/
.bg-00-company{
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAlgAAABGCAYAAAAQJeoeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyBpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBXaW5kb3dzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjg0REFFMDk1ODUxRDExRUNBMjVFOThFMUJCOUYwNjNGIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjg0REFFMDk2ODUxRDExRUNBMjVFOThFMUJCOUYwNjNGIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODREQUUwOTM4NTFEMTFFQ0EyNUU5OEUxQkI5RjA2M0YiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ODREQUUwOTQ4NTFEMTFFQ0EyNUU5OEUxQkI5RjA2M0YiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5OCUulAAA4iklEQVR42uydB3wUVdfG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');
    border: none;
}

.bg-01-company {
    width: 130px; height: 50px;
    background-position:  -10px -10px;
}

.bg-02-company {
    width: 130px; height: 50px;
    background-position:  -160px -10px;
}

.bg-03-company {
    width: 130px; height: 50px;
    background-position:  -310px -10px;
}

.bg-04-company {
    width: 130px; height: 50px;
    background-position:  -460px -10px;
}

.testimonial iframe, .company_area_list iframe{
    width: 98.5%;
}

.testimonial .tags {
    margin: 6px;
    z-index: 1000;
    position: relative;
}

/* trends */
.job-badge.job-badge-high-response svg {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 2px;
    width: 14px;
    height: 14px;
    margin-right: 3px;
    fill: #5eba7d;
}

/* card remote */
.card-remote {
    position: relative;
    opacity: 1;
    min-height: 340px;
}

.card-remote:hover .read-more-remote {
    display: flex;
}

.read-more-remote {
    background-color: #3059ff;
    border-bottom-left-radius: 5px !important;
    box-sizing: border-box;
    display: none;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    padding: 6px 15px;
}

.read-more-remote a{
    color:white !important;
}

.remote-status{
    margin: 0 auto;
    display: table;
    padding: 10px;
}

.icon-remote-status{
    padding:5px; 
    color: white;
    margin-right: 5px;
    font-size: 14px;
}

.remote-font-title {
    font-size:20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0px 8px;
}

.remote-panel-default .btn-group.btn-group-lg{
    width: 100%;
}

.remote-panel-default {
    padding-bottom: 50px;
}

.reset-all-remote-companies{
    padding:13px !important;
}

.grid-remote{
    background: #f5f5f5; 
    display: grid;
}

h2.text-center.remote-font-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0px 8px;
}

/* border for awards*/
.border_to_work{
    border-color:#005BFF !important;
}

.border_transparency{
    border-color:#FF8022 !important;
}

.border_interviews{
    border-color:#001E9B !important;
}

.border_leadership{
    border-color:#00C61C !important;
}

.border_engineering{
    border-color:#0C7A00 !important;
}

.border_hr{
    border-color:#FF2222 !important;
}

.border_employer_brand{
    border-color:#00C1A5 !important;
}

.border_best_startup{
    border-color:#6b6b6b !important;
}

.button_benefits_values{
    padding: 0px 6px;
    text-decoration: none !important;
}

.valuesbenefits{
    border:1px solid grey;
}

.flex_details{
    font-weight: bold;
    font-size: 14px;
}

.flex_details_sub{
    margin-right:5px; 
}

.values_list_column2{
    column-count: 2;
}

.values_list_column2 .fa{
    font-size: 15px;
}

.divider_benefits {
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 35px;
    padding-top: 0px;
}

.divider_salary_confidence {
    border-bottom: 1px solid #f0f0f0;
    padding-top: 35px;
}

.divider_benefits h3, .divider_benefits .company_values_box span{
    margin-top: 0px;
    text-align:left !important;
    display: inherit;
    margin-bottom:5px;
}

.flex_group{
    display: inline-table;
    width: 260px;
    float: initial;
}

/* reviews histogram */
.companies_filter_reviews_filters option, .companies_filter_reviews_filters select{
    font-size: 12px;
}

/* Flexbox layout for review filters */
form.companies_filter.companies_filter_reviews_filters {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    align-items: center;
}

form.companies_filter_reviews_filters .form-group {
    margin-bottom: 0;
    flex: 1 1 0;
    min-width: 0;
}

form.companies_filter_reviews_filters .select2-container {
    width: 100% !important;
}

@media (max-width: 1200px) {
    form.companies_filter.companies_filter_reviews_filters {
        flex-wrap: wrap;
    }

    form.companies_filter_reviews_filters .form-group {
        flex: 1 1 auto;
        min-width: 160px;
    }
}

@media (max-width: 768px) {
    form.companies_filter_reviews_filters .form-group {
        flex: 1 1 100%;
    }
}

.review_helpful .fake_alert .tooltip.top .tooltip-inner {
    color:white;
    font-size: 12px;
}

.review_helpful .fake_alert span.label.label-danger{
    font-size: 10px;
}

.review_helpful .fake_alert span span{
    font-size:10px;
    font-weight:100;
    letter-spacing: -0.6px;
}

/* job board */
.btn-announce {
    font-size: 1em !important;
}    

#advanced-search-jobs {
    display: flex;
    align-items: center;
    gap: 0.5em;
    font-size: 0.75em;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
}

.jobboard-h3-jobs-found .label-info-delete {
    display: inline;
    padding: 0;
    font-size: 90%;
    text-decoration: none;
}

@media (max-width: 767px) {
    .row.col-no-right-padding .job-board-list {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.jobboard-sort-section {
    margin-bottom: 12px;
}

.job-board-list .panel{
    padding-bottom: 15px;
    display: flex;
}

.job-board-list .company_area_list{
    padding-top:0px !important;
    padding-left: 15px;
    padding-right: 15px;
}

.row.jobboard-ad {
    zoom: 87%;
}

.row.jobboard-ad .panel:hover{
    cursor: pointer;
}

.job-tag-template {
    display: table;
    float: left;
    padding: 0.2em 3em;
}

.job-work-model{
    text-transform: uppercase;
    background-color: #ebebeb;
}

.job-work-profession {
    color: black;
    border: 1px solid black;
    margin: 5px 0px;
}

.job-board-list .tags {
    display: contents;
}

.small-title {
    font-size: 1.35em;
}

.job-board-list h4.small-title, .job-board-list h2.small-title{
    height: auto;
    margin-right: 5px;
    margin-top: 5px;
    margin-bottom: 0px;
    font-weight: bold;
}

.jobboard-options div:not(:last-child):after{
    content: '•';
    padding: 10px;
}

.job-board-logo-sprite{
    margin-right:5px;
    float:left;
    border: 1px solid #E9EBEE;
}

.label-advanced-search {
    font-size: 9px;
    font-weight: 100;
    letter-spacing: -0.5px;
}

#form-jobboard input[type=submit]{
    padding: 7px;
}

.jobboard-attachments {
    position: relative;
}

.jobboard-ad:hover .jobboard-button {
    display: inline-block;
    width: 10em;
    opacity: 1;
}

.jobboard-button {
    opacity: 0;
}

.jobboard-button strong {
    font-size: 1.15em;
}

.jobboard-attachments .jobboard-ctr {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: fit-content;
}

.jobboard-ad:hover .jobboard-ctr {
    display: none;
}

span.total-reviews-jobboard{
    font-size: 11px;
}

span.total-reviews-jobboard:before{
    content: '(';
}

span.total-reviews-jobboard:after {
    content: ')';
}

/* jobcard redesign */
.row.jobboard-ad {
    zoom: 1;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 0;
}

.panel.jobcard {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 18px 20px 18px 14px;
    background: #fff;
    border: none !important;
    border-radius: 0 !important;
    margin-bottom: 0;
    position: relative;
    transition: background 0.2s;
    box-shadow: none;
}

.row.jobboard-ad .col-lg-12::after {
    content: '';
    display: block;
    height: 1px;
    background: #f0f0f0;
    margin: 0 1px;
}

.jobboard-ad .jobcard:hover {
    background: #f8f9fb;
}

.jobboard-ad--promoted .jobcard {
    background: #fffdf5;
    border-left: 3px solid #f59e0b !important;
}

.jobboard-ad .panel.jobcard.clicked {
    background: #f0f4ff;
    border-left: 3px solid #516CF9 !important;
}

.jobboard-ad .panel.jobcard.clicked .jobcard__tag {
    background: #d0e1f9 !important;
    color: #1e3a5f !important;
}

.jobboard-ad .panel.jobcard.clicked .jobcard__tag .glyphicon-info-sign {
    color: #7baace;
}

.jobboard-ad .panel.jobcard.clicked .jobcard__work-model {
    background: #516CF9;
    color: #fff;
}

.jobcard__sprite {
    flex-shrink: 0;
    float: none !important;
    border-radius: 8px;
    margin-right: 0 !important;
    margin-top: 2px;
    border-color: #e5e7eb !important;
}

.jobcard__logo-mobile {
    max-width: 40px;
    border-radius: 8px;
}

.jobcard__body {
    flex: 1;
    min-width: 0;
}

.jobcard__title-row {
    display: flex;
    align-items: baseline;
    gap: 8px;
    flex-wrap: wrap;
    width: 100%;
}

.jobcard__title {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    padding: 0;
    height: auto;
    line-height: 1;
}

.jobcard__title a {
    color: #337ab7;
    text-decoration: none;
}

.jobcard__title a:hover {
    color: #3b5bdb;
    text-decoration: underline;
}

.jobcard__body .role-tag {
    display: inline-block;
    margin-top: 2px;
    padding: 4px 10px 3px 8px;
    font-size: 11px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    margin-bottom: 6px;
    border: none;
    border-left: 2px solid currentColor;
    border-radius: 2px !important;
    padding-left: 10px;
    transition: opacity 120ms ease;
}

.jobcard__body .role-tag:hover {
    opacity: 0.85;
}

.jobcard__body .role-tag.backend,
.jobcard__body .role-tag.frontend,
.jobcard__body .role-tag.fullstack,
.jobcard__body .role-tag.mobile,
.jobcard__body .role-tag.embedded-systems {
    background-color: #f5f0ff;
    color: #6b21a8;
}

.jobcard__body .role-tag.cybersecurity,
.jobcard__body .role-tag.administrador-de-sistemas,
.jobcard__body .role-tag.devops-ou-sre,
.jobcard__body .role-tag.engenheiro-de-redes,
.jobcard__body .role-tag.infraestrutura {
    background-color: #fef2f2;
    color: #991b1b;
}

.jobcard__body .role-tag.administrador-de-base-de-dados,
.jobcard__body .role-tag.data-scientist-data-engineer-machine-learning-ou-big-data {
    background-color: #ecfeff;
    color: #115e59;
}

.jobcard__body .role-tag.analista-funcional,
.jobcard__body .role-tag.analista-de-negocio,
.jobcard__body .role-tag.bi-crm-ou-erp,
.jobcard__body .role-tag.tester-ou-qa {
    background-color: #fef9c3;
    color: #92400e;
}

.jobcard__body .role-tag.gestor-de-produto,
.jobcard__body .role-tag.gestor-de-projeto,
.jobcard__body .role-tag.diretor-tech-lead-cto {
    background-color: #fff7ed;
    color: #9a3412;
}

.jobcard__body .role-tag.tecnico-de-help-desk,
.jobcard__body .role-tag.tecnico-de-suporte {
    background-color: #f1f5f9;
    color: #334155;
}

.jobcard__body .role-tag.designer-de-jogos,
.jobcard__body .role-tag.designer-de-produto-industrial-ou-equipamentos,
.jobcard__body .role-tag.designer-grafico-ou-de-comunicacao-e-multimedia {
    background-color: #fdf2f8;
    color: #9d174d;
}

.jobcard__body .role-tag.engenheiro-de-telecomunicacoes,
.jobcard__body .role-tag.engenheiro-electronico,
.jobcard__body .role-tag.engenheiro-electrotecnico {
    background-color: #ecfdf5;
    color: #065f46;
}

.jobcard__promoted-badge {
    position: absolute;
    top: 10px;
    right: 12px;
    font-size: 10px;
    font-weight: 600;
    color: #92400e;
    background: #fef3c7;
    padding: 2px 10px;
    border-radius: 4px;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    z-index: 1;
}

.jobcard__promoted-badge .fa {
    line-height: 1;
}

.jobcard__meta {
    display: flex;
    align-items: baseline;
    gap: 6px;
    flex-wrap: wrap;
    font-size: 12.5px;
    color: #64748b;
    margin-top: 8px;
    line-height: 1.5;
}

.jobcard__meta + .jobcard__meta {
    margin-top: 2px;
}

.jobcard__company {
    font-weight: 600;
    color: #334155;
    text-decoration: none;
}

.jobcard__company:hover {
    color: #3b5bdb;
    text-decoration: none;
}

.jobcard__rating {
    color: #f59e0b;
}

.jobcard__rating .fa-star {
    font-size: 11px;
}

.jobcard__reviews {
    color: #6b7280;
    font-size: 11.5px;
}

.jobcard__reviews::before {
    content: '(';
}

.jobcard__reviews::after {
    content: ')';
}

.jobcard__location::before {
    content: none;
}

.jobcard__location .fa-map-marker {
    margin-right: 3px;
    color: #94a3b8;
    vertical-align: middle;
}

.jobcard__salary {
    font-weight: 600;
    color: #059669;
    font-size: 12.5px;
}

.jobcard__salary-label {
    color: #6b7280;
    font-weight: 400;
    font-size: 10.5px;
    margin-left: 2px;
}

.jobcard__salary-empty {
    color: #94a3b8;
    font-size: 12.5px;
}

.jobcard__salary-empty::before {
    content: '·';
    margin-right: 5px;
    color: #cbd5e1;
}

.jobcard__salary::before {
    content: '·';
    margin-right: 5px;
    color: #cbd5e1;
    font-weight: 400;
}

.jobcard__footer {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: 12px;
    gap: 12px;
}

.jobcard__tags {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    align-items: center;
}

.jobcard__work-model {
    padding: 3px 10px;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    background: #dbeafe;
    color: #1e40af;
}

.jobcard__tag {
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 13px;
    background: #e1ecf4a6 !important;
    color: #337ab7 !important;
    text-decoration: none;
    transition: background 0.15s, color 0.15s;
}

.jobcard__tags .open_modal_tag {
    cursor: pointer;
}

.jobcard__tags .open_modal_tag .glyphicon-info-sign {
    font-size: 11px;
    color: #A9D6E5;
}

.jobcard__tag:hover {
    background: #dbeafe;
    color: #337ab7;
    text-decoration: none;
}

.jobcard__actions {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    height: 30px;
}

.jobcard__high-response {
    font-size: 11px;
    color: #047857;
    white-space: nowrap;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 3px;
}

.jobcard__high-response svg {
    width: 13px;
    height: 13px;
    fill: #047857;
}

.jobcard__apply-btn {
    display: none;
    padding: 8px 24px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.3px;
    color: #fff;
    background: #22c55e;
    text-decoration: none;
    transition: background 0.15s, transform 0.15s;
}

.jobcard__apply-btn:hover {
    background: #16a34a;
    color: #fff;
    text-decoration: none;
}

.jobboard-ad:hover .jobcard__apply-btn,
.jobboard-ad .panel.jobcard.clicked .jobcard__apply-btn {
    display: inline-block;
}

.company_area_list:has(.jobboard-ad:hover) .jobboard-ad:not(:hover) .panel.jobcard.clicked .jobcard__apply-btn {
    display: none;
}

.jobboard-ad:hover .jobcard__high-response,
.jobboard-ad .panel.jobcard.clicked .jobcard__high-response {
    display: none;
}

@media (max-width: 991px) {
    .jobcard {
        padding: 14px;
        gap: 10px;
    }

    .jobcard__sprite {
        display: none;
    }

    .jobcard__logo-mobile {
        display: block;
        width: 36px;
        height: 36px;
        object-fit: contain;
        border-radius: 6px;
        flex-shrink: 0;
        border: 1px solid #e5e7eb;
    }

    .jobcard__title {
        font-size: 15px;
    }

    .jobcard__meta {
        margin-top: 6px;
        font-size: 12px;
        gap: 5px;
    }

    .jobcard__location::before,
    .jobcard__salary::before,
    .jobcard__salary-empty::before {
        display: none;
    }

    .jobcard__footer {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
        margin-top: 10px;
    }

    .jobcard__actions {
        justify-content: space-between;
        height: auto;
    }

    .jobcard__apply-btn,
    .jobboard-ad:hover .jobcard__apply-btn {
        display: none !important;
    }

    .jobboard-ad:hover .jobcard__high-response {
        display: flex;
    }

    .jobboard-ad .panel.jobcard.clicked .jobcard__apply-btn {
        display: inline-block !important;
        padding: 6px 16px;
        margin-left: auto;
    }

    .jobboard-ad .panel.jobcard.clicked .jobcard__high-response {
        display: none !important;
    }

    .row.jobboard-ad {
        margin-bottom: 0;
    }
}

.advanced-search-order{
    font-size:12px;
}

.jobboard-company-details, .jobboard-company-loading {
    display: none;
    height: auto;
    background-color: white;
}

.jobboard-company-loading.active {
    display: flex;
    justify-content: center;
    padding: 1em 0;
}

.jobboard-company-details .row > * {
    padding-bottom: 25px;
}

.jobboard-company-details .company-information {
    position: sticky;
    top: 0;
    margin-top: 0 !important;
    padding-top: 15px !important;
    z-index: 3;
}

.jobboard-company-details .company-about {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.jobboard-company-details .company-about .company-info {
    display: flex;
    align-items: flex-end;
    gap: 10px;
}

.jobboard-company-details .company_logo {
    width: 75px;
}

.jobboard-company-details .company-data {
    display: flex;
    flex-direction: column;
}

.jobboard-company-details .company-data .company_add_details {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
}

.jobboard-company-details .company-data .company_add_details .spacer {
    margin: 0;
    padding: 3px !important;
}

.jobboard-company-details .company-about .company-rating {
    height: fit-content;
}

.jobboard-company-details .company-about .company-rating .button_plus {
    padding: 0 !important;
}

.jobboard-company-details .company-follow {
    position: relative;
    width: 100%;
    height: 1em;
}

.jobboard-company-details .company-follow button {
    position: absolute;
    right: 0;
    bottom: 0;
    transform: translateY(50%);
}

.jobboard-company-details .panel .content {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.jobboard-company-details .panel .content > * {
    flex: 1 1 auto;
}

.jobboard-company-details .mini-box {
    min-height: fit-content !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.jobboard-company-details .criteria-list {
    font-size: 15px;
}

.jobboard-company-details .criteria-list p {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.jobboard-company-details .criteria-list p .label {
    position: static;
    height: fit-content;
    font-size: 15px;
}

.jobboard-company-details .company-photos {
    position: relative;
}

.jobboard-company-details .company-photos i {
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    font-size: 2em;
    cursor: pointer;
    z-index: 3;
}

.jobboard-company-details .fa-angle-left {
    left: 0.25em;
}

.jobboard-company-details .fa-angle-right {
    right: 0.25em;
}

.jobboard-company-details .company-photos .company-photos-carousel img {
    width: 90%;
}

.company-photos-carousel .photo_gallery:nth-child(n+4) {
    margin-top: 0 !important;
} 

.jobboard-company-details li {
    width: 90%;
}

.jobboard-company-details h2.small-title{
    margin-top: 0;
    margin-bottom: 20px;
}

.no-job-results-found{
    margin-top: 10px;;
    font-size: 14px;
}

.lists_top_header_h2h{
    padding-top:15px;
}

.side-menu-container ul.nav.navbar-nav i.fa.fa-list.fa-lg.opc{
    color:#61baef;
    opacity: 1;
}

.side-menu-container ul.nav.navbar-nav li a, .side-menu-container ul.nav.navbar-nav li a .blob.green, .side-menu-container ul.nav.navbar-nav li a i{
    display: flex;
    align-items: center;
    border-radius: 0px !important;
}

.side-menu-container ul.nav.navbar-nav li a .blob.green{
    border-radius: 50%!important;
}

.side-menu-container ul.nav.navbar-nav li a i{
    justify-content: center;
}

.side-menu-container ul.nav.navbar-nav li a .new-alert{
    margin-left: auto;
}

/* backoffice-ads */
.backoffice-ads-container .banner-img-table, .ad-info .banner-img-table {
    width: 14em;
    aspect-ratio: 1.5/1;
    padding: 0.5em;
    border: 1px solid lightgray;
    cursor: zoom-in;
}
.backoffice-ads-container .bottom-line {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.backoffice-ads-container .fa-check {
    color: #1ECD93;
}
.backoffice-ads-container .fa-close {
    color: lightgray;
}
.backoffice-ads-container .fa-angle-right {
    margin-inline: 6px;
}

.ad-info {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 1em;
    flex-wrap: wrap;
}

.ad-info .banner-img-table {
    width: 325px;
    height: 200px;
    padding: 1em;
    cursor: auto;
}
.ad-info table {
    width: 20em;
}
.ad-info table th {
    font-weight: 400;
}

.breadcrumb-list {
    display: flex; 
    gap: 0.2em; 
    align-items: center; 
    list-style-type: none;
}

.breadcrumb-list .fa-angle-right {
    margin-right: 0.3em;
}

.breadcrumb-list .fa-eur-override {
    margin: 0 !important;
}

.modal-embed {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1em;
    flex-direction: column;
}

.modal-embed > * {
    width: 100%
}

.modal-embed .preview-container {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1em;
    flex-direction: column;
    margin-top: 1em;
    padding-top: 1.5em;
    border: 1px solid lightgray;
    border-radius: 0.25em !important;
}

.modal-embed .preview-container::after {
    content: attr(data-phrase);
    position: absolute;
    top: 0;
    left: 0.5em;
    transform: translateY(-50%);
    padding: 0.5em;
    background-color: white;
    color: gray;
    z-index: 1;
}

.modal-embed .preview-container .preview-inputs {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1em;
    width: 90%;
}

.modal-embed .preview-container .preview-inputs > * {
    flex-grow: 1;
}

.modal-embed .embed-code-container {
    position: relative;
}

.modal-embed .embed-code-container textarea {
    background-color: white !important;
    padding-right: 4em;
}

.modal-embed .embed-code-container .btn {
    position: absolute;
    top: 1em;
    right: 1em;
    width: 3em !important;
    aspect-ratio: 1;
    border: 1px solid lightgray;
}

.tags-management-container .fa-angle-right, .tags-management-container .fa-info {
    margin-inline: 6px;
}

.tags-management-container {
    padding: 0;
}

#form-tags-search {
    position: relative;
}

#form-tags-search .fa {
    position: absolute;
    top: 50%;
    right: 2em;
    transform: translateY(-50%);
    cursor: pointer;
}

.tags.tag-preview {
    float: none;
    margin: 0;
}

.tags.tag-preview.hided {
    opacity: 0;
    pointer-events: none;
}

.tags.tag-preview div {
    padding: 15px 9px;
}

/* premium feed */
.seats-container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    max-width: auto;
    margin: 0 auto;
}
.seat {
    position: relative;
    width: 30px;
    height: 30px;
    border: 1px solid #ccc;
    background-color: #f2f2f2;
    margin: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.8em;
}
.occupied {
    background-color: #ff8080;
}
.custom-pricing-title {
    font-weight: 700;
    font-style: normal;
    font-size: 2.25rem;
    line-height: 2rem;
}

.custom-pricing-card {
    max-width: 400px;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    padding: 20px;
    text-align: center;
    margin-top: 30px;
}

.custom-pricing-price {
    font-size: 24px;
    color: #c3d1d9;
    text-decoration: line-through;
    margin-bottom: 10px;
}

.custom-pricing-discount {
    font-size: 32px;
    color: black;
    font-weight: 700;
    margin-bottom: 10px;
}

.custom-pricing-discount-small {
    font-size: 10px;
    font-weight: 100;
}

.custom-btn-green {
    background-color: #1abc9c;
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s;
}

.custom-btn-green:hover {
    background-color: #16a085;
    color: white;
}

.custom-btn-blue {
    color: #3498db;
    text-decoration: underline;
    cursor: pointer;
}

#collapse-div-jobboard {
    display: none;
}

label[for="work_type"] {
    display: none;
}

.social_login a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1em;

    font-size: 1em;

    text-decoration: none;

    padding: 0.8em;
    border: 1px solid #e2e2e2;

    color: white;
    background-color: #010101;
}

.gsi-material-button {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -webkit-appearance: none;
    background-color: WHITE;
    background-image: none;
    border: 1px solid #747775;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #1f1f1f;
    cursor: pointer;
    font-family: 'Roboto', arial, sans-serif;
    font-size: 14px;
    height: 40px;
    letter-spacing: 0.25px;
    outline: none;
    overflow: hidden;
    padding: 0 12px;
    position: relative;
    text-align: center;
    -webkit-transition: background-color .218s, border-color .218s, box-shadow .218s;
    transition: background-color .218s, border-color .218s, box-shadow .218s;
    white-space: nowrap;
    width: 100%;
    max-width: 100%;
}
  
.gsi-material-button .gsi-material-button-icon {
    height: 20px;
    margin-right: 12px;
    min-width: 20px;
    width: 20px;
}
  
.gsi-material-button .gsi-material-button-content-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
  
.gsi-material-button .gsi-material-button-contents {
    font-family: 'Roboto', arial, sans-serif;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
}
  
.gsi-material-button:not(:disabled):hover,
.gsi-material-button:not(:disabled):active,
.gsi-material-button:not(:disabled):focus {
    width: 600px;
}
  
.gsi-material-button .gsi-material-button-state {
    transition: opacity .218s;
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
  
.gsi-material-button:disabled {
    cursor: default;
    background-color: #ffffff61;
    border-color: #1f1f1f1f;
}
  
.gsi-material-button:disabled .gsi-material-button-contents {
    opacity: 38%;
}
  
.gsi-material-button:disabled .gsi-material-button-icon {
    opacity: 38%;
}
  
.gsi-material-button:not(:disabled):active .gsi-material-button-state, 
.gsi-material-button:not(:disabled):focus .gsi-material-button-state {
    background-color: #303030;
    opacity: 12%;
}
  
.gsi-material-button:not(:disabled):hover {
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 1px 3px 1px rgba(60, 64, 67, .15);
}
  
.gsi-material-button:not(:disabled):hover .gsi-material-button-state {
    background-color: #303030;
    opacity: 8%;
}

.accept_tos {
    font-weight: 100;
    font-size: 12px;
    text-align: center;
}

.your-review-text-blue {
    color: #5670fb;
    font-size: 1em;
    font-weight: bold;
}

.your-review-text-black {
    font-weight: bold;
    color: #1E223C;
    line-height: 1.2;
    font-size: 1em;
    margin-bottom: 0.4375rem;
    text-align: center;
    max-width: 19rem;
    margin: 0 auto;
}

.btn-cta-create-account {
    font-size: 1em !important;
    height: 2.4em;
}

.anonymous-badge {
    background-color: #F3FFF4;
    color: #5E6B92;
    font-size: 0.85em;
    padding: 0.8em 0em;
}

.new_review_layout .related_companies a{
    margin-right: 4px; 
    display: inline-block; 
    vertical-align: middle;
}

.background-color-alternative-reviews {
    background-color: white;
}

.styled-blockquote {
    border-left: 3px solid #00CC8F;
    color: #1a1a1a;
    font-family: Georgia, Times, "Times New Roman", serif;
    font-size: 1.25em;
    font-style: italic;
    line-height: 1.8em;
    padding: 1em 2em;
    position: relative;
    margin-bottom: 0px;
}

.styled-blockquote:before {
    content: "\201C";
    position: absolute;
    top: 50%;
    left: -0.3em;
    font-size: 2em;
    color: #00CC8F;
    transform: translateY(-50%);
    background: white;
    line-height: 4px;
    padding-top: 1.9%;
}

.styled-blockquote cite {
    display: table-row-group;
    font-size: 0.75em;
}

.last-crawling{
    display: table;
}


/* boost table */
.table-bonus {
    font-family: Arial, sans-serif;
    border-collapse: collapse;
    width: 100%;
}

.table-bonus th, .table-bonus td {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

.table-bonus th {
    background-color: #f2f2f2;
}

.table-bonus tbody tr:nth-child(even) {
    background-color: #f2f2f2;
}

.bonus-0-1 {
   background-color: white;
   color: #006400;
}

.bonus-0-2 {
    background-color: #d9ffdb;
    color: grey;
}

.bonus-0-3 {
    background-color: #b3ffcc;
    color: #006400;
}

.bonus-0-4 {
    background-color: #8cffb3;
    color: #006400;
}

.bonus-0-5 {
    background-color: #66ff99;
    color: #006400;
}

.bonus-0-6{
    background-color: #33ff66;
    color: #006400;
}

/* donut */
.svg-item-donut {
    width: 200px;
    font-size: 16px;
    margin: 0 auto;
    animation: donutfade 1s;
}

@keyframes donutfade {
    0% {
        opacity: .2;
    }
    100% {
        opacity: 1;
    }
}

@media (min-width: 992px) {
    .svg-item-donut {
        width: 80%;
    }
}

.donut-ring {
    stroke: #EBEBEB;
}

.donut-segment {
    transform-origin: center;
}

.donut-segment-2 {
    stroke: #66E8B3;
    animation: donut1 3s;
}

.donut-image {
    animation: donutfadelong 1s;
}

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

.donut-data {
    font-size: 0.12em;
    color: #666;
    fill: #666;
    animation: donutfadelong 1s;
}

.teamlyzer-login a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1em;

    font-size: 1em;

    text-decoration: none;

    padding: 0.8em;
    border: 1px solid #e2e2e2;
    border-radius: 1.5em !important;
}

.line-separator {
    display: flex;
    align-items: center;
    text-align: center;
    color: #777;
}

.line-separator::before,
.line-separator::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #777;
}

.line-separator::before {
    margin-right: .5em;
}

.line-separator::after {
    margin-left: .5em;
}

/* progress bar */
div#pros_progress,
div#cons_progress,
div#questions_progress,
div#details_progress{
    height: 5px !important;
}

p#pros_feedback,
p#cons_feedback,
p#questions_feedback,
p#details_feedback {
    padding: 2px;
    font-size: 12px;
}

div.review_progress{
    margin-bottom: 0px !important;
}

.cta-highlight-ad {
    font-weight: 100;
}
.job-board-select-image {
    zoom: 75%;
}

.has-active-campaigns-with-valid-ads {
    padding: 4px 8px;
    border: 2px solid #1e90ff;
    color: white;
    font-size: 11px;
    text-align: center;
    text-decoration: none;
    font-weight: 100;
    background: #1e90ff;
    display: inline-flex;
    padding: 4px 8px;
}

/* competitors */
.row-height-competitors{
    margin-bottom: 10px; 
    padding: 10px; 
    border-bottom: 1px solid #ddd;
    min-height: 65px;
}

.competitors-self-company{
    padding:6px 10px; 
    font-weight: 100; 
    opacity: 0.5;
}

.row-height-competitors .tooltip{
    font-size:1.1rem;
} 

.row-height-competitors .text-right{
    display: grid;
}

@media (max-width: 767px) {
    .company-dashboard-panel .panel-heading h4 {
        display: flex;
        align-items: flex-start;
    }
    
    .company-dashboard-panel .panel-heading h4 i {
        flex-shrink: 0;
        margin-right: 5px;
    }
    
    .company-dashboard-panel .panel-heading h4 small {
        margin-top:10px;
        display: inherit;
        padding-left: 1.5em;
        text-indent: -1.5em;
    }
}

/* remove padding from homepage of companies */
/* remove padding from job board */
@media (min-width: 992px) {
    .col-no-right-padding .col-lg-9{
        padding-right:0px;
    }
    
    .rm-padding-left{
        padding-left:0px;
    }
}

.confidence-label{
    color:black;
}

.total-salary-reviews-label{
    padding: 6px 8px;
}

/* btn trust */
.review-trust-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    background: white;
    color: #777;
    font-size: 12px;
    transition: all 0.2s;
    cursor: pointer;
}

.review-trust-btn:hover:not([disabled]) {
    background: #fff9f9;
    border-color: #e0d0d0;
    color: #666;
}

.review-trust-btn[disabled] {
    opacity: 0.7;
    cursor: not-allowed;
}

.review-trust-btn.trusted {
    background: #fff5f5; 
    border-color: #e08686;
    color: #555;
}

.review-trust-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px; 
}

.review-trust-text {
    display: block;
}

.review-trust-count {
    display: block;
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 12px;
    color: black;
    background: white;
}

.review-trust-count.has-votes {
    background: red;
    color: white;
}

.review-trust-btn:active:not([disabled]) {
    transform: scale(0.98);
}

.review-flag {
    color: #d73a49;
    margin-left: 8px;
    font-size: 0.7em !important;
}
.review-flag[data-toggle="tooltip"] {
    cursor: help;
}

/* peak review alert */
.activity-banner {
    border-top: none;
    border-radius: 0;
    border-left: 4px solid #f0ad4e;
    background-color: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.1);
    margin-bottom: 0;
    padding: 10px 15px;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    display: flex; 
    align-items: center;
    margin-top: 5px;
}

.activity-banner .fa {
    color: #f0ad4e;
    margin-right: 10px;
}

.activity-banner .close {
    position: absolute;
    right: 15px;
    padding: 10px;
    opacity: 0.7;
}

.activity-banner .close:hover {
    opacity: 1;
}

.activity-banner-content {
    flex: 1;
    padding-right: 40px;
}

.search_box {
    padding-left: 30px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23000000" class="bi bi-search" viewBox="0 0 16 16"><path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z"/></svg>') no-repeat 8px center;
    background-size: 16px;
    transition: border-color 0.2s ease-in-out;
}

.search_box:focus {
    border:3px solid #029dd5;
    outline: none;
}

/* Specific styles for contact popovers */
.contact-phone-popover h5,
.contact-email-popover h5 {
    margin-top: 0;
    margin-bottom: 8px;
    font-weight: bold;
    line-height: 1.4;
}

.contact-phone-list,
.contact-email-list {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
}

.contact-phone-list li,
.contact-email-list li {
    display: block;
    margin-bottom: 6px;
    line-height: 1.4;
}

.contact-phone-list li:last-child,
.contact-email-list li:last-child {
    margin-bottom: 0;
}

.contact-phone-list a,
.contact-email-list a {
    display: inline-block;
}

/* Apply only to contact popovers */
.phone-popover-link + .popover .popover-content,
.email-popover-link + .popover .popover-content {
    padding: 10px;
}

/* jobboard contrast - handled by .jobcard.clicked */

/* new rank page */
.banner-container-hf {
    width: 100%;
    position: relative;
    overflow: hidden;
    background-image: linear-gradient(135deg, #9ed9f5, #56c2ea, #34b9ed);
    min-height: 180px;
}

.banner-wave-svg-hf {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: auto;
    z-index: 5;
    line-height: 0;
}

.ranking-badge-hf {
    box-sizing: border-box;
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 580px;
    min-height: 90px;
    background-color: white;
    border: 2px solid #3498db;
    border-radius: 20px;
    z-index: 10;
    display: flex;
    align-items: center;
    padding: 15px 20px;
    gap: 18px;
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    box-shadow: 0px 4px 8px rgb(41 110 185 / 15%), 0px 8px 16px rgb(41 110 185 / 10%), 0px 1px 2px rgb(0 0 0 / 5%);
}

.ranking-badge-hf:hover {
    transform: translate(-50%, -54%) scale(1.03);
}

.badge-logo-hf {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    background: linear-gradient(145deg, #2980b9, #3498db);
    border-radius: 50%;
    color: white;
    font-size: 26px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 2px;
}

.badge-content-hf {
    flex-grow: 1;
    text-align: center;
    color: #2980b9;
}

.badge-title-hf {
    font-size: 2em;
    font-weight: 700;
    margin: 0 0 4px 0;
    letter-spacing: 0.5px;
    background: linear-gradient(90deg, #2980b9, #3498db);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.badge-separator-hf {
    border: none;
    height: 2px;
    background: linear-gradient(90deg, transparent, #e0e5ec, transparent);
    margin: 0 auto 6px auto;
    width: 80%;
    max-width: 240px;
}

.badge-subtitle-hf {
    font-size: 14px;
    margin: 0;
    color: #5DADE2;
    font-weight: 500;
    letter-spacing: 0.5px;
}

.badge-star-svg-hf {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: auto;
    opacity: 1;
}

.star-svg-right-hf {
    right: 18px;
}

.content-hf {
    padding: 20px;
    background-color: white;
}

.content-hf h1 {
    text-align: center;
    color: #34495e;
    margin-top: 40px;
}

.ranking_filters_new {
    padding: 20px 0;
    margin-bottom: 25px;
    text-align: center;
}

.ranking_filters_new .filter-controls-container {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.ranking_filters_new .filter-control-group {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.ranking_filters_new .filter-label {
    font-weight: 600;
    color: #343a40;
    white-space: nowrap;
}

.ranking_filters_new .filter-buttons .btn,
.ranking_filters_new .form-select {
    display: inline-block;
    padding: 0.5rem 1.25rem;
    font-size: 0.9em !important;
    font-weight: 500;
    line-height: 1.8;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    cursor: pointer;
    margin:5px;
    user-select: none;
    border: 1px solid #ced4da;
    border-radius: 6px;
    background-color: #ffffff;
    color: #495057;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

.ranking_filters_new .filter-buttons .btn:hover,
.ranking_filters_new .form-select:hover {
    border-color: #adb5bd;
    background-color: #f8f9fa;
    color: #343a40;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    text-decoration: none;
}

.ranking_filters_new .filter-buttons .btn:focus,
.ranking_filters_new .form-select:focus {
    outline: 0;
    border-color: #007bff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1), 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.ranking_filters_new .filter-buttons .btn-outline-secondary.active,
.ranking_filters_new .filter-buttons .btn-check:checked + .btn-outline-secondary {
    background-color: #34b9ed;
    border-color: #34b9ed;
    color: #ffffff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.ranking_filters_new .filter-buttons .btn-outline-secondary.active:hover,
.ranking_filters_new .filter-buttons .btn-check:checked + .btn-outline-secondary:hover {
    background-color: #0056b3;
    border-color: #34b9ed;
}

.ranking_filters_new .form-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: calc(1.25rem * 2 + 16px);
}

.ranking_filters_new .filter-buttons .dropdown-menu {
    font-size: 0.9em;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.ranking_filters_new .filter-buttons .dropdown-item {
    padding: 0.5rem 1rem;
    color: #495057;
    transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
}

.ranking_filters_new .filter-buttons .dropdown-item:hover {
    background-color: #f8f9fa;
    color: #343a40;
}

.ranking_filters_new .filter-buttons .dropdown-item.active,
.ranking_filters_new .filter-buttons .dropdown-item:active {
    background-color: #007bff;
    color: #ffffff;
}

.rank_page_menus {
    padding: 0;
    list-style: none;
    display: flex;
    gap: 8px;
    margin: 12px 0;
}

.rank_page_menus li {
    display: inline-block;
}

.rank_page_menus a {
    border: 1px solid #34b9ed;
    border-radius: 20px;
    color: #34b9ed;
    padding: 5px 14px;
    display: inline-block;
    font-weight: 500;
    transition: all 0.2s ease;
    text-decoration: none;
    font-size: 0.9em;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.rank_page_menus a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background-color: #34b9ed;
    z-index: -1;
    transition: width 0.3s ease;
}

.rank_page_menus a:hover {
    color: white;
}

.rank_page_menus a:hover:before {
    width: 100%;
}

.deleted_ad{
    text-decoration: line-through;
    opacity:0.5;
}


/* Summarizer Tool */
.summarizer-tool .summarizer-container {
    margin-top: 20px;
}

.summarizer-tool .input-section {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 20px;
}

.summarizer-tool .output-section {
    background: #ffffff;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 20px;
}

.summarizer-tool .summary-box {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 4px;
    padding: 15px;
    min-height: 100px;
}

.summarizer-tool .char-counter {
    font-size: 12px;
    color: #6c757d;
    text-align: right;
    margin-top: 5px;
}

.summarizer-tool .char-counter.over-limit {
    color: #dc3545;
}

.summarizer-tool .model-label {
    font-weight: bold;
    color: #495057;
    margin-bottom: 10px;
}

.summarizer-tool .edit-btn {
    margin-top: 10px;
    margin-right: 10px;
}

.summarizer-tool .copy-btn {
    margin-top: 10px;
}

.summarizer-tool .summary-actions {
    margin-top: 15px;
}

.summarizer-tool .loading {
    text-align: center;
    padding: 20px;
    color: #6c757d;
}

.summarizer-tool .metadata-section {
    background: #f8f9fa;
    padding: 15px;
    border-radius: 4px;
    margin-bottom: 20px;
}

.summarizer-tool .metadata-item {
    margin-bottom: 10px;
}

.summarizer-tool .part-label {
    font-size: 12px;
    color: #6c757d;
    margin-bottom: 8px;
    font-weight: bold;
}

.summarizer-tool #settings-panel .panel-body {
    border-radius: 4px;
}

.summarizer-tool #settings-panel h6 {
    margin-top: 0;
    color: #495057;
}

.summarizer-tool #settings-panel .checkbox {
    margin-bottom: 10px;
}

.summarizer-tool #settings-panel .checkbox label {
    font-weight: normal;
    color: #495057;
}

.summarizer-tool #processing-progress .progress {
    height: 30px;
    background-color: #f5f5f5;
    border-radius: 6px;
}

.summarizer-tool #processing-progress .progress-bar {
    background-color: #5cb85c;
    font-size: 14px;
    line-height: 30px;
}

.summarizer-tool .summary-container {
    padding: 10px;
}

.summarizer-tool .summary-container.selected {
    background-color: rgba(91, 192, 222, 0.1);
    border-radius: 4px;
}

.summarizer-tool .source-info {
    margin-top: 15px;
    padding: 10px;
    background: #f8f9fa;
    border-radius: 4px;
}

.summarizer-tool .live-feed-section {
    margin-top: 20px;
    text-align: center;
}

.summarizer-tool .validation-message {
    margin-bottom: 15px;
}

.summary-text {
    cursor: pointer;
    transition: background-color 0.2s ease;
    border-radius: 4px;
}
.summary-text:hover {
    background-color: #f8f9fa;
    padding: 2px 4px;
    margin: -2px -4px;
}
.summary-text:hover:after {
    content: " ✏️";
    font-size: 0.8em;
    opacity: 0.6;
    margin-left: 4px;
}

/* external reviews alert */
.review_summary.voffset3 .alert-unverified {
    margin-bottom: 15px;
    background-color: #f8f9fa;
    border: 1px solid #e9ecef;
    border-left: 4px solid #6c757d;
    border-radius: 4px;
    padding: 10px 15px;
    padding-right: 35px;
    position: relative;
}

.review_summary.voffset3 .alert-unverified .fa-info-circle {
    margin-right: 8px;
    color: #6c757d;
}

.review_summary.voffset3 .alert-unverified span {
    color: #495057;
    font-size: 13px;
}

.review_summary.voffset3 .alert-unverified .close {
    position: absolute;
    top: 8px;
    right: 12px;
    color: #6c757d;
    opacity: 0.6;
    font-size: 16px;
    font-weight: normal;
}

.review_summary.voffset3 .alert-unverified .close:hover {
    color: #495057;
    opacity: 1;
}

/* dashboard admin nav arrows */
.dashboard-header-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.admin-nav-arrows-section {
    flex-shrink: 0;
}

.admin-nav-arrow {
    color: #999;
    outline: none;
}

.admin-nav-arrow-left {
    margin-right: 10px;
}

.admin-nav-arrow:hover, .admin-nav-arrow:focus, .admin-nav-arrow:active {
    color: #666;
    text-decoration: none;
    outline: none;
}

/* Trainees Page */
.trainees-page .trainees-table {
    width: 100%;
    border-collapse: collapse;
}

.trainees-page .trainees-table th,
.trainees-page .trainees-table td {
    padding: 12px 8px;
    border: 1px solid #ddd;
    text-align: left;
    vertical-align: middle;
}

.trainees-page .trainees-table thead {
    background-color: #f2f2f2;
}

.trainees-page .trainees-table thead th {
    cursor: pointer;
    position: relative;
    padding-right: 25px;
}

.trainees-page .trainees-table thead th .sort-indicator {
    position: absolute;
    right: 5px;
    opacity: 0.3;
}

.trainees-page .trainees-table thead th .sort-indicator::after { content: '⇅'; }
.trainees-page .trainees-table thead th.sort-asc .sort-indicator::after { content: '↑'; opacity: 1; }
.trainees-page .trainees-table thead th.sort-desc .sort-indicator::after { content: '↓'; opacity: 1; }

.trainees-page .trainees-table thead th:nth-child(3) {
    width: 100px;
}

.trainees-page .trainees-table tbody tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}

.trainees-page .pagination-wrapper { display: flex; justify-content: flex-end; align-items: center; margin-top: 20px; gap: 15px; }
.trainees-page .pagination { margin: 0; display: inline-flex; list-style: none; padding: 0; gap: 0; }
.trainees-page .pagination li { min-width: 0; }
.trainees-page .pagination-info { font-size: 13px; color: #666; margin: 0; }

.trainees-page .dynamic-badge {
    display: inline-block;
    padding: 3px 8px;
    border-radius: 4px;
    font-size: 0.9em;
    line-height: 1.4;
    color: #333;
}

.trainees-page .badge-status-open {
    background-color: #e8f5e8;
}

.trainees-page .badge-regime-presencial {
    background-color: #ffcdd2;
}

.trainees-page .badge-regime-hibrido {
    background-color: #ffe0b3;
}

.trainees-page .badge-regime-remota {
    background-color: #e3f2fd;
}

.trainees-page .badge-unknown {
    background-color: #fff9c4;
}

.trainees-page .badge-default {
    background-color: #e8eaf6;
}

/* new side bar */
.menu-section-header {
    padding: 15px 20px 8px 20px;
    margin-top: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.menu-section-header:first-child {
    margin-top: 0;
}

.menu-section-header span {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1px;
    color: rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
}

.side-menu-container li:not(.menu-section-header) {
    padding-left: 10px;
}

@media (max-width: 768px) {
    .side-menu-container ul.nav {
        min-height: 100vh !important;
        overflow-y: scroll !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 120px !important;
    }
}

/* Company Rankings Badges */
.company_area_rankings .ranking-primary-final {
    display: block;
    background: white;
    border: 1px solid #e8e8e8;
    border-radius: 8px !important;
    padding: 16px;
    margin-bottom: 12px;
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}

.company_area_rankings .ranking-primary-final::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(55, 71, 79, 0.03) 0%, rgba(55, 71, 79, 0.08) 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

.company_area_rankings .ranking-primary-final:hover::before {
    opacity: 1;
}

.company_area_rankings .ranking-primary-final:hover {
    border-color: #4a5f6f;
    box-shadow: 0 4px 12px rgba(55, 71, 79, 0.15);
    transform: translateY(-2px);
    text-decoration: none;
}

.company_area_rankings .ranking-primary-final:active {
    transform: translateY(0);
    box-shadow: 0 2px 6px rgba(55, 71, 79, 0.2);
}

.company_area_rankings .rank-top-primary {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
}

.company_area_rankings .rank-num-primary {
    font-size: 40px;
    font-weight: 700;
    color: #333;
    line-height: 1;
}

.company_area_rankings .rank-label-primary {
    font-size: 13px;
    color: #666;
    font-weight: 400;
}

.company_area_rankings .rank-label-primary .rank-prefix {
    color: #999;
    font-weight: 400;
}

.company_area_rankings .rank-main-arrow {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: #ccc;
    font-size: 20px;
    transition: all 0.3s ease;
}

.company_area_rankings .ranking-primary-final:hover .rank-main-arrow {
    color: #4a5f6f;
    transform: translateY(-50%) translateX(4px);
}

.company_area_rankings .rank-delta-primary {
    background: #e8f5e9;
    color: #2e7d32;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 2px;
}

.company_area_rankings .rank-delta-primary.down {
    background: #ffebee;
    color: #c62828;
}

.company_area_rankings .ranking-secondary-final {
    display: flex;
    align-items: center;
    gap: 10px;
    background: white;
    border: 1px solid #e8e8e8;
    border-radius: 8px !important;
    padding: 14px 16px;
    margin-bottom: 10px;
    text-decoration: none !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}

.company_area_rankings .ranking-secondary-final::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 8px;
    background: linear-gradient(135deg, rgba(55, 71, 79, 0.02) 0%, rgba(55, 71, 79, 0.06) 100%);
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

.company_area_rankings .ranking-secondary-final:hover::before {
    opacity: 1;
}

.company_area_rankings .ranking-secondary-final:hover {
    border-color: #4a5f6f;
    box-shadow: 0 3px 10px rgba(55, 71, 79, 0.12);
    transform: translateX(4px);
    text-decoration: none !important;
}

.company_area_rankings .ranking-secondary-final:active {
    transform: translateX(2px);
    box-shadow: 0 2px 6px rgba(55, 71, 79, 0.15);
}

.company_area_rankings .rank-num-secondary {
    background: #37474f;
    color: white;
    padding: 8px 12px;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 800;
    min-width: 40px;
    text-align: center;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

.company_area_rankings .ranking-secondary-final:hover .rank-num-secondary {
    background: #4a5f6f;
    transform: scale(1.05);
}

.company_area_rankings .rank-secondary-em {
    font-size: 13px;
    color: #999;
    font-weight: 400;
    flex-shrink: 0;
}

.company_area_rankings .rank-label-secondary {
    font-size: 14px;
    color: #444;
    font-weight: 400;
    line-height: 1.3;
    flex: 1;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.company_area_rankings .rank-secondary-arrow {
    color: #ccc;
    font-size: 20px;
    margin-left: auto;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

.company_area_rankings .ranking-secondary-final:hover .rank-secondary-arrow {
    color: #4a5f6f;
    transform: translateX(4px);
}

@media (min-width: 1200px) and (max-width: 1920px) {
    .company_area_rankings .ranking-primary-final,
    .company_area_rankings .ranking-secondary-final {
        zoom: 0.85;
    }
}

@media (max-width: 768px) {
    .company_area_rating {
        margin-top: 10px;
    }

    .company_area_rankings .rank-num-primary {
        font-size: 32px;
    }

    .company_area_rankings .rank-label-primary {
        font-size: 12px;
    }

    .company_area_rankings .rank-delta-primary {
        padding: 4px 6px;
        font-size: 12px;
    }

    .company_area_rankings .rank-num-secondary {
        font-size: 14px;
        padding: 6px 10px;
        min-width: 35px;
    }

    .company_area_rankings .rank-label-secondary {
        font-size: 12px;
    }

    .company_area_rankings .rank-secondary-em {
        font-size: 12px;
    }
}

/* Customer Health Dashboard */
.customer-health-dashboard #clients-container {
    margin-top: 0;
}

.customer-health-dashboard .customer-health-card {
    margin-bottom: 20px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    transition: transform 0.2s, box-shadow 0.2s;
    height: 600px;
    display: flex;
    flex-direction: column;
    border: none;
    overflow: hidden;
}

.customer-health-dashboard .customer-health-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}

.customer-health-dashboard .customer-health-card .panel-heading {
    padding: 0;
    flex-shrink: 0;
    border: none;
    border-radius: 0;
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.customer-health-dashboard .card-header-content {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 12px 15px;
}

.customer-health-dashboard .card-header-logo {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.customer-health-dashboard .card-header-logo img {
    max-width: 40px;
    max-height: 40px;
}

.customer-health-dashboard .card-header-title {
    flex: 1;
    min-width: 0;
}

.customer-health-dashboard .card-header-title h4 {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
}

.customer-health-dashboard .card-header-score .label {
    font-size: 12px;
    padding: 0.35em 0.6em;
    line-height: 1.5;
    vertical-align: baseline;
    margin-bottom: 0;
}

.customer-health-dashboard .customer-health-card .panel-body {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: none;
}

.customer-health-dashboard .customer-health-card .panel-title a {
    color: inherit;
    text-decoration: none;
    font-weight: 600;
}

.customer-health-dashboard .customer-health-card .panel-title a:hover {
    text-decoration: underline;
}

.customer-health-dashboard .risk-label-section {
    text-align: center;
    margin-bottom: 5px;
    flex-shrink: 0;
}

.customer-health-dashboard .risk-label-section .label {
    font-size: 16px;
    padding: 8px 15px;
}

.customer-health-dashboard .card-info-row {
    display: flex;
    margin-bottom: 15px;
    padding: 10px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    flex-shrink: 0;
}

.customer-health-dashboard .card-info-item {
    flex: 1;
    text-align: center;
}

.customer-health-dashboard .card-info-item small {
    display: block;
    color: #999;
}

.customer-health-dashboard .card-info-item strong {
    font-size: 14px;
}

.customer-health-dashboard .card-rating {
    font-size: 24px;
}

.customer-health-dashboard .card-rating .rating_max {
    font-size: 14px;
}

.customer-health-dashboard .alert-badges-row {
    display: flex;
    justify-content: space-around;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #f0f0f0;
    flex-shrink: 0;
}

.customer-health-dashboard .alert-badge-item {
    text-align: center;
}

.customer-health-dashboard .alert-badge-item .badge {
    font-size: 14px;
    display: inline-block;
    margin-bottom: 5px;
}

.customer-health-dashboard .alert-badge-item small {
    display: block;
    color: #999;
    font-size: 11px;
}

.customer-health-dashboard .badge-critical {
    background-color: #d9534f !important;
    color: #fff !important;
}

.customer-health-dashboard .badge-high {
    background-color: #f0ad4e !important;
    color: #fff !important;
}

.customer-health-dashboard .badge-medium {
    background-color: #5bc0de !important;
    color: #fff !important;
}

.customer-health-dashboard .badge-low {
    background-color: #777 !important;
    color: #fff !important;
}

.customer-health-dashboard .alerts-detail,
.customer-health-dashboard .managers-list {
    overflow-y: auto;
}

.customer-health-dashboard .alerts-detail::-webkit-scrollbar,
.customer-health-dashboard .managers-list::-webkit-scrollbar {
    width: 6px;
}

.customer-health-dashboard .alerts-detail::-webkit-scrollbar-track,
.customer-health-dashboard .managers-list::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 3px;
}

.customer-health-dashboard .alerts-detail::-webkit-scrollbar-thumb,
.customer-health-dashboard .managers-list::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 3px;
}

.customer-health-dashboard .alerts-detail::-webkit-scrollbar-thumb:hover,
.customer-health-dashboard .managers-list::-webkit-scrollbar-thumb:hover {
    background: #999;
}

.customer-health-dashboard .alerts-detail {
    flex: 1;
    font-size: 14px;
    padding: 0 12px;
}

.customer-health-dashboard .alert-section {
    margin-bottom: 12px;
}

.customer-health-dashboard .alert-section strong {
    display: block;
    margin-bottom: 5px;
}

.customer-health-dashboard .alert-section ul {
    margin: 0 0 10px 0;
    padding-left: 20px;
    font-size: 13px;
    line-height: 1.5;
}

.customer-health-dashboard .alert-list-hidden {
    display: none;
}

.customer-health-dashboard .alert-collapsible strong {
    cursor: pointer;
    padding: 5px 0;
    position: relative;
}

.customer-health-dashboard .toggle-icon {
    float: right;
    transition: transform 0.3s;
}

.customer-health-dashboard .managers-info-section {
    margin-bottom: 12px;
    flex-shrink: 0;
    padding-left: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #f0f0f0;
}

.customer-health-dashboard .managers-title {
    display: block;
    margin-bottom: 5px;
    font-size: 13px;
    cursor: pointer;
    padding: 5px 0;
    position: relative;
}

.customer-health-dashboard .managers-title .badge {
    background-color: #999 !important;
    font-size: 11px;
    margin-left: 5px;
}

.customer-health-dashboard .managers-list {
    margin-top: 8px;
    max-height: 150px;
}

.customer-health-dashboard .manager-item {
    padding: 8px 10px;
    margin-bottom: 6px;
    background-color: #f9f9f9;
    border-radius: 4px;
    border-left: 3px solid transparent;
    transition: all 0.2s;
}

.customer-health-dashboard .manager-item:hover {
    background-color: #f0f0f0;
    border-left-color: #5bc0de;
}

.customer-health-dashboard .manager-item:last-child {
    margin-bottom: 0;
}

.customer-health-dashboard .manager-item-row-1 {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
}

.customer-health-dashboard .manager-item-row-2 {
    display: flex;
    align-items: center;
    gap: 4px;
    padding-left: 2px;
}

.customer-health-dashboard .manager-status-pill {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 10px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    flex-shrink: 0;
}

.customer-health-dashboard .manager-status-pill.status-active-simple {
    background-color: #d4edda;
    color: #155724;
}

.customer-health-dashboard .manager-status-pill.status-inactive-simple {
    background-color: #e2e3e5;
    color: #6c757d;
}

.customer-health-dashboard .manager-name {
    font-weight: 600;
    font-size: 12px;
    color: #333;
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.customer-health-dashboard .manager-login-time {
    font-size: 12px;
    font-family: 'Courier New', Courier, monospace;
    font-weight: 600;
    color: #666;
    flex-shrink: 0;
    min-width: 45px;
    text-align: right;
}

.customer-health-dashboard .manager-role {
    font-size: 11px;
    color: #666;
    white-space: nowrap;
}

.customer-health-dashboard .manager-separator {
    font-size: 11px;
    color: #ccc;
    margin: 0 4px;
}

.customer-health-dashboard .manager-email {
    font-size: 11px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex: 1;
    min-width: 0;
}

.customer-health-dashboard .customer-health-card .panel-footer {
    flex-shrink: 0;
    border: none;
    border-radius: 0;
    border-top: 1px solid #f0f0f0;
    background-color: #fafafa;
    padding: 12px 15px;
}

.customer-health-dashboard .customer-health-card .panel-footer .btn {
    width: calc(100% - 30px);
    margin: 0 15px;
    background-color: #fff !important;
    color: #000 !important;
    border: 1px solid #000 !important;
    transition: background-color 0.2s ease;
}

.customer-health-dashboard .customer-health-card .panel-footer .btn:hover {
    background-color: #f5f5f5 !important;
}

.customer-health-dashboard .filter-panel {
    transition: border-color 0.3s;
    border: 3px solid transparent;
    cursor: pointer;
    margin-bottom: 15px;
    background: #fff;
}

.customer-health-dashboard .panel-danger.filter-panel:hover,
.customer-health-dashboard .panel-danger.active-filter {
    border-color: #d9534f;
}

.customer-health-dashboard .panel-warning.filter-panel:hover,
.customer-health-dashboard .panel-warning.active-filter {
    border-color: #f0ad4e;
}

.customer-health-dashboard .panel-info.filter-panel:hover,
.customer-health-dashboard .panel-info.active-filter {
    border-color: #5bc0de;
}

.customer-health-dashboard .panel-success.filter-panel:hover,
.customer-health-dashboard .panel-success.active-filter {
    border-color: #5cb85c;
}

.customer-health-dashboard .panel-default.filter-panel:hover,
.customer-health-dashboard .panel-default.active-filter {
    border-color: #337ab7;
}

.customer-health-dashboard .company_logo_dashboard {
    border-radius: 4px;
    object-fit: contain;
}

.customer-health-dashboard .dashboard-header-panel {
    padding-bottom: 10px;
    border: none;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

.customer-health-dashboard .dashboard-header-panel .panel-body {
    padding: 30px 15px 25px;
    display: flex;
    align-items: flex-end;
}

.customer-health-dashboard .dashboard-header-panel h1 .fa-heartbeat {
    margin-right: 10px;
}

.customer-health-dashboard .dashboard-search-wrapper {
    position: relative;
    margin-bottom: 0;
    max-width: 350px;
    margin-left: auto;
}

.customer-health-dashboard .dashboard-search-wrapper .search-icon {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #999;
    pointer-events: none;
    z-index: 10;
}

.customer-health-dashboard .dashboard-search-wrapper input {
    padding-left: 38px;
}

@media (max-width: 991px) {
    .customer-health-dashboard .dashboard-header-panel .panel-body {
        display: block;
    }

    .customer-health-dashboard .dashboard-search-wrapper {
        margin-top: 20px;
    }
}

/*
============================================
ROI DASHBOARD STYLES
============================================
Organized by:
1.  Global Styles & Variables
2.  Layout & Grid System
3.  Animations & Utilities
4.  Header
5.  ROI Hero Section
6.  Performance KPI Section (New Insights)
7.  Stats Grid Section
8.  General Section & Card Styles
9.  Donut Chart & Legend
10. Performance Comparison Bar
11. Detailed ROI Breakdown Cards
12. Recommended Action Cards
13. Responsive Styles
============================================
*/

/* ========================================= */
/* 1. Global Styles & Variables              */
/* ========================================= */

#roi-dashboard * {
    box-sizing: border-box;
}

#roi-dashboard {
    font-family: 'Segoe UI', 'Roboto', 'Inter', 'Helvetica Neue', sans-serif;
    background: #F9FAFB;
    color: #111827;
    line-height: 1.5;
    --primary: #10B981;
    --primary-dark: #059669;
    --gray-50: #F9FAFB;
    --gray-200: #E5E7EB;
    --gray-300: #D1D5DB;
    --gray-400: #9CA3AF;
    --gray-600: #4B5563;
    --gray-700: #374151;
    --gray-900: #111827;
}

/* Common style for value elements to prevent awkward line breaks */
#roi-dashboard .stat-value,
#roi-dashboard .roi-value,
#roi-dashboard .chart-value,
#roi-dashboard .legend-value,
#roi-dashboard .detail-value,
#roi-dashboard .month-value,
#roi-dashboard .breakdown-value,
#roi-dashboard .roi-meta-value {
    word-break: keep-all;
    overflow-wrap: normal;
}

/* ========================================= */
/* 2. Layout & Grid System                   */
/* ========================================= */

@media (min-width: 992px) {
    /* Main content grid layout */
    #roi-dashboard .roi-content > .row {
        display: flex;
        flex-wrap: wrap;
    }

    #roi-dashboard .roi-content > .row > [class*='col-'] {
        display: flex;
    }

    #roi-dashboard .roi-content > .row > [class*='col-'] > .section {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    #roi-dashboard .roi-content > .row > [class*='col-'] > .section > .card,
    #roi-dashboard .roi-content > .row > [class*='col-'] > .section > .performance-bar {
        flex: 1;
    }
    
    /* Nested row grid layout */
    #roi-dashboard .section .row {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: -20px; /* Gutter compensation */
    }

    #roi-dashboard .section .row > [class*='col-'] {
        display: flex;
        margin-bottom: 20px;
    }

    #roi-dashboard .detail-card {
        height: 100%;
    }
}

@media (min-width: 1200px) {
    #roi-dashboard .roi-hero-content .row {
        display: flex;
        align-items: stretch;
    }

    #roi-dashboard .roi-hero-content .col-lg-8 {
        display: flex;
        align-items: center;
    }
}

/* ========================================= */
/* 3. Animations & Utilities                 */
/* ========================================= */

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Helper classes for info icons */
#roi-dashboard .roi-info-icon-light {
    color: white;
    font-size: 12px;
    margin-left: 4px;
    cursor: help;
}

#roi-dashboard .roi-info-icon-dark {
    color: var(--gray-400);
    font-size: 12px;
    margin-left: 4px;
    cursor: help;
}

/* ========================================= */
/* 4. Header                                 */
/* ========================================= */

#roi-dashboard .header {
    background: white;
    border-bottom: 1px solid var(--gray-200);
    padding: 24px 40px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    position: sticky;
    top: 63px;
    z-index: 100;
}

#roi-dashboard .header-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#roi-dashboard .company-title-wrapper {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 10px;
}

#roi-dashboard .company-logo {
    width: 64px;
    object-fit: contain;
    border-radius: 8px !important;
}

#roi-dashboard .company-info h1 {
    display: flex;
    align-items: center;
    font-size: 2.2em !important;
    font-weight: 700;
    color: var(--gray-900);
    letter-spacing: -0.6px;
    margin: 0;
}

#roi-dashboard .company-meta {
    display: flex;
    gap: 16px;
    color: var(--gray-600);
    font-size: 1.1em !important;
}

#roi-dashboard .header-actions {
    display: flex;
    align-items: center;
    gap: 12px;
}

#roi-dashboard .plan-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: var(--gray-900);
    color: white;
    border-radius: 8px !important;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

#roi-dashboard .header .btn-secondary {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px !important;
    background: white !important;
    color: var(--gray-700) !important;
    border: 1px solid var(--gray-300) !important;
    border-radius: 8px !important;
    font-size: 1.1em !important;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

#roi-dashboard .header .btn-secondary:hover {
    background: var(--gray-50) !important;
    border-color: var(--gray-400) !important;
}

/* ========================================= */
/* 5. ROI Hero Section                       */
/* ========================================= */

#roi-dashboard .roi-content {
    padding: 40px 25px;
    max-width: 1980px;
}

#roi-dashboard .roi-hero {
    background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
    border-radius: 16px !important;
    padding: 48px;
    margin-bottom: 32px;
    color: white;
    position: relative;
    overflow: hidden;
    animation: fadeInUp 0.6s ease;
}

/* Decorative background elements */
#roi-dashboard .roi-hero::before,
#roi-dashboard .roi-hero::after {
    content: '';
    position: absolute;
    border-radius: 50% !important;
    pointer-events: none;
}

#roi-dashboard .roi-hero::before {
    top: -50px;
    right: -50px;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.15) 0%, transparent 70%);
}

#roi-dashboard .roi-hero::after {
    bottom: -100px;
    left: -100px;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
}

#roi-dashboard .roi-hero-content {
    position: relative;
    z-index: 1;
}

#roi-dashboard .roi-label {
    font-size: 1.1em !important;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 16px;
}

#roi-dashboard .roi-value-row {
    display: flex;
    align-items: baseline;
    gap: 30px;
    margin-bottom: 26px;
    flex-wrap: wrap;
}

#roi-dashboard .roi-value {
    font-size: 6em !important;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -2px;
}

#roi-dashboard .roi-percentage {
    font-size: 3.5em !important;
    font-weight: 700;
    opacity: 0.9;
    padding: 8px 20px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 12px !important;
    white-space: nowrap;
}

#roi-dashboard .roi-subtitle {
    font-size: 1.25em !important;
    margin-bottom: 30px;
    line-height: 1.5;
}

#roi-dashboard .roi-meta {
    display: flex;
    gap: 32px;
    margin-top: 8px;
    flex-wrap: wrap;
}

#roi-dashboard .roi-meta-item {
    display: flex;
    flex-direction: column;
    gap: 4px;
    cursor: default;
}

#roi-dashboard .roi-meta-value {
    font-size: 2em !important;
    font-weight: 700;
}

#roi-dashboard .roi-meta-period .roi-meta-value {
    font-size: 1.2em !important;
    font-weight: 400;
    margin-top: 8px;
}

/* Payback Progress Widget */
#roi-dashboard .roi-payback-widget {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 8px !important;
    padding: 16px 20px;
    backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
}

#roi-dashboard .roi-meta-item.roi-meta-payback {
    flex: 1;
    max-width: 500px;
}

#roi-dashboard .payback-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 20px;
}

#roi-dashboard .payback-title {
    font-size: 0.9em !important;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 600;
}

#roi-dashboard .payback-badge {
    font-weight: 600;
    font-size: 0.72em !important;
    background: rgba(0, 0, 0, 0.2);
    padding: 2px 8px;
    border-radius: 10px !important;
    text-align: right;
}

#roi-dashboard .payback-bars-wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

#roi-dashboard .payback-bar-row {
    display: grid;
    grid-template-columns: 100px 1fr 50px;
    align-items: center;
    gap: 12px;
}

#roi-dashboard .payback-label-group {
    display: flex;
    flex-direction: column;
    text-align: right;
    line-height: 1.2;
}

#roi-dashboard .payback-main-label {
    font-size: 1.125em !important;
}

#roi-dashboard .payback-sub-label {
    font-size: 0.75em !important;
    margin-top: 2px;
}

#roi-dashboard .payback-value-text {
    font-weight: 700;
    font-size: 1.125em !important;
    text-align: right;
}

#roi-dashboard .payback-bar-track {
    height: 12px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 6px !important;
    overflow: hidden;
    display: flex;
    align-items: center;
}

#roi-dashboard .payback-bar-fill {
    height: 100%;
    border-radius: 6px !important;
    transition: width 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

#roi-dashboard .payback-fill-cost {
    background-color: rgba(255, 255, 255, 0.6);
}

#roi-dashboard .payback-fill-return {
    background-color: #ffffff;
}

#roi-dashboard .payback-summary {
    margin-top: 10px;
    padding-top: 8px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 0.9em !important;
    text-align: right;
}

#roi-dashboard .payback-summary strong {
    font-weight: 700;
}

/* ROI Breakdown within Hero */
#roi-dashboard .roi-breakdown {
    background: rgba(255, 255, 255, 0.15);
    padding: 24px;
    border-radius: 12px !important;
    backdrop-filter: blur(10px);
}

#roi-dashboard .breakdown-title {
    font-weight: 600;
    margin-bottom: 16px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 1em !important;
}

#roi-dashboard .breakdown-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 0 !important;
    transition: all 0.2s ease;
}

#roi-dashboard .breakdown-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

#roi-dashboard .breakdown-item:first-child {
    padding-top: 0;
}

#roi-dashboard .breakdown-item:hover .breakdown-label {
    opacity: 1;
}

#roi-dashboard .breakdown-label {
    font-size: 1.05em !important;
}

#roi-dashboard .breakdown-value {
    font-size: 1.4em !important;
    font-weight: 700;
}

#roi-dashboard .breakdown-separator {
    height: 2px;
    background: rgba(255, 255, 255, 0.5);
    margin: 12px 0;
}

#roi-dashboard .breakdown-calculation .breakdown-label {
    opacity: 1;
}

#roi-dashboard .breakdown-calculation {
    border-bottom: none !important;
}

#roi-dashboard .breakdown-calculation .breakdown-value {
    font-size: 1.5em !important;
}

#roi-dashboard .breakdown-total {
    border-top: 2px solid rgba(255, 255, 255, 0.4) !important;
    padding-top: 14px !important;
    margin-top: 4px;
}

#roi-dashboard .breakdown-total .breakdown-label {
    font-weight: 700;
    font-size: 1.2em !important;
}

#roi-dashboard .breakdown-total .breakdown-value {
    font-size: 1.7em !important;
    font-weight: 700;
}

#roi-dashboard .breakdown-multiplier {
    font-size: 0.50em;
    font-weight: 400;
}

#roi-dashboard .breakdown-footnote {
    margin-top: 10px;
    padding-top: 8px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 0.9em !important;
    text-align: right;
}

/* ================================================= */
/* 6. Performance KPI Section (New Insights)         */
/* ================================================= */

#roi-dashboard .new-insights-section {
    background: white;
    border: 1px solid var(--gray-200);
    border-radius: 12px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    margin-bottom: 32px;
    overflow: hidden;
}

#roi-dashboard .new-insights-header {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #f8f9fb;
    padding: 20px 28px;
    border-bottom: 2px solid #e2e8f0;
}

#roi-dashboard .new-insights-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    min-width: 36px;
    background: #000000;
    color: white;
    border-radius: 8px !important;
    font-weight: bold;
    font-size: 1.25em !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

#roi-dashboard .new-insights-title {
    font-size: 1.2em !important;
    font-weight: 700;
    color: #000000;
}

#roi-dashboard .kpi-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1px;
    background: #e2e8f0;
}

#roi-dashboard .kpi-card {
    background: white;
    padding: 24px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    transition: background 0.2s ease;
    position: relative;
    border-radius: 0 !important;
}

#roi-dashboard .kpi-badge {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 12px !important;
    color: white;
    font-weight: 800;
    font-size: 1.1em;
    margin-bottom: 12px;
}

#roi-dashboard .kpi-card:nth-child(1) .kpi-badge { background: linear-gradient(135deg, #10b981 0%, #059669 100%); }
#roi-dashboard .kpi-card:nth-child(2) .kpi-badge { background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%); }
#roi-dashboard .kpi-card:nth-child(3) .kpi-badge { background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%); }
#roi-dashboard .kpi-card:nth-child(4) .kpi-badge { background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%); }

#roi-dashboard .kpi-label {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 2.6em;
    font-size: 0.8em;
    color: #64748b;
    margin-bottom: 8px;
    padding: 0 8px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 600;
    line-height: 1.3;
}

#roi-dashboard .kpi-value {
    font-size: 2.6em !important;
    font-weight: 700;
    color: var(--gray-900);
    margin-bottom: 6px;
    line-height: 1;
}

#roi-dashboard .kpi-context {
    font-size: 0.85em;
    color: #64748b;
    line-height: 1.4;
    padding: 0 8px;
}

/* KPI Carousel */
#roi-dashboard .kpi-ranking-carousel,
#roi-dashboard .kpi-roi-carousel {
    position: relative;
    min-height: 180px;
}

#roi-dashboard .kpi-ranking-item,
#roi-dashboard .kpi-roi-item {
    display: none;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 100%;
}

#roi-dashboard .kpi-ranking-item.active,
#roi-dashboard .kpi-roi-item.active {
    display: flex;
}

#roi-dashboard .kpi-carousel-nav {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    pointer-events: none;
}

#roi-dashboard .kpi-nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background: rgba(226, 232, 240, 0.9);
    border: none;
    border-radius: 4px !important;
    color: #475569;
    font-size: 18px;
    cursor: pointer;
    pointer-events: auto;
    transition: all 0.2s ease;
    padding: 0;
}

#roi-dashboard .kpi-nav-prev {
    left: 8px;
}

#roi-dashboard .kpi-nav-next {
    right: 8px;
}

#roi-dashboard .kpi-nav-btn:hover {
    background: rgba(203, 213, 225, 1);
    color: #1e293b;
}

/* KPI Context Bar */
#roi-dashboard .context-bar {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #f8f9fb;
    padding: 18px 28px;
    border-top: 1px solid #e2e8f0;
}

#roi-dashboard .context-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
    color: white;
    border-radius: 8px !important;
    font-size: 0.9em;
}

#roi-dashboard .context-text {
    font-size: 0.9em;
    color: #475569;
}

#roi-dashboard .context-text strong {
    color: #1e293b;
    font-weight: 700;
}

/* ========================================= */
/* 7. Stats Grid Section                     */
/* ========================================= */

#roi-dashboard .stats-grid {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px 32px;
}

#roi-dashboard .stats-grid > [class*='col-'] {
    display: flex;
    padding: 0 10px;
}

#roi-dashboard .stat-card {
    display: grid;
    grid-template-rows: auto auto 1fr;
    gap: 8px;
    width: 100%;
    background: white;
    border: 1px solid var(--gray-200);
    border-radius: 12px !important;
    padding: 24px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    transition: all 0.25s ease;
    position: relative;
    overflow: hidden;
    animation: fadeInUp 0.6s ease both;
    margin-bottom: 20px;
    z-index: 1;
}

#roi-dashboard .stat-card:nth-child(1) { animation-delay: 0.1s; }
#roi-dashboard .stat-card:nth-child(2) { animation-delay: 0.2s; }
#roi-dashboard .stat-card:nth-child(3) { animation-delay: 0.3s; }
#roi-dashboard .stat-card:nth-child(4) { animation-delay: 0.4s; }

#roi-dashboard .stat-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--primary) 0%, #34D399 100%);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease;
}

#roi-dashboard .stat-card:hover {
    border-color: var(--primary);
    box-shadow: 0 8px 24px rgba(16, 185, 129, 0.12);
    transform: translateY(-2px);
}

#roi-dashboard .stat-card:hover::before {
    transform: scaleX(1);
}

#roi-dashboard .stat-label {
    display: block;
    font-weight: 600;
    color: var(--gray-600);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 0.85em;
}

#roi-dashboard .stat-value {
    font-size: 2.8em !important;
    font-weight: 100;
    color: var(--gray-900);
    line-height: 1;
    letter-spacing: -1.5px;
    transition: color 0.2s ease;
}

#roi-dashboard .stat-card:hover .stat-value {
    color: var(--primary);
}

#roi-dashboard .stat-value.positive-value {
    color: var(--primary-dark);
}

#roi-dashboard .stat-subtitle {
    font-size: 0.95em !important;
    color: #6B7280;
    align-self: start;
}

#roi-dashboard .stat-benchmark {
    display: inline-block;
    font-size: 12px;
    color: #666;
}

#roi-dashboard .stat-benchmark .icon {
    color: #0a66c2;
    font-weight: bold;
    margin-right: 4px;
}

#roi-dashboard .stat-benchmark strong {
    color: #10a37f;
    font-weight: 600;
}

/* ========================================= */
/* 8. General Section & Card Styles          */
/* ========================================= */

#roi-dashboard .section {
    margin-bottom: 40px;
}

#roi-dashboard .section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

#roi-dashboard .section-title {
    font-size: 1.6em !important;
    font-weight: 700;
    color: var(--gray-900);
    letter-spacing: -0.4px;
    margin: 0;
}

#roi-dashboard .card {
    background: white;
    border: 1px solid var(--gray-200);
    border-radius: 12px !important;
    padding: 32px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.2s ease;
}

#roi-dashboard .card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

#roi-dashboard .card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 28px;
    padding-bottom: 20px;
    border-bottom: 2px solid var(--gray-50);
}

#roi-dashboard .card-title {
    font-size: 1.5em !important;
    font-weight: 700;
    color: var(--gray-900);
    letter-spacing: -0.3px;
    margin: 0;
}

/* ========================================= */
/* 9. Donut Chart & Legend                   */
/* ========================================= */

#roi-dashboard .chart-container {
    position: relative;
    width: 100%;
    min-height: 280px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 32px;
}

#roi-dashboard .donut-chart {
    width: 240px;
    height: 240px;
    filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.08));
}

#roi-dashboard .donut-chart .chart-segment {
    cursor: pointer;
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

#roi-dashboard .donut-chart .chart-segment:hover {
    stroke-width: 36;
    filter: brightness(1.1);
}

#roi-dashboard .chart-center-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    pointer-events: none;
}

#roi-dashboard .chart-value {
    font-size: 2.2em !important;
    font-weight: 700;
    color: var(--gray-900);
    line-height: 1;
    letter-spacing: -1.5px;
}

#roi-dashboard .chart-label {
    font-size: 1.1em !important;
    color: var(--gray-600);
    font-weight: 600;
    margin-top: 6px;
}

#roi-dashboard #chart-tooltip {
    display: none;
    position: absolute;
    background: rgba(17, 24, 39, 0.95);
    color: white;
    padding: 12px 16px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    pointer-events: none;
    z-index: 1000;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    white-space: nowrap;
}

#roi-dashboard #tooltip-label { margin-bottom: 4px; }
#roi-dashboard #tooltip-value { font-size: 18px; font-weight: 700; }
#roi-dashboard #tooltip-percentage { font-size: 13px; opacity: 0.9; }

#roi-dashboard .chart-legend {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 8px;
}

#roi-dashboard .legend-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 18px;
    background: var(--gray-50);
    border-radius: 8px !important;
    border-left: 4px solid;
    transition: all 0.2s ease;
    cursor: pointer;
}

#roi-dashboard .legend-item:hover {
    background: #F3F4F6;
    transform: translateX(4px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

#roi-dashboard .legend-left {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
    min-width: 0;
}

#roi-dashboard .legend-dot {
    width: 12px;
    height: 12px;
    min-width: 12px;
    border-radius: 50% !important;
}

#roi-dashboard .legend-label {
    font-size: 1.1em !important;
    font-weight: 600;
    color: var(--gray-700);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#roi-dashboard .legend-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
}

#roi-dashboard .legend-value {
    font-size: 1.5em !important;
    font-weight: 700;
    color: var(--gray-900);
    white-space: nowrap;
}

#roi-dashboard .legend-percentage {
    color: var(--gray-600);
    font-weight: 600;
}

/* Legend Color Modifiers */
#roi-dashboard .legend-item.legend-recruitment { border-left-color: #059669; }
#roi-dashboard .legend-dot.legend-recruitment { background-color: #059669; }
#roi-dashboard .legend-item.legend-branding { border-left-color: #10B981; }
#roi-dashboard .legend-dot.legend-branding { background-color: #10B981; }
#roi-dashboard .legend-item.legend-social { border-left-color: #34D399; }
#roi-dashboard .legend-dot.legend-social { background-color: #34D399; }

/* ========================================= */
/* 10. Performance Comparison Bar            */
/* ========================================= */

#roi-dashboard .performance-bar {
    display: flex;
    flex-direction: column;
    background: white;
    border: 1px solid var(--gray-200);
    border-radius: 12px !important;
    padding: 32px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

#roi-dashboard .bar-header {
    text-align: center;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#roi-dashboard .bar-title {
    font-size: 1.25em !important;
    font-weight: 600;
    color: var(--gray-700);
    margin-bottom: 12px;
    letter-spacing: 0.5px;
}

#roi-dashboard .bar-value {
    font-size: 4.5em !important;
    font-weight: 700;
    color: var(--primary-dark);
    line-height: 1;
    letter-spacing: -2px;
    display: inline-block;
}

#roi-dashboard .comparison-bars {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: auto;
}

#roi-dashboard .comparison-item {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

#roi-dashboard .comparison-label {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    font-size: 1.1em !important;
    font-weight: 600;
    color: var(--gray-700);
}

#roi-dashboard .comparison-label span:first-child {
    flex: 1;
    min-width: 0;
}

#roi-dashboard .comparison-label span:last-child {
    white-space: nowrap;
}

#roi-dashboard .comparison-bar {
    height: 32px;
    background: #F3F4F6;
    border-radius: 8px !important;
    overflow: hidden;
    position: relative;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.08);
}

#roi-dashboard .comparison-fill {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0 12px;
    border-radius: 6px !important;
    color: white;
    font-weight: 700;
    font-size: 1.1em !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    transition: width 1.2s cubic-bezier(0.4, 0, 0.2, 1);
}

#roi-dashboard .comparison-text-external {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: var(--gray-700);
    font-weight: 700;
    font-size: 1.1em !important;
    white-space: nowrap;
}

#roi-dashboard .benchmark-note {
    text-align: center;
    margin-top: 20px;
    padding: 14px;
    background: #ECFDF5;
    border-radius: 8px !important;
    font-size: 1.05em !important;
    color: #047857;
    font-weight: 600;
}

/* Bar Color Modifiers */
#roi-dashboard .comparison-fill.bar-company { background: linear-gradient(90deg, #059669, #10B981); }
#roi-dashboard .comparison-fill.bar-industry { background: linear-gradient(90deg, #6B7280, #9CA3AF); }
#roi-dashboard .comparison-fill.bar-clients { background: linear-gradient(90deg, #94A3B8, #CBD5E1); }

/* ========================================= */
/* 11. Detailed ROI Breakdown Cards          */
/* ========================================= */

#roi-dashboard .detail-card {
    display: flex;
    flex-direction: column;
    background: white;
    border: 1px solid var(--gray-200);
    border-radius: 10px !important;
    padding: 24px;
    border-left: 4px solid;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
    transition: all 0.25s ease;
    margin-bottom: 20px;
}

#roi-dashboard .detail-card:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transform: translateY(-2px);
    border-color: var(--gray-300);
}

#roi-dashboard .detail-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

#roi-dashboard .detail-header-left {
    display: flex;
    align-items: center;
    gap: 12px;
}

#roi-dashboard .detail-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 10px !important;
    background: white;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s ease;
}

#roi-dashboard .detail-card:hover .detail-icon {
    transform: scale(1.1) rotate(5deg);
}

#roi-dashboard .detail-label {
    font-size: 1.1em !important;
    font-weight: 600;
    color: var(--gray-700);
    margin: 0;
}

#roi-dashboard .detail-value {
    font-size: 2.5em !important;
    font-weight: 700;
    letter-spacing: -1px;
    text-align: right;
}

#roi-dashboard .detail-desc {
    color: var(--gray-600);
    line-height: 1.6;
    min-height: 6.5em;
}

#roi-dashboard .detail-metrics {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--gray-300);
}

#roi-dashboard .detail-metric {
    display: flex;
    flex-direction: column;
    gap: 0px;
}

#roi-dashboard .metric-label {
    font-size: 0.688em !important;
    font-weight: 600;
    color: var(--gray-600);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    line-height: 1.3;
    min-height: 2.6em;
}

#roi-dashboard .metric-value {
    font-size: 1.25em !important;
    font-weight: 700;
    color: var(--gray-900);
    word-break: break-word;
}

/* Detail Card Color Modifiers */
#roi-dashboard .detail-card.detail-recruitment { border-left-color: #059669; }
#roi-dashboard .detail-card.detail-recruitment .detail-icon,
#roi-dashboard .detail-card.detail-recruitment .detail-value { color: #059669; }

#roi-dashboard .detail-card.detail-branding { border-left-color: #10B981; }
#roi-dashboard .detail-card.detail-branding .detail-icon,
#roi-dashboard .detail-card.detail-branding .detail-value { color: #10B981; }

#roi-dashboard .detail-card.detail-social { border-left-color: #34D399; }
#roi-dashboard .detail-card.detail-social .detail-icon,
#roi-dashboard .detail-card.detail-social .detail-value { color: #34D399; }

@keyframes roiHighlightPulse {
    0% {
        background-color: white;
        border-top-color: var(--gray-200);
        border-right-color: var(--gray-200);
        border-bottom-color: var(--gray-200);
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
    }
    50% {
        background-color: #F0FDF4;
        border-top-color: #10B981;
        border-right-color: #10B981;
        border-bottom-color: #10B981;
        border-top-width: 2px;
        border-right-width: 2px;
        border-bottom-width: 2px;
    }
    100% {
        background-color: white;
        border-top-color: var(--gray-200);
        border-right-color: var(--gray-200);
        border-bottom-color: var(--gray-200);
        border-top-width: 1px;
        border-right-width: 1px;
        border-bottom-width: 1px;
    }
}

#roi-dashboard .detail-card.highlight-pulse {
    animation: roiHighlightPulse 1.2s ease-in-out;
}

#roi-dashboard .specialist-section {
    width: 100%;
    max-width: 100%;
}

#roi-dashboard .specialist-cta {
    background: white;
    border-radius: 10px !important;
    padding: 40px;
    text-align: center;
    border: 1px solid #e0e0e0 !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.04);
    position: relative;
    overflow: hidden;
    width: 100%;
}

#roi-dashboard .specialist-icon {
    width: 64px;
    height: 64px;
    background: #E8F8F3;
    border-radius: 50% !important;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
}

#roi-dashboard .specialist-icon svg {
    stroke: #00C48C;
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    width: 32px;
    height: 32px;
}

#roi-dashboard .specialist-text {
    color: #1f2937;
    font-size: 1.19em !important;
    font-weight: 700;
    margin-bottom: 12px;
    line-height: 1.4;
}

#roi-dashboard .specialist-subtitle {
    color: #6b7280;
    font-size: 0.94em !important;
    font-weight: 400;
    margin-bottom: 26px;
    line-height: 1.5;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
}

#roi-dashboard .specialist-subtitle strong {
    color: #1f2937;
    font-weight: 700;
}

#roi-dashboard .btn-specialist {
    padding: 10px 28px;
    border-radius: 8px !important;
    font-weight: 600;
    font-size: 1.1em !important;
    border: none !important;
    cursor: pointer;
    transition: all 0.2s ease;
    background: #00C48C;
    color: white;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    box-shadow: 0 2px 8px rgba(0, 196, 140, 0.15);
}

#roi-dashboard .btn-specialist:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 196, 140, 0.25);
    text-decoration: none;
    color: white;
}

/* ========================================= */
/* 13. Responsive Styles                     */
/* ========================================= */

@media (max-width: 1200px) {
    #roi-dashboard .roi-hero {
        padding: 32px;
    }
    #roi-dashboard .roi-percentage {
        padding: 6px 16px;
    }
    #roi-dashboard .roi-breakdown {
        margin-top: 35px;
    }
    #roi-dashboard .kpi-grid {
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    }
}

@media (max-width: 991px) {
    #roi-dashboard .stats-grid {
        margin-left: -10px;
        margin-right: -10px;
    }
    #roi-dashboard .stats-grid > [class*='col-'] {
        padding-left: 10px;
        padding-right: 10px;
    }
    #roi-dashboard .bar-header {
        flex: none;
        margin-bottom: 24px;
    }
    #roi-dashboard .comparison-bars {
        margin-top: 0;
    }
}

@media (max-width: 768px) {
    #roi-dashboard .header {
        padding: 16px 20px;
        position: relative;
        top: auto;
    }
    #roi-dashboard .header-content {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
    #roi-dashboard .header-actions {
        width: 100%;
        flex-wrap: nowrap;
        justify-content: space-between;
        gap: 8px;
        align-items: center !important;
    }
    #roi-dashboard .header .btn-secondary {
        flex: 1 !important;
        justify-content: center !important;
        align-items: center !important;
        font-size: 0.95em !important;
        padding: 10px 12px !important;
        height: 40px !important;
        line-height: 1 !important;
        margin: 0 !important;
        vertical-align: middle !important;
    }
    #roi-dashboard .plan-badge {
        flex: 1 !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        font-size: 0.85em !important;
        padding: 10px 12px !important;
        height: 40px !important;
        line-height: 1 !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        vertical-align: middle !important;
    }
    #roi-dashboard .company-info h1 {
        font-size: 1.5em !important;
    }
    #roi-dashboard .company-meta {
        flex-wrap: wrap;
        font-size: 0.9em !important;
    }
    #roi-dashboard .roi-content {
        padding: 20px 15px;
    }
    #roi-dashboard .roi-hero {
        padding: 24px;
    }
    #roi-dashboard .roi-value {
        font-size: 3.5em !important;
    }
    #roi-dashboard .roi-percentage {
        font-size: 2em !important;
        padding: 6px 12px;
    }
    #roi-dashboard .roi-meta {
        flex-direction: column;
        gap: 16px;
    }
    #roi-dashboard .payback-bar-row {
        grid-template-columns: 80px 1fr 50px;
        gap: 8px;
    }
    #roi-dashboard .payback-main-label {
        font-size: 12px;
    }
    #roi-dashboard .payback-sub-label {
        font-size: 9px;
    }
    #roi-dashboard .payback-value-text {
        font-size: 12px;
    }
    #roi-dashboard .stat-value { font-size: 2em !important; }
    #roi-dashboard .chart-value { font-size: 2.25em !important; }
    #roi-dashboard .legend-value { font-size: 1.25em !important; }
    #roi-dashboard .detail-value { font-size: 1.8em !important; }
    #roi-dashboard .bar-value { font-size: 3.5em !important; }
    #roi-dashboard .kpi-value { font-size: 2em !important; }

    #roi-dashboard .detail-header {
        flex-wrap: wrap;
        gap: 12px;
    }
    #roi-dashboard .detail-metrics {
        grid-template-columns: 1fr;
    }
    #roi-dashboard .metric-label { font-size: 0.65em !important; }
    #roi-dashboard .metric-value { font-size: 1.15em !important; }
    
    #roi-dashboard .card,
    #roi-dashboard .performance-bar {
        padding: 24px;
    }
    #roi-dashboard .stat-card,
    #roi-dashboard .detail-card {
        padding: 20px;
    }
    #roi-dashboard .section {
        margin-bottom: 32px;
    }
    #roi-dashboard .kpi-grid {
        grid-template-columns: 1fr;
    }
    #roi-dashboard .context-bar {
        padding: 16px 20px;
    }
    #roi-dashboard .context-text {
        font-size: 0.85em;
    }
}

@media (max-width: 768px) {
    #roi-dashboard .specialist-cta {
        padding: 32px 20px;
    }
    #roi-dashboard .specialist-icon {
        width: 64px;
        height: 64px;
        margin-bottom: 20px;
    }
    #roi-dashboard .specialist-icon svg {
        width: 32px;
        height: 32px;
    }
    #roi-dashboard .specialist-text {
        font-size: 1.06em !important;
        margin-bottom: 10px;
    }
    #roi-dashboard .specialist-subtitle {
        font-size: 0.88em !important;
        margin-bottom: 20px;
    }
    #roi-dashboard .btn-specialist {
        width: 100%;
        padding: 14px 32px;
        font-size: 0.94em !important;
    }
}

@media (max-width: 480px) {
    #roi-dashboard .roi-value-row {
        flex-direction: column;
        gap: 12px;
        align-items: flex-start;
    }
    #roi-dashboard .donut-chart {
        width: 200px;
        height: 200px;
    }
    #roi-dashboard .detail-value { font-size: 1.5em !important; }
    #roi-dashboard .detail-card { padding: 16px; }
    #roi-dashboard .detail-header { margin-bottom: 12px; }
    #roi-dashboard .bar-value { font-size: 3em !important; }
    #roi-dashboard .comparison-label { font-size: 0.95em !important; }
    #roi-dashboard .comparison-fill { font-size: 0.95em !important; }
    #roi-dashboard .benchmark-note { font-size: 0.95em !important; }
}

/* ========================================= */
/* ROI - Drag & Drop System                  */
/* ========================================= */

#roi-dashboard .draggable-section {
    position: relative;
}

#roi-dashboard .drag-handle {
    position: absolute;
    top: 8px;
    right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    font-size: 14px;
    color: var(--gray-400);
    cursor: grab;
    opacity: 0;
    transition: opacity 0.2s ease;
    z-index: 10;
    user-select: none;
    letter-spacing: -2px;
}

#roi-dashboard .draggable-section:hover .drag-handle {
    opacity: 1;
}

#roi-dashboard .drag-handle:hover {
    color: var(--gray-600);
}

#roi-dashboard .drag-handle:active {
    cursor: grabbing;
}

#roi-dashboard .draggable-section.sortable-ghost {
    opacity: 0.4;
}

#roi-dashboard .draggable-section.sortable-chosen {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

#roi-dashboard #sortable-stats [data-card],
#roi-dashboard #sortable-breakdown [data-card],
#roi-dashboard #sortable-charts [data-chart] {
    cursor: grab;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

#roi-dashboard #sortable-stats [data-card]:active,
#roi-dashboard #sortable-breakdown [data-card]:active,
#roi-dashboard #sortable-charts [data-chart]:active {
    cursor: grabbing;
}

#roi-dashboard #sortable-stats .sortable-ghost,
#roi-dashboard #sortable-breakdown .sortable-ghost,
#roi-dashboard #sortable-charts .sortable-ghost {
    opacity: 0.4;
}

#roi-dashboard #sortable-stats .sortable-chosen,
#roi-dashboard #sortable-breakdown .sortable-chosen,
#roi-dashboard #sortable-charts .sortable-chosen {
    transform: scale(1.02);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

/* Live feed page */
.live-feed-white-label-logo {
    display: block;
    margin: 20px auto;
    max-width: 140px;
    max-height: 108px;
    border: 1px solid #ddd;
    padding: 5px;
    background: #fff;
}

@media (min-width: 992px) {
    .live-feed-white-label-logo {
        position: absolute;
        top: 50%;
        left: 81.5%;
        transform: translateY(-50%);
        margin: 0;
    }

    .live-feed-white-label-content {
        position: relative;
        padding-right: 160px;
    }
}

/* Chatbot Widget */
.chatbot-widget {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 10px 20px;
}

.chatbot-widget .chatbot-label {
    display: flex;
    align-items: center;
    gap: 6px;
}

.chatbot-widget .gradient-text {
    background: linear-gradient(90deg, rgb(59, 130, 246), rgb(139, 92, 246), rgb(236, 72, 153), rgb(139, 92, 246), rgb(59, 130, 246)) 0% 50% / 200% 100%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-size: 15px;
    font-weight: 600;
}

.chatbot-widget .sparkle-icon {
    width: 16px;
    height: 16px;
    fill: rgb(59, 130, 246);
}

.chatbot-widget .input-gradient-wrapper {
    background: linear-gradient(90deg, rgb(59, 130, 246), rgb(139, 92, 246), rgb(236, 72, 153), rgb(139, 92, 246), rgb(59, 130, 246)) 0% 50% / 200% 100%;
    padding: 2px;
    border-radius: 50px !important;
    box-shadow: 0 4px 20px -4px rgba(0, 0, 0, 0.1), 0 2px 10px -2px rgba(59, 130, 246, 0.1);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.chatbot-widget .input-gradient-wrapper:focus-within {
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

.chatbot-widget .ai-input-box {
    background: #fff;
    border-radius: 48px !important;
    display: flex;
    align-items: center;
    padding: 6px;
    height: 52px;
}

.chatbot-widget .brand-icon {
    width: 28px;
    height: 28px;
    padding: 6px;
    box-sizing: content-box;
    border-radius: 50% !important;
    margin-right: 6px;
    flex-shrink: 0;
    background-color: #1D2125;
}

.chatbot-widget .ai-input-wrapper {
    flex-grow: 1;
    position: relative;
    min-width: 0;
}

.chatbot-widget .ai-placeholder {
    position: absolute;
    left: 8px;
    top: 50%;
    transform: translateY(-50%);
    color: #666;
    opacity: 0.7;
    font-size: 16px;
    pointer-events: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(100% - 16px);
}

.chatbot-widget .ai-placeholder span {
    display: inline-block;
    transition: opacity 0.4s ease, filter 0.4s ease, transform 0.4s ease;
}

.chatbot-widget .ai-placeholder.smoke-out span {
    opacity: 0;
    filter: blur(4px);
    transform: translateY(-6px);
}

.chatbot-widget .ai-input {
    width: 100%;
    border: none;
    outline: none;
    font-size: 16px;
    color: #333;
    background: transparent;
    padding: 0 8px;
    min-width: 0;
}

.chatbot-widget .send-btn {
    width: 40px;
    height: 40px;
    background-color: #d1d5db;
    border: none;
    border-radius: 50% !important;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s, transform 0.1s;
    color: white;
    padding: 0;
    flex-shrink: 0;
    position: relative;
}

.chatbot-widget .send-btn::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background: linear-gradient(135deg, #ec4899, #8b5cf6);
    opacity: 0;
    transition: opacity 0.3s;
}

.chatbot-widget .send-btn:hover {
    background-color: #9ca3af;
}

.chatbot-widget .send-btn.active::before {
    opacity: 1;
}

.chatbot-widget .send-btn.active:hover {
    transform: scale(1.05);
}

.chatbot-widget .send-btn svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
    margin-left: 2px;
    position: relative;
    z-index: 1;
}

.chatbot-widget .suggestions-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    animation: chatbotFadeIn 0.5s ease-out forwards;
}

.chatbot-widget .chip {
    background-color: #eef2f6;
    border: 1px solid transparent;
    border-radius: 20px !important;
    padding: 6px 14px;
    font-size: 13px;
    color: #4a5568;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
}

.chatbot-widget .chip:hover {
    background-color: #e0e7ff;
    border-color: #c7d2fe;
    transform: translateY(-1px);
    color: #333;
}

.chatbot-widget .chip svg {
    flex-shrink: 0;
}

.chatbot-widget .powered-by {
    font-size: 11px;
    color: #999;
    margin-left: auto;
    align-self: center;
    white-space: nowrap;
}

@keyframes chatbotFadeIn {
    from { opacity: 0; transform: translateY(-5px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 768px) {
    .chatbot-widget {
        margin: 10px 15px;
        gap: 10px;
    }

    .chatbot-widget .gradient-text {
        font-size: 14px;
    }

    .chatbot-widget .ai-input-box {
        height: 48px;
        padding: 5px;
    }

    .chatbot-widget .brand-icon {
        width: 24px;
        height: 24px;
        padding: 5px;
        margin-right: 4px;
    }

    .chatbot-widget .ai-input {
        font-size: 15px;
        padding: 0 6px;
    }

    .chatbot-widget .send-btn {
        width: 36px;
        height: 36px;
    }

    .chatbot-widget .send-btn svg {
        width: 14px;
        height: 14px;
    }

    .chatbot-widget .suggestions-row {
        gap: 8px;
    }

    .chatbot-widget .chip {
        padding: 5px 12px;
        font-size: 12px;
    }

    .chatbot-widget .powered-by {
        font-size: 10px;
        flex-basis: 100%;
        text-align: right;
        margin-left: 0;
    }
}

@media (max-width: 480px) {
    .chatbot-widget {
        margin: 8px 10px;
    }

    .chatbot-widget .sparkle-icon {
        width: 14px;
        height: 14px;
    }

    .chatbot-widget .gradient-text {
        font-size: 13px;
    }

    .chatbot-widget .chip {
        flex: 0 1 auto;
        min-width: 0;
    }

    .chatbot-widget .chip span {
        display: inline;
    }
}

/* Review card history indicator */
.review-card-history-separator {
    color: #ccc; 
    margin: 0 4px;
}

.review-card-history-label {
    display: inline-flex;
    align-items: center;
    vertical-align: -2px;
    color: #7b5ea7;
    font-weight: 600;
    text-decoration: underline;
    text-decoration-style: dotted;
    text-underline-offset: 2px;
    gap: 3px;
}

.review-card-history-icon {
    width: 13px;
    height: 13px;
    flex-shrink: 0;
    margin-right: 2px;
}

/* Campaign CTR labels */
.campaign-ctr { cursor: pointer; font-size: 12px; font-weight: 600; }
.campaign-ctr.ctr-excellent { background-color: #86efac; color: #064e3b; border: 1px solid #6ee7b7; }
.campaign-ctr.ctr-good { background-color: #b2f5cf; color: #065f46; border: 1px solid #95efbb; }
.campaign-ctr.ctr-fair { background-color: #d5fae6; color: #047857; border: 1px solid #b8f5d5; }
.campaign-ctr.ctr-low { background-color: #eefcf3; color: #15803d; border: 1px solid #d5fae6; }

/* Review history modal */
.review-history-modal-link {
    font-size: 10px;
    cursor: pointer;
    margin-top: 9px;
    display: block;
}

.review-history-modal-link:hover {
    text-decoration: underline;
}

#reviewHistoryModal .review-history-modal-card {
    border: 1px solid #eee;
    border-radius: 4px;
    padding: 12px;
    margin-bottom: 10px;
}

#reviewHistoryModal .review-history-modal-card-header {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 4px;
}

#reviewHistoryModal .review-history-modal-type {
    font-size: 12px;
    color: #777;
}

#reviewHistoryModal .review-history-modal-title {
    margin: 4px 0;
}

#reviewHistoryModal .review-history-modal-title a {
    color: #333;
}

#reviewHistoryModal .review-history-modal-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#reviewHistoryModal .review-history-modal-score {
    font-size: 14px;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 3px;
}

#reviewHistoryModal .review-history-modal-actions {
    margin-top: 6px;
}

/* =============================================
   Jobboard Manager
   ============================================= */

.jobboard-manager { padding: 14px 15px 30px; }
.jobboard-manager-header { margin: 0 0 16px; font-size: 18px; font-weight: 600; color: #1a1a2e; display: flex; align-items: center; gap: 10px; }
.jobboard-manager-header i.fa-briefcase { color: #5a6acf; font-size: 16px; }

/* Expire Checker tool */
.jobboard-manager {
	--ec-bg: #f8f9fc; --ec-white: #fff; --ec-tinted: #f1f3f9; --ec-hover: #edf0f7;
	--ec-border: #e2e5ef; --ec-border-strong: #d0d4e2;
	--ec-text: #1a1d2b; --ec-text2: #5a5f78; --ec-text3: #8b90a5;
	--ec-accent: #4f5ae0; --ec-accent-light: #6c75f0;
	--ec-accent-bg: rgba(79,90,224,.07); --ec-accent-bg2: rgba(79,90,224,.12);
	--ec-green: #16a362; --ec-green-bg: rgba(22,163,98,.08);
	--ec-red: #dc3545; --ec-red-bg: rgba(220,53,69,.07); --ec-red-border: rgba(220,53,69,.18);
	--ec-orange: #e67e22; --ec-orange-bg: rgba(230,126,34,.08);
	--ec-yellow: #d4a017; --ec-yellow-bg: rgba(212,160,23,.08);
	--ec-radius: 10px; --ec-radius-sm: 6px;
	--ec-shadow-sm: 0 1px 2px rgba(0,0,0,.04);
	--ec-shadow: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);
	-webkit-font-smoothing: antialiased;
	background: var(--ec-bg);
}
.jobboard-manager .ec-stats { display: flex; gap: 12px; margin-bottom: 20px; }
.jobboard-manager .ec-stat {
	background: var(--ec-white); border: 1px solid var(--ec-border); border-radius: var(--ec-radius);
	padding: 14px 18px; flex: 1; display: flex; align-items: center; gap: 12px;
	box-shadow: var(--ec-shadow-sm); transition: box-shadow .2s, border-color .2s;
}
.jobboard-manager .ec-stat:hover { box-shadow: var(--ec-shadow); border-color: var(--ec-border-strong); }
.jobboard-manager .ec-stat.clickable { cursor: pointer; }
.jobboard-manager .ec-stat-icon {
	width: 38px; height: 38px; border-radius: var(--ec-radius-sm);
	display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.jobboard-manager .ec-stat-icon.total { background: var(--ec-accent-bg); color: var(--ec-accent); }
.jobboard-manager .ec-stat-icon.active { background: var(--ec-green-bg); color: var(--ec-green); }
.jobboard-manager .ec-stat-icon.closed { background: var(--ec-red-bg); color: var(--ec-red); }
.jobboard-manager .ec-stat-icon.errors { background: var(--ec-orange-bg); color: var(--ec-orange); }
.jobboard-manager .ec-stat-val { font-size: 22px; font-weight: 700; letter-spacing: -0.5px; line-height: 1.1; }
.jobboard-manager .ec-stat-val.green { color: var(--ec-green); }
.jobboard-manager .ec-stat-val.red { color: var(--ec-red); }
.jobboard-manager .ec-stat-val.orange { color: var(--ec-orange); }
.jobboard-manager .ec-stat-label {
	font-size: 12px; color: var(--ec-text3); font-weight: 500;
	text-transform: uppercase; letter-spacing: 0.4px; margin-top: 2px;
}
.jobboard-manager .ec-stat-date { font-weight: 400; }
.jobboard-manager .ec-toolbar {
	background: var(--ec-white); border: 1px solid var(--ec-border); border-radius: 14px;
	padding: 12px 16px; margin-bottom: 14px; display: flex; align-items: center;
	justify-content: space-between; gap: 10px; box-shadow: var(--ec-shadow-sm);
}
.jobboard-manager .ec-toolbar-left, .jobboard-manager .ec-toolbar-right {
	display: flex; align-items: center; gap: 8px;
}
.jobboard-manager .ec-lastrun {
	font-size: 12px; color: var(--ec-text3);
	background: var(--ec-tinted); padding: 5px 10px; border-radius: var(--ec-radius-sm);
}
.jobboard-manager .ec-toolbar .select2-container { width: 260px !important; vertical-align: middle; }
.jobboard-manager .ec-stat.stat-active {
	outline: 2px solid var(--ec-accent, #5a6acf); outline-offset: -2px;
}
.jobboard-manager .ec-btn {
	display: inline-flex; align-items: center; gap: 6px;
	font-size: 13px; font-weight: 500; padding: 7px 14px; border-radius: var(--ec-radius-sm);
	cursor: pointer; transition: all .15s; border: 1px solid transparent; white-space: nowrap;
}
.jobboard-manager .ec-btn svg { width: 14px; height: 14px; }
.jobboard-manager .ec-btn-primary { background: var(--ec-accent); color: #fff; border-color: var(--ec-accent); }
.jobboard-manager .ec-btn-primary:hover { background: var(--ec-accent-light); }
.jobboard-manager .ec-btn-outline {
	background: var(--ec-white); color: var(--ec-text2); border-color: var(--ec-border);
}
.jobboard-manager .ec-btn-outline:hover { border-color: var(--ec-border-strong); color: var(--ec-text); background: var(--ec-tinted); }
.jobboard-manager .ec-btn-danger { background: var(--ec-red-bg); color: var(--ec-red); border-color: var(--ec-red-border); }
.jobboard-manager .ec-btn-danger:hover { background: rgba(220,53,69,.12); }
.jobboard-manager .ec-btn-success { background: var(--ec-green); color: #fff; border-color: var(--ec-green); }
.jobboard-manager .ec-btn-success:hover { background: #139155; }
.jobboard-manager .ec-selection {
	background: var(--ec-accent-bg); border: 1px solid rgba(79,90,224,.15);
	border-radius: var(--ec-radius); padding: 10px 16px; margin-bottom: 12px;
	display: none; align-items: center; justify-content: space-between;
}
.jobboard-manager .ec-selection.visible { display: flex; }
.jobboard-manager .ec-selection-info {
	font-size: 13px; font-weight: 500; color: var(--ec-accent);
	display: flex; align-items: center; gap: 8px;
}
.jobboard-manager .ec-selection-actions { display: flex; gap: 8px; }
.jobboard-manager .ec-selection .ec-btn { font-size: 12px; padding: 5px 12px; }
.jobboard-manager .ec-table-wrap {
	background: var(--ec-white); border: 1px solid var(--ec-border);
	border-radius: 14px; overflow: hidden;
}
.jobboard-manager .ec-table { width: 100%; border-collapse: collapse; font-size: 13px; margin-bottom: 0; }
.jobboard-manager .ec-table thead th, .jobboard-manager .ec-table tbody td { border-radius: 0 !important; }
.jobboard-manager .ec-table thead th {
	padding: 11px 14px; font-size: 11px; font-weight: 600; text-transform: uppercase;
	letter-spacing: 0.5px; color: var(--ec-text3); text-align: left;
	background: var(--ec-tinted); border-bottom: 1px solid var(--ec-border);
	white-space: nowrap; border-top: none;
}
.jobboard-manager .ec-table thead th:first-child { padding-left: 16px; width: 40px; }
.jobboard-manager .ec-table .col-score, .jobboard-manager .ec-table .col-detail { display: none; }
.jobboard-manager .ec-table.show-results .col-score, .jobboard-manager .ec-table.show-results .col-detail { display: table-cell; }
.jobboard-manager .ec-table tbody tr {
	border-bottom: 1px solid var(--ec-border); transition: background .1s;
}
.jobboard-manager .ec-table tbody tr:last-child { border-bottom: none; }
.jobboard-manager .ec-table tbody tr:hover { background: var(--ec-hover); }
.jobboard-manager .ec-table tbody td {
	padding: 12px 14px; vertical-align: middle; border-top: none;
}
.jobboard-manager .ec-table tbody td:first-child { padding-left: 16px; }
.jobboard-manager .ec-check { position: relative; width: 18px; height: 18px; }
.jobboard-manager .ec-check input {
	position: absolute; opacity: 0; width: 100%; height: 100%; cursor: pointer; z-index: 1; margin: 0;
}
.jobboard-manager .ec-check-vis {
	width: 18px; height: 18px; border: 1.5px solid var(--ec-border-strong); border-radius: 4px;
	display: flex; align-items: center; justify-content: center;
	transition: all .15s; background: var(--ec-white);
}
.jobboard-manager .ec-check input:checked + .ec-check-vis {
	background: var(--ec-accent); border-color: var(--ec-accent);
}
.jobboard-manager .ec-check input:checked + .ec-check-vis svg { opacity: 1; }
.jobboard-manager .ec-check-vis svg { color: #fff; opacity: 0; transition: opacity .1s; }
.jobboard-manager .ec-table .cell-id { font-family: var(--ec-mono); font-size: 12px; color: var(--ec-text3); font-weight: 500; }
.jobboard-manager .ec-table .cell-title { font-weight: 600; color: var(--ec-text); letter-spacing: -0.15px; max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.jobboard-manager .ec-table .cell-company { display: flex; align-items: center; gap: 6px; color: var(--ec-text2); font-weight: 500; font-size: 13px; white-space: nowrap; }
.jobboard-manager .ec-table .cell-company .job-board-logo-sprite { zoom: 45%; flex-shrink: 0; border: 1px solid var(--ec-border); border-radius: 4px; }
.jobboard-manager .ec-table .cell-url { max-width: 240px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.jobboard-manager .ec-table .cell-url a {
	font-size: 12px; font-family: var(--ec-mono); color: var(--ec-accent);
	text-decoration: none; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.jobboard-manager .ec-table .cell-url a:hover { color: var(--ec-accent-light); text-decoration: underline; }
.jobboard-manager .ec-table .cell-detail { font-size: 12px; color: var(--ec-text2); max-width: 300px; word-wrap: break-word; white-space: normal; }
.jobboard-manager .ec-table .cell-detail.warning { color: var(--ec-orange); font-weight: 500; }
.jobboard-manager .ec-table .cell-score { text-align: center; }
.jobboard-manager .ec-status {
	display: inline-flex; align-items: center; gap: 5px;
	font-size: 11.5px; font-weight: 600; padding: 4px 10px;
	border-radius: 99px; letter-spacing: 0.3px; text-transform: uppercase;
}
.jobboard-manager .ec-status .dot { width: 6px; height: 6px; border-radius: 50%; }
.jobboard-manager .ec-status-open { background: var(--ec-green-bg); color: var(--ec-green); }
.jobboard-manager .ec-status-open .dot { background: var(--ec-green); }
.jobboard-manager .ec-status-closed { background: var(--ec-red-bg); color: var(--ec-red); }
.jobboard-manager .ec-status-closed .dot { background: var(--ec-red); }
.jobboard-manager .ec-status-pending { background: var(--ec-yellow-bg); color: var(--ec-yellow); }
.jobboard-manager .ec-status-pending .dot { background: var(--ec-yellow); }
.jobboard-manager .ec-status-unchecked { background: #f0f1f3; color: #aaa; }
.jobboard-manager .ec-status-expired { background: #f0f1f3; color: #999; }
.jobboard-manager .ec-score {
	font-family: var(--ec-mono); font-size: 12px; font-weight: 500;
	padding: 3px 8px; border-radius: 5px; display: inline-block;
}
.jobboard-manager .ec-score-high { background: var(--ec-red-bg); color: var(--ec-red); }
.jobboard-manager .ec-score-medium { background: var(--ec-yellow-bg); color: var(--ec-yellow); }
.jobboard-manager .ec-score-low { background: var(--ec-green-bg); color: var(--ec-green); }
.jobboard-manager .ec-score-none { color: var(--ec-text3); }
.jobboard-manager .ec-table tr.status-fechada { background: #fff5f5; }
.jobboard-manager .ec-table tr.status-fechada:hover { background: #ffeded; }
.jobboard-manager .ec-table tr.status-erro { background: #fffcf0; }
.jobboard-manager .ec-table tr.status-erro:hover { background: #fff8e0; }
.jobboard-manager .ec-table tr.status-aberta { background: #f0faf4; }
.jobboard-manager .ec-table tr.status-aberta:hover { background: #e5f6ec; }
.jobboard-manager .ec-table tr.status-expired { opacity: 0.4; }
.jobboard-manager .ec-row-actions { display: flex; gap: 4px; opacity: 0; transition: opacity .15s; }
.jobboard-manager .ec-table tbody tr:hover .ec-row-actions { opacity: 1; }
.jobboard-manager .ec-row-btn {
	width: 28px; height: 28px; border: none; background: transparent;
	border-radius: 5px; cursor: pointer; display: flex; align-items: center;
	justify-content: center; color: var(--ec-text3); transition: all .15s;
}
.jobboard-manager .ec-row-btn:hover { background: var(--ec-tinted); color: var(--ec-text); }
.jobboard-manager .ec-toolbar .select2-container .select2-selection { border-color: var(--ec-border); border-radius: var(--ec-radius-sm); }
.jobboard-manager .ec-toolbar .select2-container .select2-selection:focus { border-color: var(--ec-accent); }
.jobboard-manager .company-cell-sprite { zoom: 45%; margin-right: 5px; float: left; border: 1px solid var(--ec-border); border-radius: 4px; }
.jobboard-manager .expire-checker-modal .modal-content { border-radius: 8px; border: none; box-shadow: 0 8px 30px rgba(0,0,0,.12); }
.jobboard-manager .expire-checker-modal .modal-header { border-bottom: 1px solid #f0f1f3; padding: 14px 20px; }
.jobboard-manager .expire-checker-modal .modal-header h4 { font-size: 15px; font-weight: 600; }
.jobboard-manager .expire-checker-modal .modal-body { padding: 16px 20px; }
.jobboard-manager .expire-checker-modal .modal-footer { border-top: 1px solid #f0f1f3; padding: 12px 20px; }
.jobboard-manager .expire-checker-modal .expire-list { max-height: 200px; overflow-y: auto; font-size: 12px; margin-top: 8px; }
.jobboard-manager .expire-checker-modal .expire-list li { padding: 4px 0; border-bottom: 1px solid #f7f8fa; }
.jobboard-manager .expire-checker-modal .icon-warning { color: #e74c5e; }
.jobboard-manager .expire-checker-markdown-preview {
	max-height: 500px; overflow-y: auto; font-size: 12px; padding: 16px;
	background: #fafbfc; border: 1px solid var(--ec-border); border-radius: 6px;
	white-space: pre-wrap; word-break: break-word; font-family: var(--ec-mono); line-height: 1.6;
}