/*===================================================================
Job Portal Start
===================================================================*/
    .JobPortalMainWrapper {
        width: 100%;
        display: flex;
        flex-direction: column;
        background: #F1F2F2;
    }

    .JobPortalMainWrapper label {
        font-weight: normal;
    }

    .JobPortalMainWrapper .JobPortalHeaderContainer {
        background-image: url(../../img/Recruitment_HomeBanner_V1.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: right;
        width: 100%;
        height: 380px;
        min-height: 380px;
    }

    .JobPortalMainWrapper .JobPortalHeaderContainer:before {
        content: '';
        display: block;
        width: 120px;
        height: 100px;
        background-image: url(../../img/Recruitment_HomeLogo_V1.png);
        background-repeat: no-repeat;
        position: absolute;
        top: 25px;
        left: 20px;
        background-size: contain;
    }
/*===================================================================
Job Portal End
===================================================================*/

/*===================================================================
Job Portal Navigation Bar Start
===================================================================*/
    .JobPortalMainWrapper .JobPortalNavContainer {
        position: absolute;
        top: 330px;
        left: 20px;
    }

    .JobPortalNavContainer .JobPortalNavButtonContainer{
	    display: flex;
	    flex-direction: row;
    }

    .JobPortalMainWrapper .JobPortalBannerMain:before {
        content: attr(data-before);
        display: block;
        font-size: 48px;
        color: #fff;
        font-weight: bold;
        float: left;
        position: absolute;
        top: 150px;
        left: 20px;
    }

    .JobPortalMainWrapper .JobPortalNavContainer:after {
        content: '';
            
    }

    .JobPortalNavContainer .JobPortalNavButtonContainer .btnOvalSeaBlue {
	background-color: #FAA41A;
        color: #fff;
        border-radius: 8px;
        text-align: center;
        align-self: center;
        padding: 5px 20px;
        cursor: pointer;
        margin-right: 30px;
        font-size: 14px;
    }

    .JobPortalNavContainer .JobPortalNavButtonContainer .btnOvalPurple {
        background-color: #d0d6ee;
        color: #000;
        border-radius: 35px;
        text-align: center;
        align-self: center;
        padding: 5px 20px;
        cursor: pointer;
        margin-right: 10px;
    }

    .JobPortalNavContainer .JobPortalNavButtonContainer .btnOvalPurple label {
        vertical-align: middle;
        cursor: pointer;
    }

    .rounded-text-style {
        background: #fff;
        padding: 2px;
        margin: 0px 2px;
        border-radius: 25px;
        min-width: 20px;
        height: 20px;
    }

    .JobPortalNavButtonContainer .NewRegisterButtonWrapper {
	    background-color: #FAA41A;
        color: #fff;
        border-radius: 8px;
        text-align: center;
        align-self: center;
        padding: 5px 20px;
        cursor: pointer;
        margin-right: 30px;
        font-style: italic;
        font-size: 14px;
    }

    .logout-button {
        background: #ced6ed;
        color: #3b63f6;
        border-radius: 35px;
        font-weight: bold;
        cursor: pointer;
    }

    .logout-button:hover {
        color: #ced6ed;
        background: #3b63f6;
    }

    .logout-icon:before {
        content: '';
        display: inline-block;
        width: 30px;
        height: 30px;
        background-image: url(../../img/BOSS_iNET_Icon_30px.png);
        background-position: -270px 0px;
        cursor: pointer;
    }

    .logout-icon:hover:before {
        background-position-y: -30px;
    }

    .btnLogout {
        align-self: flex-end;
	    border-radius: 8px;
    	text-align: center;
    	padding: 5px 20px;
    	cursor: pointer;
    	margin-right: 30px;
    	font-size: 14px;
    }

    .LoginProfilePicContainer {
        width: 60px;
        height: 60px;
        border-radius: 30px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .JobPortalMainWrapper .LogoutNavContainer {
        display: flex;
        flex-direction: column;
        position: relative;
        padding: 5px 15px;
        align-items: center;
    }

    .JobPortalMainWrapper .JobPortalNavInsideDetail .AfterLoginNav {
        width: auto;
    }

    .JobPortalMainWrapper .AfterLoginNavButton {
        width: auto;
    }

    .JobPortalMainWrapper .JobPortalNavInsideDetail .LogoutNavContainer {
        display: flex;
        flex-direction: row !important;
        padding: 0;
        margin: 10px 0px;
    }

/*===================================================================
Job Portal Navigation Bar End
===================================================================*/

/*===================================================================
Job Portal Header Start
===================================================================*/
    .JobPortalMainWrapper .JobPortalContentContainer {
        height: 100%;
        text-align: center;
    }

    .JobPortalMainWrapper .JobPortalContentContainer .JobPortalContentHeader {
        color: #004A8E;
        text-align: center;
        font-size: 16px;
        font-weight: bold;
        margin-top: 15px;
    }

/*===================================================================
Job Portal Header End
===================================================================*/

/*===================================================================
Job Portal Search Start
===================================================================*/
    .JobContainerWrapper {
	    display: flex;
	    flex-direction: row;
	    text-align: left;
    }

    .JobContainerContents {
	    display: inline-grid;
        margin: 0 10px 0 0;
    }

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

    .JobContainerSearch .btn {
        background-color: #004A8E;
        color: #fff;
        padding: 7px 12px;
        border-radius: 5px;
    }

    .JobSearchOtherWrapper .JobSearchOtherContainer {
        height: 100%;
        width: 240px;
        min-width: 175px;
        margin-right: 5px;
    }

    .JobSearchOtherWrapper .JobSearchOtherContainer select {
        height: 100%;
        width: 100%;
        background-color: #3b63f8;
        border: 1px #fff solid;
        border-radius: 5px;
        color: #fff;
        float: left;
        cursor: pointer;
        padding: 5px;
    }

    .JobSearchOtherWrapper .JobSearchOtherContainer input {
        height: 100%;
        width: 100%;
        background-color: #fff;
        border: 1px #fff solid;
        border-radius: 5px;
        color: #333;
        float: right;
        padding: 10px;
        outline: none;
    }

    .JobSearchOtherWrapper .JobSearchOtherContainer input::placeholder {
        color: #767676;
    }

    .JobPortalMainWrapper .JobPortalContentContainer .JobSearchWrapper {
    margin: 0 auto;
        width: 65%;
        height: 35px;
    }

    .JobSearchWrapper .JobSearchPositionContainer {
        width: 100%;
        height: 100%;
        display: inline-flex;
        background: #fff;
        border-radius: 5px;
        border: none;
        box-shadow: 0 1px 10px #325aee;
    }

    .JobSearchWrapper .JobSearchPositionContainer input {
        width: 100%;
        height: 100%;
        padding: 10px;
        outline: none;
        border: none;
        border-radius: 5px;
    }

/*===================================================================
Job Portal Search End
===================================================================*/

/*===================================================================
Job Portal Advance Search Start
===================================================================*/

    .JobContainerAdvancedSearch .btn {
        background-color: #004A8E;
        color: #fff;
        padding: 7px 12px;
        border-radius: 5px;
    }

    /*.btnAdvancedSearch{
         background-color: #004A8E;
        color: #fff;
        padding: 7px 12px;
        border-radius: 5px;
    }*/

    #REC_AdvancedFilter .btn{
         background-color: #004A8E;
        color: #fff;
        padding: 7px 12px;
        border-radius: 5px;
    }

/*===================================================================
Job Portal Advance Search  End
===================================================================*/

/*===================================================================
Job Portal Job Listing Start
===================================================================*/
    .JobPortalMainWrapper .NoJobContainer {
        height: 200px;
        margin-bottom: 15px;
    }

    .JobPortalMainWrapper .JobPortalContentContainer .JobListingWrapper {
        display: block;
        width: 65%;
        margin: 0 auto;
    }

    .JobPortalMainWrapper .JobPortalContentContainer #JobListingTable {
        position: sticky;
        overflow-y: auto;
        overflow-x: hidden;
        background: #F1F2F2;
        width: 100%;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

    .JobPortalMainWrapper #JobListingTable .job-row {
        cursor: pointer;
        padding: 10px 20px;
        background: #FFF;
        border-bottom: 1px #e6e6e6 solid;
        margin-bottom: 10px;
        box-sizing: border-box;
	    box-shadow: 0 1px 5px grey;
        border-radius: 5px;
        border-left: 8px #004A8E solid;
    }

    .JobPortalMainWrapper #JobListingTable .job-row:last-child {
        border-bottom: none;
    }

    .JobPortalMainWrapper #JobListingTable .job-row:hover {
        cursor: pointer;
        box-shadow: 0 1px 10px grey;
        border-radius: 5px;
        border-left: 8px #004A8E solid;
    }

    .JobPortalMainWrapper #JobListingTable .job-row.active {
        box-shadow: 0 1px 10px grey;
        border-radius: 5px;
        border-left: 16px #FAA41A solid;
    }

    .JobPortalMainWrapper #JobListingTable .cJobLocation {
        flex: 3;
    }

    .JobPortalMainWrapper #JobListingTable .cJobPostedDate {
        flex: 1;
        text-align: right;
    }

    .pink-text{
	    color:#004A8E;
    }

    .CompanyName{
        color: #000;
    }

   .row-display-inline {
        display: flex;
        flex-wrap: wrap;
    }

    .first-line {
        display: flex;
        width: 100%;
    }

    .first-line .Designation {
        width:60%;
        flex-basis: 70%;
        word-wrap: break-word;
        text-align: left;
        padding-left:10px;
    }

    .first-line .CompanyName {
        width:40%;
        flex-basis: 60%;
        word-wrap: break-word;
        text-align: right;
        color: #000;
    }

    .second-line {
        float: left;
        margin-left:5px;
        padding-top:5px;
    }

    .VacancyTag{
	    background-color: #D1DBE9;
        color: #004A8E;
        border-radius: 4px;
        text-align: center;
        align-self: center;
        font-size: 12px;
        margin-left:2px;
    }

    .JobAppliedTag{
	    background-color: #D1DBE9;
        color: #004A8E;
        border-radius: 4px;
        text-align: center;
        align-self: center;
        font-size: 12px;
        margin-left:2px;
    }

    .AuthenticatedTag{
	    background-color: #D1DBE9;
        color: #004A8E;
        border-radius: 4px;
        text-align: center;
        align-self: center;
        font-size: 12px;
        margin-left:2px;
    }

    .UrgentTag{
	    background-color: #D61345;
        color: #FFF;
        border-radius: 4px;
        text-align: center;
        align-self: center;
        font-size: 12px;
        margin-left:2px;
    }

    .RelevantTag{
	    background-color: #004A8E;
        color: #FFF;
        border-radius: 4px;
        text-align: center;
        align-self: center;
        font-size: 12px;
        margin-left:2px;
    }

    .RelevantInfo {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding-top : 40px;
        padding-left:5px;
        font-size:12px;
    }
    .cJobResponsibility:before {
        font-family:'Glyphicons Halflings';
        content: "\e086";
        color:#FAA41A;
        margin-right: 5px;
    }

    .cJobRequirement:before {
        font-family:'Glyphicons Halflings';
        content: "\e086";
        color:#FAA41A;
        margin-right: 5px;
    }

    .cJobDepartment:before {
        font-family:'Glyphicons Halflings';
        content: "\e118";
        color:#FAA41A;
        margin-right: 5px;
    }

    .cJobSalary:before {
        font-family:'Glyphicons Halflings';
        content: "\e148";
        color:#FAA41A;
        margin-right: 5px;
    }

    .cJobLocation:before {
        font-family:'Glyphicons Halflings';
        content: "\e062";
        color:#FAA41A;
        margin-right: 5px;
    }

    .cJobDepartment{
        flex: 1;
    }

    .cJobSalary {
        flex: 1;
    }

    .cJobLocation {
        flex: 1;
    }

    .cJobPostedDate {
        margin-left: auto;
    }

    .SalaryDeptLocationDiv{
        width:100%;
        display: block;

    }

    .DateDiv{
        width:100%;
    }

