/*--------------------------------------------------------------------*/

@font-face {
    font-family: "Open Sans";
    font-weight: 700;
    font-style: italic;
    src: url(../../Open_Sans/OpenSans-BoldItalic.ttf); 
}

@font-face {
    font-family: "Open Sans";
    font-weight: 700;
    font-style: normal;
    src: url(../../Open_Sans/OpenSans-Bold.ttf); 
}

@font-face {
    font-family: "Open Sans";
    font-weight: 800;
    font-style: italic;
    src: url(../../Open_Sans/OpenSans-ExtraBoldItalic.ttf); 
}

@font-face {
    font-family: "Open Sans";
    font-weight: 800;
    font-style: normal;
    src: url(../../Open_Sans/OpenSans-ExtraBold.ttf); 
}

@font-face {
    font-family: "Open Sans";
    font-weight: 400;
    font-style: italic;
    src: url(../../Open_Sans/OpenSans-Italic.ttf); 
}

@font-face {
    font-family: "Open Sans";
    font-weight: 400;
    font-style: normal;
    src: url(../../Open_Sans/OpenSans-Regular.ttf); 
}

@font-face {
    font-family: "Open Sans";
    font-weight: 300;
    font-style: italic;
    src: url(../../Open_Sans/OpenSans-LightItalic.ttf);
}

@font-face {
    font-family: "Open Sans";
    font-weight: 300;
    font-style: normal;
    src: url(../../Open_Sans/OpenSans-Light.ttf); 
}

@font-face {
    font-family: "Open Sans";
    font-weight: 600;
    font-style: italic;
    src: url(../../Open_Sans/OpenSans-SemiBoldItalic.ttf);
}

@font-face {
    font-family: "Open Sans";
    font-weight: 600;
    font-style: normal;
    src: url(../../Open_Sans/OpenSans-SemiBold.ttf); 
}


/*--------------------------------------------------------------------*/


/* CSS for body */

body {
    font-family: 'Open Sans', sans-serif;
    background: #f2fbff !important;
}

*, h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans', sans-serif;
}

* {
    outline: none !important;
}

body.noscroll {
    max-width: 100%;
    max-height: 100vh;
    overflow: hidden;
}

/* End of CSS for body */

/* Bootstrap adjustment CSS */

.container-fluid-ad {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

    .container-fluid-ad.max_width_ad {
        max-width: 1600px;
    }

.mar-adjust {
    margin-right: -10px;
    margin-left: -10px;
}

.pad-adjust {
    padding-left: 10px;
    padding-right: 10px;
}

.dropdown-backdrop {
    display: none;
}

.no_pos {
    position: unset !important;
}

.modal_vertical_aligner {
    display: table;
    height: 100%;
    width: 100%;
    margin: auto;
}

.modal.in .modal-dialog {
    display: table-cell;
    vertical-align: middle;
}

    .modal.in .modal-dialog .modal_close {
        position: fixed;
        top: 0px;
        right: 0;
        z-index: 111111111;
        color: #fff;
        border: none;
        background: #3e6ab9;
        width: 50px;
        height: 50px;
        line-height: 0;
        border-radius: 0 0 0 40px;
        font-size: 33px;
        text-align: right;
        padding-right: 11px;
    
    }

.modal-content {
    border-radius: 4px;
    box-shadow: none;
    border: 1px solid gainsboro;
    width: 600px;
    margin: auto;
}

    .modal-content.comapny_video_modal {
        border: none;
        background: transparent;
    }

.modal-header {
    border: none;
}

.modal-body {
    padding: 0;
}

.modal-backdrop {
    background-color: #333;
}

    .modal-backdrop.in {
        opacity: .4;
    }

/* End of Bootstrap adjustment CSS */


/* CSS for Job Search page */

.gray_background {
    background: #f3f3f3 !important;
}

.client_header {
    float: left;
    width: 100%;
    height: 100px;
    border-bottom: 1px solid gainsboro;
}

.company_banner {
    float: left;
    width: 100%;
    margin: 0;
}
.company_banner.login_banner {
    height: initial !important;
    width:100% !important;
}
.login_banner img {
    max-width: 100%;
    width:100%;
}

.job_listing_added_filters {
    float: left;
    width: 100%;
    margin: 20px 0 0 0;
}


.job_listing_added_filters ul {
        float: left;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0;
}

.job_listing_added_filters ul li{
    float: left;
}

.job_listing_added_filters_item {
    float: left;
    margin: 0 10px 10px 0;
    padding: 6px 20px;
    border-radius: 60px;
    color: #01415d;
    background: #dbf3ff;
    text-decoration: none !important;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    text-transform: capitalize;
}

.job_listing_added_filters_item:hover {
    background: #32a6d8;
    color: white;

}

.job_listing_added_filters_item:before {
    font-family: "Material Icons";
    content: "\E5CD";
    float: right;
    margin-left: 10px;
    font-size: 17px;
    line-height: 1;
    font-weight: 600;
    position: relative;
    top: 2px;
    margin-right: -8px;
}


.no_result_to_list {
    text-align: center;
    width: 100%;
    font-size: 20px;
    font-weight: 100;
    color: gray;
    position: relative;
    float: left;
    padding-top: 100px;
}

.no_result_to_list:before {
    font-family: "Material Icons";
    content: "\E7F3";
    position: absolute;
    top: 0;
    left: calc(50% - 35px);
    font-size: 70px;
    color: #dadada;
}

.no_result_to_list:empty {
    display: none;

}

.job_search_panel {
    float: left;
    width: 100%;
    padding: 0px 0px;
    background: #0c95d1;
}

.job_search_panel_title {
    float: left;
    width: 100%;
    margin: 20px 0 15px 0;
    color: white;
    font-size: 22px;
}

.job_search {
    float: left;
    width: 100%;
    border-radius: 2px;
    box-shadow: 0 3px 10px 0 rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 3px 10px 0 rgba(0,0,0,0.2);
    position: relative;
    margin-bottom: 20px;
}

    .job_search .ico {
        position: absolute;
        top: 10px;
        left: 20px;
        font-size: 30px;
        color: gray;
    }

.search_criteria {
    float: left;
    width: calc(100% - 130px);
    z-index: 12;
}

.search_criteria .item {
    position: relative;
    float: left;
    width: 40%;
}

.clear_txt {
    position: absolute;
    right: 10px;
    top: 15px;
    font-size: 18px !important;
    color: gray;
    cursor: pointer;
}

.use_my_location.active  {
    display: block;
}

.use_my_location {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    padding: 10px 25px 10px 56px;
    background: white;
    box-shadow: 0 5px 10px 1px rgba(0,0,0,0.2);
    z-index: 11;
    border-radius: 0 0 3px 3px;
    border-top: 1px solid gainsboro;
    font-size: 15px;
    font-family: arial;
    text-decoration: none !important;
    color: #333;
    display: none;
}

.use_my_location i {
    position: absolute;
    top: 10px;
    left: 25px;
    font-size: 22px;
}

.search_criteria .item.location {
    width: calc(60% - 160px);
    border-left: 1px solid gainsboro;
}

.search_criteria .item.miles {
    width: 160px;
    border-left: 1px solid gainsboro;
}


.job_search_input {
    float: left;
    width: 100%;
    height: 48px;
    padding: 0 30px 0 57px;
    font-size: 16px;
    border: none;
}

.job_search_submit {
    float: left;
    width: 130px;
    height: 48px;
    border: none;
    background: #e06813;
    font-weight: 600;
    font-size: 16px;
    color: white;
}

.job_listing {
    float: left;
    width: 100%;
    margin: 20px 0;
}

.job_listing_head_box {
    float: left;
    width: 100%;
    /*padding: 20px 40px;*/
    padding: 20px 0;
    border-bottom: 1px solid #e6e6e6;
}

    .job_listing_head_box .search_count {
        float: left;
        width: 100%;
        font-size: 17px;
        margin: 0;
        line-height: 32px;
    }

        .job_listing_head_box .search_count .high_text {
            font-weight: 600;
        }

    .job_listing_head_box .job_sort {
        float: left;
        width: 100%;
        text-align: right;
    }

        .job_listing_head_box .job_sort .cap {
            font-size: 17px;
            margin-right: 10px;
        }

        .job_listing_head_box .job_sort .select_box {
            height: 40px;
            font-size: 16px;
            font-weight: 600;
            border: 1px solid gainsboro;
            padding: 0 10px;
            margin-top: -8px;
        }

            .job_listing_head_box .job_sort .select_box option {
                font-size: 14px;
            }

.job_listing_result {
    float: left;
    width: 100%;
}

    .job_listing_result .item {
        float: left;
        position: relative;
        width: 100%;
        /*padding: 20px 100px 20px 40px;*/
        padding: 20px 120px 20px 0px;
        border-bottom: 1px solid #e6e6e6;
    }

        .job_listing_result .item:last-child {
            border-bottom: none;
        }

        .job_listing_result .item.tile {
            width: 33.3%;
            border-bottom: 1px solid #e6e6e6;
            border-right: 1px solid #e6e6e6;
            height: 200px;
            padding: 20px 30px;
        }

            .job_listing_result .item.tile .view_more {
                padding: 8px 10px;
                margin-top: 0px;
            }

            .job_listing_result .item.tile:first-child {
                border-left: 1px solid #e6e6e6;
            }

            .job_listing_result .item.tile:nth-child(3n) {
                
            }

            .job_listing_result .item.tile:nth-child(4n) {
                border-left: 1px solid #e6e6e6;
            }

            .job_listing_result .item.tile .save_job {
                position: absolute;
                height: unset;
                top: 20px;
            }

            .job_listing_result .item.tile .tag_set .tag {
                margin: 10px 5px 0 0;
                padding: 4px 6px;
                font-size: 11px;
            }

            .job_listing_result .item.tile .job_description,
            .job_listing_result .item.tile .tag_set {
                display: none;
            }

            .job_listing_result .item.tile .job_title,
            .job_listing_result .item.tile .misc_details {
                padding-right: 60px;
            }

        .job_listing_result .item .job_title {
            float: left;
            width: 100%;
            margin: 0 0 3px 0;
            font-size: 20px;
            font-weight: 400;
            text-decoration: none !important;
            color: #2a2d2f;
        }

            .job_listing_result .item .job_title:hover {
                color: #356ab6;
            }

        .job_listing_result .item .misc_details {
            float: left;
            width: 100%;
            margin: 0 0 15px 0;
            font-size: 14px;
            color: gray;
        }

        .job_listing_result .item .job_description {
            float: left;
            width: 100%;
            margin: 0 0 15px 0;
            font-size: 15px;
            line-height: 24px;
            overflow: hidden;
        }

        .job_listing_result .item.tile .readmore {
            display: none;
        }

        .item.tile .apply_job_btn {
            position: unset;
            float: left;
            margin: 0;
            padding: 7px 30px;
        }  

        .job_listing_result .item .tag_set {
            float: left;
            width: 100%;
            margin: 0 0 10px 0;
        }

            .job_listing_result .item .tag_set .tag {
                float: left;
                color: #333;
                text-decoration: none !important;
                border-radius: 2px;
            }

            .job_listing_result .item .tag_set .cap {
                font-weight: 600;
            }

        .job_listing_result .item .save_job {
            position: absolute;
            top: 0;
            right: 0;
            width: 80px;
            height: 100%;
            text-align: center;
            display: flex;
            justify-content: center;
            align-items: center;
        }

            .job_listing_result .item .save_job a {
                color: #333;
            }

                .job_listing_result .item .save_job a:hover {
                    color: #ff8a12;
                }

            .job_listing_result .item .save_job .ico {
                float: left;
                width: 100%;
            }

            .job_listing_result .item .save_job .cap {
                float: left;
                width: 100%;
            }

.job_listing_results_view_options {
    float: left;
    width: 100%;
    text-align: right;
    margin: 10px 0 0 0;
}

    .job_listing_results_view_options ul {
        float: left;
        width: 100%;
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .job_listing_results_view_options ul li {
            display: inline-block;
        }

            .job_listing_results_view_options ul li a {
                display: inline-block;
                margin: 0 20px 0 0;
                font-size: 16px;
                color: #333;
                opacity: 0.7;
                text-decoration: none !important;
            }

                .job_listing_results_view_options ul li a.active {
                    opacity: 1;
                }

            .job_listing_results_view_options ul li:last-child a {
                margin: 0;
            }

            .job_listing_results_view_options ul li a .ico {
                position: relative;
                top: 7px;
            }

            .job_listing_results_view_options ul li a .cap {
            }

.job_listing_filter_options {
    margin-top: 10px;
}

.job_search_panel.get_sticky {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    padding: 20px 0 0 0;
    box-shadow: 0 3px 10px 0 rgba(67, 82, 138, 0.2);
    -webkit-box-shadow: 0 3px 10px 0 rgba(67, 82, 138, 0.2);
}

    .job_search_panel.get_sticky + div {
        margin-top: 139px;
    }

    .job_search_panel.get_sticky .job_search_panel_title {
        visibility: hidden;
        height: 0;
        margin: 0;
    }

    .job_search_panel.get_sticky .job_search .ico {
        top: 6px;
    }

    .job_search_panel.get_sticky .job_search_input {
        font-size: 16px;
    }

    .job_search_panel.get_sticky .job_search_input,
    .job_search_panel.get_sticky .job_search_submit,
    .job_search_panel.get_sticky .add_job_result_filters {
        height: 40px;
    }

    .job_search_panel.get_sticky .clear_txt {
        top: 11px;
    }

.job_search_panel,
.job_search_panel_title,
.job_search_input,
.job_search_submit,
.add_job_result_filters {
    transition-duration: 0.1s;
    -webkit-transition-duration: 0.1s;
}

.foot_box {
    float: left;
    width: 100%;
    position: relative;
}

.added_filters {
    float: left;
    width: 100;
}

.foot_box .cap {
    float: left;
    width: 100%;
    margin: 10px 0 0px 0;
    color: white;
    text-transform: uppercase;
    font-weight: 600;
}

.added_filters .item {
    float: left;
    margin: 10px 10px 0 0;
    border: 1px solid white;
    background: white;
    color: #333;
    padding: 2px 10px;
    border-radius: 2px;
}

.close_filter_box {
    float: right;
    border: 1px solid white;
    color: white;
    padding: 6px 20px;
    text-decoration: none !important;
    color: white !important;
}

.company_footer {
    float: left;
    width: 100%;
    height: 130px;
    background: white;
}

.filter_panel {
    float: left;
    width: 100%;
    padding: 10px 0 0 0;
    background: white; 
}

    .filter_panel .filter_bar {
        float: left;
        width: 100%;
    }

.filter_bar_filter_item {
    float: left;
    margin: 0 10px 10px 0;
}

    .filter_bar_filter_item.right {
        float: right;
        margin: 0;
    }

.filter_bar_button {
    float: left;
    margin-right: 5px;
    height: 34px;
    padding: 4.5px 15px;
    background: white;
    border: 1px solid #333;
    border-radius: 2px;
    font-weight: 600;
}

    .filter_bar_button.highlight {
        background: #4c4c4c;
        color: white;
        border: none;
    }

    .filter_bar_button:last-child {
        margin-right: 0;
    }

.filter_panel .filter_bar .plain_btn .dropdown_btn {
    color: #656565;
    border: 1px solid #b7b7b7;
    background: white;
    border-radius: 2px;
    font-weight: 600;
}

    .filter_panel .filter_bar .plain_btn .dropdown_btn:focus,
    .filter_panel .filter_bar .plain_btn .dropdown_btn:active {
        box-shadow: none !important;
        -webkit-box-shadow: none !important;
    }

    .filter_panel .filter_bar .plain_btn .dropdown_btn .caret {
        border-top-color: #828282;
        margin-left: 5px;
    }

.dropdown.plain_btn.open .dropdown_btn .caret {
    border-top-color: #505050;
}

.dropdown.plain_btn.open .dropdown_btn {
    color: #2b2b2b;
    border-color: #2b2b2b;
}

.filter_panel .filter_bar .dropdown-menu {
    width: 360px;
    border: 1px solid gainsboro;
    background: white;
    padding: 20px 20px;
    margin-top: 10px;
    border-radius: 0 0 4px 4px;
}

    .filter_panel .filter_bar .dropdown-menu ul {
        float: left;
        width: 100%;
        margin: 0;
        padding: 0;
        list-style: none;
        max-height: 250px;
        overflow: auto;
    }

        .filter_panel .filter_bar .dropdown-menu ul > li {
            float: left;
            width: 100%;
            overflow: hidden;
        }

            .filter_panel .filter_bar .dropdown-menu ul > li:first-child a {
                margin-top: -10px;
            }

            .filter_panel .filter_bar .dropdown-menu ul > li > a {
                float: left;
                width: 100%;
                margin: 0 0 0 0;
                text-decoration: none !important;
                color: gray;
                font-size: 14px;
                line-height: 24px;
            }

                .filter_panel .filter_bar .dropdown-menu ul > li > a label {
                    float: left;
                    width: 100%;
                    margin: 0 0 0 5px !important;
                    font-weight: 400;
                    position: relative;
                    padding: 0;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }

                .filter_panel .filter_bar .dropdown-menu ul > li > a input[type='checkbox'] + label:before {
                    font-family: 'Material Icons';
                    content: "\e3c6";
                    position: relative;
                    top: 6px;
                    left: -5px;
                    font-size: 24px;
                    color: #b7b7b7;
                }

                .filter_panel .filter_bar .dropdown-menu ul > li > a input[type='checkbox']:checked + label:before {
                    content: "\e834";
                    color: #1381b1;
                }

                .filter_panel .filter_bar .dropdown-menu ul > li > a input[type='checkbox']:checked + label {
                    color: #737373;
                    font-weight: 600;
                }

            .filter_panel .filter_bar .dropdown-menu ul > li:last-child > a {
                margin-bottom: 0;
            }

.filter_panel .filter_items {
    float: left;
    width: 100%;
    margin: 0;
    position: relative;
    padding-bottom: 20px;
}

    .filter_panel .filter_items .ico {
        position: absolute;
        top: 7px;
        left: 10px;
    }

    .filter_panel .filter_items .filter_input {
        float: left;
        width: 100%;
        height: 36px;
        padding: 0 10px 0 40px;
        border-radius: 2px;
        border: 1px solid gainsboro;
    }

.filter_panel_filter_action {
    float: left;
    width: 100%;
    margin: 20px 0 0 0;
}

    .filter_panel_filter_action .btn_group {
        float: left;
    }

        .filter_panel_filter_action .btn_group.right {
            float: right;
        }

        .filter_panel_filter_action .btn_group .btn {
            float: left;
            padding: 5px 10px;
            border-radius: 0;
            margin: 0 10px 0 0;
            box-shadow: none;
        }

            .filter_panel_filter_action .btn_group .btn:last-child {
                margin: 0;
            }

    .filter_panel_filter_action .plain_btn {
        background: white;
        color: gray;
    }

    .filter_panel_filter_action .highlight_btn {
        background: #1381b1;
        color: white;
        padding: 5px 20px !important;
        border-radius: 2px !important;
        box-shadow: 0 4px 10px 0 rgba(42, 61, 95, 0.2) !important;
        -webkit-box-shadow: 0 4px 10px 0 rgba(42, 61, 95, 0.2) !important;
    }

.legal_statements {
    float: left;
    width: 100%;
    margin: 20px 0 80px 0;
}

    .legal_statements .sec {
        float: left;
        width: 100%;
        padding-bottom: 20px;
        margin: 0 0 20px 0;
        border-bottom: 1px solid #333;
        text-align: left;
    }

.legal_statements_title {
    float: unset;
    width: unset;
    display: inline-block;
    margin: 20px auto !important;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    background: #565656;
    color: white !important;
    text-decoration: none !important;
    padding: 6px 20px;
    border-radius: 4px;
}

    .legal_statements_title .caret {
        border-top: 4px solid #fff;
    }

    .legal_statements_title.open {
        background: #0c95d1;
    }

        .legal_statements_title.open .caret {
            transform: rotate(180deg);
        }

.legal_statements h1,
.legal_statements h2,
.legal_statements h3,
.legal_statements h4,
.legal_statements h5 {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    font-size: 18px;
    font-weight: 600;
}

.legal_statements p {
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
}

    .legal_statements p:last-child {
        margin: 0;
    }

.filter_menu_icon {
    float: left;
    margin: 0;
    height: 35px;
    padding: 5px 15px;
    background: white;
    border: 1px solid #333;
    border-radius: 2px;
    font-weight: 600;
    text-decoration: none !important;
    display: none;
}

    .filter_menu_icon .ico {
        color: #333;
    }

    .filter_menu_icon .cap {
        position: relative;
        top: -7px;
        margin-left: 3px;
        color: #333;
    }

.responsive_menu_wrapper {
    float: left;
    /*background: white;*/
}

.responsive_menu_wrapper {
    left: -300px;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
}

    .responsive_menu_wrapper.active {
        left: 0px;
    }

    .responsive_menu_wrapper .close_btn {
        position: absolute;
        top: 0;
        right: 0;
        border-radius: 0 0 0 60px;
        width: 60px;
        height: 60px;
        text-align: center;
        background: #455a86;
        color: white;
        display: none;
    }

        .responsive_menu_wrapper .close_btn .ico {
            position: relative;
            top: 15px;
            right: -7px;
        }

.responsive_menu_wrapper_title {
    float: left;
    width: 100%;
    padding: 7px 20px;
    margin: 13px 0 0 0;
    font-size: 16px;
    background: #fff;
    color: #4a4747;
    font-weight: 600;
    display: none;
}

.sort_job_result {
    float: left;
    width: 100%;
    padding: 10px 20px;
    display: none;
}

    .sort_job_result .select_box {
        float: left;
        width: 100%;
        height: 40px;
        padding: 0 10px;
        border-radius: 2px;
        border: 1px solid gainsboro;
    }

        .sort_job_result .select_box option {
            max-width: 100%;
        }

.sec_group {
    float: left;
    width: 100%;
    display: none;
}

    .sec_group.active {
        display: block;
    }

@media only screen and (min-width:991px) and (max-width:1199px) {
    .filter_panel .filter_bar .plain_btn .dropdown_btn {
        font-size: 13px;
        padding: 6px 10px;
    }
}

@media only screen and (max-width:991px) {
    .filter_menu_icon,
    .responsive_menu_wrapper_title {
        display: block;
    }

    .filter_panel {
        padding: 10px 0;
    }

    .job_sort {
        display: none;
    }

    .responsive_menu_wrapper {
        position: fixed;
        top: 0px;
        width: 300px !important;
        height: 100%;
        padding: 20px 0;
        background: white;
        z-index: 990;
        left: -300px;
        box-shadow: 0 0 22px 0 rgba(16, 48, 59, 0.18);
        -webkit-box-shadow: 0 0 22px 0 rgba(16, 48, 59, 0.18);
        overflow: auto;
    }

    .filter_bar_filter_item:not(.right) {
        width: 100%;
        margin: 0;
    }

    .filter_panel .filter_bar .plain_btn .dropdown_btn {
        border: none;
        border-bottom: 1px solid #e3ebed;
        width: 100%;
        text-align: left;
        padding: 15px 20px;
        border-radius: 0;
        font-weight: 400;
    }

        .filter_panel .filter_bar .plain_btn .dropdown_btn .caret {
            float: right;
            margin-top: 7px;
        }

    .filter_panel .filter_bar .plain_btn.open .caret {
        transform: rotate(180deg);
    }

    .dropdown.plain_btn.open .dropdown_btn {
        color: #0c95d1;
        font-weight: 600;
    }

    .filter_bar_filter_item .dropdown-menu {
        float: left !important;
        width: 100% !important;
        position: unset !important;
        box-shadow: none !important;
        border: none !important;
        padding: 10px 20px !important;
        background: #fff !important;
        margin: 0 !important;
        border-bottom: 1px solid gainsboro;
        border-radius: 0 !important;
    }

    .filter_panel .filter_bar .dropdown-menu ul {
        max-height: unset;
    }

    .job_listing_head_box {
        padding: 20px;
    }

        .job_listing_head_box .search_count {
            font-size: 17px;
            margin: 0;
            line-height: unset;
        }

    .job_listing_result .item .job_title {
        font-size: 18px;
    }

    .job_listing_result .item .misc_details {
        font-size: 14px;
    }

    .job_listing_result .item .job_description {
        font-size: 14px;
    }

    .sort_job_result,
    .responsive_menu_wrapper .close_btn {
        display: block;
    }

    .job_listing_result .item {
        padding: 10px 20px;
    }
}


@media only screen and (min-width:767px) and (max-width:991px) {
    .job_listing_result .item.tile {
        width: 50%;
        height: 130px;
        padding: 20px 30px;
    }

        .job_listing_result .item.tile:nth-child(4n) {
                border-left: none;
            }

        .job_listing_result .item.tile:nth-child(3n) {
            border-left: 1px solid gainsboro;
        }

        .job_listing_result .item.tile:nth-child(2n) {
            border-right: 1px solid gainsboro;
        }
}

@media only screen and (max-width:767px) {

    .job_search_panel {
        padding: 0px;
    }

    .job_listing_result .item.tile {
        width: 100%;
        border-bottom: 1px solid #e6e6e6;
        border-right: 1px solid #e6e6e6;
        height: unset;
        padding: 20px 30px;
    }

    .job_listing_head_box {
        padding: 0px;

    }

        .job_listing_head_box .search_count {
            margin-bottom: 20px;
            font-size: 15px;
        }

        .job_listing_head_box .job_sort {
            text-align: left;
        }

    .job_search_panel.get_sticky .job_search_ico,
    .job_search .ico {
        top: 7px;
        left: 10px;
        font-size: 22px;
        }

    .job_search_panel.get_sticky .job_search_input,
    .job_search_input {
        width: calc( 100% - 100px);
        height: 35px;
        font-size: 13px;
        padding: 10px 10px 10px 40px;
    }

    .job_search_panel.get_sticky .job_search_submit,
    .job_search_submit {
        width: 100px;
        height: 35px;
        font-size: 13px;
    }

    .job_listing_results_view_options {
        display: none;
    }

    .job_search_panel_title {
        font-size: 14px;
        margin: 10px 0;
    }

    .job_search_panel.get_sticky {
         padding: 10px 0 0 0;
    }

    .job_search_panel.get_sticky .job_search {
        margin-bottom: 10px;
    }

    .filter_menu_icon .cap {
        font-size: 13px;
    }

    .filter_menu_icon .ico {
        font-size: 18px;
        top: -2px;
        position: relative;
    }

    .filter_menu_icon {
        height: 30px;
        line-height: 30px;
    }

    .filter_bar_button {
        height: 30px;
    }

    .job_listing_result .item {
        padding: 10px 0px;
    }

    .job_listing {
        margin-top: 10px;
    }

    .job_listing_result .item .job_description {
        font-size: 13px;
        line-height: 20px;
        max-height: 60px !IMPORTANT;
    }

}

.added_details.no_padd .item{
    padding: 0 !important;
}

/* End of CSS for job Search page */

/* CSS for Applicant job detail page */

.job_detail_view {
    float: left; 
    width: 100%;
    min-height: 120vh;
    margin: 0;
    background: white;
    border-radius: 4px;
    overflow: hidden;
}

.company_header_by_ats {
    float: left;
    width: 100%;
    padding: 10px 0;
    /*height: 80px;*/
}

.company_header_by_ats .flexrow {
        display: flex;
    justify-content: center;
    align-items: center;
}

    .company_header_by_ats .company_logo {
         max-width: 200px;
        max-height: 50px;
        position: relative;
        /*float: left;*/
    }

.job_detail_view_banner {
    float: left;
    width: 100%;
    background: #f7f7f7;
}

.job_detail_view_header_controls {
    float: right;
}

    .job_detail_view_header_controls .item {
        float: left;
        margin: 0 10px 0 0;
        position: relative;
    }

        .job_detail_view_header_controls .item .sign_in {
            float: left;
            padding: 7px 30px;
            background: #356ab6;
            color: white;
            border-radius: 4px;
            border: 2px solid transparent;
            text-decoration: none !important;
        }

            .job_detail_view_header_controls .item .sign_in .caret {
                border-top-color: white;
                position: relative;
                right: -10px;
            }

.cus_dropdown > li > a {
    float: left;
    width: 100%;
    padding: 10px 30px 10px 49px;
    position: relative;
}

.cus_dropdown > li {
    float: left;
    width: 100%;
}

    .cus_dropdown > li > a .ico {
        position: absolute;
        top: 12px;
        left: 20px;
    }

    .cus_dropdown > li > a .cap {
        float: left;
    }

    .cus_dropdown > li > a .flag_ico {
        position: absolute;
        top: 10px;
        left: 20px;
        width: 20px;
    }

.job_detail_view_header_controls .item:last-child {
    margin-right: 0;
}

.language_dropdown {
    float: left;
    padding: 7px 30px;
    border: 2px solid #545454;
    border-radius: 4px;
    text-decoration: none !important;
}

    .language_dropdown .caret {
        position: relative;
        right: -10px;
    }

    .language_dropdown .cap {
        color: #2d2d2d;
        font-weight: 600;
    }

.dropdown-menu.lang_dropdown {
    background: white;
    right: 0;
    left: unset;
    margin-top: 44px;
}

.dropdown-menu.sign_in_opt {
    right: 0;
    left: unset;
    background: white;
}

.job_detail_view_job_intro {
    float: left;
    width: 100%;
    padding: 20px 0px;
}

    .job_detail_view_job_intro .job_title {
        float: left;
        width: 100%;
        margin: 0 0 10px 0;
        font-weight: 700;
        font-size: 24px;
    }

        .job_detail_view_job_intro .job_title .title_val {
            float: left;
            margin: 0 10px 0 0;
        }

        .job_detail_view_job_intro .job_title .job_share {
            float: left;
            position: relative;
        }

            .job_detail_view_job_intro .job_title .job_share .share_job {
                text-decoration: none !important;
                color: #50c173;
            }

            .job_detail_view_job_intro .job_title .job_share .cap {
                font-size: 16px;
                position: relative;
                top: -3px;
            }

            .job_detail_view_job_intro .job_title .job_share .ico {
                position: relative;
                top: 3px;
            }

            .job_detail_view_job_intro .job_title .job_share .share_job_dropdown > li > a {
                font-size: 15px;
                padding: 10px 20px;
            }

            .job_detail_view_job_intro .job_title .job_share .share_job_dropdown .social_ico {
                float: left;
                width: 20px;
                height: 20px;
                margin: 2px 10px 0 0;
                font-size: 17px;
            }

    .job_detail_view_job_intro .location {
        width: 100%;
        margin: 0;
    }

        .job_detail_view_job_intro .location .cap {
            color: gray;
            margin: 0 10px 0 0;
        }

        .job_detail_view_job_intro .location .val {
            margin: 0 5px 0 0;
        }

            .job_detail_view_job_intro .location .val:after {
                content: ",";
            }

            .job_detail_view_job_intro .location .val:last-child:after {
                content: "";
            }

    .job_detail_view_job_intro .misc_details {
        float: left;
        width: 100%;
        margin: 0;
    }

    .job_detail_view_job_intro .job_tags {
        float: left;
        width: 100%;
        margin: 7px 0 0 0;
    }

        .job_detail_view_job_intro .job_tags .tag {
            float: left;
            margin: 3px 6px 0 0;
            padding: 2px 4px 2px 0;
            color: #464646;
            text-decoration: none !important;
        }

            .job_detail_view_job_intro .job_tags .tag .cap {
                font-weight: 600;
                margin: 0 6px 0 0;
            }

            .job_detail_view_job_intro .job_tags .tag:not(:last-child):after {
                content: "";
            }

    .job_detail_view_job_intro .misc_details .item {
        float: left;
        margin: 6px 10px 0 0;
        color: #275677;
    }

    .job_detail_view_job_intro .misc_details .ico {
        font-size: 20px;
        position: relative;
        top: 4px;
        color: #149dff;
    }

    .job_detail_view_job_intro .misc_details .cap {
        font-weight: 600;
    }

    .job_detail_view_job_intro .action_set {
        float: right;
    }

.job_detail_view .action_set .item {
    float: left;
    margin: 0 10px 0 0;
    position: relative;
}

    .job_detail_view .action_set .item:last-child {
        margin: 0;
    }

    .job_detail_view .action_set .item .button {
        float: left;
        padding: 10px 40px;
        border-radius: 60px;
        border: none;
        font-weight: 600;
    }

    .job_detail_view .action_set .item .share_job {
        border: 1px solid #333;
        float: left;
        height: 40px;
        padding: 0 10px;
    }

        .job_detail_view .action_set .item .share_job:hover {
            border-color: #356ab6;
        }

            .job_detail_view .action_set .item .share_job:hover .ico {
                color: #356ab6;
            }

        .job_detail_view .action_set .item .share_job .ico {
            position: relative;
            top: 7px;
            color: #333;
        }

.share_job_dropdown {
    background: white;
    right: 0;
    left: unset;
}

.job_detail_view .action_set .item .apply_btn {
    background-color: #356ab6;
    color: white;
    text-decoration: none !important;
}

    .job_detail_view .action_set .item .apply_btn:hover {
        background-color: #1e4a88;
    }

.job_detail_view .action_set .item .alternate_apply {
    color: #545151;
}

    .job_detail_view .action_set .item .alternate_apply:hover {
        background: #c1c1c1;
        color: #333;
    }

.job_detail_view .company_details {
    float: left;
    width: 100%;
    padding: 20px;
    border-top: 1px solid gainsboro;
    background: #356ab6;
    margin: 0 0 20px 0;
    border-radius: 4px 0 4px 4px;
}

    .job_detail_view .company_details .item {
        float: left;
        width: 50%;
        margin: 0 0 20px 0;
        color: white;
        position: relative;
        border-left: 3px solid white;
        padding-left: 20px;
    }

        .job_detail_view .company_details .item:last-child {
            margin: 0;
        }

        .job_detail_view .company_details .item .cap {
            float: left;
            width: 100%;
            font-weight: 600;
            margin: 0 0 3px 0;
            text-transform: uppercase;
        }

        .job_detail_view .company_details .item .val {
            float: left;
            font-weight: 100;
        }

.job_detail_view_job_description {
    float: left;
    width: 100%;
    padding: 0 10px 20px 0px;
    margin: 20px 0 0 0;
    border-right: 1px solid gainsboro;
}

    .job_detail_view_job_description h1 span,
    .job_detail_view_job_description h2 span,
    .job_detail_view_job_description h3 span,
    .job_detail_view_job_description h4 span,
    .job_detail_view_job_description h5 span {
        font-size: 15px !important;
        font-weight: 600;
        background: #efefef;
        padding: 5px 10px;
        width: 100% !important;
        float: left;
        margin: 0 0 20px 0;
    }

    .job_detail_view_job_description p {
        line-height: 22px;
        font-size: 14px !important;
        font-weight: 400;
    }

    .job_detail_view_job_description ul li {
        margin: 0 0 4px 0;
        line-height: 22px;
        font-size: 14px !important;
        font-weight: 400;
    }

.job_detail_view .about_company {
    float: left;
    width: 100%;
    padding: 0 20px;
    background: #fff;
    margin: 0 0 60px 0;
}

    .job_detail_view .about_company .logo {
        margin-bottom: 20px;
        width: 140px;
        max-width: 100%;
    }

    .job_detail_view .about_company .about_text {
        font-size: 13px;
        line-height: 20px;
    }

.white_background {
    background: white !important;
}

.similar_jobs {
    float: left;
    width: 100%;
    padding-left: 20px;
}

.map_div {
    float: left;
    width: 100%;
    padding-left: 20px;
    margin: 0 0 20px 0;
}

    .similar_jobs.no_padd {
        padding: 0;
    }

    .similar_jobs.extra_mar {
        margin: 20px 0;
    }

.side_box_title {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    font-size: 16px;
    font-weight: 600;
}

.similar_jobs .job_list {
    float: left;
    width: 100%;
}

    .similar_jobs .job_list .item {
        float: left;
        width: 80%;
        max-width: 300px;
        margin: 0 0px 16px 0;
        font-size: 16px;
        text-decoration: none !important;
        color: #356ab6;
        background: white;
        box-shadow: 0 0 20px 0 rgba(169, 169, 169, 0.32);
        padding: 20px;
        border: 1px solid #dbe7f1;
        border-radius: 4px;
    }

        .similar_jobs .job_list .item .job_title {
            float: left;
            width: 100%;
            margin: 0 0 4px 0;
            font-size: 16px;
            font-weight: 700;
            color: #333;
            text-decoration: none !important;
        }

        .similar_jobs .job_list .item .det {
            float: left;
            width: 100%;
            font-size: 13px;
            color: gray;
        }

.side_box {
    float: left;
    width: calc(100% - 20px);
    margin: 0 0 40px 20px;
}

.video_box {
    float: left;
    position: relative;
    width: 100%;
    height: 160px;
    padding: 20px;
    /*background-color: gainsboro;*/
    border-radius: 3px;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    /*box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2);*/
}

    .video_box .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #356ab6;
        opacity: 0.6;
    }

    .video_box .ico {
        font-size: 80px;
        color: white;
        position: relative;
        z-index: 3;
    }

.job_detail_view_job_intro.get_sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: white;
    z-index: 99;
    box-shadow: 0 3px 10px 0 rgba(67, 82, 138, 0.2);
    -webkit-box-shadow: 0 3px 10px 0 rgba(67, 82, 138, 0.2);
}


