@font-face {
    font-family: 'Roboto Light';
    src: url('../fonts/Roboto-Light.ttf');
}

@font-face {
    font-family: 'Titillium Web';
    src: url('../fonts/TitilliumWeb-Regular.ttf');
}

body {
    font-size: 14px;
    padding-top: 3.5rem;
}

h2 {
    font-size: 24px;
    margin-bottom: 20px;
}

a {
    color: #0B9EE1;
}

    a:hover {
        text-decoration: none;
    }

.form-control {
    border-radius: 0;
}







.pd20 {
    padding: 20px 0;
}

.container {
    max-width: 100%;
}

.logo {
    padding: 10px 0;
}

.main-nav .navbar-nav .nav-link {
    text-transform: uppercase;
    color: #666;
    font-weight: 600;
    padding-left: 1rem;
    padding-right: 1rem;
}

.main-nav .nav-link:hover, .main-nav .active .nav-link {
    color: #0B9EE1;
}

.navbar-brand {
    margin-top: -10px;
    margin-right: 2rem;
}

.bg-white {
    box-shadow: 1px 1px 7px #ccc;
}

.top-button {
    padding: 9px 0;
}

    .top-button a {
        padding: 10px;
        text-transform: uppercase;
        color: #fff;
        font-size: 12px;
        font-weight: 600;
        display: inline-block;
    }

        .top-button a.post-job-btn {
            background-color: #0B9EE1;
        }

        .top-button a.job-seeker-btn {
            background-color: #666;
        }

        .top-button a:hover {
            text-decoration: none;
        }

.mt-15 {
    margin-top: 15px;
}

.main-nav .navbar-toggler {
    font-size: 1.5em;
}

.secondry-nav .navbar-toggler {
    font-size: 1.5em;
    color: #fff;
}

ul.navbar-nav.mr-auto {
    margin-right: inherit !important;
}

.main-nav .navbar-nav .dropdown-menu {
    border: none;
    box-shadow: 1px 1px 5px #ccc;
    margin: 0;
}

.main-nav .dropdown-menu {
    border: none;
    box-shadow: 1px 1px 5px #ccc;
    margin-top: 6px;
}
/*secondry nav*/
.secondry-nav .navbar-grey {
    background-color: #333;
    padding: 0 1rem;
}

.secondry-nav .navbar-grey {
    border-top: 6px solid #ED9F00;
    border-bottom: 7px solid #4D4B46;
}

    .secondry-nav .navbar-grey .nav-link {
        color: #fff;
        padding: 0.4rem 1rem;
    }

.secondry-nav .nav-link:hover, .secondry-nav .active .nav-link {
    background-color: #ED9F00;
}
/*search*/
.search-wrap {
    background: url("../images/banner.jpg") no-repeat;
    padding: 2em 0;
}

.nav-tabs .nav-item .nav-link {
    color: #fff;
    background-color: transparent;
    border-color: #fff #fff #0B9EE1;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #ED9F00;
    border-color: #fff #fff #ED9F00;
}

.tab-content {
    background-color: #fff;
    border: 1px solid #fff;
    padding: 2em;
    border-top: none;
}

.search-right {
    background-color: #ccc;
    padding: 10px;
}

.search-job-alert, .search-job-seeker {
    background: #fff;
    padding: 10px;
    width: 48%;
    text-align: center;
}

.search-hire-Talent {
    background: #fff;
    padding: 10px;
    width: 48%;
    text-align: center;
}

.right-side .btn-get-started {
    background: #195176;
}

.search-job-alert p {
    font-size: 1.2em;
    padding: 2em 0;
}

.search-job-alert h3 {
    font-size: 1.2em;
    text-transform: uppercase;
}

.search-job-seeker {
    margin-left: 4%;
}

    .search-job-seeker p {
        font-size: 1.2em;
        ;
        padding: 0.7em 0;
    }

    .search-job-seeker h3 {
        font-size: 1.2em;
        text-transform: uppercase;
        margin-top: 10px;
        margin-bottom: 0;
    }


/* Changes done one 15 jul24*/
/*.btn-hire-Talent {background: #195176;border-radius: 12px;color: white;font-size: 18px;} */
.btn-hire-Talent {
    background: #ffc107;
    border-radius: 12px;
    color: white;
    font-size: 18px;
}

    .btn-hire-Talent:hover {
        color: white;
        text-decoration: none;
    }


.btn-job-seeker {
    background: #00A5EC;
    border-radius: 12px;
    color: white;
    font-size: 18px;
}

    .btn-job-seeker:hover {
        color: white;
        text-decoration: none;
    }


.search-hire-Talent p {
    font-size: 1.2em;
    padding: 0em 0;
}

.search-hire-Talent h3 {
    font-size: 1.2em;
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 0;
}






.or-seprator {
    border-bottom: 2px solid #ccc;
    position: relative;
    height: 20px;
}

    .or-seprator span {
        position: absolute;
        width: 25px;
        height: 20px;
        background: #fff;
        top: 5px;
        left: 44%;
    }

.cv-upload-type {
    font-size: 0.8em;
}

.search-job-seeker p.cv-fill-detail {
    font-size: 1em;
    margin-top: 10px;
}

.modal-body .form-control {
    border-radius: 0;
}

.modal-body {
    background-color: #f1f1f1;
}

.banner-ads {
    padding: 10px;
    text-align: center;
}
/*walkin-jobs*/
.wj-content {
    background-color: #f1f1f1;
    padding: 10px;
}

.wh-bg-pd15 {
    background-color: #fff;
    padding: 15px;
}

.walking-jobs h4 {
    font-weight: bold;
    font-size: 18px;
}

.walking-jobs .item {
    background-color: #f1f1f1;
    padding: 10px;
}