/*===================================================================
Job Portal Job Listing End
===================================================================*/

/*===================================================================
Job Portal Pagination Start
===================================================================*/
    .JobPortalMainWrapper .JobPaginationWrapper {
        width: 100%;
        padding: 10px 0px;
    }

    .JobPortalMainWrapper .JobPaginationContainer {
        display: flex;
        flex: 1;
        flex-direction: row;
        color: #000;
        justify-content: flex-start;
    }

    .JobPortalMainWrapper .JobPaginationContainer div {
        padding: 0px 5px;
    }

    .GoPageNo input {
        color: #000;
        text-align: left;
        outline: none;
        border: none;
        border-radius: 2px;
        max-width: 30px;
    }

    .prev-icon:before {
        content: '';
        display: inline-block;
        width: 20px;
        height: 20px;
        background-image: url(../../img/BOSS_iNET_Icon_20px.png);
        background-position: -340px -320px;
        cursor: pointer;
    }

    .prev-icon:hover:before {
        background-position-y: -340px;
    }

    .next-icon:before {
        content: '';
        display: inline-block;
        width: 20px;
        height: 20px;
        background-image: url(../../img/BOSS_iNET_Icon_20px.png);
        background-position: -320px -320px;
        cursor: pointer;
    }

    .next-icon:hover:before {
        background-position-y: -340px;
    }