.company_note {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    padding: 10px 20px;
    background: #f3f3f3;
    font-size: 13px;
    color: #60634e;
    border-radius: 4px;
}

    .company_note .cap {
        font-weight: 700;
    }

.bottom_apply_option {
    float: left;
    width: 100%;
    margin: 0 0 40px 0;
}


.bottom_apply_option_title {
    float: left;
    width: 100%;
    margin: 20px 0 20px 0;
    font-size: 16px;
    font-weight: 600;
}

.bottom_apply_option .apply_set {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
}

    .bottom_apply_option .apply_set .btn {
        display: inline-block;
        margin: 0 10px 0 0;
        padding: 10px 40px;
        border-radius: 60px;
        border: none;
        font-weight: 600;
    }

        .bottom_apply_option .apply_set .btn.btn_apply {
            background-color: #356ab6;
            color: white;
        }

        .bottom_apply_option .apply_set .btn.alt_apply {
            background: #dddddd;
            color: #545151;
        }

.social_share {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    padding: 0;
    list-style: none;
    text-align: right;
}

    .social_share li {
        display: inline-block;
    }

        .social_share li a {
            display: inline-block;
            margin: 0 40px 0 0;
            font-size: 30px;
        }

        .social_share li:last-child a {
            margin: 0;
        }

.company_video {
    width: 100%;
    max-width: 100%;
    border: none;
}

@media only screen and (min-width:767px) and (max-width:991px) {

    .job_detail_view_job_intro .job_title {
        font-size: 20px;
        margin: 0 0 3px 0;
    }

    .job_detail_view_job_intro .location {
        font-size: 13px;
    }

    .job_detail_view .about_company {
        width: 50%;
        padding-right: 40px !important;
    }

    .similar_jobs {
        padding-left: 0;
    }

    .map_div {
        padding-left: 0;
    }

    .side_box {
        width: 50%;
        margin-left: 0;
    }

    .video_box {
        height: 180px;
    }

}

@media only screen and (max-width:1199px) {

    .job_detail_view .action_set .item .button {
        padding: 8px 20px;
    }

    .job_detail_view .action_set .item .share_job {
        height: 36px;
    }

        .job_detail_view .action_set .item .share_job .ico {
            top: 4px;
        }

    .bottom_apply_option .apply_set .btn {
        padding: 10px 30px;
    }

    .social_share li a {
        font-size: 24px;
        margin: 0 30px 0 0;
    }
}

@media only screen and (max-width:991px) {

    .job_detail_view_job_description {
        border-right: none;
    }

    .job_detail_view .about_company {
        padding: 0;
    }
}

@media only screen and (max-width:767px) {

    .job_detail_view .company_logo {
        /*width: 180px;*/
        margin: 4px 0 0 0;
    }

    .job_detail_view_job_intro .job_title {
        margin: 0 0 3px 0;
    }

    .job_detail_view_job_intro .job_tags {
        margin: 10px 0 0 0;
    }

    .job_detail_view_job_intro .action_set {
        margin: 15px 0 0 0;
        float: left;
        width: 100%;
        text-align: center;
        /*display: none;*/
    }

    .job_detail_view .action_set .item {
        display: block;
        float: none;
        clear:both;
    }

    .job_detail_view .action_set .item .button {
        width: 100%;
        margin: 0 0 10px 0 !important;
    }

    #ctl00_EmpContent_btnIndeed {
        width: 100%
    }


    .job_detail_view .company_logo {
        margin: 0 auto 20px auto;
    }

    .job_detail_view_header_controls {
        float: left;
    }

    .job_detail_view .company_details .item {
        width: 100%;
    }

    .bottom_apply_option_title {
        text-align: center !important;
    }

    .social_share {
        text-align: center;
    }

    .job_detail_view_job_intro .job_title .title_val {
        font-size: 18px;
    }

    .job_detail_view_job_intro .job_title .job_share {
        display: none;
    }

    .similar_jobs,
    .side_box {
        margin-left: 0;
        width: 100%;
        padding-left: 0;
    }

    .bottom_apply_option .apply_set .btn {
        width: 100%;
        margin-top: 10px;
    }

    .apply_wizard_tab_panel .added_details {
        padding: 20px 10px !important;
    }

    .apply_wizard_tab_panel .added_details .item .delete_action {
        right: 0 !important;
    }

    .delete_action .action_btn:last-child {
        margin: 0 !important;
    }
    
    .company_header_by_ats .flexrow {
             display: flex;
    }

}

/* End of CSS for Applicant job detail page */

/* CSS for applicant login page */

.applicant_login {
    float: left;
    margin: 0px 0;
    width: 100%;
    min-height: 100vh;
    background: white;
}

.box_wrapper {
    float: left;
    width: 100%;
    margin: 40px 0;
}

.applicant_login .step {
    float: left;
    width: 100%;
    padding: 40px;
    border: 1px solid gainsboro;
    border-radius: 4px;
    display: none;
}

    .applicant_login .step.active {
        display: block;
    }

    .applicant_login .step .box_heading {
        text-align: center;
        font-size: 28px;
        margin: 0 0 4px 0;
        font-weight: 100;
    }

        .applicant_login .step .box_heading.small {
            font-size: 19px;
        }

    .applicant_login .step .box_subheading {
        float: left;
        width: 100%;
        font-size: 14px;
        text-align: center;
        color: gray;
        margin: 0 0 20px 0;
    }

