/* mobile/desktop ads margin/padding adjust */
#div-gpt-ads_content_320x50mid {
    padding-bottom: 10px;
}

#div-gpt-ad-728x90mid {
    margin-bottom: 30px;
}

#div-gpt-ad-content-2 /* mobile mid */ {
    margin-bottom: 10px;
}

#div-gpt-ad-bottom-1 /* desktop bottom */ {
}
/* end: mobile/desktop ads margin/padding adjust */

/* overwrite partial style <bootstrap-salary.web.css > */

.sa-infoblock-cta {
    line-height: 1.3;
}

hr {
    border-top: 1px solid #e6e7e8;
}

.sa-searchinput [type=search]:focus {
    border-color: #e6e7e8;
    outline: 0;
    box-shadow: none;
}

/* end: overwrite partial style <bootstrap-salary.web.css > */
/* start master layout */
.exe-content-container {
    align-self: stretch;
    border-radius: 3px;
    height: 100%;
}

.hr_green {
    margin-top: 20px;
    background: linear-gradient(to right, #69BD08 80%,green );
    height: 4px;
}

.flex-div {
    display: flex;
    flex-flow: wrap;
    -webkit-flex-flow: wrap;
}

.flex-basic-fill {
    flex-basis: 100%;
}

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

.padding-left12 {
    padding-left: 12px !important;
}

.padding-right12 {
    padding-right: 12px !important;
}

.padding-left25 {
    padding-left: 25px !important;
}

.padding-left35 {
    padding-left: 35px !important;
}

.padding15 {
    padding: 15px !important;
}

.flex-nowrap {
    flex-flow: nowrap !important;
}

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

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

/* end: master layout */
/* doughnut chart */
.chart-div, .legend-div {
    flex-basis: 48%;
    flex-grow: 1;
    max-width: 100%;
}

.chart-div {
    justify-content: center;
}

.chart-legend {
    display: inline-block;
    width: 14px;
    min-width: 14px;
    height: 14px;
    margin-right: 15px;
    border-radius: 50%;
    margin-top: 2px;
}

.chart-legend-left {
    padding-right: 20px;
    display: flex;
    flex-flow: nowrap;
}

    .chart-legend-left .chart-value {
        display: inline-block;
        width: 100px;
    }

.chart-legend-right {
    padding-left: 20px;
}

@media(min-width: 992px) {
    .chart-legend-left {
        flex-basis: 25%;
    }
}

.doughnut-legend {
    padding-top: .9em;
    flex-basis: 100%;
}

.chart-legend-label-text {
    display: inline-block;
    width: 100%;
}

/* end: doughnut chart */

.table-ceo-payratio thead tr th {
    border-top: 1px solid #ddd !important;
    font-weight: 500;
}

.table-ceo-payratio tr:last-child {
    border-bottom: 1px solid #dfdfdf;
}

.table-ceo-payratio tbody tr:last-child td:last-child {
    border-bottom: 1px solid #dfdfdf;
}


.other-executives-a:not(:last-child) {
    border-right: 3px solid #e6e7e8;
}

/* detail info table */
.bluegreengradient {
    position: relative;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    border-top: none;
    box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.04);
    padding: 0;
}

    .bluegreengradient:before {
        background-color: #77d5f3;
        background-image: linear-gradient(to right, #075484, #007DBC, 50%,#93eb3e);
        background-repeat: no-repeat;
        width: 100%;
        height: 4px;
        content: "";
    }

.exe-detailinfo-table-item {
    border-top: 1px solid #ddd;
    padding: 15px;
    display: flex;
    flex-flow: wrap;
    -webkit-flex-flow: wrap;
    flex-basis: 100%;
}

.exe-detailinfo-table-item-total, .exe-detailinfo-table-item-total-other-compensation {
    flex-basis: 50%;
    margin-left: auto;
    display: flex;
    flex-flow: wrap;
    -webkit-flex-flow: wrap;
}

.exe-detailinfo-table-item .exe-detailinfo-table-item-title {
    color: #58595b;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 5px;
    flex-basis: 100%;
}

.exe-detailinfo-table-item .exe-detailinfo-table-item-value {
    font-size: 15px;
    font-weight: 700;
    flex-basis: 100%;
}

@media (min-width:992px) {
    .exe-detailinfo-table-item {
        flex-basis: 33%;
        flex-grow: 1;
    }

    .exe-detailinfo-table-item-total {
        flex-basis: 100%;
        margin-left: 0;
    }

    .exe-detailinfo-table-item-total-other-compensation {
        flex-basis: 33%;
        padding-left: 15px;
    }
}
/* end: detail info table */
.exe-alphabets-div {
    margin-left: -20px;
}

    .exe-alphabets-div a {
        margin-bottom: .8em;
        width: 44px;
        height: 34px;
        font-size: 1em;
    }

.exe-selected-executives {
    background-color: #007dbc;
    color: #fff;
    padding: 5px 10px;
}


/* ibar style*/
.sal-ziprecruiter-div {
    margin-top: 20px;
    border: 1px solid #e6e7e8;
    border-radius: 3px;
    display: flex;
    flex-flow: wrap;
    -webkit-flex-flow: wrap;
    flex-grow: 1;
    margin-left: 40px;
    padding: 15px;
}

    .sal-ziprecruiter-div .sal-ibar-title {
        padding-bottom: 20px;
        border-bottom: 1px solid #e6e7e8;
        flex-basis: 100%;
    }

.sal-recruiter-item {
    margin-top: 20px;
    padding: 10px;
    border: 1px solid #e6e7e8;
    border-radius: 3px;
    display: flex;
    flex-flow: wrap;
    -webkit-flex-flow: wrap;
    flex-basis: 100%;
}

.sal-search-recruiter-div {
    flex-basis: 100%;
    background-color: #f6f7f8;
    border-radius: 3px;
    text-align: center;
    padding: 10px 0;
    margin-top: 20px;
}

/* end ibar style*/

.chart-ibar-div {
    display: flex;
    flex-flow: wrap;
    -webkit-flex-flow: wrap;
}

    .chart-ibar-div > div {
        max-width: 100%;
    }

@media(min-width:667px) and (max-width:1024px) {
    .chart-legend-div {
        flex-flow: nowrap;
        -webkit-flex-flow: nowrap;
    }
}

@media(max-width:1366px) {
    .chart-legend-div {
        flex-flow: wrap !important;
        -webkit-flex-flow: wrap !important;
    }
}

@media(min-width:1300px) {
    .chart-ibar-div, .chart-legend-div {
        flex-flow: nowrap;
        -webkit-flex-flow: nowrap;
    }

        .chart-ibar-div > div {
            flex-basis: 45%;
            flex-grow: 1;
        }
}


/*our featured content*/
.sal-blog-prev {
    width: 22px;
    height: 38px;
    background-image: url(../../../Images/sa-angle-left.svg);
    background-size: 22px 38px;
    cursor: pointer;
    margin-right: 8px;
}

    .sal-blog-prev.disabled {
        background-image: url(../../../Images/sa-angle-left-gray.svg);
        cursor: default;
        pointer-events: none;
    }

.sal-blog-next {
    width: 22px;
    height: 38px;
    background-image: url(../../../Images/sa-angle-right.svg);
    background-size: 22px 38px;
    cursor: pointer;
    margin-left: 8px;
}

    .sal-blog-next.disabled {
        background-image: url(../../../Images/sa-angle-right-gray.svg);
        cursor: default;
        pointer-events: none;
    }

.sal-blog-container {
    overflow: hidden;
}

.sal-blog-list {
    width: calc((100% + 40px) * 1.5);
}

.sal-blog {
    width: calc(100%/6);
}

.sal-blog-card {
    box-shadow: 0px 5px 10px -2px rgba(6,6,6,.2);
}

.sal-blog-card-tag {
    background-color: #f6f6f9;
    border-radius: 3px;
}

.sal-blog-card-more {
    color: #047dbb;
}

.sal-blog-card-more-icon {
    background-color: #84ee5e;
    width: 20px;
    height: 20px;
    line-height: 20px;
    color: #1b7fbb;
}

.sal-see-more-resources-btn {
    background-color: #84ee5e;
    border-radius: 27px;
    border: 2px solid #84ee5e;
    color: #13374f;
}

    .sal-see-more-resources-btn:hover {
        background-color: white;
    }
/*our featured content*/