/*===================================================================
Job Portal Pagination End
===================================================================*/

/*===================================================================
View Job Details In Big Screen Start
===================================================================*/
    .JobPortalMainWrapper .JobDetailBigScreenContainer {
        position: relative;
        display: flex;
        flex-direction: row;
        background: #F1F2F2;
    }

    .JobPortalMainWrapper .JobDetailPortalContainer {
        display: block;
        padding: 0px 50px;
        margin: 0;
    }

    .JobPortalMainWrapper .JobDetailPortalJobListContainer {
        display: block;
    }

    .JobPortalMainWrapper .JobDetailPortalContainer .JobPortalContentHeader {
        color: #004A8E;
        text-align: left;
        font-size: 16px;
        font-weight: bold;
        margin-top: 35px;
    }

    .JobPortalMainWrapper .JobDetailPortalContainer #JobListingTable {
        position: sticky;
        overflow-y: auto;
        overflow-x: hidden;
        background: #fff;
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

    .JobPortalMainWrapper .JobDetailPortalContainer .JobListingWrapper {
        display: block;
        height: 100%;
        margin: 0 auto;
    }

    .JobPortalMainWrapper .JobDetailPortalContainer .JobSearchWrapper {
        height: 35px;
    }

    .JobPortalMainWrapper .JobDetailContainer {
        display: block;
        background: #fff;
        overflow-y: auto;
        padding: 0;
        margin: 0;
        position: sticky;
        right: 0px;
        top: 0;
    }

    .JobPortalMainWrapper .JobDetailSubContainer {
        box-sizing: border-box;
        width: 100%;
    }

    .JobPortalMainWrapper .JobDetailContainer .JobPortalNavInsideDetail {
        margin-top: 35px;
    }

    .JobPortalMainWrapper .JobDetailContainer .HasBorderRadius {
        border-radius: 10px;
    }

    .JobPortalMainWrapper .JobDetailContainer .HasBorderRadius:after {
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .JobPortalMainWrapper .JobDetailContainer .btnBackJobPortal {
        display: none;
    }

    .JobPortalMainWrapper .JobDetailMsgContainer {
        box-shadow: 0 1px 10px #000020;
        padding: 15px 0px;
        border-radius: 10px;
        margin-bottom: 15px;
    }

    .JobPortalMainWrapper .JobDetailMsgContainer.greenBanner {
        color: #b3e869;
        border-left: 15px #b3e869 solid;
    }

    .JobPortalMainWrapper .JobDetailMsgContainer.grayBanner {
        color: #b7b9bb;
        border-left: 15px #b7b9bb solid;
    }

    .JobPortalMainWrapper .JobDetailMsgContainer .JobDetailMsgText {
        font-size: 20px;
        font-style: italic;
        text-align: center;
    }

    .JobPortalMainWrapper .JobDetailApplyBtnContainer {
        margin-top: 10px;
    }

    .JobPortalMainWrapper .JobDetailApplyBtnContainer button {
        background-color: #ea445f;
        font-size: 12px;
        border: none;
        border-radius: 5px;
        margin: 0;
    }

    .JobPortalMainWrapper .JobDetailSignDocumentBtnContainer button {
        background-color: #3fcf22;
        font-size: 12px;
        border: none;
        border-radius: 5px;
        margin: 0;
    }

    .JobPortalMainWrapper .JobDetailPortalLogoContainer.boss-logo-white {
        content: '';
        display: block;
        width: 150px;
        height: 40px;
        margin-top: 20px;
    }


    .JobDetailContainer .JobPortalHeaderContainer {
        background-image: url(../../img/Recruitment_SmallBanner.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: right;
        width: 100%;
        height: 150px;
        min-height: 150px;
    }

    .JobDetailContainer .JobPortalHeaderContainer:before {
        content: '';
        display: block;
        width: 120px;
        height: 100px;
        background-image: url(../../img/Recruitment_RoundLogo.png);
        background-repeat: no-repeat;
        position: absolute;
        top: 20px;
        left: 30px;
        background-size: contain;
    }


    .JobDetailContainer .JobPortalNavWrapper .JobPortalNavContainer
     {
        display:flex;
        right: 0px;
        top:100px;
    }

    .JobDetailContainer .JobPortalNavWrapper .JobPortalNavContainer:after
     {
        content: attr(data-before);
        display: block;
        font-size: 32px;
        color: #FFF;
        font-weight: bold;
        float: right;
        position: absolute;
        bottom: 45px;
        right: 55px;
        text-align:right;
    }

    .JobDetailContainer .JobPortalNavWrapper .JobPortalNavContainer .JobPortalNavButtonContainer{
        flex:1;
        text-align:right;
        right: 20px;
        margin-right: 30px;
    }

    .JobDetailContainer .JobPortalNavWrapper .JobPortalNavContainer .NewRegisterButtonWrapper {
        border-radius: 8px;
        padding: 3px 15px;
        margin-right: 30px;
        font-size: 14px;
    }

    .JobDetailContainer .JobPortalNavWrapper .JobPortalNavContainer .btnLogin{
        border-radius: 8px;
        padding: 3px 15px;
        margin-right: 30px;
        font-size: 14px;
    }

    .JobPortalNavButtonContainer{
        display:flex;
        justify-content:flex-end;
    }

    .JobPortalMainWrapper .JobDetailApplyBtnContainer {
	    float:right; 
	    margin-bottom: 10px;
    }

    .PostDate{
	    margin-top: 20px;
    }

   .AllTagDiv{
        display: flex;
        flex-wrap: wrap;
    }

    .LocationSalaryExperienceDiv{
	    top:20px;
    }

    .JobPortalMainWrapper .JobDetailApplyBtnContainer .btnInterviewTime {
        background: #ced6ed;
        margin-right: 10px;
        color: #3b63f6;
    }

    .JobPortalMainWrapper .JobDetailApplyBtnContainer .btnInterviewTime:hover {
        background: #3b63f6;
        color: #ced6ed;
    }
/*===================================================================
View Job Details In Big Screen End
===================================================================*/

/*===================================================================
Apply Job Acknowledgement Start
===================================================================*/
    .acknowledgementMainWrapper {
        display: block;
        margin: 0 auto;
        animation: fadeIn .3s ease-in;
    }

    .acknowledgementMainWrapper .acknowledgementMainWrapperBackground {
        position: fixed;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background-color: rgba(242,242,242,0.9);
    }

    .acknowledgementMainWrapper .acknowledgementFormMainWrapper {
        display: table;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
    }

    .acknowledgementMainWrapper .acknowledgementFormWrapper {
        display: table-cell;
        vertical-align: middle;
    }

    .acknowledgementMainWrapper .acknowledgementFormContainer {
        margin-left: auto;
        margin-right: auto;
		position: fixed;
		top: 35%;
		left: 40%;
		margin-top: -220px;
		margin-left: -220px;
        max-width: 60%;
        max-height:80%;
        width: 50%;
        padding: 15px;
        background-color: #fff;
        box-shadow: 0 2px 6px rgba(0,0,0,0.2);
        min-width: 45%;
        overflow-x: hidden;
        overflow-y: scroll;
    }

    .acknowledgementMainWrapper .acknowledgementFormContainer .DeclarationDiv{
    }

    .acknowledgementMainWrapper .acknowledgementForm {
        position: relative;
        min-height: 206px;
        padding: 20px 0px;
        animation: fadeIn .3s ease-in;
    }

    .acknowledgementMainWrapper .acknowledgementForm .acknowledgementTitle {
        color: #000;
        text-align: left;
        font-size: 18px;
        font-weight: normal;
    }

    .acknowledgementMainWrapper .inputWrapper {
        margin: 20px 0px;
        padding-left: 0;
        width: 100%;
    }

    .acknowledgementMainWrapper .inputWrapper input {
        box-shadow: none !important;
        border: 0px !important;
        border-bottom: 1px gray solid !important;
        border-radius: 0px;
        background-color: transparent;
        outline: none;
        height: 30px;
        font-size: 13px;
        padding: 5px 0px;
    }

    .acknowledgementMainWrapper .buttonWrapper {
        float: right;
        margin-bottom:25px;
    }

    .acknowledgementMainWrapper .buttonWrapper .btn {
        background: #3b63f8;
        color: #fff;
        width: auto;
        height: 36px;
        border: none;
        font-size: 13px;
    }

    .acknowledgementMainWrapper .buttonWrapper .btn:hover {
        background: #fff;
        border: 1px #3b63f8 solid;
        color: #3b63f8;
    }

@media(max-width:900px){
    .acknowledgementMainWrapper .acknowledgementFormContainer {
        max-width: 80%;
        max-height:90%;
        width: 75%;
        height:80%;
        padding: 15px;
		top: 35%;
		left: 50%;
    }
}

@media(max-width:400px){                
    .acknowledgementMainWrapper .acknowledgementFormContainer {
        max-width: 80%;
        max-height:90%;
        width: 75%;
        height:80%;
        padding: 15px;
		top: 35%;
		left: 50%;
    }
}
@media(max-width:350px){                
    .acknowledgementMainWrapper .acknowledgementFormContainer {       
		left: 70%;
    }
}

/*===================================================================
Apply Job Acknowledgement End
===================================================================*/

/*===================================================================
Job Application Listing Start
===================================================================*/
    .JobPortalMainWrapper #JobAppListingTable .job-row {
        cursor: pointer;
        background: #ffffff;
        box-shadow: 0 3px 4px #cccccc;
        border-radius: 10px;
        margin-bottom: 20px;
        display: flex;
        flex-direction: row;
        width: 100%;
    }

    .JobPortalMainWrapper #JobAppListingTable .job-row .JobAppLeftWrapper {
        flex: 6;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        align-self: center;
        justify-content: center;
        padding: 15px;
    }

    .JobPortalMainWrapper #JobAppListingTable .job-row .JobAppRightWrapper {
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        padding: 0px 35px;
        display: flex;
        flex: 2;
        align-items: center;
        justify-content: center;
    }

    .JobAppRightWrapper.Pending {
        border: 2px #f0c631 solid;
        background-color: #fffff3;
    }

    .JobAppRightWrapper.Interview {
        border: 2px #1695cc solid;
        background-color: #f5f8ff;
    }

    .JobAppRightWrapper.Hiring {
        border: 2px #1695cc solid;
        background-color: #f5f8ff;
    }

    .JobAppRightWrapper.Hired {
        border: 2px #8bc24a solid;
        background-color: #f4faed;
    }

    .JobAppRightWrapper.Withdrawn {
        border: 2px #c1c1c1 solid;
        background-color: #ffffff;
    }

    .JobAppRightWrapper.Rejected {
        border: 2px #9eb6c6 solid;
        background-color: #f5f8fa;
    }

    .JobAppRightWrapper.InProgress {
        border: 2px #1695cc solid;
        background-color: #f5f8ff;
    }

    .Pending-icon {
        content: '';
        margin-right: 10px;
        float: left;
        width: 20px;
        height: 20px;
        background-image: url(../../../img/BOSS_iNET_Icon_20px.png);
        background-position: 0px -320px;
    }

    .Interview-icon {
        content: '';
        margin-right: 10px;
        float: left;
        width: 20px;
        height: 20px;
        background-image: url(../../../img/BOSS_iNET_Icon_20px.png);
        background-position: -80px -320px;
    }

    .Hiring-icon {
        content: '';
        margin-right: 10px;
        float: left;
        width: 20px;
        height: 20px;
        background-image: url(../../../img/BOSS_iNET_Icon_20px.png);
        background-position: -100px -320px;
    }

    .Hired-icon {
        content: '';
        margin-right: 10px;
        float: left;
        width: 20px;
        height: 20px;
        background-image: url(../../../img/BOSS_iNET_Icon_20px.png);
        background-position: -60px -320px;
    }

    .Withdrawn-icon {
        content: '';
        margin-right: 10px;
        float: left;
        width: 20px;
        height: 20px;
        background-image: url(../../../img/BOSS_iNET_Icon_20px.png);
        background-position: -380px -200px;
    }

    .Rejected-icon {
        content: '';
        margin-right: 10px;
        float: left;
        width: 20px;
        height: 20px;
        background-image: url(../../../img/BOSS_iNET_Icon_20px.png);
        background-position: -40px -320px;
    }

    .InProgress-icon {
        content: '';
        margin-right: 10px;
        float: left;
        width: 20px;
        height: 20px;
        background-image: url(../../../img/BOSS_iNET_Icon_20px.png);
        background-position: -20px -320px;
    }