.form_box {
    float: left;
    width: 100%;
}

    .form_box.with_bg {
        background: #ebebeb;
        padding: 15px;
        border-radius: 4px;
    }

    .form_box.add_mar_top {
        margin: 20px 0 0 0;
    }

    .form_box .element_set {
        float: left;
        width: 100%;
        margin: 0 0 10px 0;
        position: relative;
    }

    .form_box .element_set.mar_btm_ad {
        margin-bottom: 20px;
    }

    .form_box .element_set.no_mar_btm {
        margin-bottom: 0px !important;
    }

    .form_box .element_set .ico {
        position: absolute;
        top: 15px;
        left: 14px;
        font-size: 20px;
        color: #b7b7b7;
        z-index: 11;
    }

    .form_box .element_set .ico.top_ad {
        top: 42px;
    }

    .tel_month_year_picker .ico.top_ad {
        top: 46px !important; 
    }

    .form_box .element_set .view_password, .form_box .element_set .view_password_click {
        position: absolute;
        top: 12px;
        right: 14px;
        font-size: 20px;
        color: gray;
    }

    .form_box .element_set .list_item {
        float: left;
        width: 100%;
    }

    .form_box .element_set .list_item.mar_top_ad {
        margin: 20px 0 0 0;
    }

    .form_box .element_set .label_val {
        float: left;
        margin: 0 0 10px 0;
        width: 100%;
        font-weight: 400;
        font-size: 13px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

.form_box .element_set .label_val.big {
    font-size: 16px;
    font-weight: 600;
}

.form_box .element_set .label_val.big + .ico.top_ad {
    top: 46px !important;
}

        .form_box .element_set .man {
            color: red;
        }

    .form_box .element_set .check_box,
    .form_box .element_set .radio_btn {
        float: left;
        margin: 0 20px 0 0;
    }

    .form_box .element_set .check_box,
    .form_box .element_set .radio_btn {
        float: left;
        margin: 0 20px 0 0;
    }

            .form_box .element_set .check_box label,
            .form_box .element_set .radio_btn label {
                font-weight: 400;
                cursor: pointer;
                margin: 0 10px 0 0;
            }

            .form_box .element_set .check_box input[type="checkbox"] {
                display: none;
            }

                .form_box .element_set .check_box input[type="checkbox"] + label:before {
                    font-family: 'Material Icons';
                    content: "\e3c6";
                    position: relative;
                    top: 6px;
                    left: -5px;
                    font-size: 24px;
                    color: #b7b7b7;
                }

                .form_box .element_set .check_box input[type="checkbox"]:checked + label:before {
                    content: "\e834";
                }

                .form_box .element_set .check_box input[type="checkbox"]:checked + label,
                .form_box .element_set .check_box input[type="checkbox"]:checked + label:before {
                    color: #3e6ab9;
                }

            .form_box .element_set .radio_btn input[type="radio"] + label:before {
                font-family: 'Material Icons';
                content: "\e836";
                position: relative;
                top: 6px;
                left: -5px;
                font-size: 24px;
                color: #b7b7b7;
            }

            .form_box .element_set .radio_btn input[type="radio"]:checked + label:before {
                content: "\e837";
            }

            .form_box .element_set .radio_btn input[type="radio"]:checked + label,
            .form_box .element_set .radio_btn input[type="radio"]:checked + label:before {
                color: #3e6ab9;
            }

        .form_box .element_set .input_field {
            float: left;
            width: 100%;
            height: 49px;
            border: 1px solid gainsboro;
            border-radius: 4px;
            padding: 0 20px 0 42px;
            transition-duration: 0.3s;
            -webkit-transition-duration: 0.3s;
        }

            .form_box .element_set .input_field.password {
                padding: 0 42px 0 42px;
            }

.input_field.with_currency_label {
    padding-right: 60px !important;
}

span.currency_label {
    position: absolute;
    top: 43px;
    right: 20px;
    color: gray;
}

.form_box .element_set .textfield_area {
    float: left;
    width: 100%;
    height: 110px;
    border: 1px solid gainsboro;
    border-radius: 4px;
    padding: 10px 20px 10px 42px;
    resize: vertical;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    font-size: 14px;
}

    .form_box .element_set .input_field:focus,
    .form_box .element_set .textfield_area:focus {
        box-shadow: 0 4px 10px 0 rgba(93, 97, 105, 0.2);
        -webkit-box-shadow: 0 4px 10px 0 rgba(93, 97, 105, 0.2);
    }

.form_box .element_set .proceed_btn {
    float: left;
    width: 100%;
    height: 46px;
    background: #3e6ab9;
    color: white;
    border: none;
    border-radius: 4px;
    font-weight: 600;
    border: 1px solid transparent;
}

    .form_box .element_set .proceed_btn.plain {
        background: white;
        border: 1px solid #3e6ab9;
        color: #3e6ab9;
    }

.form_box .element_set .ico.blue_btn {
    color: #3e6ab9;
}

.form_box .element_set .proceed_btn.no_label {
    margin-top: 29px;
}

.form_box .element_set .select_box {
    float: left;
    width: 100%;
    height: 49px;
    padding: 0 20px 0 40px;
    border: 1px solid gainsboro;
    border-radius: 4px;
    background: white;
}

.form_box .element_set .forgot_password,
.form_box .element_set .back_to_sign_in {
    text-decoration: none !important;
    margin: 7px 0;
    display: inline-block;
}

.form_box .element_set .proceed_btn.add_mar_top {
    margin: 20px 0 0 0;
}

.form_box .element_set.combo_field .input_field {
    width: 60% !important;
}

.form_box .element_set.combo_field .select_box {
    width: 40% !important;
}

.form_box .element_set.combo_field .combo_item:last-child {
    border-left: none;
    padding: 0 10px;
    border-radius: 0 4px 4px 0;
}

.form_box .element_set.combo_field .combo_item {
    border-radius: 4px 0 0 4px;
}

.apply_wizard_tab_panel .form_box .element_set .actions {
    float: left;
    margin: 0 15px 0 0;
    position: relative;
    top: 36px;
    text-decoration: none !important;
    font-weight: 600;
}

    .apply_wizard_tab_panel .form_box .element_set .actions .cap {
        position: relative;
        top: -6px;
    }

    .apply_wizard_tab_panel .form_box .element_set .actions.delete {
        color: red;
    }


.or_option {
    float: left;
    width: 100%;
    margin: 40px 0;
    border-bottom: 1px solid #6b6b6b;
    position: relative;
}

    .or_option:after {
        position: absolute;
        top: -20px;
        left: calc(50% - 20px);
        width: 40px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        border-radius: 60px;
        background: #464646;
        content: "OR";
        color: white;
    }

.alt_signin {
    float: left;
    width: 100%;
    text-align: center;
}

    .alt_signin .item {
        display: inline-block;
        width: 100%;
        height: 48px;
        line-height: 48px;
        margin: 0 0 10px 0;
        border-radius: 4px;
        background: gainsboro;
        text-align: center;
        text-decoration: none !important;
        opacity: 0.9;
        transition-duration: 0.4s;
        -webkit-transition-duration: 0.4s;
    }

        .alt_signin .item:last-child {
            margin: 0;
        }

        .alt_signin .item:hover {
            opacity: 1;
        }

        .alt_signin .item.fb {
            background: #3b5999;
            color: white;
        }

        .alt_signin .item.gplus {
            background: #dd4b39;
            color: white;
        }

        .alt_signin .item.linkedin {
            background: #0077B5;
            color: white;
        }

        .alt_signin .item.google {
            background: white;
            border: 1px solid #fd4343;
            color: #fd4343;
        }

        .alt_signin .item .ico {
            font-size: 17px;
            float: left;
            position: relative;
            top: 14px;
            left: 30px;
        }

.step.step_2 .user_photo {
    margin: 0 auto 20px auto;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-weight: 600;
    font-size: 30px;
    background-color: gainsboro;
    color: gray;
    border-radius: 4px;
}

.register_option {
    float: left;
    width: 100%;
    text-align: center;
    margin: 20px 0 0 0;
}

    .register_option .text {
        float: left;
        width: 100%;
        color: #333;
    }

    .register_option .create_account_btn {
        display: inline-block;
        margin: 10px 0 0 0;
        font-size: 14px;
        border: 1px solid #428bca;
        border-radius: 4px;
        padding: 6px 20px;
        text-decoration: none !important;
        color: #ffffff;
        background: #428bca;
    }

.register_note {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 14px;
    margin: 16px 0 7px 0;
}

.errorMsg {
    background: #ffdada;
    width: 100%;
    float: left;
    text-align: center;
    margin: 0 0 10px 0;
    padding: 10px;
    border-radius: 2px;
    color: #a92b2b;
}

@media only screen and (max-width:991px) {

    .applicant_login .step {
        border: none;
        padding: 40px 30px;
    }
}

@media only screen and (max-width:767px) {

    .apply_without_login .head_text {
        display: none;
        font-size: 14px !important;
    }

    .quick_apply_header {
        height: 65px;
    }

    .quick_apply_element_set {
        height: auto;
    }

    .apply_without_login .apply_wo_login_btn,
    .apply_without_login #ctl00_EmpContent_btnIndeed {
        display: block;
        left: 0;
        top: 0;
        margin: 0 0 10px 0;
        width: 100%;
    }

    .box_wrapper {
        margin: 20px 0;
    }

    .applicant_login .step {
        border: none;
        padding: 20px 20px;
    }

    .register_note {
        font-size: 13px;
    }

    .modal-content {
        width: 100%;
    }

    .applicant_login .step .box_heading {
        font-size: 18px;
    }

    .form_box .element_set .ico {
        top: 10px;
    }

    .form_box .element_set .view_password, .form_box .element_set .view_password_click {
        top: 8px;
    }

   
}

/* End of CSS for applicant login page */

/* CSS for Applicant apply page */



.apply_wizard {
    float: left;
    width: 100%;
    /*min-height: calc(100vh - 174px);*/
    padding: 40px 0px 0px 0px;
    position: relative;
    background: white;
    border: 1px solid gainsboro;
    border-top: none;
}

.bottom_sticky_controls {
    /*position: fixed;*/
    bottom: 0;
    width: 1138px;
    background: white;
    padding: 20px 40px;
    box-sizing: border-box;
    border-bottom: none;
    border-top: 1px solid gainsboro;
    z-index: 99;
    float:left;
}

    .bottom_sticky_controls .item {
        float: left;
        margin: 0;
        font-size: 16px;
        color: white;
        font-weight: 600;
        text-decoration: none !important;
        border: none;
        background: transparent;
        width: 110px !IMPORTANT;
        padding: 10px 40px 10px 20px;
        position: relative;
        z-index: 1111;
    }

    .bottom_sticky_controls span.control_btn {
        float: left;
        margin: 0 10px 0 0;
        position: relative;
        background: #3e6ab9;
        border-radius: 60px;
        padding: 0;
    }

span.control_btn.next:after {
    font-family: 'Material Icons';
    content: "\E409";
    position: absolute;
    top: 6px;
    color: white;
    right: 11px;
    font-size: 22px;
}

.bottom_sticky_controls span.control_btn.prev {
    padding: 8px 25px 8px 35px;
    background: #e4e4e4;
}

    .bottom_sticky_controls span.control_btn.prev:hover {
        background: #dedede;
        color: gray;
    }

.bottom_sticky_controls span.control_btn:hover {
    background: #2353ab;
}


span.control_btn.prev:after {
    font-family: 'Material Icons';
    content: "\E314";
    position: absolute;
    top: 5px;
    color: white;
    left: 11px;
    font-size: 22px;
    color: gray;
}

.bottom_sticky_controls .item.link_btn {
    float: left;
    margin: 0 10px 0 0;
    background: #e4e4e4 !important;
    border-radius: 60px;
    padding: 10px 20px 10px 20px !important;
    color: #868686;
    font-weight: 600;
    text-decoration: none !important;
}

.bottom_sticky_controls .item.back {
    background: transparent;
    color: gray;
}


.bottom_sticky_controls .item .ico {
    float: right;
    margin-top: -1px;
    position: relative;
    right: -10px;
}

.bottom_sticky_controls .item.back .ico {
    float: left;
    right: unset;
    left: -10px;
    top: 1px;
}

.bottom_sticky_controls .wizard_step_status {
    float: right;
    font-size: 16px;
    text-transform: uppercase;
    margin: 10px 0 0 0;
}

    .bottom_sticky_controls .wizard_step_status .high {
        font-weight: 600;
    }

.applicant_apply .header_panel {
    float: left;
    width: 100%;
    padding: 20px 40px;
    background: #3e6ab9;
    border-radius: 4px 4px 0 0;
}

.applicant_apply .header_panel_title {
    float: left;
    width: 100%;
    margin: 0 0 6px 0;
    color: white;
    font-size: 26px;
    font-weight: 100;
}

.applicant_apply .header_panel_sub_title {
    float: left;
    width: 100%;
    margin: 0;
    color: white;
    font-weight: 100;
}

.apply_wizard_progress_bar {
    width: 600px;
    margin: auto;
    text-align: center;
    position: relative;
}

    .apply_wizard_progress_bar .progress_div {
        float: left;
        width: 100%;
        height: 20px;
        background: #efefef;
        position: relative;
        border-radius: 60px;
    }

.progress_val {
    float: left;
    width: unset;
    height: 20px;
    background: #5aec94;
    border-radius: 60px;
    max-width: 100% !important;
}

.nav_action {
    position: absolute;
    top: 0;
    width: auto;
    height: 20px;
    max-width: 20px;
    border-radius: 60px;
    background: #3e6ab9;
    overflow: hidden;
    white-space: nowrap;
    color: white !important;
    text-decoration: none !important;
    transition: max-width 0.4s;
    -webkit-transition: max-width 0.4s;
    display: none;
}

    .nav_action.active {
        display: block;
    }

    .nav_action.next {
        left: 101%;
    }

    .nav_action.prev {
        right: 101%;
    }

        .nav_action.prev .ico {
            right: 2px;
            position: relative;
        }

    .nav_action .ico {
        height: 20px;
        width: 20px;
        line-height: 20px;
    }

    .nav_action .cap {
        position: relative;
        top: -7px;
        padding: 0 20px 0 6px;
        opacity: 0;
        transition-duration: 0.4s;
    }

    .nav_action:hover {
        max-width: 200px;
    }

        .nav_action:hover .cap {
            opacity: 1;
        }

.apply_wizard_tab_panel {
    float: left;
    width: 100%;
    margin: 40px 0 0 0;
    position: relative;
    display: none;
}

    .apply_wizard_tab_panel.active {
        display: block;
    }

    .apply_wizard_tab_panel .wizard_title {
        float: left;
        width: 100%;
        margin: 0 0 6px 0;
        font-size: 24px;
        text-align: center;
    }

    .apply_wizard_tab_panel .hint_title {
        margin: 0;
        font-size: 13px;
        text-align: center;
    }

        .apply_wizard_tab_panel .hint_title .high {
            font-weight: 600;
        }

    .apply_wizard_tab_panel .para {
        float: left;
        width: 100%;
        margin: 10px 0 20px 0;
        font-size: 14px;
        line-height: 26px;
        border-radius: 4px;
        color: #2a354a;
        text-align: justify;
    }

        .apply_wizard_tab_panel .para.small {
            font-size: 13px;
            line-height: 18px;
        }

        .apply_wizard_tab_panel .para.text_center {
            text-align: center !important;
        }

        .apply_wizard_tab_panel .para.wrapped {
            background: #e9f1ff;
            color: gray;
            padding: 6px 10px;
        }

    .apply_wizard_tab_panel .heading {
        float: left;
        width: 100%;
        margin: 0;
        font-size: 16px;
        font-weight: 600;
    }

    .apply_wizard_tab_panel .list {
        float: left;
        width: 100%;
        margin: 0 0 20px 0;
    }

        .apply_wizard_tab_panel .list li {
            margin: 0 0 5px 0;
            line-height: 26px;
            font-size: 14px;
        }

        .apply_wizard_tab_panel .list.inline {
            padding: 0;
            list-style: none;
        }

            .apply_wizard_tab_panel .list.inline li {
                display: inline-block;
                margin: 0 10px 5px 0;
            }
        /*
.apply_wizard_tab_panel .list.inline li:not(:last-child):after {
    content: ",";
}
*/
        .apply_wizard_tab_panel .list.disabilities li:before {
            font-family: "Material Icons";
            content: "\e061";
            top: 2px;
            position: relative;
            margin-right: 4px;
            color: #5a5a5a;
        }

    .apply_wizard_tab_panel .form_details {
        float: left;
        width: 100%;
        text-align: center;
        margin: 0 0 20px 0;
    }

        .apply_wizard_tab_panel .form_details .item {
            display: inline-block;
            margin: 0 5px 10px 0;
            padding: 4px 20px;
            border-radius: 60px;
            background-color: #efefef;
        }

            .apply_wizard_tab_panel .form_details .item .cap {
                font-weight: 600;
            }

            .apply_wizard_tab_panel .form_details .item:last-child {
                margin: 0 0 10px 0;
            }

    .apply_wizard_tab_panel .upload_panel {
        margin: 40px auto 20px auto;
        width: 100%;
        min-height: 200px;
        border: 2px dashed #c3c3c3;
        display: flex;
        align-items: center;
        text-align: center;
        border-radius: 4px;
    }

        .apply_wizard_tab_panel .upload_panel .upload_btn {
            margin: auto;
            border: none;
            height: 40px;
            padding: 0 20px;
            border-radius: 60px;
            background: transparent;
            border: 1px solid #3e6ab9;
            color: #3e6ab9;
        }

    .apply_wizard_tab_panel .uploaded_files {
        margin: auto;
        width: 100%;
        padding: 20px 0;
    }

    .apply_wizard_tab_panel .wizard_sub_title {
        float: left;
        width: 100%;
        font-weight: 600;
        font-size: 14px;
        margin: 0 0 10px 0;
    }

    .apply_wizard_tab_panel .uploaded_files .item {
        float: left;
        width: 100%;
        margin: 0 0 15px 0;
        padding-right: 60px;
        position: relative;
        border: 2px dashed #bdbdbd;
        border-radius: 10px;
        padding: 14px 20px 5px 20px;
    }

        .apply_wizard_tab_panel .uploaded_files .item .file_name {
            float: left;
            width: 100%;
            margin: 0 0 4px 0;
            font-size: 14px;
            font-weight: 600;
            color: #3e6ab9;
        }

        .apply_wizard_tab_panel .uploaded_files .item .file_size {
            float: right;
            color: gray;
            font-size: 13px;
            margin: 0;
        }

        .apply_wizard_tab_panel .uploaded_files .item .file_type {
            float: left;
            width: 100%;
            color: gray;
            font-size: 13px;
            margin: 0;
            text-transform: uppercase;
        }

        .apply_wizard_tab_panel .uploaded_files .item .delete_action {
            position: absolute;
            top: -2px;
            right: 0;
            color: #ff6767;
        }

    .apply_wizard_tab_panel .added_details {
        float: left;
        margin: auto;
        width: 100%;
        padding: 20px 0;
    }

        .apply_wizard_tab_panel .added_details.mar_top_adj {
            float: left;
            width: 100%;
            margin: 40px 0 0 0;
        }

        .apply_wizard_tab_panel .added_details .item {
            float: left;
            width: 100%;
            margin: 0 0 10px 0;
            position: relative;
            padding: 10px 75px 10px 0px;
            border-radius: 4px;
        }

        .apply_wizard_tab_panel .added_details .item.no_mar {
            margin: 0 !important;
        }

.added_details.last_step .item {
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
    position: relative;
    padding: 10px 75px 10px 50px;
    border: 1px solid gainsboro;
    border-radius: 4px;
}

.apply_wizard_tab_panel .added_details .item .head_text {
    float: left;
    width: 100%;
    margin: 0 0 4px 0;
    font-size: 15px;
    font-weight: 600;
    color: #3e6ab9;
}

.apply_wizard_tab_panel .added_details .item .sub_text {
    float: left;
    width: 100%;
    color: #333;
    margin: 0;
}

    .apply_wizard_tab_panel .added_details .item .sub_text .misc {
        float: left;
        margin: 0 3px 0 0;
    }

        .apply_wizard_tab_panel .added_details .item .sub_text .misc.green {
            color: #36a736;
        }

        .apply_wizard_tab_panel .added_details .item .sub_text .misc:not(:last-child):after {
            content: ",";
        }

.apply_wizard_tab_panel .added_details .item .delete_action {
    position: absolute;
    top: 10px;
    right: 5px;
}

    .apply_wizard_tab_panel .added_details .item .delete_action .action_btn {
        float: left;
        margin: 0 10px 0 0;
    }

        .apply_wizard_tab_panel .added_details .item .delete_action .action_btn.delete {
            color: #f74e4e;
        }

        .apply_wizard_tab_panel .added_details .item .delete_action .action_btn .ico {
            font-size: 24px;
        }

            .apply_wizard_tab_panel .added_details .item .delete_action .action_btn .ico.green {
                color: #47bf47;
            }

.delete_action .action_btn:last-child {
    margin: 0;
}

.apply_wizard_tab_panel .added_details .item .add_new {
    float: left;
    border: 1px solid #3e6ab9;
    padding: 2px 10px;
    border-radius: 60px;
    color: #3e6ab9;
    text-decoration: none !important;
    transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    position: relative;
    height: 35px !important;
    width: 109px !important;
}

.apply_wizard_tab_panel .added_details .item .add_new.width_100 {
    width: 100px !important;
}

.apply_wizard_tab_panel .added_details .item .add_new.add_record {
    width: 80px !important;
}

    .apply_wizard_tab_panel .added_details .item .add_new:hover {
        color: white;
        background: #3e6ab9;
    }

    .apply_wizard_tab_panel .added_details .item .add_new .ico {
        position: relative;
        top: 3px;
    }

    .apply_wizard_tab_panel .added_details .item .add_new .cap {
        position: relative;
        top: -4px;
    }

    .apply_wizard_tab_panel .added_details .item .add_new input {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        width: 100%;
        height: 100%;
        background: transparent;
        border: none;
        color: #3e6ab9;
        text-align: right;
        padding-right: 10px !important;
    }

    .apply_wizard_tab_panel .added_details .item .add_new:hover input {
        color: white !important;
    }

@media only screen and (min-width:991px) and (max-width:1199px) {

    .bottom_sticky_controls {
        width: 938px;
    }
}

@media only screen and (min-width:767px) and (max-width:991px) {


    .bottom_sticky_controls {
        width: 718px;
    }

    .applicant_apply .job_detail_view_header_controls {
        float: right;
    }

    .no_label {
        margin: 0;
    }

   .applicant_apply .company_header_by_ats {
        padding: 10px 20px;
        height: auto;
    }
}