.wj-title {
    color: #777;
}

.walking-jobs .fa {
    color: #999;
}

.walking-jobs .owl-theme .owl-nav [class*=owl-]:hover {
    background: #f1f1f1;
}

.walking-jobs p {
    font-size: 14px;
    margin: 0;
}
/*browse by job*/
.browse-jobs {
    padding: 0 8px;
}

    .browse-jobs h2 {
        margin-bottom: 10px;
    }

.bj-roles {
    background-color: #f1f1f1;
    color: #333;
}

.bj-roles-content {
    margin: 0 15px;
}

.bj-role {
    padding: 10px;
    background-color: #fff;
    box-shadow: 1px 1px 7px #999;
}

    .bj-role:hover {
        background-color: #FFC107;
    }

    .bj-role i {
        font-size: 16px !important;
        font-weight: 600;
        padding: 0px 5px 5px 5px;
        color: #0B9EE1;
    }

.bj-role-border {
    padding: 8px;
}

    .bj-role-border a {
        color: #333;
        text-decoration: none;
    }

.bj-role .mt-0 {
    font-weight: 600;
    color: #000;
    font-size: 14px;
    margin-bottom: 4px;
}
/*.bj-role-border a:hover .bj-role {background-color: #fff; color: #333;}*/
/*top companies*/
.top-companies-wrap {
    background-color: #ffffff;
    padding: 15px;
}

.top-companies .item {
    padding: 5px;
    border: 1px solid #ccc;
}

.top-companies .owl-prev {
    left: -2rem;
}

.top-companies .owl-next {
    right: -2rem;
}

.ads1 {
    text-align: center;
}
/*featured jobs*/
.featured-jobs-wrap {
    background-color: #f1f1f1;
}

    .featured-jobs-wrap .fd-job-item {
        margin-bottom: 2em;
    }

.fd-job-item {
    background-color: #fff;
    padding: 10px;
    box-shadow: 1px 1px 7px #ccc;
}

    .fd-job-item h5 {
        font-size: 1em;
        font-weight: 600;
        margin-bottom: 0;
    }

        .fd-job-item h5 a {
            color: #333;
        }

            .fd-job-item h5 a:hover {
                text-decoration: none;
                color: #0B9EE1;
            }

    .fd-job-item span {
        font-size: 0.9em;
    }

        .fd-job-item span.badge {
            font-size: 0.8em;
            font-weight: 600;
            padding: 0.3em 0.6em 0.4em 0.6em;
            margin-bottom: 5px;
        }

.jficon .badge-pill {
    border: 1px solid #ccc;
}

.jficon .fa {
    margin-left: 5px;
}

.jficon .heart-red {
    color: #e30101;
}

.jficon .heart-grey {
    color: #ccc;
}
/*top professional*/
.top-professional-wrap {
    background-color: #fff;
}

    .top-professional-wrap .top-professional {
        margin-bottom: 2em;
    }

.top-professional {
    background-color: #fff;
    box-shadow: 1px 1px 5px #ccc;
}

.top-prof-item {
    padding: 10px;
}

    .top-prof-item h5 {
        font-size: 1em;
        font-weight: 600;
        margin-bottom: 0;
    }

        .top-prof-item h5 a {
            color: #333;
        }

            .top-prof-item h5 a:hover {
                text-decoration: none;
                color: #0B9EE1;
            }

    .top-prof-item span {
        font-size: 0.9em;
    }

    .top-prof-item .media img {
        height: 64px;
    }

.top-prof {
    padding: 0px;
    text-align: center;
}

    .top-prof span {
        font-size: 0.9em;
    }

.top-prof-years {
    border-top: 1px solid #eee;
    border-right: 1px solid #eee;
    padding: 5px;
}

.top-prof-location {
    border-top: 1px solid #eee;
    padding: 5px;
}

.top-prof-cate {
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    padding: 5px;
}
/*latest blog*/
.latest-blogs-wrap {
    background-color: #f1f1f1;
}

.lt-blog-heading {
    text-align: center;
}

    .lt-blog-heading h2 {
        font-size: 2em;
    }

.blog-info {
    font-family: 'Titillium Web';
    font-size: 1.2em;
}

.blog-lists {
    margin: 20px 0;
}

.blog-item {
    padding: 15px;
    background-color: #fff;
    box-shadow: 1px 1px 7px #999;
}

    .blog-item h3 {
        font-size: 1.3em;
        margin: 10px 0;
        color: #000;
    }

    .blog-item span {
        color: #0B9EE1;
    }

    .blog-item p {
        margin-top: 10px;
        font-size: 0.9em;
    }
/*app-downloads*/
.app-download-wrap {
    background: url("../images/app-download-bg.jpg") no-repeat;
    padding: 2.5em 0 0 0;
    position: relative;
    border-bottom: 2px solid #fff;
}

.app-down-left {
    padding: 0 4em;
}

    .app-down-left .mobile-frame {
        position: absolute;
        bottom: 0;
    }

    .app-down-left img {
        width: 80%;
    }