/*===================================================================
Job Application Listing End
===================================================================*/


/*===================================================================
Media View Start
===================================================================*/
@media (max-width: 1712px) {
    .JobPortalMainWrapper .JobPortalNavContainer:before {
        font-size: 22px;
        top: 0px;
    }

    .JobPortalNavContainer .JobPortalNavButtonContainer {
        top: auto;
        right: 0px;
        bottom: 0px;
        left: 20px;
        padding-bottom: 2px;
    }
}

@media (max-width:1540px) {
    .JobPortalMainWrapper .JobPortalHeaderContainer {
        height: 300px;
        min-height: 300px;
    }

    .JobPortalMainWrapper .JobPortalNavContainer {
        top: 250px;
    }

    .JobPortalMainWrapper .JobPortalBannerMain:before {
	    font-size: 36px;
	    top: 130px;
    }

    .JobDetailContainer .JobPortalHeaderContainer {
        height: 150px;
        min-height: 150px;
    }

    .JobDetailContainer .JobPortalHeaderContainer:before {
        width: 120px;
        height: 100px;
        top: 20px;
        left: 30px;
    }

    .JobDetailContainer .JobPortalNavWrapper .JobPortalNavContainer:after
     {
            font-size: 28px;
            bottom: 45px;
            right: 55px;
        }
    }