@media only screen and (max-width:767px) {

    .company_header_by_ats {
        padding: 10px 4px;
        height: auto;
    }

        .company_header_by_ats .company_logo {
            max-width: 200px;
            margin: auto;
            /* margin-bottom: 20px; */
            top: 0;
        }

    .job_detail_view_header_controls {
        float: none;
        text-align: center;
        margin: 10px 0 0 0;
    }

    .job_detail_view_header_controls .item .sign_in {
        padding: 5px 30px;
    }

    .job_detail_view_header_controls .item {
        float: none;
        display: inline-block;
    }

    .container.mobile_ad {
        margin: 0;
        padding: 0;
    }

    .row.mobile_ad {
        margin: 0;
    }

    [class*="col-"].mobile_ad {
        padding: 0;
    }

    .apply_wizard {
        padding: 20px 20px 0px 20px;
        border: none;
    }

    .apply_wizard_progress_bar {
        width: 90%;
    }

    .applicant_apply .header_panel {
        padding: 10px 20px;
        border-radius: 0;
    }

    .applicant_apply .header_panel_title {
        font-size: 17px;
        font-weight: 400;
        margin: 0;
        line-height: 24px;
    }

    .applicant_apply .header_panel_sub_title {
        display: none;
    }

    .apply_wizard_tab_panel .wizard_title {
        font-size: 16px;
        margin: 0;
    }

    .apply_wizard_tab_panel .hint_title {
        margin: 0;
        font-size: 11px;
    }

    .apply_wizard_tab_panel .upload_panel {
        margin: 20px auto 20px auto;
    }

    .bottom_sticky_controls {
        left: 0;
        padding: 10px 0px;
        width: 100%;
    }

        .bottom_sticky_controls .item {
            padding: 10px 40px 10px 20px;
            font-size: 14px;
            line-height: 22px;
        }

            .bottom_sticky_controls .item .ico {
                right: -8px;
            }

            .bottom_sticky_controls .item.back .ico {
                left: -8px;
            }

        .bottom_sticky_controls .wizard_step_status {
            margin: 6px 0 0 0;
            font-size: 13px;
            font-weight: 600;
        }

    .nav_action .cap {
        display: none;
    }

    .form_box .element_set .select_box {
        height: 40px;
    }

    .form_box .element_set .input_field {
        height: 40px;
    }

    .form_box .element_set .ico.top_ad {
        top: 37px;
    }

    .apply_wizard_tab_panel .para {
        font-size: 13px;
        line-height: 22px;
    }

    .apply_wizard_tab_panel .form_details .item {
        font-size: 13px;
    }

    .apply_wizard_tab_panel .list li {
        font-size: 13px;
        line-height: 22px;
    }

    .apply_wizard_tab_panel .added_details .item .sub_text {
        font-size: 12px;
    }

    .bottom_sticky_controls span.control_btn {
        padding: 0;
    }

        .bottom_sticky_controls span.control_btn.prev {
            padding: 2px 5px 2px 20px;
        }

    .form_box .element_set .ico.blue_btn {
        top: 42px !important;
    }

    .form_box .element_set .proceed_btn,
    .alt_signin .item {
        height: 40px;
        line-height: 40px;
    }

    .alt_signin .item .ico {
        top: 12px;
    }

    .applicant_login .step .box_subheading {
        font-size: 13px;
    }

    .added_details.last_step .item {
        padding: 6px 30px 6px 30px;
        border: none;
        border-bottom: 1px solid gainsboro;
    }

    i.material-icons.ico_status {
        font-size: 19px;
        left: 0px !IMPORTANT;
        top: 8px !IMPORTANT;
    }

    .language_dropdown {
        padding: 5px 30px;
    }

    .logout_btn {
         padding: 5px 30px 5px 48px !important;
    }

    .self_attest_section {
        padding: 10px 16px !important;
        margin: 10px 0 10px 0 !important;
    }

    .self_attest_section p {
        font-size: 13px;
    }

    .apply_wizard_tab_panel .added_details .item .head_text {
        font-size: 14px;
        margin: 0;
    }

    .form_box .element_set .radio_btn input[type="radio"] + label:before {
        top: 8px;
    }

    .form_box .element_set .check_box label, .form_box .element_set .radio_btn label {
        font-size: 13px;
    }

    .apply_wizard_tab_panel .wizard_sub_title {
        margin: 10px 0 10px 0;
    }

    .form_box .element_set .ico.top_ad {
        top: 40px;
    }

    .form_box .element_set .label_val.big + .ico.top_ad {
        top: 42px !important;
    }

    .select_box.teleric_compatible .rcbInner {
        height: 39px;
        padding-top: 0;
        padding-bottom: 0;
    }

    .RadAutoCompleteBox .racTokenList {
        height: auto !important;
    }

    .RadUpload .ruInputs li {
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
        overflow: hidden !important;
        max-width: 100%;
    }

    .RadAsyncUpload span.ruFileWrap {
        margin-bottom: 10px !important;
    }

}

/* End of CSS for Applicant apply page */

/* CSS for applied successfully page */


.completed_wizard {
    float: left;
    width: 100%;
    margin: 40px auto 20px auto;
    padding: 40px 0 0 0;
    text-align: center;
    box-shadow: 0 6px 40px 6px rgba(51, 62, 76, 0.16);
    -webkit-box-shadow: 0 6px 40px 6px rgba(51, 62, 76, 0.16);
    border-radius: 4px;
    overflow: hidden;
}

.completed_wizard_btn {
    margin: 40px 10px 0 0;
    display: inline-block;
    padding: 10px 40px;
    background: #3e6ab9;
    color: white;
    font-weight: 400;
    font-size: 16px;
    text-decoration: none !important;
    border-radius: 6px;
    border: 1px solid transparent;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    box-shadow: 0 3px 10px 0 rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 3px 10px 0 rgba(0,0,0,0.2);
}

completed_wizard_btn:last-child {
    margin-right: 0;
}

    .completed_wizard_btn:hover,
    .completed_wizard_btn:focus {
        color: #3e6ab9;
        background: white;
        border-color: #3e6ab9;
    }

    .completed_wizard_btn.green {
    background: #57b979;
    color: white !important;
    border-color: #57b979 !important;
}

.completed_wizard .head_text {
    float: left;
    width: 100%;
    font-size: 26px;
    font-weight: 100;
    margin: 0 0 4px 0;
    padding: 0 20px;
}

    .completed_wizard .head_text .high {
        font-weight: 400;
    }

.completed_wizard .sub_text {
    font-size: 14px;
    padding: 0 20px;
}

.completed_wizard_svg {
    margin: 40px 0;
    width: 300px;
}

.share_your_experience {
    float: left;
    width: 100%;
    min-height: 200px;
    padding: 30px 10px;
    margin: 40px 0 0 0;
    border-top: 1px solid gainsboro;
}

    .share_your_experience .title {
        float: left;
        width: 100%;
        margin: 0 0 4px 0;
        font-size: 20px;
    }

    .share_your_experience .sub_title {
        float: left;
        width: 100%;
        margin: 0 0 10px 0;
    }

.star_rating {
    float: left;
    width: 100%;
}

    .star_rating ul {
        float: left;
        width: 100%;
        list-style: none;
        padding: 0;
        margin: 10px 0 0 0;
    }

        .star_rating ul li {
            display: inline-block;
        }

            .star_rating ul li a {
                display: inline-block;
                font-size: 30px;
                color: gold;
            }

.submit_feedback {
    display: inline-block;
    border: 1px solid #3e6ab9;
    padding: 4px 10px;
    border-radius: 60px;
    margin: 20px 0 0 0;
    color: #3e6ab9;
    text-decoration: none !important;
    background: transparent;
}

    .submit_feedback:hover {
        background: #3e6ab9;
        color: white;
        border-color: transparent;
    }
           .feedback_note {
    width: 600px;
    display: inline-block;
    background: gainsboro;
    height: 130px;
    margin: 10px 0 0 0;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid gainsboro;
}

.feedback_note textarea {
    width: 100%;
    height: 130px;
    resize: vertical;
    padding: 10px 20px;
    border: none;
}

.star_rating_control {
    margin: auto;
}

.star_rating_control ul li a {
    font-size: 20px;
}

.star_rating_control.RadRating_Default a:before, 
.star_rating_control.RadRating_Default a:hover:before,
.RadRating_Default .rrtSelected span:before {
    color: gold !important;
}

.star_rating_control.RadRating_Default .rrtOver span:before, 
.star_rating_control.RadRating_Default a:hover .rrtPartComplement:before, 
.star_rating_control.RadRating_Default .rrtVertical .rrtSelected.rrtOver a:before, 
.star_rating_control.RadRating_Default .rrtSelected a .rrtPartSelected:before, 
.star_rating_control.RadRating_Default .rrtSelected.rrtOver a:before {
    color: gold !important;
}


@media only screen and (max-width: 600px) {
    .feedback_note {
        width: 100%;
    }
}


@media only screen and (max-width:767px) {

    .completed_wizard {
        box-shadow: none;
    }

        .completed_wizard .head_text {
            font-size: 22px;
        }

        .completed_wizard .sub_text {
            font-size: 13px;
            color: gray;
        }

    .completed_wizard_btn {
        padding: 10px 20px;
        font-size: 14px;
    }

    .share_your_experience {
        padding: 20px 10px;
    }

        .share_your_experience .title {
            font-size: 18px;
        }

    .star_rating ul {
        margin: 10px 0 0 0;
    }

    .applicant_sumbitted_success .side_box_title {
        padding: 0 15px;
    }

    .applicant_sumbitted_success .similar_jobs .job_list .item {
        border-radius: 0;
    }
}

/* End of CSS for applied successfully page */
/* FINAL CONTROLS MODIFIED CSS */

.filter_items_element input[type="checkbox"] {
    display: initial !important;
}

.filter_items_element label {
    text-transform: capitalize;
}

/* Updated on 13-02-2019*/
.apply_wizard_tab_panel input[type="checkbox"] {
    display: none !important;
}

.apply_wizard_tab_panel label {
    text-transform: capitalize;
}

/* Month year picker */

.tel_month_year_picker {
    width: 100% !important;
    height: 49px !important;
}

    .tel_month_year_picker .input_field {
        box-shadow: none !important;
        position: relative !important;
        top: 3px !important;
        font-style: normal !important;
        color: #757575 !important;
        border: 1px solid gainsboro !important;
        border-radius: 4px !important;
        padding: 0 !important;
    }

    .tel_month_year_picker .riTextBox {
        height: 47px !important;
        border: none !IMPORTANT;
        background: transparent !important;
        padding: 0 10px 0 40px !important;
        font-size: 14px !important;
    }

    .tel_month_year_picker .RadInput_Default a {
        border: none !important;
        display: none !important;
    }

    .tel_month_year_picker .RadPicker .rcSelect {
        position: absolute !important;
        bottom: 1px !important;
        right: unset !important;
        top: 11px !important;
        overflow: hidden !important;
        left: 12px !important;
    }

    .tel_month_year_picker .RadPicker_Default a.rcCalPopup:hover,
    .tel_month_year_picker .RadPicker_Default a.rcCalPopup:focus,
    .tel_month_year_picker .RadPicker_Default a.rcCalPopup:active,
    .tel_month_year_picker .RadInput_Default a:hover {
        background-color: transparent !important;
        border: none !important;
        background-position: unset !important;
        background-image: url('WebResource.axd?d=wwF2KCEGFEBpnq7GJgFuTE8AVbTiGdn7Kghojw0-jrzYgAUTumo4pGdRc5CrDWO700v3BQSjen7CNMItXZoIzL8_zbm5CTXlIkgbLOx-KgfuPQ35XZ2R6Yu9iXk5lmppDqtcadogVH8u8Y_Yv3QAOVNLzv01&t=636788266813554873') !important;
    }

    /* CSS FOR MONTH YEAR PICKER */

.RadCalendarFastNavPopup.RadCalendarPopupShadows table {
    padding: 10px;
    border: none;
    box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.18);
    border-radius: 4px;

}

.RadCalendarMonthView a {
    padding: 5px 10px !important;
    font-size: 14px;
}

.RadCalendarMonthView_Default .rcSelected a {
    background: #5db5ff !important;
    border: none !important;
    padding: 5px 10px !important;
    border-radius: 60px;
    box-shadow: 0 3px 10px 0px rgba(42, 70, 80, 0.19);
}

.rcTodayButton {}

td.rcButtons input[type="button"] {
    padding: 5px 10px;
    font-size: 14px;
}

td.rcButtons a,
td.rcButtons input[type="button"] {
    margin: 0 10px 0 0 !important;
    border: none;
    background: gainsboro !important;
    border-radius: 2px;
}

td.rcButtons a:last-child,
td.rcButtons input[type="button"]:last-child {
    margin-right: 0 !important;
}

td.rcButtons {
    padding: 15px 0 10px 0 !important;
}

/* END OF CSS FOR MONTH YEAR PICKER */

/* Date picker in login */

.tel_date_picker {
    width: 100% !important;
    height: 49px !important;
    border: 1px solid gainsboro;
    border-radius: 4px;
}

    .tel_date_picker .input_field {
        border: none !important;
        box-shadow: none !important;
        position: relative;
        top: 3px;
        font-style: normal;
        color: #757575;
    }

.tel_date_picket_element_set {
    height: 49px !important;
}

.tel_date_picket_element_set .RadPicker table.rcTable {width: 100% !important;}

    .tel_date_picket_element_set .RadPicker_Default .rcCalPopup {
        position: absolute !important;
        top: 13px !important;
        left: 10px !important;
    }


    .tel_date_picket_element_set .RadInput input.riEmpty, html body .RadInput textarea.riEmpty, html body input.RadInput_Empty {
        font-style: normal;
    }

    .tel_date_picket_element_set .RadInput_Default .riEmpty, html body .RadInput_Empty_Default {
        color: #757575;
    }

    .tel_date_picket_element_set.with_label .rcCalPopup {
        top: 41px !IMPORTANT;
    }


.bottom_pad {
    margin-bottom: 48px !IMPORTANT;
}

.top_ad_23 {
    top: 23px !important;
}

/* End of CSS for Date picker in login */


/* CSS FOR QUESTIONNAIRE DATEPICKER */

.quest_date_picker .RadPicker {
    width: 100% !IMPORTANT;
}

.quest_date_picker .RadPicker .rcSelect {
    right: unset;
    left: 8px;
    z-index: 111 !important;
}

.quest_date_picker .RadInput_Default a {
    background-image: none !IMPORTANT;
    background: transparent;
    border: none;
}

.quest_date_picker .RadInput_Default a:hover {
    background-color: transparent !important;
}

.quest_group_set {
    /*float: left;
    padding-top: 20px;
    width: 100%;
    background: #f1f1f1;
    margin-bottom: 20px;*/
}


.quest_group {
        display: block;
    background: #f1f1f1;
    float: left;
    width: 100%;}

/*CSS FOR TIMEPICKER INPUT FIELD*/

.ats_time_picker .RadPicker {
    width: 100%;
}

.ats_time_picker .RadPicker {}

.ats_time_picker .RadPicker .riTextBox {
    padding-left: 40px;
    border: 1px solid gainsboro;
    border-radius: 3px;
}

.ats_time_picker .RadInput.RadInput_Default {
    height: 49px !important;
}

.ats_time_picker .RadPicker .rcSelect {
    right: unset;
    left: 10px;
}

.ats_time_picker .RadInput_Default {
    background-color: transparent;
}

.ats_time_picker .RadInput_Default a {
    background: transparent;
    border: none;
}

.ats_time_picker .RadInput_Default a:hover {
    background: transparent;
    border: none;
}


/* CSS FOR RESET PASSWORD BOX */

.reset_password_box {
    float: left;
    width: 100%;
    margin: 40px 0 0 0;
}

    .reset_password_box .head_text {
        text-align: center;
        font-size: 28px;
        margin: 0 0 4px 0;
        font-weight: 100;
    }

    .reset_password_box .sub_text {
        float: left;
        width: 100%;
        font-size: 14px;
        text-align: center;
        color: gray;
        margin: 0 0 20px 0;
    }

.input_field .racTokenList {
    border: none !important;
    min-height: 46px;
    background: transparent !important;
}

    .input_field .racTokenList .racInput {
        height: 40px !important;
        margin: 0;
        background: transparent !important;
    }

.radio_btn input[type="radio"] {
    display: none;
}

.tel_date_picket_element_set .input_field {
    height: 40px !important;
}


@media only screen and (max-width:767px) {

    .racTokenList {
        height: 35px;
    }

    .input_field .racTokenList .racInput {
        height: 33px !important;
    }
}

.RadAutoCompleteBox_Default .racToken {
    margin: 10px 10px 0 0 !important;
}

.RadAutoCompleteBoxPopup_Default {
    width: 300px !important;
}

.form_box .element_set .input_field.min-height {
    height: unset !important;
    min-height: 49px !important;
}

.select_box.teleric_compatible {
    padding: 0 !important;
    width: 100% !important;
}

    .select_box.teleric_compatible .rcbInner {
        background: transparent !important;
        border: none;
        height: 49px;
        padding-left: 40px !important;
        color: #333 !important;
    }

    .select_box.teleric_compatible:hover .rcbInner {
        background: transparent;
    }


    .select_box.teleric_compatible .rcbInner .rcbInput {
        height: 40px !important;
    }

    .select_box.teleric_compatible:hover .rcbInner .rcbInput {
        color: #333 !important;
    }

    .select_box.teleric_compatible .rcbInner .rcbActionButton {
        top: 10px;
        right: 6px !important;
        background: transparent;
        border: none;
    }


/*CALENDAR CUSTOMIZATION */

.RadCalendarPopup.RadCalendarPopupShadows {
}

.RadCalendarTimeView_Default {
    border: none !important;
    padding: 10px !important;
    border: none !important;
    box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.18) !important;
    border-radius: 4px !important;
}

.RadCalendarTimeView td {
    padding: 2px 6px !important;
    font-size: 14px !important;
}

.RadCalendarTimeView_Default td {
    border: none !important;
}

.RadCalendarTimeView_Default th {
    background: transparent !important;
    border-bottom: none !important;
    padding-bottom: 4px !important;
}

.RadCalendarTimeView_Default td.rcHover a {
    background: #5db5ff !important;
    border: none !important;
    color: white !important;
    border-radius: 60px !important;
    box-shadow: 0 3px 10px 0px rgba(42, 70, 80, 0.19) !important;
    -webkit-box-shadow: 0 3px 10px 0px rgba(42, 70, 80, 0.19) !important;
}

.RadCalendarTimeView_Default td a {
    padding: 6px !important;
    color: #353535 !important;
}

.RadCalendarTimeView_Default td.rcSelected a {
    background: #5db5ff !important;
    border: none !important;
    color: white !important;
    border-radius: 60px !important;
    box-shadow: 0 3px 10px 0px rgba(42, 70, 80, 0.19) !important;
    -webkit-box-shadow: 0 3px 10px 0px rgba(42, 70, 80, 0.19) !important;
    }

.RadCalendar_Default {
    padding: 10px !important;
    border: none !important;
    box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.18) !important;
    border-radius: 4px !important;
}

.RadCalendar_Default .rcTitlebar {
    padding: 10px 0 16px 0 !important;
    border: none !important;
    background-color: transparent !important;
    background-image: none !important;
}

.RadCalendar_Default .rcWeek th {
    border: none !important;
}

.RadCalendar_Default .rcWeek th {
    background: transparent !important;
}

.RadCalendar_Default .rcWeek .rcViewSel {
    background-color: transparent !important;
}

.RadCalendar_Default .rcMain th {
    background-color: white !important;
    text-align: center !important;
}

.RadCalendar span.rcTitle {
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
}

.RadCalendar_Default .rcMain {
    border: none !important;
}

.RadCalendar .rcRow a, .RadCalendar .rcRow span {
    padding: 10px !important;
    text-align: center !important;
    font-size: 15px !important;
    font-weight: 600 !important;
}

.RadCalendar_Default .rcMain th {font-size: 12px;color: gray;}

.RadCalendar .rcRow .rcHover a {
    border: none !IMPORTANT;
    box-shadow: 0 3px 10px 0px rgba(42, 70, 80, 0.19) !important;
    background: #5db5ff !important;
    color: white !important;
    border-radius: 50px !important;
}

.RadCalendar .rcRow .rcHover {
    background: transparent !important;
    border: none !important;
}

.RadCalendar .rcRow .rcWeekend a {
    color: #ed7171 !important;
}

/*.RadCalendar .rcRow .rcOtherMonth a {
    color: #cccccc !important;
}*/

.RadCalendar .rcRow .rcHover.rcWeekend a {
    background: #f99c98 !important;
    color: white !important;
}

.RadCalendar_Default .rcMain td.rcOtherMonth {
    color: #777777;
    font-weight: 400 !important;
}
.RadCalendar_Default .rcMain .rcSelected {
    background: transparent !important;
    border: none !important;
}

.RadCalendar_Default .rcMain .rcSelected a {
    background: #5db5ff !important;
    border-radius: 60px !important;
    box-shadow: 0 3px 10px 0px rgba(42, 70, 80, 0.19) !important;
    -webkit-box-shadow: 0 3px 10px 0px rgba(42, 70, 80, 0.19) !important;
}


/* Time picker customized element_set */

.tel_time_picker_ad .riTextBox {
    height: 49px !important;
    border: 1px solid gainsboro !important;
    border-radius: 4px;
    padding: 0 20px 0 40px !IMPORTANT;
    font-size: 15px !important;
}

.tel_time_picker_ad .rcTimePopup {
    border: none !IMPORTANT;
}

.tel_time_picker_ad .RadPicker .rcSelect {
    position: absolute;
    bottom: 1px;
    right: unset;
    top: 12px;
    overflow: hidden;
    left: 10px;
}

.tel_time_picker_ad .RadPicker {
    width: 100% !important;
}

.tel_time_picker_ad .RadInput_Default a:hover,
.tel_time_picker_ad .RadInput_Default a:active,
.tel_time_picker_ad .RadInput_Default a:focus {
    background-image: url('WebResource.axd?d=wwF2KCEGFEBpnq7GJgFuTE8AVbTiGdn7Kghojw0-jrzYgAUTumo4pGdRc5CrDWO700v3BQSjen7CNMItXZoIzL8_zbm5CTXlIkgbLOx-KgfuPQ35XZ2R6Yu9iXk5lmppDqtcadogVH8u8Y_Yv3QAOVNLzv01&t=636788266813554873') !important;
    background-color: transparent !important;
    background-position: 0 -100px !important;
}


.element_set.set_height {
    height: 77px !important;
}

.element_set.set_height_77 {
    height: 77px !important;
}

.yellow_note {
    float: left;
    width: 100%;
    background: #ffffdd;
    padding: 7px 10px 7px 10px;
    border-radius: 3px;
    color: #101008;
    font-size: 15px;
    border: 1px solid #e8e86d;
    margin: 10px 0 15px 15px;
}

.apply_job_btn {
    background: #5dca5d;
    color: white !important;
    padding: 4px 30px;
    border-radius: 3px;
    font-size: 14px;
    position: absolute;
    top: 20px;
    right: 0px;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: none !important;
    z-index: 8;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
}

    .apply_job_btn:hover {
        background: #4ab54a;
    }

    
.get_sticky + div {
    margin-top: 90px !important;
}

@media only screen and (max-width:767px) {
    .apply_job_btn {
        position: unset;
        float: left;
        margin: 0px 0 0 0;
        text-align: center;
        padding: 6px 20px;
    }
}

.job_listing_result .item .tag_set .tag {
    float: left;
    color: #333;
    text-decoration: none !important;
    border-radius: 2px;
    font-size: 13px;
}

/* CSS FOR INTERVIEW PAGES */

.material_icon_before:before {
    font-family: "Material Icons";
    margin: 0 4px 0 10px;
    position: relative;
    top: 2px;
}

.email_ico:before {
    content: "\E0E1";
}

.phone_ico:before {
    content: "\E0CD";
}

.schedule_confirmation {
    float: left;
    width: 100%;
}

    .schedule_confirmation .header_title {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        margin: 0 0 20px 0;
        background: #3e6ab9;
        padding: 10px;
        text-align: center;
        font-weight: 400;
        font-size: 17px;
        text-transform: uppercase;
        z-index: 11;
        color: white;
    }

        .schedule_confirmation .header_title + * {
            margin-top: 100px;
        }

