.card-header-send-email {
    background-color: #ff7043 !important;
    padding: 0 !important
}

.btn-send-email {
    width: 100%;
    margin: 0 !important;
    color: #ff8000 !important
}

    .btn-send-email span {
        text-decoration: underline !important
    }

#send-email-input-mail-error {
    transform: translateY(40px) scale(.8)
}

.btn-apply-job {
    width: 100%;
    margin-left: 0
}

.card .card-body h5, .card .card-body h6 {
    font-weight: 600 !important
}

.form-check-label {
    padding-left: 25px !important
}

.main-content {
    margin-top: 80px
}

.other-jobs {
    z-index: 999;
    background: #fafafa
}

.other-jobs-content {
    min-height: 800px
}

#map1, #map2 {
    height: 210px
}

.badge {
    box-shadow: none
}

.tag {
    padding: 5px;
    border-radius: 5px;
    font-size: .75rem;
    color: #6c757d !important;
    cursor: pointer
}

.no-logo {
    color: #fff;
    font-size: 28px;
    line-height: 55px;
    height: 55px;
    width: 55px
}

p i, span i {
    color: #14a7db
}

.job-card:hover {
    background-color: #ebebeb
}

.blog-post-card:hover {
    background-color: #ebebeb
}

.salary-estimator_bubble {
    padding: 5px 10px 3px 5px;
    -webkit-box-shadow: 0 2px 14px rgba(46,46,46,.2);
    -moz-box-shadow: 0 2px 14px rgba(46,46,46,.2);
    box-shadow: 0 2px 14px rgba(46,46,46,.2);
    margin: 10px 0;
    background: #dfdfdf;
    position: relative;
    border-radius: 5px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

    .salary-estimator_bubble:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: 7px solid transparent;
        border-color: transparent transparent #dfdfdf #dfdfdf;
        transform-origin: 0 0;
        -webkit-box-shadow: -3px 3px 3px -2px rgba(46,46,46,.2);
        -moz-box-shadow: -3px 3px 3px -2px rgba(46,46,46,.2);
        box-shadow: -3px 3px 3px -2px rgba(46,46,46,.2);
        position: absolute;
        left: 50%;
        transform: translateX(-50%) rotate(-45deg);
        bottom: -14px
    }

.salary-estimator_bubble_salary {
    font-size: 1.7rem;
    font-weight: 600;
    color: #182642;
    display: inline-block;
    vertical-align: text-bottom;
    text-transform: uppercase
}

.salary-bar {
    height: 10px
}

.salary-subtitle {
    font-size: .6rem;
    color: #5d677a;
    float: left;
    display: block;
    margin-top: 10px
}

.salary-bar-red {
    padding-right: 0
}

.salary-bar-yellow {
    padding: 0
}

.salary-bar-green {
    padding-left: 0
}

.salary-red {
    border-radius: 5px 0 0 5px;
    background-color: #ea6a66;
    margin-right: .2rem;
    height: 100%
}

.salary-yellow {
    background-color: #f7d05d;
    margin-left: .2rem;
    margin-right: .2rem;
    height: 100%
}

.salary-green {
    border-radius: 0 5px 5px 0;
    background-color: #179b73;
    margin-left: .2rem;
    height: 100%
}

h2.company-name {
    line-height: 1.47059;
    font-size: 1.3em
}

.jobtitle {
    color: #333
}

@media (max-width:575px) {
    h1.job-title {
        text-align: center
    }
}

h1.job-title {
    line-height: 1.6;
    font-size: 1.8em
}

h2.job-title {
    line-height: 1.47059;
    font-size: 1.3em
}

h6.blog-title {
    background: hsla(0,0%,20%,.9);
    color: #fff;
    padding: 2px !important;
    margin-bottom: 0 !important;
    padding: 10px !important
}

h6.job-date, h6.job-description, h6.job-location, h6.job-salary {
    color: #093871;
    line-height: 1.47059;
    font-size: 1.1em;
    border-bottom: 1px solid #ff8000
}

h6.related-jobs {
    color: #c60;
    line-height: 1.8;
    font-size: 1.3em;
    border-bottom: 1px solid #ff8000
}