@media (max-width:1336px) {
    .JobPortalMainWrapper #JobAppListingTable .job-row .JobAppRightWrapper {
        flex: 3;
        justify-content: center;
    }

    .JobDetailContainer .JobPortalNavWrapper .JobPortalNavContainer:after
     {
        width:60%;
        font-size: 28px;
        bottom: 40px;
        right: 55px;
    }
}

@media (max-width: 1187px) {
    .JobPortalMainWrapper .JobDetailPortalContainer .JobSearchWrapper .JobSearchOtherContainer {
        width: auto;
        min-width: 0px;
    }
}

@media (max-width:1160px) {
    .JobPortalMainWrapper .JobPortalBannerMain:before {
	    font-size: 26px;
	    top: 135px;
    }
}

@media (max-width:1128px) {
	.hr50 {
		margin-top: 90px;
	}

	.showsalary {
		margin-top: 5px;
	}

    .JobDetailContainer .JobPortalHeaderContainer:before {
        width: 110px;
        height: 90px;
        top: 25px;
        left: 30px;
    }

    .JobDetailContainer .JobPortalNavWrapper .JobPortalNavContainer:after
     {
        width:80%;
        font-size: 20px;
        bottom: 45px;
        right: 30px;
    }

    .JobDetailContainer .JobPortalNavWrapper .JobPortalNavContainer .NewRegisterButtonWrapper {
        padding: 2px 10px;
        margin-right: 20px;
        font-size: 10px;
    }
    .JobDetailContainer .JobPortalNavWrapper .JobPortalNavContainer .btnLogin{
        padding: 2px 10px;
        margin-right: 20px;
        font-size: 10px;
    }

    .JobDetailContainer .JobPortalNavWrapper .JobPortalNavContainer .btnOvalSeaBlue{
        padding: 2px 10px;
        margin-right: 20px;
        font-size: 12px;
    }

    .JobDetailContainer .JobPortalNavWrapper .JobPortalNavContainer .btnOvalPurple{
        padding: 2px 10px;
        margin-right: 20px;
        font-size: 12px;
    }

    .JobDetailContainer .JobPortalNavWrapper .JobPortalNavContainer .JobPortalNavButtonContainer{
        right: 10px;
        margin-right:0px;
    }

}