.verification_box {
    float: left;
    width: 100%;
}

.box_style {
    float: left;
    width: 100%;
    padding: 20px;
    border: 1px solid gainsboro;
    border-radius: 4px;
    background: white;
    margin: 0 0 20px 0;
}

    .box_style.min_height {
        min-height: 400px;
    }

    .box_style.mar_top {
        margin: 130px 0 0 0;
    }

    .box_style.extra_padd {
        padding: 80px 0;
    }

    .box_style .box_heading {
        text-align: center;
        font-size: 28px;
        margin: 0 0 4px 0;
        font-weight: 100;
    }

    .box_style .no_result {
        float: left;
        width: 100%;
        text-align: center;
        padding: 30px;
        display: none;
    }

    .box_style .box_heading + .no_result {
        display: block;
    }

    .box_style .no_result .head_text {
        font-size: 20px;
    }

    .box_style .no_result .illustration {
        width: 200px;
        margin: 20px 0;
    }

    .box_style .box_heading.ad {
        font-size: 16px;
        margin: 0 0 4px 0;
        font-weight: 600;
        border-bottom: 1px solid gainsboro;
        padding-bottom: 17px;
        text-align: left;
    }

    .box_style .box_subheading {
        float: left;
        width: 100%;
        font-size: 14px;
        text-align: center;
        color: gray;
        margin: 0 0 20px 0;
    }

    .box_style .form_box {
        padding: 0px 40px;
    }

.verification_success {
    float: left;
    width: 100%;
}

.applicant_info {
    float: left;
    width: 100%;
    margin: 20px 0 0 0;
}

    .applicant_info .item {
        float: left;
        width: 100%;
        padding: 0 20px;
        margin: 0 0 20px 0;
    }

        .applicant_info .item .cap {
            float: left;
            width: 100%;
            margin: 0 0 4px 0;
            font-size: 13px;
            color: #333;
        }

        .applicant_info .item .val {
            float: left;
            width: 100%;
            margin: 0;
            font-size: 15px;
            font-weight: 600;
            color: #317ddc;
        }

.complete_interview {
    background: #3e6ab9;
    padding: 30px;
    border: none;
}

    .complete_interview .box_heading {
        color: white;
        font-weight: 300;
        font-size: 22px;
    }

.complete_interview_btn {
    display: inline-block;
    width: 60%;
    padding: 10px 20px;
    border-radius: 60px;
    background: white;
    color: #3e6ab9 !important;
    font-size: 16px;
    text-align: center;
    margin: 20px 0 20px 0;
    text-decoration: none !important;
    font-weight: 600;
    text-transform: uppercase;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
}

    .complete_interview_btn:hover {
        box-shadow: 0 3px 10px 0 rgba(0,0,0,0.2);
        -webkit-box-shadow: 0 3px 10px 0 rgba(0,0,0,0.2);
    }

.schedule_box {
    float: left;
    width: 100%;
    border-radius: 4px;
    overflow: hidden;
    background: #fff !important;
    box-shadow: 0 4px 20px 0px rgba(107, 123, 132, 0.14);
}


    .schedule_box .head_box {
        float: left;
        width: 100%;
        padding: 10px 40px;
        background: #27404c;
    }

        .schedule_box .head_box .event_name {
            color: white;
            margin: 0;
            font-size: 20px;
            font-weight: 100;
        }

    .schedule_box .body_box {
        float: left;
        width: 100%;
        min-height: 200px;
        padding: 20px 40px;
        background: white;
    }

        .schedule_box .body_box .element {
            float: left;
            width: 100%;
            margin: 0 0 20px 0;
        }

        .schedule_box .body_box .cap_text {
            float: left;
            width: 100%;
            color: gray;
            font-size: 13px;
            margin: 0 0 4px 0;
        }

        .schedule_box .body_box .val {
            float: left;
            width: 100%;
            font-size: 17px;
        }

        .schedule_box .body_box .note_val {
            font-size: 14px;
            float: left;
            width: 100%;
            padding: 0;
            border-radius: 4px;
            margin: 0 0 20px 0;
        }

            .schedule_box .body_box .note_val .note {
                font-weight: 600;
            }

        .schedule_box .body_box .guest_list {
            float: left;
            width: 100%;
        }

            .schedule_box .body_box .guest_list .item {
                float: left;
                padding: 7px 20px 7px 44px;
                margin: 0 10px 10px 0;
                border: 1px solid gainsboro;
                border-radius: 4px;
                background: #f7f7f7;
                position: relative;
            }

                .schedule_box .body_box .guest_list .item .ico:before {
                    position: absolute;
                    top: 8px;
                    left: 10px;
                    width: 24px;
                    height: 24px;
                    font-size: 24px;
                    color: #333;
                    font-family: "Material Icons";
                    content: "";
                    border-radius: 60px;
                    font-style: normal;
                }

                .schedule_box .body_box .guest_list .item .name {
                    float: left;
                    font-size: 14px;
                }

                .schedule_box .body_box .guest_list .item .status {
                    float: left;
                    clear: both;
                    font-size: 13px;
                }

                .schedule_box .body_box .guest_list .item .status_val {
                    font-weight: 600;
                }

                .schedule_box .body_box .guest_list .item.attending {
                    background: #e6ffe6;
                    border: 1px solid #6af16a;
                }

                    .schedule_box .body_box .guest_list .item.attending .ico:before {
                        color: #3fab3f;
                        content: "\E86C";
                    }

                .schedule_box .body_box .guest_list .item.not_attending {
                    background: #ffeded;
                    border: 1px solid #f5a2a2;
                }

                    .schedule_box .body_box .guest_list .item.not_attending .ico:before {
                        color: #ff7e7e;
                        content: "\E14C";
                    }

                .schedule_box .body_box .guest_list .item.pending {
                    opacity: 0.7;
                }

                    .schedule_box .body_box .guest_list .item.pending .ico:before {
                        color: #bbbbbb;
                        content: "\E192";
                    }

.interview_pass_fail .item {
    float: left;
    margin: 0 20px 0 0;
}

    .interview_pass_fail .item:last-child {
        margin: 0;
    }

    .interview_pass_fail .item input[type="radio"] + label {
        color: #b5b5b5;
        font-size: 17px;
        font-weight: 600;
        cursor: pointer;
    }

        .interview_pass_fail .item input[type="radio"] + label:before {
            font-family: "Material Icons";
            margin: 0 10px 0 0;
        }

    .interview_pass_fail .item.passed input[type="radio"] + label:before {
        content: "\E8DC";
    }

    .interview_pass_fail .item.failed input[type="radio"] + label:before {
        content: "\E8DB";
    }

    .interview_pass_fail .item.passed input[type="radio"]:checked + label {
        color: #40ab40;
    }

    .interview_pass_fail .item.failed input[type="radio"]:checked + label {
        color: #f73434;
    }



.download_resume_btn:before {
    font-family: "Material Icons";
    content: "\E2C0";
    float: left;
    margin: 0 10px 0 0;
}


a.plain_link {
    float: right;
    width: 100%;
    margin: 0 0 10px 0;
    color: #007eff;
}

.download_resource_btn_group {
    float: right;
    text-align: right;
}

.download_resource_btn {
    float: left;
    padding: 6px 20px;
    background: white;
    border: 1px solid #3e6ab9;
    color: #3e6ab9;
    border-radius: 60px;
}

    .download_resource_btn:not(:last-child) {
        margin: 0 20px 0 0;
    }

i.material-icons.ico_status {
    position: absolute;
    top: 10px;
    left: 15px;
}

    i.material-icons.ico_status.completed {
        color: #32ca3e;
    }

    i.material-icons.ico_status.pending {
        color: #ff864d;
    }

span.misc.pending {
    color: orange;
}


/****  rad_password_field ******/

.rad_password_field .riContentWrapper {
    width: 100% !important;
}

.rad_password_field .RadInput.RadInput_Default {
    width: 100% !important;
}

.rad_password_field + .Base {
    display: inline-block;
    font: 12px/18px "segoe ui",arial,sans-serif;
    height: 20px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    width: 121px;
    color: #fff;
}

.rad_password_field + .Base {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    border: none;
    height: 30px;
    line-height: 30px;
}



.set_height_49.tel_password_strength {
    height: 54px !important;
}

.password_strength_title {
    float: left;
    width: 100%;
    font-size: 13px;
    font-weight: 600;
    font-style: italic;
}

.tel_password_strength .Base {
    float: left;
    clear: both;
    margin: 10px 0 0 0;
}

#CustomIndicator.Base {
    transition: width 0.3s;
    -webkit-transition: width 0.3s;
    text-align: center;
}
/*
#CustomIndicator.Base.L1 {
    background: #ff9e9e;
    padding: 2px 20px;
    border-radius: 2px;
    transition: width 0.3s;
    -webkit-transition: width 0.3s;
}

#CustomIndicator.Base.L2 {
    background: #ffdcb1;
    padding: 2px 20px;
    border-radius: 2px;
    width: 50%;
}

#CustomIndicator.Base.L3 {
    background: #b3ffa9;
    padding: 2px 20px;
    border-radius: 2px;
    width: 100%;
}
*/

#CustomIndicator.Base {
    width: 50%;
    text-align: left;
}

    #CustomIndicator.Base:after {
        margin-top: 10px;
        display: block;
        height: 6px;
        width: 0%;
        border-radius: 2px;
        transition: width 0.3s;
        -webkit-transition: width 0.3s;
        content: "";
    }

    #CustomIndicator.Base.L1:after,
    #CustomIndicator.Base.L2:after {
        background: #ff9e9e;
        width: 33.3%;
    }

    #CustomIndicator.Base.L3:after,
    #CustomIndicator.Base.L4:after {
        background: #ffdf40;
        width: 66.6%;
    }

    #CustomIndicator.Base.L5:after {
        background: #b4ffa6;
        width: 100%;
    }

#PasswordRepeatedIndicator.L1 {
    float: left;
    padding: 5px 0px;
    font-size: 14px;
    color: #ec1818;
    position: absolute;
    left: 54%;
}

    #PasswordRepeatedIndicator.L1:before {
        margin-top: 1px;
        margin-right: 10px;
        font-family: "Material Icons";
        content: "\E002";
        float: left;
    }

#PasswordRepeatedIndicator.L5 {
    color: #2a862a;
    padding: 4px 0px;
    font-size: 17px;
    position: absolute;
    left: 54%;
}

    #PasswordRepeatedIndicator.L5:before {
        margin-top: 1px;
        margin-right: 6px;
        font-family: "Material Icons";
        content: "\E86C";
        float: left;
    }

.box_Notes_label {
    float: left;
    width: 100%;
    font-size: 13px;
    text-align: left;
    margin: 20px 0 10px 0;
}

.Password_font {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 14px !important;
}

/*************** tool tip ********************/

.tool-tip {
    color: #fff;
    background-color: rgba( 0, 0, 0, .7);
    text-shadow: none;
    font-size: .8em;
    visibility: hidden;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
    text-align: center;
    opacity: 0;
    z-index: 999;
    padding: 3px 8px;
    position: absolute;
    cursor: default;
    -webkit-transition: all 240ms ease-in-out;
    -moz-transition: all 240ms ease-in-out;
    -ms-transition: all 240ms ease-in-out;
    -o-transition: all 240ms ease-in-out;
    transition: all 240ms ease-in-out;
}

    .tool-tip,
    .tool-tip.top {
        top: auto;
        bottom: 114%;
        left: 50%;
    }

        .tool-tip.top:after,
        .tool-tip:after {
            position: absolute;
            bottom: -12px;
            left: 50%;
            margin-left: -7px;
            content: ' ';
            height: 0px;
            width: 0px;
            border: 6px solid transparent;
            border-top-color: rgba( 0, 0, 0, .7);
        }

        /* default heights, width and margin w/o Javscript */

        .tool-tip,
        .tool-tip.top {
            width: auto;
            height: auto;
            margin-left: -43px;
            min-height: 166px;
            min-width: 240px;
            padding: 10px 20px;
        }

            /* tool tip position right */

            .tool-tip.right {
                top: 0%;
                right: auto;
                left: 106%;
                margin-top: -15px;
                margin-right: auto;
                margin-left: auto;
            }

                .tool-tip.right:after {
                    left: -5px;
                    top: 20%;
                    margin-top: -6px;
                    bottom: auto;
                    border-top-color: transparent;
                    border-right-color: rgba( 0, 0, 0, .7);
                }

/* on hover of element containing tooltip default*/


.on-focus input:focus + .tool-tip {
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 240ms ease-in-out;
    -moz-transition: all 240ms ease-in-out;
    -ms-transition: all 240ms ease-in-out;
    -o-transition: all 240ms ease-in-out;
    transition: all 240ms ease-in-out;
}


/* tool tip slide out */

*:not(.on-focus) > .tool-tip.slideIn,
.on-focus > .tool-tip {
    display: block;
}

    .on-focus > .tool-tip.slideIn {
        z-index: -1;
    }

.on-focus > input:focus + .tool-tip.slideIn {
    z-index: 1;
}

/* bottom slideIn */

*:not(.on-focus) > .tool-tip.slideIn.bottom,
.on-focus > .tool-tip.slideIn.bottom {
    top: 50%;
}

*:not(.on-focus):hover > .tool-tip.slideIn.bottom,
.on-focus > input:focus + .tool-tip.slideIn.bottom {
    top: 115%;
}

.on-focus > input:focus + .tool-tip.slideIn.bottom {
    top: 100%;
}

/* right slideIn */

*:not(.on-focus) > .tool-tip.slideIn.right,
.on-focus > .tool-tip.slideIn.right {
    left: 50%;
}

*:not(.on-focus):hover > .tool-tip.slideIn.right,
.on-focus > input:focus + .tool-tip.slideIn.right {
    left: 105%;
}

.tool-tip ul {
    text-align: left;
    margin: 0;
    padding: 0;
    list-style: none;
}

.tool-tip .tool_tip_head {
    text-align: left;
}

.tool-tip ul li {
    margin: 0 0 4px 0;
}

@media only screen and (max-width:767px) {
    .tool-tip {
        display: none !important;
    }
}

/*************** End of tool tip ********************/

.uploaded_files.uploaded .item {
    border: none !IMPORTANT;
    padding: 0;
    padding-right: 40px;
    padding-left: 34px;
}

    .uploaded_files.uploaded .item .delete_action {
        top: -2px;
    }

.download_resume_coverletter {
    position: absolute;
    left: 0;
    top: 0px;
}

    .download_resume_coverletter i {
        font-size: 30px;
    }

/*FIXED SCREEN NOTIFICATION*/

.fixed_screen_notification {
    background: #a9f6a9;
    color: #295229;
    padding: 15px 60px 15px 40px;
    border-radius: 4px;
    border: 1px solid #86d586;
    position: fixed;
    bottom: 40px;
    right: 20px;
    z-index: 111;
    visibility: hidden;
    opacity: 0;
    transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
}

.fixed_screen_notification_close {
    position: absolute;
    right: -6px;
    top: -10px;
    width: 22px;
    height: 22px;
    background: #ff8080;
    color: white !important;
    border-radius: 60px;
    text-align: center;
}

.fixed_screen_notification.show_noti {
    visibility: visible;
    opacity: 1;
    transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
}

.fixed_screen_notification_close i {
    font-size: 16px;
    line-height: 1.4;
}

html body .RadInput input.riEmpty, 
html body .RadInput textarea.riEmpty, 
html body input.RadInput_Empty {
    font-style: normal!important;
}

.view_more {
    float: left;
    border: 1px solid #0c95d1;
    color: #0c95d1;
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 13px;
    margin-right: 10px;
    margin-top: 6px;
}

.logout_btn {
    border: 2px solid #2d2d2d;
    color: #2d2d2d !important;
    padding: 7px 30px 7px 48px;
    float: left;
    border-radius: 4px;
    position: relative;
    text-decoration: none !important;
}

.logout_btn:before {
    font-family: "Material Icons";
    content: "\E890";
    font-size: 20px;
    position: absolute;
    left: 10px;
    top: 3px;
}

.job_listing_result .item:not(.tile) .view_more {
    margin-top: 0;
    padding: 7px 10px;
}


/* CSS FOR SELF ATTEST */

.self_attest_section {
    float: left;
    width: 100%;
    margin: 20px 0 20px 0;
    background: #edf3ff;
    padding: 30px 40px;
    border-radius: 3px;
}


h3.self_attest_head {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    color: #343d4f;
    font-size: 19px;
    font-weight: 600;
    text-align: center;
}

.self_attest_section .para {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    color: #343d4f;
    font-size: 13px;
    line-height: 24px;
}

.electronic_sign {
    float: left;
    width: 100%;
    padding-left: 2px;
}

.current_date_time {
    float: left;
    width: 100%;
    font-size: 11px;
    color: gray;
    margin: 10px 0 0 0;
}

.elect_sign_check.fill {
    width: 100% !important;
}

.elect_sign_check input[type="checkbox"] + label + .elect_sign_form {
    display: none;
}

.elect_sign_check input[type="checkbox"]:checked + label + .elect_sign_form {
    display: block;
}

.elect_sign_form {
    float: left;
    width: 100%;
    font-size: 11px;
    color: #595959;
    margin: 20px 0 0 0;
}

.form_box .element_set .check_box.elect_sign_check input[type="checkbox"] + label {
    width: 100%;
    padding-left: 30px;
}

.form_box .element_set .check_box.elect_sign_check input[type="checkbox"] + label:before {
    position: absolute;
    top: 0;
}

.label_val.mar_btm_ad {
    margin: 0 0 10px 0 !IMPORTANT;
}
/*CSS FOR TIME PICKER*/

.RadCalendarPopup.RadCalendarPopupShadows {
}

.RadCalendarTimeView_Default {
    border: none  !important;
    padding: 10px  !important;
    border: none  !important;
    box-shadow: 0 0px 20px 0 rgba(0, 0, 0, 0.18)  !important;
    border-radius: 4px  !important;
}

.RadCalendarTimeView td {
    padding: 2px 6px !important;
    font-size: 14px !important;
}

.RadCalendarTimeView_Default td {
    border: none !important;
}

.RadCalendarTimeView_Default th {
    background: transparent  !important;
    border-bottom: none  !important;
    padding-bottom: 4px  !important;
}

.RadCalendarTimeView_Default td.rcHover a {
    background: #5db5ff !important;
    border: none  !important;
    color: white  !important;
    border-radius: 60px  !important;
    box-shadow: 0 3px 10px 0px rgba(42, 70, 80, 0.19)  !important;
    -webkit-box-shadow: 0 3px 10px 0px rgba(42, 70, 80, 0.19)  !important;
}

.RadCalendarTimeView_Default td a {
    padding: 6px  !important;
    color: #353535  !important;
}

.RadCalendarTimeView_Default td.rcSelected a {
    background: #5db5ff !important;
    border: none  !important;
    color: white  !important;
    border-radius: 60px  !important;
    box-shadow: 0 3px 10px 0px rgba(42, 70, 80, 0.19)  !important;
    -webkit-box-shadow: 0 3px 10px 0px rgba(42, 70, 80, 0.19)  !important;
    }

.RadCalendarTimeView_Default th {
    font-weight: 600 !important;
    text-transform: uppercase !important;
}

        .acknowledgement_modal .modal-body {
                box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
                padding: 40px 40px;
                border-radius: 3px;
            }

            .acknowledgement_modal h2 {
                font-size: 22px;
                margin: 0 0 16px 0;
            }

            .acknowledgement_modal p {
                font-size: 13px;
                color: #596473;
                line-height: 21px;
            }
            
            .acknowledgement_modal .accept_btn {
                border: none;
                padding: 6px 30px;
                border-radius: 2px;
                background: #356ab6;
                color: white;
                margin-top: 10px;
            }

.job_detail_view_job_intro.get_sticky + div {
    margin-top: 99px!important;
}
/* CSS FOR APPLICANT PROFILE PAGE */

.applicant_profile_main {
    float: left;
    width: 100%;
    min-height: calc(100vh - 124px);
    background: #fff;
}

.applicant_profile_main_header {
    float: left;
    width: 100%;
    padding: 10px 20px;
    background: #3567b5;
}

.applicant_profile_main_header_items {
    float: left;
}

.applicant_profile_main_header_items .item {
    float: left;
    margin: 0 30px 0 0;
}

.applicant_profile_main_header_items .item:last-child {
    margin: 0;
}

.applicant_profile_main_header_items .item .title {
    color: white;
    text-transform: uppercase;
    font-weight: 600;
}

.applicant_profile_main_header_items .item .ico {
    float: left;
    color: white;
    margin: 0 10px 0 0;
}

.applicant_profile_main_header_items .item .logout .cap {
    margin: 2px 0 0 0;
    float: left;
    color: white;
}

.applicant_profile_main_header_items .item .profile_info {
    float: left;
    color: white;
    background: rgb(255, 255, 255);
    padding: 4px 10px;
    border-radius: 4px;
    margin: -9px 0 0 0;
    position: relative;
    top: 7px;
    color: black;
    font-weight: 600;
}

.applicant_profile_main_header_items .item .profile_info .prefix {
    float: left;
    margin: 0 7px 0 0;
}

.applicant_profile_main_header_items .item .profile_info .applicant_name {
    float: left;
}

.applicant_profile_main_panels {
    float: left;
    width: 100%;
    padding: 10px 0 30px 0;
}

.applicant_profile_main_panels .panel {
    float: left;
    width: 100%;
    padding: 16px 40px;
    margin: 20px 0 0 0;
    background: white;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #e3e4e4;
}

.applicant_profile_main_panels .panel.no_padd {
    padding: 0;
}

.panel_inner_padd {
    float: left;
    width: 100%;
    padding: 20px 40px;
}

.panel_inner_padd.ad {
    padding: 20px 40px 0 35px;
}

.applicant_profile_main_panels .panel .panel_title {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    font-weight: 600;
    font-size: 14px;
}

.applicant_profile_main_panels .applicant_name {
    float: left;
    width: 100%;
    font-size: 22px;
    font-weight: 400;
    margin: 0 0 10px 0;
    color: #3567b5;
}

.applicant_profile_main_panels .misc {
    float: left;
    width: 100%;
    margin: 0;
}

.applicant_profile_main_panels .misc .item {
    float: left;
    width: 100%;
    margin: 0 0 6px 0;
}