p.job-description, p.job-location {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: justify
}

.line-divisor {
    margin: 20px 0
}

.card-line-divisor {
    border: 1px solid #14a7db;
    margin: 0
}

.job-heading {
    color: #333
}

.navbar.js-is-sticky {
    opacity: .9
}

@media (max-width:575px) {
    #sidebarCollapse {
        padding: .175rem .45rem;
        font-size: 10px
    }
}

#survey-explain p {
    color: #212529 !important
}

.navbar-nav .btn-primary {
    color: #fdfdfd !important
}

.navbar-nav {
    color: #dedede !important
}

.btn-history-tag {
    text-transform: uppercase;
    font-weight: 600;
    font-size: .5rem;
    letter-spacing: .05rem;
    border: #1574b4 solid 1px;
    background-color: #bcd7e9;
    color: #1574b4
}

#nav-btn-learn-more {
    display: none
}

.modal-header h5 {
    color: #fff
}

.modal-header img {
    border-radius: 0 !important;
    height: 30px !important
}

.modal-footer {
    background-color: #004085
}

.btn-sms-modal-cancel {
    position: absolute;
    margin: -20px 0 0 480px
}

.sms-modal-header {
    padding: 0 !important;
    border-bottom: none !important
}

.sms-modal-footer {
    background-color: #fff
}

.text-white i {
    color: #fff
}

.md-form .prefix {
    top: 1rem;
    left: 1rem;
    font-size: 1rem
}

@media (min-width:576px) {
    .highlighted-job {
        border-radius: 7px
    }
}

.highlighted-job {
    background-color: #dfeeff;
    border: 1px solid #e0e2e3;
    position: relative;
    padding-top: 15px
}

.highlighted-job-label {
    position: absolute;
    top: 5px;
    background: rgba(255,129,0,.8);
    padding: 3px;
    font-size: 10px
}

.no-logo {
    color: #fff;
    font-size: 28px;
    line-height: 55px;
    height: 55px;
    width: 55px
}

.jobTable .row {
    border-bottom: 1px solid #ddd
}

    .jobTable .row:last-of-type {
        border-bottom: none
    }

.company-name {
    color: #727272
}

.title-last {
    font-weight: 600 !important
}

.module-heading {
    border-bottom: 1px solid #ff8000;
    font-weight: 300;
    font-size: 1.4em;
    line-height: 1.2em;
    text-transform: uppercase;
    position: relative;
    padding: 10px 0 5px 0
}

    .module-heading span {
        color: #333;
        font-weight: 300
    }

.module-heading-dark {
    border-bottom: 1px solid #ff8000;
    font-weight: 300;
    font-size: 1.4em;
    line-height: 1.2em;
    text-transform: uppercase;
    position: relative;
    padding: 10px 0 5px 0;
    margin-bottom: 20px
}

    .module-heading-dark span {
        color: #ddd;
        font-weight: 300
    }

.module-content-dark {
    padding: 0
}

.module-heading-light {
    border-bottom: 1px solid #ff8000;
    font-weight: 300;
    font-size: 1.4em;
    line-height: 1.2em;
    text-transform: uppercase;
    position: relative;
    padding: 10px 0 5px 0;
    margin-bottom: 20px
}

    .module-heading-light span {
        color: #333;
        font-weight: 300
    }

.module-content-light {
    padding: 0
}

ul.blog-posts {
    list-style: none;
    padding-left: 0
}

    ul.blog-posts li {
        border-bottom: 1px solid #ddd;
        margin-bottom: 15px
    }

        ul.blog-posts li a {
            color: #212529
        }

            ul.blog-posts li a:hover {
                color: #2e88e7
            }

        ul.blog-posts li:last-of-type {
            border-bottom: none
        }

.job-search-tips-section {
    text-align: justify
}

    .job-search-tips-section p {
        color: #727272
    }

    .job-search-tips-section h5 {
        text-transform: uppercase;
        padding-top: 20px;
        padding-bottom: 10px
    }

