﻿/* 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;
}

.padding-top25 {
    padding-top: 25px !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 */

.other-board-members-div
{
    display:flex;
    align-items:center;
    flex-wrap:nowrap;
}
    .other-board-members-div h2
    {
        font-size:22px !important;
    }
    .other-boarddirectors-a:not(:last-child) {
        border-right: 3px solid #e6e7e8;
    }

.other-boarddirectors-a {
    display: inline-block;
    margin-bottom: 10px;
}
/* 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 {
    display: flex;
    display: -webkit-flex;
    flex-flow: wrap-reverse;
    -webkit-flex-flow: wrap-reverse;
    flex-basis: 100%;
}

.exe-detailinfo-table-item-level1 {
    display: flex;
    display: -webkit-flex;
    flex-flow: wrap;
    -webkit-flex-flow: wrap;
    flex-basis: 100%;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.exe-detailinfo-table-item-level2 {
    display: flex;
    display: -webkit-flex;
    flex-flow: wrap;
    -webkit-flex-flow: wrap;
    flex-basis: 100%;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.exe-detailinfo-table-item-title {
    font-size: 12px;
    color: #58595b;
    text-transform: uppercase;
    margin-bottom: 5px;
    align-self: flex-start;
}

.exe-detailinfo-table-item-level2 .exe-detailinfo-table-item-title {
    font-size: 10px;
}

.exe-detailinfo-table-item-level2 {
    margin-left: 15px;
}

.TotalCompensation-Value {
    flex-basis: auto;
}

@media(min-width:780px) {
    .exe-detailinfo-table-item {
        margin-bottom: 20px;
    }

    .exe-detailinfo-table-item-level1 {
        margin-left: auto;
        flex-basis: 15%;
    }

    .exe-detailinfo-table-item-level2 {
        margin-left: 0;
        flex-basis: 30%;
        margin-right: 5px;
    }

    .exe-detailinfo-table-item-title {
        flex-basis: 100%;
    }
}
/* 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;
        }
}

@media(min-width:768px) {
    .Board-members-ipaddevice {
        margin-right: 20px !important;
        width: auto !important;
        float: none !important;
    }

    .border-left {
        padding-left: 20px !important;
    }
}

.border-left {
    border-left: 2px solid #e6e7e8;
}