.applicant_profile_main_panels .misc .item:last-child {
    margin: 0;
}

.applicant_profile_main_panels .misc .item .ico {
    float: left;
    font-size: 17px;
    margin: 0 10px 0 0;
    color: #a7a7a7;
}

.applicant_profile_main_panels .statistics {
    float: left;
    width: 100%;
}

.applicant_profile_main_panels .statistics .item {
    float: right;
    width: 50%;
    margin: 10px 0 0 0;
    text-align: right;
}

.applicant_profile_main_panels .statistics .item .cap {
    float: left;
    width: 100%;
    font-weight: 400;
    margin: 0;
}

.applicant_profile_main_panels .statistics .item .val {
    float: left;
    width: 100%;
    text-transform: uppercase;
    font-size: 40px;
    font-weight: 400;
    color: #3567b5;
}

.applicant_profile_main_panels .profile_actions {
    float: left;
    width: 100%;
    background: #eaf2ff;
    padding: 10px 20px;
    border-top: 1px solid #d4e4ff;
}

.applicant_profile_main_panels .profile_actions .action_item {
    float: left;
    margin: 10px 10px 10px 0;
    border: 1px solid #3567b5;
    padding: 6px 20px;
    border-radius: 3px;
    color: #3567b5;
    text-decoration: none !important;
}

.applicant_profile_main_panels .profile_actions .action_item .ico {
    float: left;
    font-size: 20px;
    position: relative;
    left: -10px;
}

.applicant_profile_main_panels .profile_actions .action_item.high {
    background: #3567b5;
    color: white;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15);
}

.applicant_profile_main_panels .profile_actions .action_item:last-child {
    margin-right: 0;
}

.applicant_profile_main_panels .job_listing_compact {
    float: left;
    width: 100%;
}

.applicant_profile_main_panels .job_listing_compact .item {
    float: left;
    width: 100%;
    margin: 0 0 16px 0;
    padding-left: 36px;
    padding-right: 80px;
    position: relative;
}

.applicant_profile_main_panels .job_listing_compact .item:last-child {
    margin-bottom: 0;
} 

.applicant_profile_main_panels .job_listing_compact .item.job_closed .job_title{
    padding-right: 75px;
}

.applicant_profile_main_panels .job_listing_compact .item.job_closed .job_title,
.applicant_profile_main_panels .job_listing_compact .item.job_closed .det {
    opacity: 0.6;
    text-decoration: line-through !important;
    color: gray !important;
}

.applicant_profile_main_panels .job_listing_compact .item.job_closed .ico,
.applicant_profile_main_panels .job_listing_compact .item.job_closed .status{
    opacity: 0.6;
    color: gray !important;
    border-color: gray;
}

.applicant_profile_main_panels .job_listing_compact .item.job_closed:after {
    position: absolute;
    right: 0;
    top: 0;
    background: #6f6f6f;
    padding: 2px 16px;
    border-radius: 60px;
    content: "Job Closed";
    font-size: 12px;
    color: #ffffff;
}

.item.recommended_jobs {
    padding: 0px 40px 10px 40px !important;
    margin-bottom: 10px;
    border-bottom: 1px solid gainsboro;
}

.item.recommended_jobs:last-child {
    border-bottom: none;
}

.applicant_profile_main_panels .job_listing_compact .item.no_padd_left {
    padding-left: 0;
}

.applicant_profile_main_panels .job_listing_compact .item .ico {
    position: absolute;
    top: 2px;
    left: 0;
    font-size: 24px;
    color: #e8b236;
}

.applicant_profile_main_panels .job_listing_compact .item .ico.green {
    color: #4bbf4b;
}

.applicant_profile_main_panels .job_listing_compact .item .job_title {
    float: left;
    width: 100%;
    font-size: 16px;
    color: #3567b5;
    text-decoration: none !important;
    font-weight: 600;
    margin: 0 0 4px 0;
}

.applicant_profile_main_panels .job_listing_compact .item .job_title:hover {
    color: #438cff;
}

.applicant_profile_main_panels .job_listing_compact .item .job_title.smaller {
    font-size: 15px;
}

.applicant_profile_main_panels .job_listing_compact .item .remove_job {
    position: absolute;
    right: 0;
    top: 0;
    color: #dc5c5c;
    border: 1px solid #dc5c5c;
    border-radius: 60px;
    padding: 2px 10px;
    font-size: 11px;
    text-decoration: none !important;
}

.applicant_profile_main_panels .job_listing_compact .item .det {
    float: left;
    width: 100%;
    font-size: 13px;
    line-height: 20px;
}

.applicant_profile_main_panels .job_listing_compact .item .status {
    float: left;
    background: white;
    border: 1px solid #31a766;
    color: #31a766;
    padding: 2px 10px;
    border-radius: 60px;
    font-size: 13px;
}

.applicant_profile_main_panels .job_listing_compact .item .status .cap  {
    font-weight: 600;
}

.applicant_profile_main_panels .job_listing_compact .item .status .val {
    
}

.load_more_box {
    float: left;
    width: 100%;
    padding: 10px;
    background: #eaf2ff;
    border-top: 1px solid #d4e4ff;
}

.applicant_profile_main_panels .load_more {
    display: inline-block;
    margin: auto;
    text-decoration: none !important;
}

.applicant_profile_main_panels .load_more .ico {
    float: left;
    position: relative;
    top: -2px;
    margin-right: 4px;
}

.applicant_profile_edit_main {
    float: left;
    width: 100%;
}

.applicant_profile_edit_main .panel-group {
    float: left;
    width: 100%;
    padding: 20px 0;
}

.applicant_profile_edit_main .panel-group .panel-title > a {
    text-decoration: none !important;
}

.applicant_profile_edit_main .panel-group .panel-default > .panel-heading {
    padding: 20px;
}

.back_action {
    float: left;
    width: 100%;
    margin: 20px 0 0 0;
}

.back_action .back_btn {
    float: left;
    padding: 7px 20px;
    border-radius: 4px;
    border: 1px solid #3567b5;
    text-decoration: none !important;
    color: #3567b5;
}

.accordion_title {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 24px;
}

.accordion_hint_title {
    float: left;
    width: 100%;
    font-size: 14px;
    text-align: center;
}

/*.applicant_profile_edit_main .bottom_sticky_controls {
    position: unset !important;
    float: left;
    width: 100% !important;
    border: none;
    padding: 20px 0;
    text-align: center;
}*/

.applicant_profile_edit_main .bottom_sticky_controls  {
    text-align: center;
}

.applicant_profile_edit_main .bottom_sticky_controls .control_btn {
    float: none;
    display: inline-block;
}

.applicant_profile_edit_main .bottom_sticky_controls .item {
    float: none;
    display: inline-block;
}

.foot_box {
    float: left;
    width: 100%;
    padding: 10px 20px;
    background: #3567b5;
}

.applicant_profile_settings {
    float: left;
    width: 100%;
    margin: 20px 0;
    border-radius: 4px;
    background: white;
    border: 1px solid #e0e0e0;
    overflow: hidden;
}

.applicant_profile_settings_title {
    float: left;
    width: 100%;
    font-size: 13px;
    font-weight: 600;
    margin: 0;
    border-bottom: 1px solid #ffffff;
    padding: 10px 20px;
    color: #171717;
    text-transform: uppercase;
    background: #e4e4e4;
}

.applicant_profile_settings_form {
    float: left;
    width: 100%;
    padding: 20px;
    background: #f7f7f7;
}

.applicant_profile_settings_form_group {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    border-bottom: 1px dotted gainsboro;
    padding-bottom: 20px;
}

.applicant_profile_settings_form_group:last-child {
    margin: 0;
    border-bottom: none;
    padding-bottom: 0;
}

.applicant_profile_settings_form_group label {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    color: #423d3d;
    font-weight: 600;
}

.applicant_profile_settings_form_group .input_field_box {
    float: left;
    width: 100%;
    margin: 0;
    position: relative;
}

.applicant_profile_settings_form_group .input_field_box .txtbox_field {
    float: left;
    width: 100%;
    height: 40px;
    margin-bottom: 10px;
    padding: 0 20px 0 36px;
    border: 1px solid #d0d0d0;
    border-radius: 3px;
    font-size: 13px;
    color: #3567b5;
}

.applicant_profile_settings_form_group .input_field_box .txtbox_field:focus {
    border: 1px solid #a6bada;
}

.applicant_profile_settings_form_group .input_field_box .ico {
    position: absolute;
    top: 10px;
    left: 10px;
    color: #8a8a8a;
    font-size: 20px;
    z-index: 1;
}

.applicant_profile_settings_form_group .input_field_box .view_password, .applicant_profile_settings_form_group .input_field_box .view_password_click {
    position: absolute;
    top: 8px;
    right: 10px;
    color: gray;
}

.applicant_profile_settings_form_group .note {
    float: left;
    width: 100%;
    font-size: 13px;
    margin: 0 0 10px 0;
    color: #6b6f77;
}

.applicant_profile_settings_form_action_btn {
    float: left;
}

.applicant_profile_settings_form_action_btn .btn_style {
    float: left;
    padding: 7px 20px;
    background: #ececec;
    border: 1px solid #dcdcdc;
    color: #37455a;
    border-radius: 3px;
    font-size: 13px;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    font-weight: 600;
}

.applicant_profile_settings_form_action_btn .btn_style:hover {
    background: #d4d4d4;
    color: #313131;
}

.applicant_profile_settings_form_action_btn .btn_style.deactivate {
    background: #dadada;
    box-shadow: none;
    color: #616161;
    border: none;
}

.applicant_profile_settings_form_action_btn .btn_style.deactivate:hover {
    background: #bdbdbd;
}

.applicant_profile_settings_form_action_btn .btn_style.delete {
    background: #ea8383;
    box-shadow: none;
    color: white;
    border: none;
}

.applicant_profile_settings_form_action_btn .btn_style.delete:hover {
    background: #f14c4c;
}

.wizard_panel {
    float: left;
    width: 100%;
}

.wizard_panel_tab {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;
    float: left;
    width: 100%;
    list-style: none;
    padding: 0;
    padding: 10px 0;
    width: 100%;
    margin: 0 0 10px 0;
    text-align: center;
    box-shadow: 0 6px 10px -6px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 6px 10px -6px rgba(0,0,0,0.2);
    z-index: 13;
    background: white;
}

.wizard_panel_tab li {
    display: inline-block;
}

.wizard_panel_tab li a {
    float: left;
    padding: 10px 20px;
    margin-right: 20px;
    position: relative;
    border: 1px solid #cbcbcb;
    margin-right: -4px;
    color: #969696;
    font-weight: 600;
    text-decoration: none !important;
}

.wizard_panel_tab li:first-child a {
    border-radius: 3px 0 0 3px;
}

.wizard_panel_tab li:not(:first-child) a {
    padding-left: 36px !important;
}

.wizard_panel_tab li a:after {
    position: absolute;
    top: -1px;
    right: -41px;
    border: 20px solid transparent;
    border-left-color: #989898;
    content: "";
    z-index: 2;
}

.wizard_panel_tab li a:before {
    position: absolute;
    top: -1px;
    right: -40px;
    border: 20px solid transparent;
    border-left-color: #ffffff;
    content: "";
    z-index: 6;
}

.wizard_panel_tab li.active a {
    background: linear-gradient(to right,#55cea2,#3bdea3);
    color: white;
    border-color: transparent;
    font-weight: 600;
}

.wizard_panel_tab li.active a:before,
.wizard_panel_tab li.active a:after{
    border-left-color: #3bdea3;
}

.wizard_panel_tab_content {
    float: left;
    width: 100%;
    margin: 10px 0 0 0;
    border: 1px solid gainsboro;
    /*padding-bottom: 130px;
    min-height: calc(100vh - 267px);*/
    position: relative;
}/*

.wizard_panel_tab_content:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 83px;
    background: #f3f3f3;
    content: "";
}
*/

@media only screen and (max-width: 767px) {
    
    .panel_inner_padd {
        padding: 10px 20px;
    }

    .search_more_jobs {
        font-size: 13px;
    }
    
    .applicant_profile_main_panels .statistics .item {
        text-align: left;
        margin: 20px 0 0 0;
        float: left;
    }
    
    .applicant_profile_main_panels .job_listing_compact .item .remove_job {
        float: right;
        margin: 0;
        position: unset;
        padding: 3px 10px;
    }
    
    .applicant_profile_main_header_items:not(:last-child) {
        display: none;
    }
    
    .applicant_profile_main_header_items:not(.pull-right) .item {
        width: 100%;
        text-align: center;
    }
    
    .applicant_profile_main_header_items .item .title{
        text-align: center;
    }
    
    .applicant_profile_main_header_items.pull-right {
        width: 100%;
        text-align: center;
    }
    
    .accordion_title {
        font-size: 18px;
    }
    
    .accordion_hint_title {
        font-size: 12px;
    }
    
    .panel-title {
        font-size: 14px;
    }
    
    .applicant_profile_edit_main .panel-group .panel-default > .panel-heading {
        padding: 10px 20px;
    }
    
    .applicant_profile_edit_main .panel-group .panel-title > a {
        line-height: 23px;
    }
    
    .applicant_profile_main_panels .misc .item .ico {
        display: none;
    }
    
    .applicant_profile_main_panels .job_listing_compact .item .job_title {
        font-size: 15px;
    }
    
    .applicant_profile_main_panels .job_listing_compact .item {
        padding-right: 0;
        border-bottom: 1px solid gainsboro;
        padding-bottom: 20px;
    }
    
    .applicant_profile_main_panels .job_listing_compact .item.job_closed:after {
        right: 0;
    }
    
    .back_action {
        margin: 20px 0;
    }
    
    .wizard_panel_tab {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: auto;
    }
    
    .applicant_profile_main_header {
        padding: 10px 0;
    }
    
}
.check_box_group {
    float: left;
    width: 100%;
    margin: 0 0 4px 0;
}

.check_box_group input[type="checkbox"] + label:before {
    font-family: "Material Icons";
    content: "\E835";
    font-size: 20px;
    float: left;
    line-height: 1;
    margin: 0 6px 0 0;
}

.check_box_group input[type="checkbox"] + label {
    color: #848484;
    cursor: pointer;
    font-weight: 600;
}

.check_box_group input[type="checkbox"]:checked + label:before {
    content: "\E834";
    font-weight: 100;
}

.check_box_group input[type="checkbox"]:checked + label {
    color: #3567b5;
}

.check_box_group_item {
    float: left;
    width: 100%;
    margin: 0 0 10px 0;
}

.check_box_group_item:last-child {
    margin: 0;
}

.bottom_sticky_controls .itemProfile {
    float: left;
    margin: 0;
    font-size: 16px;
    color: white;
    font-weight: 600;
    text-decoration: none !important;
    border: none;
    background: transparent;
    width: 110px !IMPORTANT;
    padding: 10px 40px 11px 35px;
    position: relative;
    z-index: 100;
}

label.upper_label {
    float: left;
    width: 100%;
    margin: 0 0 3px 0;
    font-size: 13px;
    font-weight: 400;
}

.applicant_profile_settings_form_group .input_field_box select {
    float: left;
    width: 100%;
    height: 40px;
    border: 1px solid gainsboro;
    padding: 0 0 0 36px;
    border-radius: 3px;
    margin-bottom: 10px;
}

.applicant_profile_settings_form_group .input_field_box .ico.ad {
    top: 30px;
}


 @media only screen and (max-width: 767px) {
     .wizard_panel_tab_content {
         border: none;
     }

     .wizard_panel_tab_content:after {
         display: none;
     }
 }

/* END OF CSS FOR APPLICANT PROFILE PAGE */

/* CSS FOR KEYWORDS */

.job_details_tags {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
}

.job_details_tags .tag_title {
    float: left;
    width: 100%;
    margin: 0;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
}

.job_details_tags_item {
    float: left;
    margin: 10px 10px 0 0;
    padding: 4px 20px;
    border-radius: 60px;
    color: #313131;
    background: #cfe3ff;
}


/* CSS FOR compensation text*/

.compensation_det {
    float: left;
    width: 100%;
    margin: 20px 0 20px 0;
}

.compensation_cap {
    float: left;
    margin: 0 10px 0 0;
    font-weight: 600;
}

/* CSS for num_txtbox */

.num_txtbox  {
    overflow: hidden;
}

.num_txtbox .riSingle.RadInput.RadInput_Default {
    width: 100% !important;
}

.label_txt {
    position: absolute;
    top: 28px;
    right: 0;
    height: 49px;
    line-height: 49px;
    font-weight: 600;
    padding: 0 20px;
    border-left: 1px solid gainsboro;
    z-index: 1;
}

.num_txtbox .riError {
    background: none !important;
}

/* CSS FOR SSN INPUT */

.ssn_input .input_field {
    width: 33.3% !important;
    border: none !IMPORTANT;
    padding: 0 10px !important;
    text-align: center;
    border-radius: 0 !important;
    border-right: 1px solid gainsboro !important;
}

.ssn_input {
    border: 1px solid gainsboro;
    float: left;
    width: 100%;
    border-radius: 3px;
    overflow: hidden;
}

.ssn_input .input_field:last-child {
    border-right: 0 !IMPORTANT;
}

span#lblHeading {
    float: left;
    width: 100%;
    text-align: center;
    margin: 0 0 20px 0;
    font-size: 22px;
}

.form_box_with_bg {
    background: white;
    padding: 20px 40px;
    border-radius: 3px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.07);
}

/* CSS FOR SWITCH CONTROL */



.switch_control {
    float: left;
    cursor: pointer;
    height: 26px;
}

.switch_control.right {
    float: right;
}


.switch_control input[type="checkbox"] + label {
    height: 26px;
    width: 60px;
    background: gainsboro;
    border-radius: 60px;
    border: 1px solid transparent;
    position: relative;
}

.switch_control input[type="checkbox"]:checked + label {
    background: white;
    border: 1px solid #5cde7b;
}

.switch_control input[type="checkbox"] + label:before {
    content: "";
    width: 22px;
    height: 22px;
    background: #c7c2c2;
    position: absolute;
    left: 2px;
    top: 1px;
    border-radius: 60px;
    transition: left 0.2s;
    z-index: 10;
}

.switch_control input[type="checkbox"]:checked + label:before {
    background: #5cde7b;
    left: 34px;
}

.switch_control input[type="checkbox"] + label:after {
    content: "NO";
    right: 4px;
    top: 2px;
    position: absolute;
    color: #b3b3b3;
    font-weight: 400;
}

.switch_control input[type="checkbox"]:checked + label:after {
    content: "YES";
    right: unset;
    left: 7px;
    color: #249a40;
}

/* END OF CSS FOR SWITCH CONTROL */

.wotc_questionnaire_opt_block {
    float: left;
    width: 100%;
    padding: 20px;
    background: #f1f1f1;
}

.form-group-adjust {
    position: relative;
    padding-left: 20px;
}

.form-group-count {
    position: absolute;
    left: -15px;
    top: 0;
    text-align: right;
    width: 25px;
}

.form-group-count:after {
    content: ".";
    margin-left: -4px;
}

.check_box.positioned label:before {
    position: absolute !important;
    top: -8px !important;
    left: 0 !important;
}

.check_box.positioned label {
    padding-left: 30px;
    text-align: left;
}

.elect_sign_form label {
    padding: 0 !important;
}

.elect_sign_form label:before {
    position: relative !important;
    top: unset !important;
    left: unset !important;
}

.check_box.positioned .elect_sign_form {
    padding-left: 30px !important;
}

.wotc_save {
    float: left;
    width: 100%;
    padding: 0 20px;
}

.skills_input .input_field {
    padding-right: 100px !important;
}

.skills_input .add_input_btn {
    position: absolute;
    top: 41px;
    right: 20px;
    background: transparent;
    border: none;
    font-weight: 600;
    color: #3e6ab9;
    text-decoration: none !important;
}

.skills_input .add_input_btn:before {
    font-family: "Material Icons";
    content: "\E147";
    font-size: 23px;
    line-height: 0.3;
    position: relative;
    top: 6px;
    margin-right: 6px;
    font-weight: 100;
}

.added_skills {
    float: left;
    width: 100%;
}

.added_skills .item {
    float: left;
    margin: 0 10px 10px 0;
    position: relative;
    padding: 3px 20px;
    border-radius: 3px;
    color: #3e6ab9;
    border: 1px solid #bfd6ff;
    background: #e8f0ff;
    text-decoration: none !important;
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    text-transform: capitalize;
}

.added_skills_close{
    text-decoration: none !important;
}

.added_skills_close:before {
    font-family: "Material Icons";
    content: "\E5CD";
    position: absolute;
    font-size: 17px;
    line-height: 1;
    font-weight: 600;
    position: relative;
    top: 3px;
    right: -12px;
    text-decoration: none !important;
}

.search_panel_min_height {
    float: left;
    width: 100%;
    min-height: calc(100vh - 0px);
}
/*Validation Class */
/* STATIC SUCCESS */
.success {
    background: #30b378;
    color: white;
    border-radius: 0;
    font-size: 14px;
    display: block;
    width: 100%;
    padding: 10px 20px 10px 45px;
    margin: 0 0 20px 0;
    font-weight: 400;
    float: left;
    position: relative;
}
/* STATIC SUCCESS */

/* END OF STATIC SUCCESS */

.success:before {
    font-family: "Material Icons";
    content: "\E86C";
    font-size: 22px;
    line-height: 0;
    margin-right: 10px;
    position: absolute;
    top: 50%;
    left: 15px;
}

.errorMsg {
    background: #f17c69;
    color: white;
    border-radius: 0;
    text-align: left;
    font-size: 14px;
    display: block;
    width: 100%;
    padding: 10px 20px 10px 45px;
    margin: 0;
    font-weight: 400;
    cursor: pointer;
    transition-duration: 0.3s;
    margin: 0 0 20px 0;
    float: left;
    position: relative;
}

.errorMsg:before {
    font-family: "Material Icons";
    content: "\E001";
    font-size: 22px;
    line-height: 0;
    margin-right: 10px;
    position: absolute;
    top: 50%;
    left: 15px;
}

.warning {
    background: #e6a95a;
    color: white;
    border-radius: 0;
    text-align: left;
    font-size: 14px;
    display: block;
    width: 100%;
    height: auto;
    padding: 10px 20px 10px 45px;
    margin: 0;
    font-weight: 400;
    cursor: pointer;
    transition-duration: 0.3s;
    margin: 0 0 20px 0;
    float: left;
    position: relative;
}