.app-down-right {
    color: #fff;
    padding-bottom: 4em;
}

    .app-down-right h4 {
        margin: 0;
    }

    .app-down-right h2 {
        text-transform: uppercase;
        font-size: 2.5em;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .app-down-right h3 {
        font-size: 1.5em;
        font-weight: 600;
    }

    .app-down-right p {
        margin-top: 20px;
    }

.app-down-btn {
    margin-top: 4em;
}

.app-btn {
    background-color: #fff;
    color: #000;
    margin: 0 20px;
    padding: 0.6em 1.8em;
    font-size: 1.4em;
    font-weight: 600;
}

    .app-btn:hover {
        text-decoration: none;
        color: #000;
    }

.apple-btn {
    margin-left: 0;
}
/*footer
.footer-left {color:#ccc; padding:1.5em 15px 0 15px;background: #272727;}
*/
footer {
    font-size: 14px;
}

    footer h4 {
        color: #fff;
        font-size: 1.2em;
        font-weight: 600;
    }

.pd-left {
    padding-left: 0px;
}

.ftr-left {
    background: #22344A;
    padding-right: 0;
}

.footer-left {
    color: #ccc;
    padding: 1.5em 15px 0 15px;
    background: ##22344A;
}

.footer-logo {
    margin-bottom: 1em;
}

.footer-left ul {
    list-style-position: inside;
    padding: 0;
    list-style: none;
}

.footer-left li:before {
    content: "\f0da";
    font-family: 'FontAwesome';
    display: inline-block;
    width: 0.8em;
}

.footer-left a {
    color: #ccc;
}

    .footer-left a:hover {
        text-decoration: none;
        color: #0B9EE1;
    }

.footer-left-secondry {
    background: #22344A;
    padding: 20px 0;
}

.footer-left-secondry {
    color: #fff;
}

    .footer-left-secondry h5 {
        font-size: 1.1em;
        font-weight: 600;
    }

.app-store-logo img {
    height: 50px;
}

.playstore {
    margin-bottom: 8px;
}

.social-icons {
    position: absolute;
    bottom: 0;
}

    .social-icons a {
        height: 32px;
        width: 32px;
        display: inline-block;
    }

    .social-icons .facebook {
        background: url("../images/icons/facebook.png") no-repeat;
    }

        .social-icons .facebook:hover {
            background: url("../images/icons/facebook-h.png") no-repeat;
        }

    .social-icons .twitter {
        background: url("../images/icons/twitter.png") no-repeat;
    }

        .social-icons .twitter:hover {
            background: url("../images/icons/twitter-h.png") no-repeat;
        }

    .social-icons .googleplus {
        background: url("../images/icons/googleplus.png") no-repeat;
    }

        .social-icons .googleplus:hover {
            background: url("../images/icons/googleplus-h.png") no-repeat;
        }

    .social-icons .linkedin {
        background: url("../images/icons/linkedin.png") no-repeat;
    }

        .social-icons .linkedin:hover {
            background: url("../images/icons/linkedin-h.png") no-repeat;
        }

    .social-icons .youtube {
        background: url("../images/icons/youtube.png") no-repeat;
    }

        .social-icons .youtube:hover {
            background: url("../images/icons/youtube-h.png") no-repeat;
        }

.ftr-right {
    background: #22344A;
    padding-left: 0;
    overflow: hidden;
}

.footer-right {
    padding: 1.5em 0;
}

.enquiry-form {
    background-color: #fff;
    padding: 1em;
}

    .enquiry-form h3 {
        font-size: 1.4em;
        font-weight: 600;
        margin-bottom: 15px;
        color: black;
    }

    .enquiry-form .form-control {
        border-radius: 0;
        padding: .375rem .75rem;
        border-bottom: none;
        height: 44px;
    }

    .enquiry-form .enq-last-field .form-control {
        border-bottom: 1px solid #ced4da;
    }

.form-control:focus {
    border-color: #ced4da;
    box-shadow: none;
}

.livechat {
    position: fixed;
    bottom: 0;
    right: 10px;
    z-index: 9999;
}

    .livechat img {
        width: 100px;
    }
/*contact slider*/
#contactSlider {
    width: 500px;
    top: 20px;
    position: absolute;
    z-index: 9999;
}

#contactHeader {
    background: #fff;
    width: 340px;
    height: 400px;
    position: absolute;
    right: -6px;
    border: 1px solid #d8d8d8;
    margin-left: 40px;
    padding: 20px 40px;
    border-radius: 3px;
    box-shadow: 0 0 5px #ccc;
}

#contactSidebar {
    position: absolute;
    top: 120px;
    left: 124px;
    box-shadow: 0 0 5px #ccc;
}

#contactSidebar2 {
    position: absolute;
    top: 120px;
    left: 124px;
    box-shadow: 0 0 5px #ccc;
}

/*page content*/
.page-content {
    padding: 20px 0;
}

.search-result-warp {
    background-color: #f1f1f1;
}
/*job filters*/
.job-filters {
    padding: 20px;
    background-color: #fff;
    position: sticky;
    top: 70px;
}

    .job-filters .dropdown {
        width: 100%;
        padding: 4px;
    }

.ui.selection.dropdown {
    border-radius: 0;
}

.job-filter-box h5 {
    font-size: 1.2em;
}

.job-filter-box ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.job-filter-box a {
    color: #333;
}

    .job-filter-box a:hover {
        color: #0B9EE1;
    }

.job-filter-box {
    padding: 10px 0 10px 0;
    border-bottom: 1px solid #f1f1f1;
}

.show-more-filters {
    margin: 8px 0;
}

    .show-more-filters a:hover {
        color: #333;
    }

.more-filters {
    display: none;
}

.jobtype {
    display: block;
}

.job-category {
    margin-bottom: 15px;
}

.filter-header {
    cursor: pointer;
}

.filter-content {
    display: none;
}

.job-filters .form-group {
    margin-top: 20px;
}
/*search-info*/
.search-info-wrap {
    background-color: #ccc;
    padding: 15px 0;
}

.create-alert {
    background-color: #fff;
    padding: 15px;
}

    .create-alert h5 {
        font-size: 1.2em;
    }

.search-topic {
    background-color: #fff;
    padding: 15px;
}

    .search-topic h1 {
        font-size: 2em;
    }

    .search-topic ul {
        padding: 0;
        margin: 0;
    }

        .search-topic ul li {
            display: inline-block;
            padding: 0 5px;
        }