@media (max-width:1024px) {
    .JobPortalMainWrapper .JobDetailPortalContainer {
        padding: 0px 35px !important;
    }

    .JobDetailContainer .JobPortalNavWrapper .JobPortalNavContainer:after
     {
        width:60%;
    }
    .showorder {
		width: 160px!important;
	}
    .showlocation {
		width: 160px!important;
	}

}

@media (max-width:946px) {
    .JobPortalMainWrapper .JobPortalBannerMain:before {
	    font-size: 26px;
	    top: 110px;
	    width:250px;
    }
}

@media (max-width:849px) {
    .JobPortalMainWrapper .JobPortalNavContainer:before {
        font-size: 20px;
    }

    .JobPortalMainWrapper .JobDetailBigScreenContainer {
        display: block;
        background: #fff;
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 0px;
        overflow: auto;
        width: 100%;
        height: auto;
        margin: 0;
    }

    .JobPortalMainWrapper .JobDetailContainer {
        width: 100%;
    }

    .JobPortalMainWrapper .JobDetailSubContainer {
        position: relative;
        overflow: auto;
        width: 100%;
    }

    .JobPortalMainWrapper .JobPortalHeaderContainer {
        background-image: url(../../img/Recruitment_HomeBanner_V1.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: right;
        width: 100%;
        height: 150px;
        min-height: 150px;
    }

	.JobPortalMainWrapper .JobPortalHeaderContainer:before {
        content: '';
        display: block;
        width: 60px;
        height: 50px;
        background-image: url(../../img/Recruitment_HomeLogo_V1.png);
        background-repeat: no-repeat;
        position: absolute;
        top: 20px;
        left: 30px;
        background-size: contain;
    }

    .JobPortalMainWrapper .JobPortalBannerMain:before {
	    font-size: 16px;
	    top: 65px;
	    width:100%;
	    left: 30px;
    }
    .JobPortalMainWrapper .JobPortalNavContainer {
        top: 115px;
	    left: 30px;
    }

    .JobPortalNavContainer .JobPortalNavButtonContainer .btnOvalSeaBlue {
        padding: 3px 15px;
        margin-right: 30px;
        font-size: 12px;
    }

    .JobPortalNavButtonContainer .NewRegisterButtonWrapper {
        padding: 3px 15px;
        margin-right: 30px;
        font-size: 12px;
    }

    .JobPortalNavContainer .JobPortalNavButtonContainer .btnOvalPurple{
        padding: 3px 13px;
        font-size: 12px;
        border-radius: 25px;
    }

    .btnJobApplication{
        margin-left:-13px;
    }

    .JobPortalMainWrapper .JobDetailMsgContainer {
        padding: 10px 0px;
    }

    .JobPortalMainWrapper .JobDetailMsgContainer.grayBanner {
        padding: 10px 0px;
        border-left: 10px #b7b9bb solid;
    }

    .JobPortalMainWrapper .JobDetailMsgContainer.greenBanner {
        border-left: 10px #b3e869 solid;
    }

    .JobPortalMainWrapper .JobDetailMsgContainer .JobDetailMsgText {
        font-size: 16px;
    }

	.hr20 {
		margin-top: 50px;
	}

    .JobDetailContainer .JobPortalNavWrapper .JobPortalNavContainer
     {
        display:flex;
        top: 115px;
	    left: 30px;
    }

    .JobDetailContainer .JobPortalNavWrapper .JobPortalNavContainer:after
     {
        float: left;
        text-align:left;
        width:100%;
        padding-left:30px;
	    font-size: 16px;
        bottom: 50px;
    }

    .JobPortalNavButtonContainer{
        display:flex;
        justify-content:flex-start;
        padding-left:5px;
    }


    .JobDetailContainer .JobPortalNavWrapper .JobPortalNavContainer .JobPortalNavButtonContainer .btnOvalSeaBlue {
        padding: 3px 15px;
        margin-right: 30px;
        font-size: 12px;
    }

    .JobDetailContainer .JobPortalNavWrapper .JobPortalNavContainer .JobPortalNavButtonContainer .NewRegisterButtonWrapper {
        padding: 3px 15px;
        margin-right: 30px;
        font-size: 12px;
    }

    .JobDetailContainer .JobPortalNavWrapper .JobPortalNavContainer .JobPortalNavButtonContainer .btnOvalPurple{
        padding: 3px 15px;
        margin-right: 30px;
        font-size: 12px;
    }

        .cJobDepartment{
        flex: 3;
    }

    .cJobSalary {
        flex: 3;
    }

    .cJobLocation {
        flex:3;
    }
}


@media (max-width:540px) {
    .JobPortalMainWrapper .JobPortalBannerMain:before {
	    top: 50px;
	    width:150px;
    }

    .JobPortalMainWrapper .JobPortalContentContainer .JobListingWrapper {
        width: auto !important;
        margin: 0 15px !important;
    }

    .JobPortalMainWrapper .JobPortalContentContainer {
        text-align: left;
    }

    .JobPortalMainWrapper .JobPortalContentContainer .JobSearchWrapper {
        margin: 0px 15px !important;
        width: auto !important;
        height: 35px !important;
    }

    .JobSearchOtherWrapper .JobSearchOtherContainer {
        width: auto;
        min-width: 0px;
    }

	.acknowledgementMainWrapper .acknowledgementFormContainer {
		margin-left: -170px;
	}

    .JobPortalNavContainer .JobPortalNavButtonContainer .btnOvalSeaBlue {
        padding: 2px 10px;
        font-size: 10px;
        display:flex;
        align-items:center;
        justify-content:center;
    }

    .JobPortalNavButtonContainer .NewRegisterButtonWrapper {
        padding: 2px 10px;
        font-size: 10px;
    }

    .JobPortalNavContainer .JobPortalNavButtonContainer .btnOvalPurple{
        padding: 2px 10px;
        font-size: 10px;
    }


    .JobDetailContainer .JobPortalNavWrapper .JobPortalNavContainer:after
     {
        display: block;
	    width:40%;
        left:-30px;
        bottom: 40px;
        float: left;
        position: absolute;
        text-align:left;
    }

    .JobDetailContainer .JobPortalNavWrapper .JobPortalNavContainer .JobPortalNavButtonContainer .btnOvalSeaBlue {
        padding: 2px 10px;
        font-size: 10px;
        display:flex;
        align-items:center;
        justify-content:center;
    }

    .JobDetailContainer .JobPortalNavWrapper .JobPortalNavContainer .JobPortalNavButtonContainer .NewRegisterButtonWrapper {
        padding: 2px 10px;
        font-size: 10px;
    }

    .JobDetailContainer .JobPortalNavWrapper .JobPortalNavContainer .JobPortalNavButtonContainer .btnOvalPurple{
        padding: 2px 10px;
        font-size: 10px;
    }

    .btnJobApplication{
        margin-left:-18px;
    }

    .btnLogout {
    	padding: 3px 15px;
    	margin-right: 10px;
    	font-size: 12px;
    }
}

@media (max-width: 465px) {
    .JobSearchOtherWrapper .JobSearchOtherContainer {
        min-width: auto;
    }

    .JobPortalMainWrapper .row-display-inline {
        display: block;
    }

    .JobPortalMainWrapper .gray-tag {
        margin: 5px 0px;
    }

    .JobPortalMainWrapper .red-tag {
        margin: 5px 0px;
    }

	.JobContainerSearch {
		margin-top: 5px;
	}

	.showorder {
		width: 240px!important;
	}
    .showlocation {
		width: 240px!important;
	}

	.showsalary {
		margin-top: 5px;
	}

	.hr50 {
		margin-top: 90px;
	}

    .JobPortalMainWrapper .JobPortalHeaderContainer:before {
        width: 50px;
        height: 40px;
        top: 10px;
        left: 20px;
    }

    .JobPortalMainWrapper .JobPortalBannerMain:before {
	    font-size: 14px;
        left: 20px;
	    width:30%;
	    top:45px;
    }

    .JobPortalMainWrapper .JobPortalNavContainer {
        position: absolute;
        top:120px;
        left: 20px;
    }

    .JobDetailContainer .JobPortalNavWrapper .JobPortalNavContainer {
        position: absolute;
        top:120px;
        left: 20px;
    }

    .JobDetailContainer .JobPortalNavWrapper .JobPortalNavContainer:after
    {
	    font-size: 14px;
	    width:40%;
    }

    .JobPortalNavButtonContainer .btnOvalSeaBlue {
        padding: 2px 10px;
        font-size: 10px;
        margin-right:30px;
    }

    .JobPortalNavButtonContainer .NewRegisterButtonWrapper {
        padding: 2px 10px;
        font-size: 10px;
        margin-right:30px;
    }

    .JobPortalNavContainer .JobPortalNavButtonContainer .btnOvalPurple{
        padding: 2px 10px;
        font-size: 10px;
        margin-right:30px;
    }

    .RelevantInfo {
        width:100%;
    }

    .SalaryDeptDiv{
        width:100%;
    }

    .LocationDateDiv{
        width:100%;
    }

    .DateDiv {
        width:1000%;
    }
}

@media (max-width: 360px) {
    .JobPortalMainWrapper .JobPortalNavContainer:before {
        font-size: 18px;
    }

	.hr50 {
		margin-top: 130px;
	}

	.hr20 {
		margin-top: 90px;
	}
}

/*===================================================================
Media View End
===================================================================*/


#locationlist .chkbx {
    margin-right: 5px;
}