.warning:before {
    font-family: "Material Icons";
    content: "\E002";
    font-size: 22px;
    line-height: 0;
    margin-right: 10px;
    position: absolute;
    top: 50%;
    left: 15px;
}


.info {
    background: #4c87e2;
    color: white;
    border-radius: 0;
    text-align: center;
    font-size: 14px;
    display: block;
    width: 100%;
    padding: 10px 20px 10px 45px;
    margin: 0;
    font-weight: 400;
    animation-duration: 10s;
    margin: 0 0 20px 0;
    float: left;
}
.ValidationError {
    background: #ffd9d9;
    display: block;
    color: #9e2020 !important;
    padding: 5px 0px;
    margin: 10px 0;
    border-radius: 4px;
    float: left;
    width: 100%;
}

.ValidationError li {
    padding: 5px 10px;
    position: relative;
}

.ValidationError ul {
    margin: 0;
    list-style: none;
}

.ValidationError ul li:before {
    font-family: "Material Icons";
}

.ValidationError ul li:before {
    font-family: "Material Icons";
    content: "\E002";
    font-size: 20px;
    line-height: 1;
    position: absolute;
    left: -20px;
    top: calc(50% - 10px);
    color: #bf2020;
}
.job_description {
    font-size: 20px;
    margin: 0 0 15px 0;
}
/* job alerts applicant profile */

.no_job_alerts {
    float: left;
    width: 100%;
    padding: 6px 30px;
    background: #ffdbdb;
}

.no_job_alerts .cap {
    margin: 0;
    position: relative;
    padding-left: 30px;
}

.no_job_alerts .cap:before {
    font-family: "Material Icons";
    content: "\E002";
    color: red;
    font-size: 22px;
    line-height: 0;
    position: absolute;
    top: 10px;
    left: 0;
}

.mobile_with_code .mobile_code {
    width: 25%;
    padding: 0;
    float: left;
}

.mobile_with_code .mobile_num {
    width: 75%;
    float: left;
}

.mobile_with_code input[type="text"], .mobile_with_code select {
    border: none !important;
}

.mobile_with_code {
    border: 1px solid gainsboro;
    height: 49px;
    overflow: hidden;
    border-radius: 4px;
}

.mobile_with_code .mobile_code {
    border-right: 1px solid gainsboro;
}

.mobile_with_code .mobile_code select {
    padding: 0 0 0 17px !IMPORTANT;
    text-align: center !IMPORTANT;
}

.mobile_with_code .mobile_code select option {
    text-align: center !important;
}

.recruiter_details {
    float: left;
    width: 100%;
    padding: 10px 20px 10px 80px;
    /*background-color: #eaeaea;*/
    border-radius: 3px;
    position: relative;
    border: 1px solid #a7c7d8;
    min-height: 80px;
    margin-bottom: 20px;
}

.recruiter_details.no_image {
    padding-left: 20px;
}

.recruiter_details .recruiter_photo {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 48px;
    height: 48px;
    border-radius: 60px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.recruiter_details .recruiter_name {
    float: left;
    width: 100%;
    font-size: 17px;
    margin: 0 0 4px 0;
    color: #0077b5;
}

.recruiter_details .recruiter_misc_detail {
    float: left;
    width: 100%;
    font-size: 14px;
    margin: 0 0 4px 0;
    color: #153548;
}

.recruiter_details .recruiter_misc_detail:before {
    font-family: "Material Icons";
    float: left;
    position: relative;
    top: 2px;
    font-size: 17px;
    margin-right: 4px;
    line-height: 1;
    color: #0077b5;
}

.recruiter_details .recruiter_misc_detail.email:before {
    content: "\E0BE";
}

.recruiter_details .recruiter_misc_detail.phone:before {
    content: "\E0CD";
}

.recruiter_details .recruiter_linkedin {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    background: #0077B5;
    text-align: center;
    border-radius: 3px;
    color: white;
    font-size: 13px
}

/* end of css for job alerts applicant profil*/
/* CSS new updates */

.disp_control {
    width: 100%;
}

.disp_control .viewer_box {
    float: left;
    width: 100%;
    min-height: 200px;
    margin-top: 10px;
    border-radius: 3px;
    display: none;
}

.disp_control label {
    width: 100%;
}

.disp_control input[type="checkbox"]:checked + label + .viewer_box {
    display: block;
}

.disp_control .viewer_box .upload_panel {
    margin: 0;
}

.mar_zero {
    margin: 0 !important;
}

.select_box.mid {
    height: 40px !important; 
    margin-top: 5px;
}

.form_box .element_set .check_box input[type="checkbox"] + label:before {
    font-family: 'Material Icons';
    content: "\e3c6";
    position: relative;
    top: 8px;
    left: 0;
    font-size: 24px;
    line-height:24px;
    height:24px;
    color: #b7b7b7;
    margin-right: 7px;
}

.apply_wizard_tab_panel .added_details .item .sub_text .lang_skills {
    float: left;
    margin: 0 10px 0 0;
}

.apply_wizard_tab_panel .added_details .item .sub_text .lang_skills:not(:last-child):after {
    content: "|";
    padding-left: 5px;
}

.apply_wizard_tab_panel .added_details .item .sub_text .lang_skills .cap {
    font-weight: 600;
    margin-right: 4px;
}

.apply_wizard_tab_panel .added_details .item .sub_text .lang_skills .val:before {
    content: ":";
    margin-right: 4px;
}

.exclude_frmbox
{
    position: relative !important;left: unset !important;z-index: 0 !important; color: #3e6ab9 !important;
}
.add_new:hover .exclude_frmbox
{
    color: white !important;
}

.exclude_frmbox + .cap {
    z-index:10;
}

/* CSS FOR FIXED LOADER  */

.fixed_loader {
    border-radius: 0;
    text-align: center;
    font-size: 14px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;
    padding: 10px;
    z-index: 11111;
    margin: 0;
    font-weight: 400;
    cursor: auto;
    transition-duration: 0.3s;
    background: #23aaea;
    color: white;
    overflow: hidden;
    visibility:hidden;
}

.fixed_loader.in:before {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0);
    content: "";
}

.fixed_loader.in {
    -webkit-animation-name: fxdLoader; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 0.6s; /* Safari 4.0 - 8.0 */
    animation-name: fxdLoader;
    animation-duration: 0.6s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    visibility: visible;
}

@-webkit-keyframes fxdLoader {
    0% {bottom: -40px;}
    100% {bottom: 0px;}
}

/* Standard syntax */

@keyframes fxdLoader {
    0% {bottom: -40px;}
    100% {bottom: 0px;}
}

.fixed_loader .spinner div {
    width: 6px;
    height: 6px;
    position: absolute;
    left: -20px;
    bottom: 2px;
    background-color: #fff;
    border-radius: 50%;
    animation: move 4s infinite cubic-bezier(.2,.64,.81,.23);
}

.fixed_loader .spinner div:nth-child(2) {
    animation-delay: 150ms;
}

.fixed_loader .spinner div:nth-child(3) {
    animation-delay: 300ms;
}

.spinner div:nth-child(4) {
    animation-delay: 450ms;
}

@keyframes move {
    0% {left: 0%;}
    75% {left:100%;}
    100% {left:100%;}
}

/* END OF CSS FOR FIXED LOADER */

/* CSS FOR VALIDATION / ERROR MESSAGES 

.success {
    background: #30b378;
    color: white;
    border-radius: 0;
    text-align: center;
    font-size: 14px;
    position: fixed;
    bottom: -40px;
    left: 0;
    width: 100%;
    height: 40px;
    padding: 10px;
    z-index: 1111;
    margin: 0;
    font-weight: 400;
    -webkit-animation-name: btmMsg;  
    -webkit-animation-duration: 6s;  
    animation-name: btmMsg;
    animation-duration: 6s;
}

.success:before {
    font-family: "Material Icons";
    content: "\E86C";
    font-size: 22px;
    line-height: 0;
    margin-right: 10px;
    position: relative;
    top: 6px;
}

.errorMsg {
    background: #f17c69;
    color: white;
    border-radius: 0;
    text-align: center;
    font-size: 14px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;
    padding: 10px;
    z-index: 1111;
    margin: 0;
    font-weight: 400;
    cursor: pointer;
    transition-duration: 0.3s;
}

.errorMsg:before {
    font-family: "Material Icons";
    content: "\E001";
    font-size: 22px;
    line-height: 0;
    margin-right: 10px;
    position: relative;
    top: 6px;
}

.errorMsg:after {
    font-family: "Material Icons";
    content: "\E5CD";
    background: rgba(0, 0, 0, 0.34);
    border-radius: 60px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    position: absolute;
    top: 10px;
    right: 10px;
}

.warning {
    background: #e6a95a;
    color: white;
    border-radius: 0;
    text-align: center;
    font-size: 14px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px;
    padding: 10px;
    z-index: 1111;
    margin: 0;
    font-weight: 400;
    cursor: pointer;
    transition-duration: 0.3s;
}

.warning:before {
    font-family: "Material Icons";
    content: "\E002";
    font-size: 22px;
    line-height: 0;
    margin-right: 10px;
    position: relative;
    top: 6px;
}

.warning:after {
    font-family: "Material Icons";
    content: "\E5CD";
    background: rgba(0, 0, 0, 0.34);
    border-radius: 60px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    position: absolute;
    top: 10px;
    right: 10px;
}

.info {
    background: #4c87e2;
    color: white;
    border-radius: 0;
    text-align: center;
    font-size: 14px;
    position: fixed;
    bottom: -40px;
    left: 0;
    width: 100%;
    height: 40px;
    padding: 10px;
    z-index: 1111;
    margin: 0;
    font-weight: 400;
    -webkit-animation-name: btmMsg; 
    -webkit-animation-duration: 10s; 
    animation-name: btmMsg;
    animation-duration: 10s;
}

.info:before {
    font-family: "Material Icons";
    content: "\E88F";
    font-size: 22px;
    line-height: 0;
    margin-right: 10px;
    position: relative;
    top: 6px;
}

@-webkit-keyframes btmMsg {
    0% {bottom: -40px;}
    10% {bottom: 0px;}
    40% {bottom: 0px;}
    60% {bottom: 0px;}
    90% {bottom: 0px;}
    100% {bottom: -40px;}
}
     
@keyframes btmMsg {
    0% {bottom: -40px;}
    10% {bottom: 0px;}
    40% {bottom: 0px;}
    60% {bottom: 0px;}
    90% {bottom: 0px;}
    100% {bottom: -40px;}
}


/* END OF CSS FOR VALIDATION / ERROR MESSAGES */

/* CSS FOR EMPTY GRID */

.empty_grid {
    float: left;
    width: 100%;
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ebeff1;
}

.empty_grid .inner_holder {
    text-align: center;
}

.empty_grid .inner_holder:before {
    font-family: "Material Icons";
    content: "\E2C8";
    width: 100%;
    font-size: 60px;
    display: block;
    line-height: 60px;
    color: #4d6673;
}

.empty_grid_head_text {
    font-size: 22px;
    font-weight: 100;
    margin: 0 0 4px 0;
}

.empty_grid_sub_text {
    margin: 0 0 20px 0;
}

.empty_grid_action_btn {
    display: inline-block;
    padding: 10px 20px;
    background: #30b378;
    color: white !important;
    border-radius: 3px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
    text-decoration:none !important;
}

.alternate_uploads {
    float: left;
    margin-bottom: 10px;
    width: 100%;
    background: #e7ebf1;
    padding: 20px;
    text-align: center;
    border-radius: 2px;
}

.alternate_upload_btn {
    display: inline-block;
    margin: 10px 10px 0 0;
    background: #3e6ab9;
    padding: 4px 15px;
    border-radius: 60px;
    color: white;
    text-transform: uppercase;
    font-size: 12px;
    cursor:pointer;
}

.alternate_upload_btn:last-child {
    margin: 10px 0 0 0;
}


/* END OF CSS FOR EMPTY GRID */

@media only screen and (max-width: 767px) {
    .form_box .element_set.mar_btm_ad {
        margin-bottom: 15px;
    }

    .label_txt {
        height: 40px;
        line-height: 40px;
    }

    .yellow_note {
        font-size: 12px;
        line-height: 16px;
        position: relative; 
        padding: 14px 14px 14px 40px;
    }

    .yellow_note img {
        width: 23px;
        position: absolute;
        left: 9px;
        top: 4px;
    }

    .element_set.set_height {
        height: auto !important;
    }
}

.yellow_note {
    margin: 0 0 20px 0;
}
/* END OF CSS FOR EMPTY GRID */

.lang_skills > span > span:not(:last-child):after {
    content: "|";
    margin-left: 5px;
}

/* my profile */

.my_profile {
    border-right: 1px solid #d0d0d0;
    margin-right: 6px;
    padding-right: 11px;
    display: inline-block;
}

.form_box .element_set .currency_code {
    position: absolute;
    top: 28px;
    z-index: 1;
    left: 0;
    color: gray;
    font-weight: 600;
    height: 49px;
    line-height: 49px;
    width: 48px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

/* APPLY WITHOUT LOGIN */

.apply_without_login {
    float: left;
    width: 100%;
    text-align: center;
    margin: 20px 0 -20px 0;
    border: 1px solid gainsboro;
    padding: 30px;
    border-radius: 4px;
}

.apply_wo_login_btn {
    /* background: red; */
    /* color: white; */
    display: inline-block;
    margin: auto;
    font-size: 16px;
    padding: 7px 20px;
    border: 1px solid;
    border-radius: 60px;
    text-decoration: none !important;
    transition-duration: 0.2s;
    transition-duration: 0.2s;
}

.apply_wo_login_btn:hover {
    background: #428bca;
    color: white;
}

.apply_without_login .head_text {
    display: block;
    width: 100%;
    margin: 0 0 20px 0;
    font-size: 18px;
}
/*More jobs*/
.search_more_jobs {
    float: left;
    width: 100%;
    background: #feffe6;
    margin: 20px 0 0 0;
    border-radius: 5px;
    padding: 10px;
    text-align: center;
    border: 1px solid #d9dc8f;
}

.search_more_jobs .ico {
    position: relative;
    line-height: 0.3;
    top: 7px;
    color: #445852;
}

.search_more_jobs a {
    font-weight: 600;
    color: #3567b5;
}


/* Range slider customization */

.RadSlider.RadSlider_Default {
    float: left;
}

@media only screen and (max-width: 767px) {

    .job_detail_view .action_set .item {
        margin: 0;
    }

    .search_criteria {
        width: calc(100% - 80px);
    }

    .search_criteria .item {
        width: 100%;
    }

    .job_search_panel.get_sticky .job_search_input, .job_search_input {
        width: 100%;
        padding-right: 30px;
    }

    .search_criteria .item.location {
        width: calc(100% - 120px);
        border-top: 1px solid gainsboro;
    }

    .search_criteria .item.miles {
        width: 120px;
        border-top: 1px solid gainsboro;
    }

    .job_search_panel.get_sticky .job_search_submit, .job_search_submit {
        height: 71px;
        width: 80px;
    }

    .use_my_location {
        font-size: 13px;
        padding: 10px 25px 10px 40px;
    }

    .use_my_location i {
        position: absolute;
        top: 10px;
        left: 10px;
        font-size: 20px;
    }

    .clear_txt {
        top: 10px;
    }
}

/* CSS FOR MULTIPLE LOCATION (JOB SEARCH PAGE AND DETAIL PAGE)*/

.more_location {
    display: inline-block;
}

.more_location span {
    margin: 0 5px 0 0;
}

.more_location span:before {content: "|";padding-left: 5px;}

.more_location span:empty {
    display: none;
    padding: 0;
    margin: 0;
}

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

.more_location_show {
    border-left: 1px solid #968c8c;
    padding-left: 5px;
    margin-left: 5px;
}

.disp_auto {
    display: unset !important;
}

.mul_loc_ad {
    margin: 0 !important;

}

.mul_loc_ad:after {
    content: "";
    display: none;
}

.det_more_location span {
    margin: 0 5px 0 0;
}

.det_more_location span:empty {
    display: none;
    padding: 0;
    margin: 0;
}

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

.goto_summary {
    margin-left: 10px;
    border-left: 1px solid #6f6969;
    padding-left: 10px;
    text-decoration: none !important;
}

.goto_summary:after {font-family: "Material Icons";content: "\E315";float: right;margin-left: 5px;}

.item.not_Valid {
    background: #ffedd0;
    padding-left: 40px !important;
    position: relative;
}

.item.not_Valid:before {
    font-family:  "Material Icons";
    content: "\E002";
    position: absolute;
    top: 14px;
    left: 7px;
    font-size: 24px;
    color: #fbaa17;
}
#ctl00_EmpContent_btnIndeed {
    position: relative;
    background: #f24600 !important;
    border-radius: 60px !important;
    top: -3px;
    left: 10px;
    padding: 5.3px 40px !important;
}

#ctl00_EmpContent_btnIndeed * {
    opacity: 0;
    z-index: 10;
}

    #ctl00_EmpContent_btnIndeed:after {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        line-height: 38px;
        content: "Apply with Indeed";
        color: white;
        font-weight: 500;
        font-size:16px;
        z-index: 1 !important;
    }
.view-all-jobs {
    background: #356ab6;
    float: left;
    width: 100%;
    text-align: center;
    padding: 10px;
    color: white !important;
    border-radius: 3px;
    text-decoration: none !important;
}
.share_job_now {
                float: right;
                clear: both;
                list-style: none;
                padding: 0;
                margin: 20px 0 0 0;
            }
            
            .share_job_now li {
                display: inline-block;
            }
            
            .share_job_now li a {
                display: inline-block;
                margin: 0 10px 0 0;
                font-size: 18px;
                width: 38px;
                height: 38px;
                line-height: 36px;
                background: #ffffff;
                color: #356ab6;
                border-radius: 60px;
                text-align: center;
                border: 1px solid #356ab6;
            }
            
            .share_job_now li:last-child a {
                margin: 0;
            }
            
            .share_job_now .cap {
                display: inline-block;
                margin: 0 10px 0 0;
                font-weight: 600;
            }
/* Subscribe to modal */

.subscribe_btn {
    float: left;
    padding: 8px 20px;
    border-radius: 60px;
    background: linear-gradient(#ff8c3b,#f7771d);
    color: white !important;
    text-decoration: none !important;
}

.subscribe_btn i {
    position: relative;
    top: 6px;
    left: -4px;
    line-height: 0.3;
}

.subscribe-modal {
    padding: 40px;
}

.subscribe-modal .form_box {
    float: none;
}

.subscribe-modal-title {
    font-size: 22px;
    margin: 0 0 5px 0;
    color: #3e6ab9;
}

.subscribe-modal-sub-title {
    color: black;
}

.modal-content.width_600 {
    width: 600px;
}

.subscribe_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
}

.title_head {
    position: relative;
    padding-left: 70px;
} 

.subscribe-modal .input_field, 
.subscribe-modal .select_box {
    height: 40px !important;
}

.subscribe-modal .top_ad, 
.subscribe-modal .top_ad {
    top: 38px !important;
}

.subscribe-modal .register_note {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 13px;
    margin: 16px 0 7px 0;
    color: gray;
}

.subscribe-modal .select_box.teleric_compatible .rcbInner .rcbInput {
    height: 30px !important;
}

@media only screen and (max-width: 767px) {
    .modal-content.width_600 {
        width: 100%;
    }
    
    .subscribe_img {
        width: 30px;
    }
    
    .title_head {
        padding-left: 40px;
    }
    
    .subscribe-modal {
        padding: 30px 20px;
    }
    
    .subscribe-modal-title {
        font-size: 17px;
    }
    
    .subscribe-modal-sub-title {
        font-size: 12px;
    }
    
    .subscribe_btn {
        width: 100%;
        text-align: center;
        padding: 10px;
        border-radius: 3px;
    }

}


@media only screen and (max-width: 767px) {

    .bottom_sticky_controls .item {
        padding: 6px 30px 6px 15px !important;
        width: auto !important;
    }

    span.control_btn.next:after {
        top: 2px;
        right: 6px;
    }

    .bottom_sticky_controls .item.back {
        padding: 6px 19px 6px 15px !important;
        width: auto !important;
    }
    
    .bottom_sticky_controls .wizard_step_status {
        margin: 10px 0 0 0;
        font-size: 12px;
    }

    .job_detail_view_header_controls .item.user_intro {
        text-align: left;
    }

    .job_detail_view_header_controls .item .user_intro_details .name {
        font-size: 13px;
    }

    .my_profile,
    .logout {
        font-size: 13px;
    }
    
    .mobile_with_code {
        height: 40px;
    }
    
    .mobile_with_code .input_field {
        height: 40px;
        border: none !important;
    }
}
.apply_btn_Two {
    float: left;
    padding: 10px 40px;
    border-radius: 60px;
    border: none;
    font-weight: 600;
    color: white !important;
    text-decoration: none !important;
}

.dropbox-dropin-btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100% !important;
    opacity: 0;
}

.selectedFileDetails {
    display: inline-block;
    padding: 10px 75px 10px 20px;
    margin-bottom: 20px;
    background: #e3ebef;
    border-radius: 60px;
    position: relative;
    max-width: 100%;
    overflow: hidden;
}

.selectedFileDetails .cap {
    font-weight: 600;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}

.selectedFileDetails a {
    position: absolute;
    top: 10px;
    right: 15px;
    color: #f93737;
}

.hireOnboardFooter {
    float: left;
    width: 100%;
    background: #F1F1F1;
    padding: 10px 0; 
}