.viewrecent a {
    font-weight: 600;
    color: #006bde;
}

.search-topic ul li span {
    font-weight: 600;
}

.view-related-search {
    margin-bottom: 3px;
}

.search-resume-upload {
    font-weight: 600;
    font-size: 16px;
}

.sort-search-result span {
    font-weight: 600;
}

.sort-search-result a {
    padding: 0 5px;
    color: #666;
}

    .sort-search-result a.active {
        color: #006bde;
    }

.search-joblist .tokenfield {
    min-height: 38px;
}

.tokenfield .token {
    height: 26px;
    background-color: transparent;
    border: none;
}
/*job list*/
.count-search-results {
    padding: 15px;
    margin-bottom: 10px;
    background-color: #fff;
}

.joblist-box {
    border-bottom: 2px solid #f1f1f1;
    background-color: #fff;
    margin-bottom: 10px;
}

.job-list-top {
    padding: 20px;
}

.joblist-box:last-child {
    border: none;
}

.joblist-box:hover, .joblist-box.active {
    background-color: #ddd;
    cursor: pointer;
}

.joblist-box h3 {
    font-size: 1.6em;
}

.joblist-company h4 {
    font-size: 1.2em;
    margin-right: 15px;
}

.joblist-location {
    font-size: 16px;
    color: #999;
}

.joblist-company-rating .fa-star {
    color: #ED9F00;
    font-size: 12px;
}

.joblist-save-job a {
    margin-right: 10px;
}

.joblist-save-job .active {
    color: #666;
}

.job-search-results {
    display: none;
}

.job-list-bottom {
    background-color: #e4e4e4;
}

.jlist-box {
    padding: 8px;
    text-align: center;
}

.joblist-ads {
    margin-bottom: 10px;
}

.job-list-info h4 {
    font-size: 1.6em;
}

.job-list-info h5 {
    font-size: 1.2em;
}

.jd-heading {
    width: 110px;
    font-weight: 600;
}

.joblist-desc {
    margin-top: 15px;
}

    .joblist-desc .media {
        margin-bottom: 5px;
    }

.job-exp-posted {
    margin-top: 15px;
}

.jobexp-info {
    margin-right: 20px;
}

    .jobexp-info i {
        margin-right: 5px;
    }

.jlist-box .badge {
    margin-right: 10px;
}