.blog-card-light {
    background-color: #fff
}

    .blog-card-light h2 {
        color: #fff !important
    }

    .blog-card-light:hover h2 {
        color: #ff8000 !important
    }

    .blog-card-light:hover h6 {
        color: #ff8000 !important
    }

.card-header {
    background-color: #fff !important;
    border-bottom: 1px solid #ff8000 !important;
    font-weight: 300;
    font-size: 1.4em;
    line-height: 1.2em;
    text-transform: uppercase;
    padding: 15px;
    color: #333
}

.blog-card-dark {
    background-color: #333
}

    .blog-card-dark.card-header {
        background-color: #333;
        border-bottom: 1px solid #ffb264 !important
    }

.articles-section-light {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 2px 5px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.2)
}

    .articles-section-light article {
        border-bottom: 1px solid #696969;
        padding: 0
    }

        .articles-section-light article:last-of-type {
            border-bottom: none
        }

.articles-section-dark {
    background-color: #333;
    border-radius: 5px;
    box-shadow: 2px 5px 0 rgba(0,0,0,.2);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.2)
}

    .articles-section-dark article {
        border-bottom: 1px solid #696969;
        padding: 0
    }

        .articles-section-dark article:last-of-type {
            border-bottom: none
        }

.story-photo img {
    width: 100%;
    max-height: 250px;
    overflow: hidden;
    border-radius: 0
}

.story-content {
    margin-top: -25px
}

.blog-content-wrapper {
    position: relative
}

h2.story-title {
    padding: 7px;
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: 0;
    min-width: 100%;
    max-width: 100%;
    background: hsla(0,0%,20%,.9);
    font-size: 1.2em;
    font-weight: 300;
    line-height: 1.5em;
    cursor: pointer
}

    h2.story-title:hover {
        color: #c60
    }

h3.story-title {
    font-weight: 100;
    line-height: 20px
}

@media (min-width:576px) {
    .highlighted-job-not-found {
        border-radius: 7px
    }
}

.highlighted-job-not-found {
    border: 1px solid #e0e2e3;
    position: relative;
    padding-top: 15px;
    background-color: #f7e4c8
}

.highlighted-job-not-found-label {
    position: absolute;
    top: 0;
    padding: 5px 10px;
    font-size: 10px;
    border-radius: 5px 0 5px 0
}

.highlighted-job-not-found-label {
    background: #fb3
}

.highlighted-job-not-found-icon {
    color: #f99733
}

/*this was messing up invoke ads (they have different height than adsense)*/

@media (max-width: 488px) {
    .ads {
        min-height: 320px !important;
    }
}

@media (min-width: 489px) {
    .ads {
        min-height: 100px !important;
    }
}

.div-additional-jobs-content {
    min-height: 210px !important;
}

.div-salary-estimator-content {
    min-height: 105px !important;
}

#card-body-send-email {
    display: none;
}

@media (max-width: 768px) {
    .div-job-tags {
        min-height: 150px !important;
    }
}

.fa-container {
    width: 20px !important;
    display: inline-block;
}

.div-bordered-with-title {
    border: 1px solid #2196f3;
    border-radius: 5px;
    padding: 1rem;
}

#div-description-content {
/*    max-height: 150px;
    height: 150px;*/
    max-height: none;
    height: auto;
    position: relative;
    overflow: hidden;
    -webkit-transition: max-height 1s;
    -moz-transition: max-height 1s;
    transition: max-height 1s;
}

.description-read-more {
    position: absolute;
    bottom: 0;
    margin-bottom: 0 !important;
    padding-top: 100px;
    left: 0;
    width: 100%;
    text-align: right;
    /*background: linear-gradient(to top, #fafafa, rgba(255, 255, 255, 0));*/
    background: none;
}

.span-bordered-title {
    margin-top: -27px !important;
    background-color: #fafafa !important;
    padding: 0px 10px !important;
    border-bottom: none !important;
}

.collapse-description-text {
    position: absolute;
    right: 25px;
    bottom: -7px;
}

.background-none {
    background: none !important;
}

.background-linear {
    background: linear-gradient(to top, #fafafa, rgba(255, 255, 255, 0)) !important;
}