.hireOnboardFooter .footer_links {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.hireOnboardFooter .footer_links > li,
.hireOnboardFooter .footer_links > li > a {
    float: left;
    margin: 0 5px 0 0;
    color: #2A364A;
    font-size: 13px;
}

.hireOnboardFooter .footer_links > li > a {
    padding: 4px 0;
    text-decoration: none !important;
}

.hireOnboardFooterLogo {
    max-width: 120px;
    float: right;
}

.hireOnboardFooter .footer_links > li:not(:first-child) > a:before {
    content: "|";
    margin-right: 10px;
}



/*FINE TUNE MOBILE VIEW FEB-13-2020 */

@media only screen and (max-width: 991px) {
    
    .responsive_menu_wrapper {
        box-shadow: none !important;
    }

    .responsive_menu_wrapper.active {
        box-shadow: 0 0 22px 0 rgba(16, 48, 59, 0.18) !important;
        -webkit-box-shadow: 0 0 22px 0 rgba(16, 48, 59, 0.18) !important;
    }

    .job_listing_result .item.tile {
        height: 180px; 
    }

    .job_listing_set .item.tile:nth-child(1n + 1) {
        border-left: 1px solid gainsboro;
    }

}

@media only screen and (max-width: 767px) {
    .apply_wizard_tab_panel {
        margin-top: 0;
    }

    .map_div {
        padding-left: 0;
    }

    .share_job_now {
        width: 100%;
    }
   

    .bottom_sticky_controls .wizard_step_status {
        max-width: 40%;
        margin: 0;
    }

    .apply_btn {
        width: 100%; 
        text-align: center;
    }

    .similar_jobs .job_list .item {
        width: 100%;
        max-width: 100%;
    }

    .goto_summary {
        border: none;
        padding: 0;
        margin: 0;
        width: 100%;
        display: block;
    }

    .job_detail_view_header_controls {
        padding-left: 25px;
        margin: 0;
    }

    .langItem {
        position: absolute !important;
        left: 0;
        font-size: 25px;
        border-right: 1px solid gainsboro;
        padding-right: 10px;
    }

    .language_dropdown .cap, .language_dropdown .caret {
        display: none;
        padding: 0;
    }

    .language_dropdown {
        padding: 0;
        border: 0;
    }
    
    .language_dropdown:before {
        font-family: "Material Icons";
        content: "\E894";
        font-size: 25px;
    }

    .job_detail_view_header_controls .item .user_intro_photo {
        display: none;
    }

    .job_detail_view_header_controls .item.user_intro {
        position: relative;
        padding: 0 0 0 0;
        margin: 0 0 0 10px;
    }

    .my_profile, .logout {
        font-size: 12px;
        padding-right: 5px;
        margin-right: 0;
    }

    .job_detail_view_header_controls .item .user_intro_details .name {
        font-size: 13px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 100%;
    }


    .company_header_by_ats .company_logo {
        margin: 0;
        max-height: 40px;
        max-width: 150px;
    }

    .job_listing_result .item .misc_details {
        font-size: 13px;
        margin-bottom: 0;
    }

    .job_listing_result .item .job_title {
        font-size: 16px;
    }

    .subscribe_btn {
        position: fixed;
        z-index: 1;
        bottom: 0;
        left: 0;
        border-radius: 0;
        padding: 10px;
        opacity: 0.9;
    }

    .subscribe_btn:hover {
        opacity: 1;
    }

    .job_listing_head_box .search_count {
        margin-bottom: 10px;
    }

    .job_listing_added_filters_item {
        font-size: 12px;
        padding: 4px 10px 4px 10px;
    }

    .job_listing_added_filters_item:before {
        margin: 0 0px 0 5px;
        position: relative;
        top: 0px;
    }

    .job_listing_result .item .tag_set .tag {
        font-size: 12px;
        margin: 5px 5px 0 0;
        padding: 4px 8px;
    }

    .view_more {
        padding: 5px 5px;
    }

    html {
        margin-bottom: 0px;
    }

    .pagination > li > a, .pagination > li > span {
        margin-bottom: 10px;
    }


    .job_detail_view_header_controls .item .sign_in:before {
        font-family: "Material Icons";
        content: "\E853";
        font-size: 20px;
        line-height: 0;
        position: relative;
        top: 5px;
        margin-right: 10px;
    }

    .job_detail_view_header_controls .item .sign_in {
        padding: 5px 20px 5px 10px;
    }

    .job_detail_view_header_controls .item {
        float: right;
        margin: 0;
    }

    .hireOnboardFooter .footer_links > li, .hireOnboardFooter .footer_links > li > a {
        width: 100%;
        text-align: center;
    }

    .hireOnboardFooter .footer_links > li:not(:first-child) > a:before {
        display: none;
    }

    .hireOnboardFooterLogo {
        float: left;
        max-width: 100%;
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }

    .hireOnboardFooterLogo img {
        max-width: 120px;
    }
    
    .wotc_check {
        float: left !important;
        margin-top: 10px !important;
    }

    .salary_details_box .salary_type {
            width: 100px !important;
    }

    .salary_details_box .salary_amt {
            width: calc(100% - 170px) !important;
    }

    

    .switch_control.right {
        float: left !important;
        margin-top: 5px !important;
    }   


    .element_set.set_height_77 {
        height: auto !important;
    }

    .wizard_panel_tab li a {
        padding: 6px 10px;
    }

    .wizard_panel_tab li a:before {
            border-width: 17px
    }

    .wizard_panel_tab li a:after {
            border-width: 17px;
    }


    .wizard_panel_tab li a:after {
            right: -35px !important;
    }

    .wizard_panel_tab li a:before {
            right: -34px !important;
    }

    .back_action .back_btn {
        font-size: 13px;
        padding: 4px 10px;
    }

    .applicant_profile_main_header_items .item:last-child {
        float: right;
    }


}

@media only screen and (min-width: 992px) {
    .job_listing_set .item.tile:nth-child(1n + 1) {
        border-left: 1px solid gainsboro;
    }
}
.removeicon .t-i-arrow-down {
    display: none;
}
.pagination.cus .action_btn[disabled] {
    display: none;
}

.filteritemwrapper .filter_bar_filter_item:nth-last-child(-n+3):not(:nth-child(-n+3)) .dropdown-menu {
    left: auto;
    right: 0;
}
.form_box .element_set .label_val.allow_multiline {
    white-space: initial;
}
 

/*CSS FOR DESIRED SALARY FIELD (APPLICANT APPLY WIZARD)*/

.desired_salary {
    float: left;
    width: 100%;
}

.desired_salary .salary_amt {
    float: left;
    width: calc(100% - 200px);
}

.desired_salary .salary_amt .input_field {
    border-radius: 4px 0 0 4px;
    border-right: none;
}

.desired_salary .salary_type {
    float: left;
    width: 200px;
}

.desired_salary .salary_type .select_box {
    padding: 0 20px 0 10px;
    border-radius: 0 4px 4px 0;
}
 #ctl00_EmpContent_imgLogo {
    font-weight: 600 !important;
    white-space: nowrap !important;
    font-style: italic !important;
    text-indent: 5px;
}
 .success, .warning, .error, .ValidationError li {
    text-transform: lowercase;
}

.success:first-letter, .warning:first-letter, .error:first-letter, .ValidationError li::first-letter {
    text-transform: capitalize;
}

/*I9 Signature Pad*/

.sigPad input {
    width: 100% !important;
    border: 1px solid #b0879f !important;
    height: 35px !important;
    margin-top: -1px !important;
    border-bottom: none !important;
}

.sigWrapper {
    height: 102px !important;
}

.Electronic-Signature {
    float: left;
    margin-bottom: 20px;
}

span#ctl00_EmpContent_lblBackgroundConsentContentTxt {
    margin-bottom: 20px;
    display: block;
}

/*Remote filter Css*/
.filter_bar_filter_item.remote-filter {
    color: #656565;
    border: 1px solid #B7B7B7;
    background: white;
    border-radius: 2px;
    font-weight: 500;
    padding: 6px 8px 6px 6px;
}
.filter_bar_filter_item.remote-filter label {
    margin-bottom: 0;
    font-weight: 600;
}

.check_box_wrap input[type="checkbox"] + label:before {
    font-family: "Material Icons";
    content: "\E835";
    font-size: 21px;
    float: left;
    margin-right: 5px;
    color: #afc6d2;
    font-weight: 400;
}

.check_box_wrap input[type="checkbox"] + label {
    cursor: pointer;
    line-height: 18px;
    font-size: 14px;
}

.check_box_wrap input[type="checkbox"]:checked + label:before {
    content: "\E834";
    color: #428bca;
}

.check_box_wrap input[type="checkbox"] {
    display: none;
}

.filter_bar_filter_item {
    float: left;
    margin: 0 3px 10px 0;
}

span.remote-job {
    display: inline-block;
    margin-right: 5px;
    font-size: 12px;
    color: #ff3f42;
    font-weight: 600;
}

span.remote-job i.ico.material-icons {
    font-size: 16px;
    position: relative;
    top: 3px;
    font-weight: 400;
    color: #ff3f42;
}
@media only screen and (min-width: 991px) and (max-width: 1199px){
	.check_box_wrap input[type="checkbox"] + label{
		font-size:13px;
	}
	.filter_bar_filter_item.remote-filter{
		padding: 5.2px 8px 5.2px 6px;
	}
}
@media only screen and (min-width: 992px) {
    span.filteritemwrapper {
        display: flex;
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 991px) {
    .filter_bar_filter_item.remote-filter {
        width: 100%;
        text-align: left;
        padding: 15px 20px 15px 15px;
        font-weight: 400;
        border: none;
        border-bottom: 1px solid #e3ebed;
    }

        .filter_bar_filter_item.remote-filter label {
            font-weight: 400;
        }
}

span.remote-job a {
    color: #FF3F42;
}

span.remote-job a {
    color: #FF3F42;
    text-decoration: none;
}

.apply_wizard .form_box .element_set .input_field[disabled="disabled"] {
    background: #fff;
    color: #b7b7b7;
}

.mar_top_20 {
    margin-top: 20px !important;
}

/*new modification input the job listing page*/

.job_listing_result .item .misc_details {
    margin: 3px 0 5px 0;
}
.job_listing_result .item .tag_set .tag {
    position:relative;
    color: #333;
    text-decoration: none !important;
    padding: 2px 0;
    margin: 2px 0 2px 0;
    display: inline-block;
}
.job_listing_result .item .tag_set .tag:after{
    content: "|";
    margin: 0 7px;
    color: #333;
}

.job_listing_result .item .tag_set .tag.legend_bg {
    float: left;
    margin: 2px 10px 2px 0;
    background: #dbf3ff;
    padding: 2px 10px;
    color: #333;
    border-radius: 2px;
}
.job_listing_result .item .tag_set .tag:last-child:after,
.job_listing_result .item .tag_set  .tag.legend_bg:after{
    display:none;
}
.job_listing_result .apply_job_btn {
    position: relative;
    padding: 8px 20px;
    top: 7px;
    font-size:13px;
}
.work_modal {
    font-weight: 600;
    color: #000 !important;
}
.work_modal a{
    color:#000;
     text-decoration:none !important;
}
.job_listing_result .item{
    padding-right:20px;
}
span.filteritemwrapper .btn{
    padding: 6px 8px;
}

.job_detail_view_job_intro .job_tags{
    margin-top:0;
}
.job_detail_view_job_intro .job_tags .tag{
   position:relative;
   margin: 0;
   padding: 0 0 2px 0;
}
.job_detail_view_job_intro .job_tags .tag:not(:last-child):after{
    content: "|";
    margin: 0 7px;
    color: #333;
}
.job_detail_view_job_intro .job_tags .tag:last-child:after{
    display:none;
}
.share_job_now {
    margin: 12px 0 10px 0;
}
.job_detail_view_job_intro .b-right .location span:not(:last-child):after,
.b-right span:not(:last-child):after {
    content: "|";
    margin: 0 3px;
    color: #333;
    opacity: 0.7;
    display:inline-block;
}
input[name="more_loc"] + label:before{
    display:none;
}
.more_location_show{
    border-left:none;
    padding-left:0;
    margin-left:0;
}
.quick_apply_header .work_location span:not(:last-child):after {
    content: "|";
    margin: 0 2px 0 4px;
    color: #333;
}
.quick_apply_header .w_modal {
    color: #000;
}
@media only screen and (max-width:1440px){
    .filter_bar_button{
         font-size:13px;
         height:33px;
    }
    .check_box_wrap input[type="checkbox"] + label,
    .filter_panel .filter_bar .plain_btn .dropdown_btn{
        font-size:13px;
    }
    .job_listing_result .item .misc_details,
    .job_listing_result .item .tag_set .tag{
        font-size:13px;
    }
    .job_listing_result .item .job_description{
        font-size: 13px;
        line-height: 22px;
    }
    .job_listing_result .item .job_title{
        font-size:18px;
    }
    .filter_panel .filter_bar .dropdown-menu .btn{
        padding: 6px 10px;
    }
}

.d_form .quick_apply_element_set label {
    float: left;
    width: 100%;
    margin: 0 0 3px 0;
    font-weight: 400;
    font-size: 14px;
    color: gray;
}
.d_form  .quick_apply_element_set{
	margin: 5px 0;
	float:left;
	width:100%;
}

.d_form  .quick_apply_element_set .input_field {
    float: left;
    width: 100%;
    height: 40px;
    border: none;
    padding: 0 10px;
    border: none;
    transition: padding 0.2s;
    border-radius: 3px;
    background: #f5f3f7;
    border: 1px solid #d8d8d8;
}
.quick_apply_element_set.height_auto{
    height:auto !important;
    margin: 5px 0;
}

.pr_with_fname {
    display: flex;
    width: 100%;
}

.pr_with_fname select {
    border-radius: 3px 0 0 3px !important;
    border-right: none !important;
}

.pr_with_fname input[type="text"] {
    border-radius: 0 3px 3px 0 !important;
    padding-left: 10px !important;
}

/* BOX TYPE - Job listing page */
.company_banner {
    float: none !important;
    width: 1170px !important;
    height: 330px !important;
    margin: auto !important;
}
.job_search_panel {
    float: none !important;
    max-width: 1170px !important;
    width:100% !important;
    margin: auto !important;
}
.banner_area,
.job_detail_view_banner,
.company_banner {
    float: none;
    width: 1170px;
    height: 330px;
    margin: auto;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}
.company_main.mini_container .container{
    max-width:1170px;
    margin:auto;
    float:none;
    width:100%;
}
.company_main.mini_container .job_listing{
    padding: 0 0;
}
.company_main.mini_container .job_search_panel{
    max-width: 1170px !important;
    width: 100% !important;
}
.company_main.mini_container .company_banner {
    max-width: 1170px !important;
    height: 330px !important;
    width: 100% !important;
}
/*Quick help wrapper*/
.quick_help {
    background-color: #9AC4D2;
    position: relative;
    min-height: 310px;
    display: flex;
    align-items: center;
    border-radius: 4px;
    margin-top: 60px;
    float: left;
    width: 100%;
}

.quick_help img {
    position: absolute;
    left: 0;
    bottom: 0;
    max-width: 450px;
    max-height: 300px;
    height:300px;
}

.quick_help .quick_help_info {
    margin-left: auto;
    width: calc(100% - 550px);
    padding: 20px;
}

.quick_help .quick_help_info .title_text {
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -0.4px;
}

.quick_help .quick_help_info .sub_text {
    line-height: 30px;
    font-size: 17px;
    margin-bottom: 10px;
}

.quick_help .quick_help_info .h_btn {
    background-color: #D6D631;
    color: #252919;
    font-size: 20px;
    font-weight: 500;
    padding: 9.5px 35px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
    text-decoration:none;
}

.quick_help .quick_help_info .email_input:before {
    color: #46565B;
}

.quick_help .quick_help_info .email_input input {
    color: #000;
}

.quick_help .quick_help_info .email_input input::placeholder {
    color: #46565B;
}

/*forget password banner correction*/

.banner_area.height_auto{
    height:auto !important;
    width:100% !important;
}

/*Empty grid code*/
.empty_grid {
    float: left;
    width: 100%;
    min-height: 200px;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ebeff1;
    padding: 40px 0;
    border: 1px solid #d3dede;
}
.empty_grid .inner_holder{
    text-align: center;
}
.empty_grid .inner_holder:before {
    font-family: "Material Icons";
    content: "\E2C8";
    width: 100%;
    font-size: 60px;
    display: block;
    line-height: 60px;
    color: #4d6673;
}

@media only screen and (max-width: 1640px) {
    /*quick help*/
    .quick_help {
        margin-top: 40px;
        min-height: 230px;
    }

    .quick_help .quick_help_info .title_text {
        font-size: 25px;
    }

    .quick_help .quick_help_info .sub_text {
        line-height: 23px;
        font-size: 13px;
    }

    .quick_help .quick_help_info .h_btn {
        font-size: 14px;
        padding: 6px 30px;
    }

    .quick_help img {
        position: absolute;
        left: 0;
        bottom: 0;
        max-width: 325px;
        max-height: 220px;
    }

    .quick_help .quick_help_info {
        width: calc(100% - 450px);
    }
    /*Empty grid code*/
    .empty_grid .inner_holder:before{
        font-size:55px;
    }
    .empty_grid_head_text{
        font-size:19px;
    }
    .empty_grid_sub_text{
        font-size:13px;
    }
}

@media only screen and (max-width:1180px) {
    .banner_area, .job_detail_view_banner, .company_banner{
        max-width: 970px !important;
        width:100% !important;
        height: 270px !important;
    }
    .job_search_panel{
        max-width: 970px !important;
        width:100% !important;
    }
}
@media only screen and (max-width:1024px) {
    .banner_area, .job_detail_view_banner, .company_banner{
        width:100% !important;
        height: 285px !important;
    }
    .job_listing_result .item,
    .job_listing_head_box{
        padding-left:0;
        padding-right:0;
    }

    /*Quick help wrapper*/
    .quick_help .quick_help_info .title_text {
        font-size: 22px;
    }

    .quick_help img {
        max-width: 268px;
        max-height: 179px;
    }

    .quick_help .quick_help_info {
        width: calc(100% - 298px);
    }

    .quick_help {
        margin-top: 35px;
        min-height: 180px;
    }

    .quick_help .quick_help_info .title_text {
        font-size: 19px;
    }

    .quick_help .quick_help_info .sub_text {
        line-height: 17px;
        font-size: 12px;
    }

    .quick_help .quick_help_info .h_btn {
        font-size: 13px;
        padding: 4px 20px;
    }
}
@media only screen and (max-width: 993px) {
    .banner_area, .job_detail_view_banner, .company_banner{
        height: 215px !important;
    }
}

@media only screen and (max-width: 767px) {
    .quick_help {
        margin-top: 25px;
    }

    .quick_help .quick_help_info {
        width: 100%;
    }

    .quick_help img {
        display: none;
    }

    .quick_help .email_input input {
        background: rgba(255, 255, 255, 0.32);
    }

    .quick_help .quick_help_info .title_text {
        font-size: 17px;
        margin-bottom: 5px;
    }
}

@media only screen and (max-width: 480px){
    .banner_area, .job_detail_view_banner, .company_banner{
        height: 115px !important;
    }
    .job_listing_result .apply_job_btn{
        top:0;
    }
}

/*Apply with sign in language skill checkbox*/
.apply_wizard_tab_panel .added_details .item .sub_text .lang_skills .cap:before {
    font-family: "Material Icons";
    content: "\E835";
    font-size: 22px;
    line-height: 1;
    top: 6px;
    position: relative;
    margin-right: 5px;
    font-weight: 100;
    color: #3E6AB9;
    opacity: 0.4;
}
.apply_wizard_tab_panel .added_details .item .sub_text .lang_skills .cap.check:before {
    font-family: "Material Icons";
    content: "\E834";
    font-size: 22px;
    line-height: 1;
    top: 6px;
    position: relative;
    margin-right: 5px;
    font-weight: 100;
    color: #3E6AB9;
}
/*End of Apply with sign in language skill checkbox*/

/*Language skill edit tool tip*/
.contrast_popup:before {
    position: absolute;
    top: 0;
    right: 100%;
    content: attr(data-contrastpopupcontent);
    white-space: nowrap;
    background: #FF852F;
    height: auto;
    line-height: 1;
    padding: 6px 20px;
    color: white;
    border-radius: 2px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.2);
}
.contrast_popup:after {
    position: absolute;
    top: 5px;
    right: calc(100% - 14px);
    border: 7px solid transparent;
    border-left-color: #FF852F;
    content: "";
}
/*End of Language skill edit tool tip*/

/*Featured Job*/
.item.featured_ribbon{
    padding-top: 30px !important;
    position: relative;
}
.item.featured_ribbon .featured_ribbon_wrap {
    position: absolute;
    padding: 3px 20px 3px 10px;
    color: #fff;
    background-color: #5849A8;
    left: 0;
    top: 0;
    font-size: 12px;
    text-align: left;
    overflow: hidden;
    line-height: 16px;
}
.item.featured_ribbon .featured_ribbon_wrap:after {
	position:absolute;
	content:"";
 	width: 0; 
  	height: 0; 
  	border-top: 11px solid transparent;
 	border-bottom: 11px solid transparent; 
  	border-right: 11px solid #fff;
	top: 0;
	right: 0;
}
.item.featured_ribbon  .featured_ribbon_wrap:before{
    content:'';
    top:0;
    transform:translateX(100%);
    width:100%;
    height:26px;
    position: absolute;
    animation: slide_shade 2s infinite;
    background: linear-gradient(to right, rgb(255 255 255 / 0%) 0%,rgb(255 255 255 / 38%) 50%,rgba(128,186,232,0) 99%,rgb(125 185 232 / 0%) 100%);
}
@keyframes slide_shade {
	0% {transform:translateX(-100%);}
	100% {transform:translateX(100%);}
}

.applicant_profile_main_panels .job_listing_compact .item.job_closed.withdrawn .job_title, .applicant_profile_main_panels .job_listing_compact .item.job_closed.withdrawn .det {
    text-decoration: none !important;
    opacity: 1;
    color: #000 !important;
}

.applicant_profile_main_panels .job_listing_compact .item.job_closed.withdrawn .job_title {
    color: #3567b5 !important;
}

.applicant_profile_main_panels .job_listing_compact .item .ico.red {
    color: red !important;
}

.applicant_profile_main_panels .job_listing_compact .item.job_closed.withdrawn:after {
    display: none;
}

.applicant_profile_main_panels .job_listing_compact .item .reapply_job {
    position: absolute;
    right: 0;
    top: 0;
    color: #087208;
    border: 1px solid #087208;
    border-radius: 60px;
    padding: 2px 10px;
    font-size: 11px;
    text-decoration: none !important;
}   
/*range slider*/
.RadSlider.RadSlider_Default.range_slider {
    width: 100% !important;
}
.RadSlider.range_slider .rslHorizontal {
    width: 100% !important;
}
.RadSlider.range_slider .rslHorizontal > ul {
    width: 100% !important;
    display: flex;
}
.RadSlider.range_slider .rslHorizontal .rslItemsWrapper li:last-child span{
    text-align:right;
}
/*FLEX DIV CSS*/
.flex_div {
    display: flex;
    clear: both;
}

.flex_div_col {
    flex: 1;
}

@media only screen and (max-width: 776px) {
    .flex_div {
        display: block;
    }
}