.jlist-box.applied {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.joblist-box .fa-heart {
    color: #aaa;
}

.stj-count {
    font-size: 14px;
}

.ui.selection.dropdown {
    min-width: auto;
}

/*job-detail*/
.job-detail-wrap {
    position: sticky;
    top: 70px;
}

.job-detail {
    display: none;
}

.job-detail-logo img {
    width: 60px;
}

.job-detail {
    background-color: #fff;
    padding: 15px;
}

.job-detail-company h4 {
    font-size: 1.2em;
    margin-right: 15px;
}

.job-detail-desc {
    overflow: scroll;
    height: 350px;
}

    .job-detail-desc h4 {
        font-size: 1.4em;
        color: #000;
    }

.job-apply-btn {
    margin-top: 10px;
}

.posted-on {
    margin: 5px 0 15px 0;
    font-style: italic;
}

/*sementic*/
.ui.label {
    background-color: #EEE;
    color: #666 !important;
    font-size: 13px;
    cursor: pointer;
}

    .ui.label .icon:before {
        content: '\f00d';
        font-family: FontAwesome;
        font-style: normal;
        font-size: 12px;
        padding-left: 5px;
        position: relative;
        top: -1px;
    }

    .ui.label .icon:hover:before {
        color: #F00;
    }

/*login and signup*/
.login-wrap, .signup-wrap {
    font-size: 16px;
    margin-bottom: 20px;
}

.login-box, .signup-box {
    padding: 15px;
    box-shadow: 1px 1px 5px #ccc;
}

    .login-box h1, .signup-box h1, .signup-video h2 {
        font-size: 1.5em;
        margin-bottom: 10px;
    }

    .login-box p {
        color: #999;
    }

    .login-box .form-control, .signup-box .form-control {
        border-radius: 0;
        height: 46px;
    }

    .login-box .input-group-text {
        background-color: #0B9EE1;
        border-radius: 0;
        color: #fff;
    }

.login-otp {
    text-align: center;
}

.login-box .btn {
    border-radius: 0;
}

.login-left-ads {
    margin-bottom: 15px;
}

.login-slider .item {
    border: 4px solid #f1f1f1;
    padding: 10px;
    text-align: center;
}

.login-slider h5 {
    color: #0B9EE1;
    text-transform: uppercase;
    font-size: 16px;
    margin: 15px 0 10px 0;
    font-weight: 600;
}

.login-slider p {
    color: #333;
}

.login-slider .owl-theme .owl-nav [class*="owl-"] {
    width: 20px;
    height: 30px;
    padding: 4px !important;
}

    .login-slider .owl-theme .owl-nav [class*="owl-"]:hover {
        background: #f1f1f1;
        color: #666;
    }

.login-right-ads {
    text-align: center;
}

.login-slider, .login-box, .login-right-ads {
    margin-bottom: 15px;
}
/*.login-footer {background-color: #272727;padding:1.5em 0;}*/
.login-footer {
    background-color: #fff;
}

    .login-footer .social-icons {
        position: static;
        margin-bottom: 20px;
    }

.signup-wrap {
    margin: 30px 0;
}

.attachment {
    border: 1px solid #ccc;
    background-color: #f1f1f1;
    padding: 15px;
}

.signup-upload-btn button {
    width: 49%;
    border-radius: 0;
}

.btn-right {
    margin-left: 2%;
}

.resume-upload-box {
    margin-top: 15px;
}

.upload-box {
    border: 1px solid #ccc;
    width: 100%;
    background: #fff;
    text-align: center;
    height: 60px;
    padding: 16px 0;
    cursor: pointer;
}

    .upload-box img {
        width: 25px;
    }

.file-browse {
    position: relative;
    height: 60px;
    overflow: hidden;
}

.file-input {
    cursor: pointer;
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
}

.no-resume {
    display: none;
}

    .no-resume p {
        font-size: 1.2em;
    }

.resume-type-txt {
    text-align: center;
    margin-top: 10px;
}

.file-browse {
    padding-right: 0px;
}

.file-google-drive {
    padding: 0px;
}

.file-dropbox {
    padding-left: 0px;
}

.signup-video h2 {
    margin-bottom: 20px;
}

.signvideo {
    margin-bottom: 20px;
}

.signup-video p {
    font-size: 1.2em;
}

.signvideo {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}

    .signvideo iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
/*select floating*/
.form-select-group {
    position: relative;
    margin-bottom: 0.7rem;
}

    .form-select-group > select,
    .form-select-group > label {
        height: 3.125rem;
        padding: .75rem;
    }

    .form-select-group > label {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        margin-bottom: 0; /* Override default `<label>` margin */
        line-height: 1.5;
        color: #495057;
        pointer-events: none;
        cursor: text; /* Match the input under the label */
        border: 1px solid transparent;
        border-radius: .25rem;
        transition: all .1s ease-in-out;
    }

    .form-select-group select::-webkit-input-placeholder {
        color: transparent;
    }

    .form-select-group select:-ms-input-placeholder {
        color: transparent;
    }

    .form-select-group select::-ms-input-placeholder {
        color: transparent;
    }

    .form-select-group select::-moz-placeholder {
        color: transparent;
    }

    .form-select-group select::placeholder {
        color: transparent;
    }

    .form-select-group select:not(:placeholder-shown) {
        padding-top: 1.25rem;
        padding-bottom: .25rem;
    }

        .form-select-group select:not(:placeholder-shown) ~ label {
            padding-top: .25rem;
            padding-bottom: .25rem;
            font-size: 12px;
            color: #777;
        }
/*text box floating*/
.form-label-group {
    position: relative;
    margin-bottom: 0.7rem;
}

    .form-label-group > input,
    .form-label-group > label {
        height: 3.125rem;
        padding: .75rem;
    }

    .form-label-group > label {
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        margin-bottom: 0; /* Override default `<label>` margin */
        line-height: 1.5;
        color: #495057;
        pointer-events: none;
        cursor: text; /* Match the input under the label */
        border: 1px solid transparent;
        border-radius: .25rem;
        transition: all .1s ease-in-out;
    }

    .form-label-group input::-webkit-input-placeholder {
        color: transparent;
    }

    .form-label-group input:-ms-input-placeholder {
        color: transparent;
    }

    .form-label-group input::-ms-input-placeholder {
        color: transparent;
    }

    .form-label-group input::-moz-placeholder {
        color: transparent;
    }

    .form-label-group input::placeholder {
        color: transparent;
    }

    .form-label-group input:not(:placeholder-shown) {
        padding-top: 1.25rem;
        padding-bottom: .25rem;
    }

        .form-label-group input:not(:placeholder-shown) ~ label {
            padding-top: .25rem;
            padding-bottom: .25rem;
            font-size: 12px;
            color: #777;
        }

/*dashboard*/
.dashb-nav {
    margin-bottom: 0px;
}

.bg-white {
    background-color: #0056b3;
}

    .bg-white .nav-link {
        color: #666;
        font-weight: 600;
        padding: 1rem;
    }

    .bg-white .dashb-nav li:hover .nav-link {
        color: #0B9EE1;
        background-color: #f1f1f1;
    }

.dashb-right-nav {
    align-items: center;
}

    .dashb-right-nav .dropdown-toggle::after {
        content: none;
    }

.dash-search-wrap {
    background: url("../images/banner.jpg") no-repeat;
}

.dashb-search {
    padding: 20px;
    background-color: rgba(255, 255, 255,0.4);
    margin: 7em 0;
}

    .dashb-search .form-group {
        margin-bottom: 5px;
    }

.dashb-content {
    background-color: #f1f1f1;
    padding: 15px 0;
}

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

.dashb-wj-content .walking-jobs h4 {
    font-size: 16px;
}

.dashb-wj-content .walking-jobs .owl-prev {
    left: -4rem;
}

.dashb-wj-content .walking-jobs .owl-next {
    right: -4em;
}

.mt-15 {
    margin-top: 15px;
}

.dashb-left h3 {
    font-size: 1.4em;
    color: #000;
    font-weight: 600;
}

.job-progress .viewed {
    color: #00CC00;
}

.job-progress .awaited {
    color: #fb0404;
}

.job-progress .table {
    margin-bottom: 0;
}

.uc-box {
    padding: 15px;
    box-shadow: 0px 0px 5px #ccc;
    margin-bottom: 15px;
}

    .uc-box h3 {
        margin-bottom: 15px;
    }

.update-box h5 {
    margin: 18px 0;
    font-size: 1.1em;
}

.update-box .uc-date {
    color: #666;
}

.uc-box .media img {
    width: 72px;
}

.uc-box .media {
    margin-bottom: 35px;
}

    .uc-box .media h5 {
        font-size: 1em;
        font-weight: 600;
    }

    .uc-box .media .date-loacation {
        color: #666;
    }

    .uc-box .media .job-company {
        color: #000;
        font-weight: 600;
    }

.uc-box-job .media {
    margin-bottom: 33px;
}

.dashb-right-nav ul {
    padding: 0;
    margin: 0;
}

    .dashb-right-nav ul li {
        display: inline-block;
    }

.dash-right-ads {
    text-align: center;
    padding: 15px;
}
/*.dash-right-box { padding:15px; box-shadow: 0 0 5px #ccc; margin-top: 15px;}*/
.dash-right-box {
    padding: 15px;
    box-shadow: 0 0 5px #ccc;
    margin-top: 0px;
}

    .dash-right-box h3 {
        font-size: 1.4em;
        margin-top: 15px;
    }

    .dash-right-box ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .dash-right-box li a {
        color: #666;
        font-size: 15px;
        padding: 4px 0;
        display: block;
    }

        .dash-right-box li a:hover {
            color: #0B9EE1;
        }



.dash-right-boxTop {
    padding: 15px;
    box-shadow: 0 0 5px #ccc;
    margin-top: 15px;
}

    .dash-right-boxTop h3 {
        font-size: 1.4em;
        margin-top: 15px;
    }

    .dash-right-boxTop ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

    .dash-right-boxTop li a {
        color: #666;
        font-size: 15px;
        padding: 4px 0;
        display: block;
    }

        .dash-right-boxTop li a:hover {
            color: #0B9EE1;
        }




.dashb-right-nav .nav-link:hover {
    color: #0B9EE1;
}

.dashb-right-nav .rounded-circle {
    padding: 10px;
    background: #f1f1f1;
    height: 40px;
    width: 40px;
    text-align: center;
}

    .dashb-right-nav .rounded-circle:hover {
        background: #0B9EE1;
    }

    .dashb-right-nav .rounded-circle .fas.fa-search {
        color: #666;
    }

    .dashb-right-nav .rounded-circle:hover .fas.fa-search {
        color: #fff;
    }

.dashb-right-nav .nav-link {
    padding-left: 0.4rem;
    padding-right: 0.4rem;
    color: #666;
}

.dashb-right-nav .fas {
    font-size: 1.2em;
}

.nav-link.user-profile {
    padding: 0.4rem;
}

.user-profile img {
    padding: 3px;
    background-color: #f1f1f1;
}

.update-pro-btn {
    margin-left: 0px;
}

    .update-pro-btn .nav-link {
        padding: 4px 5px;
        background: #f1f1f1;
    }

.bg-white .update-pro-btn .nav-link:hover {
    background: #0B9EE1;
    color: #fff;
}

.dashb-userinfo {
    position: relative;
}

.dashb-userbox {
    padding: 10px;
    background-color: #fff;
}

.up-image {
    position: relative;
}


    .up-image img {
        position: absolute;
        top: -46px;
        width: 88px;
        left: 36%;
        padding: 5px;
        background: #fff;
        max-height: 90px;
    }


/*.up-image img {position: absolute;top: -46px;width: 70px;left: 36%;padding: 5px;background: #fff;max-height:70px}*/

.img-fluid {
    max-width: 100%;
    height: auto;
}

.rounded-circle {
    border-radius: 50% !important;
}

.mb-2, .my-2 {
    margin-bottom: .5rem !important;
}


.dashb-userbox .progress {
    height: 10px;
}

.profile-strength {
    color: #17A2B8;
}

.pp-actions span {
    color: #17A2B8;
    font-weight: 600;
    text-transform: uppercase;
}

.pp-counter {
    font-size: 3em;
    margin-right: 8px;
}

.pp-actions .media {
    align-items: center;
}

.dashb-uinfo {
    margin-top: 2.5em;
}

.dashb-left-ads {
    text-align: center;
    padding: 15px;
    margin-bottom: 15px;
}

.dashb-right-nav .btn.focus, .dashb-right-nav .btn:focus {
    box-shadow: 0 0 0 0;
}

.dashb-right-nav .dropdown-menu {
    border: none;
    box-shadow: 1px 1px 5px #ccc;
    margin-top: 12px;
    border-radius: 0;
}

.notify-counter {
    position: relative;
}

    .notify-counter .rounded-circle {
        height: 16px;
        width: 16px;
        background-color: #ff0000;
        color: #fff;
        padding: 0px;
        position: absolute;
        font-size: 11px;
        top: 10px;
        left: 12px;
    }

/*mega menu*/
.megamenu .nav,
.megamenu .collapse,
.megamenu .dropup,
.megamenu .dropdown {
    position: static;
}

.megamenu .container {
    position: relative;
}

.megamenu .dropdown-menu {
    left: auto;
    border: none;
    border-radius: 0;
    background-color: #f1f1f1;
}

.megamenu .megamenu-content {
    padding: 15px;
    margin-top: -2px;
}

    .megamenu .megamenu-content h5 {
        margin-top: 0;
        color: #333;
        font-size: 15px;
        font-weight: 600;
    }

.megamenu .dropdown.megamenu-fw .dropdown-menu {
    left: 0;
    right: 0;
}

.megamenu .megamenu-content ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .megamenu .megamenu-content ul li a {
        font-size: 14px;
        color: #666;
    }

        .megamenu .megamenu-content ul li a:hover {
            color: #0B9EE1;
        }

/*overlay search*/
.overlay {
    min-height: 57px;
    width: 0;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    background-color: #fff;
    overflow-x: hidden;
}

.overlay-content {
}

.overlay .closebtn {
    position: absolute;
    top: 8px;
    right: 20px;
    font-size: 26px;
    color: #666;
}

.overlay-search-top {
    background-color: #fff;
    padding: 9px 0 4px 0;
}

    .overlay-search-top .form-group {
        margin-bottom: 5px;
    }

.overlay-search-bottom {
    margin-top: 20px;
}

.overlay-content-box {
    padding: .5rem .75rem;
}

.overlay-content-top {
    padding: 15px;
    background-color: #f1f1f1;
}

    .overlay-content-top ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        .overlay-content-top ul li {
            display: inline-block;
            margin-left: 5px;
        }

            .overlay-content-top ul li a {
                padding: 5px;
                color: #666;
                font-size: 1.2em;
            }

                .overlay-content-top ul li a:hover {
                    color: #0B9EE1;
                }

.overlay-content-bottom {
    padding: 0px;
}

.overlay-content-box h5 {
    font-size: 1.2em;
}

.products-by .pbx-icon {
    margin-bottom: 30px;
}

    .products-by .pbx-icon .fas {
        font-size: 2em;
        margin-bottom: 10px;
    }

    .products-by .pbx-icon a {
        color: #666;
        display: block;
    }

        .products-by .pbx-icon a:hover {
            color: #0B9EE1;
        }

.overlay-notify-icon {
    font-size: 1.6em;
    padding: 4px;
    border: 1px solid #ccc;
    color: #666;
    height: 44px;
    width: 44px;
    text-align: center;
    margin-right: 10px;
    color: #ccc;
}

    .overlay-notify-icon .fa-check {
        color: #03e403;
    }

.overlay-day-ago.ml-auto {
    min-width: 70px;
    color: #bbb;
}

.overlay-content-bottom .media {
    margin-bottom: 23px;
}

.overlay-view-all a {
    color: #666;
    font-size: 14px;
}

.overlay-message ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.overlay-message li {
    padding: 11px 0;
    border-bottom: 1px dotted #ccc;
}

    .overlay-message li:first-child {
        padding-top: 0;
    }

    .overlay-message li:last-child {
        border: none;
    }

    .overlay-message li a {
        color: #666;
        display: block;
    }

#productsBy, #messageNotify, #notify, #profileOpt {
    display: none;
}