.JobPortalMainWrapper .list {
    display: block;
    border: 1px solid #ddd;
    background: white;
    position: sticky;
    z-index: 1;
    padding: 5px 10px;
    border-radius: 5px;
    text-align: left;
}

.JobSearchOtherWrapper #dropdown {
    display: inline-block;
}

.showlocation {
    background-color: #fff;
    border: 2px solid #ddd;
    padding: 7px 10px;
    width: 240px;
    border-radius: 4px;
    text-align: left;
    cursor: pointer;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.showorder {
    background-color: #fff;
    border: 2px solid #ddd;
    padding: 7px 10px;
    width: 200px;
    border-radius: 4px;
    text-align: left;
    cursor: pointer;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.showsalary {
    background-color: #fff;
    border: 2px solid #ddd;
	border-right: 1px solid #ddd;
    padding: 7px 10px;
    width: 240px;
    border-radius: 4px;
    text-align: left;
    cursor: pointer;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ShowInPortal {
    clear: both;
    padding-left: 15px;
}

.ShowInPortalLabel {
    border-radius: 3px 4px;
    background-color: #dedede;
    color: black;
    padding: 5px 10px;
    margin-top: 5px;
}

.ShowInPortalValue {
    padding: 5px 5px;
}

.JobDetailSubContainer .detailportalBackbtn {
    background-image: url(../../img/BOSS_iNET_Icon_20px.png);
    background-position: -60px -60px;
    width: 20px;
    height: 20px;
}

.JobDetailSubContainer .wrapperfordocumentclose {
    cursor: pointer;
    top: 0;
    right: 0;
    position: absolute;
    margin: 3px 10px;
    width: 30px;
    height: 30px;
    padding: 10px 0px;
}