.popover {
    max-width: 320px;
    background-color: #fff;
}

.popover-body {
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0;
}

.overlay-content-box .fas {
    font-size: 20px;
}

.closePopover {
    color: #666;
}

.closePopover {
    display: none;
}

.profile-opt img {
    width: 80px;
    margin-right: 10px;
}

.profile-opt-items {
    padding: 15px;
}

    .profile-opt-items ul {
        padding: 0;
        margin: 0;
        list-style: none;
    }

        .profile-opt-items ul li a {
            color: #666;
            padding: 5px 0;
            display: block;
            font-size: 15px;
        }

            .profile-opt-items ul li a:hover {
                color: #0B9EE1;
            }

    .profile-opt-items .fas {
        font-size: 14px;
        margin-right: 10px;
    }

.profile-opt .popover-body {
    padding: 0 !important;
}

.overlay-content-box.profile-opt {
    padding: 0;
}

.profile-opt .media {
    padding: 15px;
    margin-bottom: 10px;
}

    .profile-opt .media h5 {
        font-weight: 600;
    }

.profile-opt hr {
    margin: 0;
}

/* Fallback for Edge
-------------------------------------------------- */
@supports (-ms-ime-align: auto) {
    .form-label-group > label {
        display: none;
    }

    .form-label-group input::-ms-input-placeholder {
        color: #777;
    }
}

/* Fallback for IE
-------------------------------------------------- */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .form-label-group > label {
        display: none;
    }

    .form-label-group input:-ms-input-placeholder {
        color: #777;
    }
}

/*responsive code*/
@media (max-width: 991px) {
    .job-search-results {
        display: block;
        margin: 15px 0;
    }

    .navbar {
        max-height: 300px;
        overflow: auto;
    }

    .up-image img {
        left: 46%;
    }

    #mySearch, .overlay-content, .overlay-search-top {
        height: 100%;
    }

    .popover {
        max-width: 100%;
        height: 100%;
        position: fixed !important;
        overflow-x: hidden;
        transform: none !important;
        z-index: 99999;
        width: 100%;
    }

        .popover .arrow {
            display: none;
        }

    .popover-body {
        height: 100%;
    }

    .closePopover {
        display: block;
    }

    .registerlogin {
        flex: 0% !important;
        ;
        max-width: 100% !important;
        ;
    }
}

@media (min-width: 992px) {
    .navbar {
        padding-top: 0;
        padding-bottom: 0;
    }

    .dashb-nav .dropdown:hover .dropdown-menu, .main-nav .dropdown:hover .dropdown-menu {
        display: block;
    }

    .dashb-userinfo {
        position: relative;
    }
    /*Rajeev - Update*/
    .dashb-userbox {
        width: 310px;
        position: absolute;
        right: 0px;
        top: 4em;
    }
    /*.dashb-userbox { width:280px; position: absolute; right: 15px; top:6em;}
 dashb-right { margin-top:8.5em; }
 */
    .dashb-right {
        margin-top: 0em;
    }

    .registerlogin {
        flex: 0% !important;
        ;
        max-width: 100% !important;
        ;
    }
}

@media (min-width: 991px) and (max-width: 1024px) {
    .file-browse {
        padding-right: 0px;
    }

    .file-google-drive {
        padding: 0px;
    }

    .file-dropbox {
        padding-left: 0px;
    }

    .upload-box {
        font-size: 14px;
    }

    .registerlogin {
        flex: 0% !important;
        ;
        max-width: 100% !important;
        ;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .top-button {
        display: flex;
    }

        .top-button a {
            padding: 10px 5px;
        }

    .footer-logo img {
        max-width: 100%;
    }

    .file-browse {
        padding-right: 15px;
    }

    .file-google-drive {
        padding: 0 15px;
    }

    .file-dropbox {
        padding-left: 15px;
    }

    .registerlogin {
        flex: 0% !important;
        ;
        max-width: 100% !important;
        ;
    }
}

@media (max-width: 768px) {
    .search-wrap {
        background-size: cover;
    }

    .search-left {
        margin-bottom: 20px;
    }

    .app-btn {
        margin: 0 15px;
        padding: 0.6em 1em;
    }

    .footer-logo img {
        max-width: 100%;
    }

    .footer-right .col-md-9 {
        margin: auto;
    }

    .ftr-right {
        padding-left: 30px;
    }

    .navbar {
        max-height: 300px;
        overflow: auto;
    }

    .up-image img {
        left: 45%;
    }

    .overlay-form {
        margin-top: 50px;
    }

    .registerlogin {
        flex: 0% !important;
        ;
        max-width: 100% !important;
        ;
    }
}

@media (min-width: 768px) {
    .walking-jobs .owl-prev, .walking-jobs .owl-next {
        position: absolute;
        top: 46%;
        transform: translateY(-50%);
    }

    .top-companies .owl-prev, .top-companies .owl-next {
        position: absolute;
        top: 46%;
        transform: translateY(-50%);
    }

    .walking-jobs .owl-prev {
        left: -4rem;
    }

    .walking-jobs .owl-next {
        right: -4rem;
    }

    .walking-jobs .owl-prev, .walking-jobs .owl-next {
        width: 2.5em;
        height: 2.5em;
        border: 2px solid #f1f1f1 !important;
        border-radius: 50% !important;
    }

    .top-companies .owl-theme .owl-nav [class*=owl-]:hover {
        background: none;
        color: #666;
    }

    .login-btn {
        margin-right: 6em;
    }

    .job-filters {
        min-height: 530px;
    }

    .registerlogin {
        flex: 0% !important;
        ;
        max-width: 100% !important;
        ;
    }
}

@media (max-width: 767px) {
    .search-right {
        display: none !important;
    }

    .search-left .nav-link {
        padding: 5px;
    }

    .tab-content {
        padding: 2em 1em;
    }

    .app-download-wrap {
        display: none;
    }

    .social-icons {
        position: relative;
        bottom: inherit;
        margin: 10px 0;
    }

    .owl-prev, .owl-next {
        width: 1.5em;
        height: 1.5em;
    }

    .walking-jobs .owl-theme .owl-nav [class*=owl-]:hover {
        background: #999;
    }

    .job-detail-wrap {
        margin-top: 20px;
    }

    .signup-video {
        margin-top: 20px;
    }

    .login-left {
        display: none;
    }

    .navbar {
        max-height: 300px;
        overflow: auto;
    }
    /*Rajeev - Added*/
    .search-show {
        display: block !important;
    }

    .Mobile-hide {
        display: none;
    }

    .registerlogin {
        flex: 0% !important;
        ;
        max-width: 100% !important;
        ;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .search-left .nav-link {
        font-size: 14px;
    }

    .fd-job-item img.mr-3 {
        width: 25%;
    }

    .fd-job-item span {
        font-size: 0.75em;
    }

    .fd-job-item h5 a {
        font-size: 14px;
    }

    .fd-job-item span.badge {
        font-size: 0.7em;
    }

    .top-prof-item {
        position: relative;
        padding-bottom: 40px;
    }

    .prof-button.ml-auto {
        position: absolute;
        left: 10px;
        bottom: 10px;
        width: 93%;
        right: 10px;
    }

        .prof-button.ml-auto a.btn.btn-info.btn-sm {
            font-size: .75rem;
            padding: 2px 5px;
            width: 100%;
        }

    .top-prof-item h5 a {
        font-size: 14px;
    }

    .top-prof-item span {
        font-size: 0.75em;
    }

    .top-prof span {
        font-size: 0.75em;
    }

        .top-prof span i.fa {
            display: block;
            font-size: 14px;
        }

    .pd-left {
        overflow: hidden;
    }

        .pd-left .ftr-right {
            padding-left: 15px;
        }

    .footer-right {
        padding-left: 15px;
    }

    #contactSidebar {
        display: none;
    }

    .browse-jobs {
        display: block !important;
    }

        .browse-jobs h2 {
            margin-bottom: 10px;
        }

    .view-all {
        margin-bottom: 10px;
    }

    .file-browse {
        padding-right: 15px;
    }

    .file-google-drive {
        padding: 0 15px;
    }

    .file-dropbox {
        padding-left: 15px;
    }

    .search-topic h1 {
        font-size: 1.5em;
    }

    .search-topic ul li {
        display: block;
    }

        .search-topic ul li span {
            margin-top: 10px;
            display: block;
        }

    .create-alert h5 {
        font-size: 1em;
    }

    .search-resume-upload {
        font-size: 1em;
    }

    .job-list-info h4 {
        font-size: 1.2em;
    }

    .job-list-info h5 {
        font-size: 1em;
    }

    .jobexp-info {
        width: 33.33%;
        text-align: center;
    }

    .job-exp-posted i {
        display: block;
    }

    .search-joblist .form-group {
        width: 100%;
    }

    .dashb-nav .navbar-brand img {
        height: 20px;
    }

    .up-image img {
        left: 36%;
    }

    .registerlogin {
        flex: 0% !important;
        ;
        max-width: 100% !important;
        ;
    }
}

@media (width: 480px) {
    .up-image img {
        left: 42%;
    }
}


.form-label-group-Placeholder {
    padding-top: .25rem;
    padding-bottom: .25rem;
    font-size: 12px;
    color: #777;
}

/* Media Query for Mobile Devices */
@media (max-width: 767px) {
    #profileOpt3 {
        display: none; /* Hide desktop profile options on mobile */
    }

    #profileOptMobile {
        display: block; /* Show mobile profile options */
    }
}