
 @font-face {
    font-family: "phenom-font";
    src: url("https://assets.phenompeople.com/CareerConnectResources/prod/TGPTGWGLOBAL/en_global/desktop/assets/fonts/phenom-font.eot");
    src: url("https://assets.phenompeople.com/CareerConnectResources/prod/TGPTGWGLOBAL/en_global/desktop/assets/fonts/phenom-font.eot?#iefix") format("embedded-opentype"),url("https://assets.phenompeople.com/CareerConnectResources/prod/TGPTGWGLOBAL/en_global/desktop/assets/fonts/phenom-font.woff") format("woff"),url("https://assets.phenompeople.com/CareerConnectResources/prod/TGPTGWGLOBAL/en_global/desktop/assets/fonts/phenom-font.ttf") format("truetype"),url("https://assets.phenompeople.com/CareerConnectResources/prod/TGPTGWGLOBAL/en_global/desktop/assets/fonts/phenom-font.svg#phenom-font") format("svg");
    font-weight: normal;
    font-style: normal
}


.phw-page-apply .job-summary {
	margin-bottom: 20px;
}
.phw-page-apply .attachment {
	border: 1px solid gray;
}
.phw-page-apply .resume-group {
	border: 1px solid gray;
    margin: 10px auto 20px auto;

}
.phw-page-apply label {
	color: #000000;
}
.phw-page-apply .upload-resume-btn {
	width: 100%;
}
.phw-page-apply .file-attachment .file-label {
	cursor: pointer;
}
.phw-page-apply input[type='checkbox'] {
	border-color: gray;
}
@media only screen and (max-width: 598px) {
	.phw-page-apply .progressbarlist {
		padding: 0;
	}
	.phw-page-apply #breadcrumb-summary .slick-slider .slick-list {
		margin-top: 20px;
    	margin-bottom: 20px;
	}
	.phw-page-apply ul[atm-id="cloudoptions-list"] {
		padding-inline-start: 0;
	}
}
@media only screen and (max-width: 640px) {
    .phw-page-apply button[type=submit] {
        width: 100px !important;
    }

		.phw-page-apply .cloud-options-group ul li:first-child {
        width: auto;
    }

		
}
.phw-page-apply .phw-container button.btn-navigate {
	border-radius: 8px;
}
.phw-page-apply .phw-container button.btn-navigate:hover {
	border-color: #ff0026 !important;
}
.phw-page-apply .phw-hamburger-menu {
	color: #000;	
}
.phw-page-apply .checkbox label {
	align-items: flex-start;
}
.phw-page-apply .checkbox-control {
	margin-top: 5px;
}
.phw-page-apply .required,
.phw-page-apply .checkmark {
	color: #ff0026;
}


/*Added by Siva Bonu*/
.phw-page-apply .phw-container .drives .apply-or-line{
	padding-left: 10px;
}

.phw-page-apply .phw-container .cloud-icon {
    margin: 0 0 0 10px;
}

.phw-page-apply .phw-container .drives .cloud-options-group ul{
	padding: 0px;
}
 
.phw-page-apply .phw-container .rjsf .attachment-wrapper ul.attachment-options{
	padding-left: 20px;
}
.phw-page-apply .phw-container .rjsf .attachment-wrapper ul.attachment-options li{
	margin-right: 10px;
}

.phw-page-apply .phw-container .rjsf .attachment-wrapper ul.attachment-options .or {
 height: 32px;
    min-width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    font-size: 18px;
    background-color: #eef3f6;
    text-transform: lowercase;
    color: #717171;
}

.phw-page-apply .file-attachment .file-label{
    width: 140px;
    background: #000099 !important;
    font-size: 16px;
    text-align: center;
    color: white;
    border-radius: 60px;
    height: 40px;
    padding-top: 7px;
    font-weight: 600;
    font-family: 'Arial';
}



@media only screen and (max-width: 640px){
.phw-page-apply .phw-container .rjsf .attachment-wrapper ul.attachment-options {
    list-style: none;
    padding-left: 28px;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
}
.phw-page-apply .phw-container .rjsf .attachment-wrapper ul.attachment-options .or{
	display: flex;
}
}
.phw-page-apply #coverletter {
	list-style: none;
	padding-left: 0;
    margin-top: 10px;
}
.phw-page-apply #coverletter li a {
    font-size: 16px;
    margin-right: 10px;
}
.phw-page-apply #coverletter li .delete-text {
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
}
.phw-page-apply .file-attachment .file-label {
	width: 100%;
	height: auto;
    padding: 8px 16px;
}
.phw-page-apply .navigation-summary {
	margin-bottom: 10px;
}
.phw-page-apply .resume-info .after-upload a {
	font-size: 16px;
    margin-right:10px;
}



.icon-delete:before {
    content: "\e011" !important;
    font-family: "phenom-font" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #fc1d2b;

}

.icon-delete {
    float: inherit;
    padding: 0 0px;
    position: relative;
    top: 0px;
    font-size: 14px;
}

.phw-page-apply #coverletter li .delete-text{
    font-size: 0;
}

#extra-content{
    font-size: 14px;
    font-weight: 300;
    font-family: 'Roboto';
    line-height: 21px;
    color: rgb(0, 0, 0);
}

span.resume-mandatory{
    color:rgb(255, 0, 38);
}


.phw-page-apply  .resume-info .after-upload  a.deleteFile {
    text-decoration: none;
}

span.\\\"resume-mandatory\\\" {
    color: #ff0026;
}
#breadcrumb-summary .slick-list .slick-track li.progress-current .number {
    top: -3px;
}
#breadcrumb-summary .slick-list .slick-track li.progress-enable.progress-complete .number {
    padding: 9px !important;
    top:3px !important;
}
#breadcrumb-summary ul li a .number {
    top: -3px !important;
}
@media only screen and (max-width: 767.98px) {
    #breadcrumb-summary .slick-list .slick-track li.progress-current .number {
         top: -1px !important;
    }
    #breadcrumb-summary ul li a .number {
         top: -1px !important;
    }
}
ul#additionalAttachments {
    list-style: none;
    padding-left: 0;
    margin-top: 15px;
}
.download-link {
    font-size: 16px;
    margin-right: 10px;
}
.phw-page-apply .required, .phw-page-apply .checkmark {
    color: #ff0026;
}
.phw-page-apply .file-attachment .file-label {
    width: 140px;
    background: #000099 !important;
    font-size: 16px;
    text-align: center;
    color: white;
    border-radius: 60px;
    height: 40px;
    padding-top: 7px;
    font-weight: 600;
    font-family: 'Arial';
}
.phw-page-apply .phw-container .rjsf .attachment-wrapper ul.attachment-options .or {
    height: 32px;
    min-width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    font-size: 18px;
    background-color: #eef3f6;
    text-transform: lowercase;
    color: #717171;
}
.phw-page-apply .resume-group {
    border: 1px solid gray;
    margin: 10px auto 20px auto;
}
.phw-page-apply .required, .phw-page-apply .checkmark {
    color: #ff0026;
}
.phw-page-apply .file-attachment .file-label {
    width: 140px;
    background: #000099;
    font-size: 16px;
    text-align: center;
    color: white;
    border-radius: 60px;
    height: 40px;
    padding-top: 7px;
    font-weight: 600;
    font-family: 'Arial';
}
.phw-page-apply .phw-container .rjsf .attachment-wrapper ul.attachment-options .or {
    height: 32px;
    min-width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    font-size: 18px;
    background-color: #eef3f6;
    text-transform: lowercase;
    color: #717171;
}
.phw-page-apply .resume-group {
    border: 1px solid gray;
    margin: 10px auto 20px auto;
}
#breadcrumb-summary ul li a {
    width: max-content !important;
}
.phw-page-apply .file-attachment .file-label {
    width: 100%;
    height: auto;
    padding: 8px 16px;
}
.phw-page-apply button.phw-btn.phw-dropdown.phw-m-0.phw-p-0.phw-text-l.phw-s-navButton0.phw-align-items-center.phw-g-btn-default {
    width: auto;
}
.phw-page-apply li.phw-menu-list-item.phw-posn-relative.phw-pr-2.phw-pl-2.phw-s-eachNavItem.phw-g-i-4X7RoE {
    margin-right:15px;
}
@media only screen and (max-width: 1024px) {
    .form-group .checkbox label {
        display: flex;
        text-align: left;
    }
}
@media only screen and (min-width: 1920px) {
    .phw-g-btn-primary, .btn.primary-button, .primary-button {
        width: auto;
    }
}
.phw-g-btn-primary, .btn.primary-button, .primary-button{
    width:auto;
}
.phw-page-apply #previous{
    width:100px !important;
}
.phw-page-apply #next{
    width:100px !important;
}
.resume-group .apply-or-box {
    height: 32px;
    min-width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    font-size: 18px;
    background-color: #eef3f6;
    text-transform: lowercase;
    color: #717171;
}
.upload-resume-btn {
    font-size: 14px !important;
    background: #000099;
    height: 39px;
    margin-top: 0px;
    padding: 0px 16px;
    color: white;
    text-decoration: none;
    cursor: pointer;
    border-radius: 30px;
    border: unset !important;
}
.drives {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}
.resume-group .drives .cloud-options-group {
    text-align: right;
    margin: 0 0;
}
.phw-page-apply .phw-container .resume-group .drives .cloud-options-group ul {
    padding: 0px;
}    
.resume-group .drives .cloud-options-group ul {
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
}    
.resume-group {
    padding: 20px;
    width: 100%;
}
.upload-section-data{
    text-align: center;
    margin-bottom: 30px;
}
.resume-group .cloud-icon{
    margin: 0px 0 0 15px;
    border-radius: 30px;
}
.resume-group .upload-resume-btn {
    font-size: 14px !important;
    background: #0e2c5b;
    height: 39px;
    margin-top: 0px;
    padding: 0px 16px;
    color: white;
    text-decoration: none !important;
    cursor: pointer;
    border-radius: 30px;
    border: unset !important;
}
.resume-group .resume_info {
    padding-left: 0px;
    text-align: center;
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: 600;
}
.resume-group .cloud-options {
    width: 100%
}
.resume-group .apply-or-box {
    height: 32px;
    min-width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    font-size: 18px;
    background-color: #eef3f6;
    text-transform: lowercase;
    color: #717171;
}
.resume-group .drives {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}
.resume-group .drives .apply-or-line {
    display: flex;
    align-items: center;
    padding-left: 25px;
    padding-right: 10px;
}
.resume-group .drives .resume-upload-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}
.resume-group .drives .resume-upload-wrapper:focus {
    outline: none !important;
}
.resume-group .drives .awli-button {
    display: flex;
    flex-direction: column;
    width: 175px;
}
.resume-group .drives .awli-button .awli-text {
    line-height: 16px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.7);
    font-size: 13px;
    text-align: center;
    margin-bottom: 0px;
    padding: 2px;
}
.resume-group .drives .awli-button .awli-text span {
    color: #000;
}
.resume-group .drives .awli-button .btn {
    width: auto;
    background-color: #0073b1;
    padding: 9px 10px;
    margin: 5px;
    line-height: 20px;
}
.resume-group .drives .awli-button .btn span {
    color: #fff !important;
}
.resume-group .drives .cloud-options-group {
    text-align: right;
    margin: 0 0;
}
.resume-group .drives .cloud-options-group ul {
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
}
.resume-group .drives .cloud-options-group ul li.linkedin-option{
    margin-top: 0;
}
@media only screen and (max-width: 1024px) {
    .resume-group .drives .cloud-options-group {
        float: none !important;
        text-align: center;
        width: auto;
    }    
}
input.form-control, select.form-control {
    color: #111010;
    font-size: 14px;
    border: 1px solid gray;
    height: 45px;
    width: 100%;
}        
button.btn-navigate.btn-next {
    color: #ffffff;
    background: #000099;
    font-size: 15px;
    border: 1px solid #000099;
    height: 50px;
    line-height: 18px;
    border-radius: 30px !important;
    float: right;
}
.form-group {
    margin-bottom: 10px;
}
/* css for wrapper div of a array item */
.array-item { 
  width: 100%;
  position: relative;
}

/* css for add button*/
.array-button-add {
    padding: 10px;
    min-width: 100px;
    border: 1px solid #000099;
    color: #fff;
    background: #000099;
}
/* css for remove action div */
.remove-action{
  position: absolute;
  right: -30px;
  width: 30px
}
/* css for remove button, it is inside remove-action div*/
.array-button-remove {
  background: #000099 !important;
  border: none;
  min-height: 30px;
  min-width: 30px;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}

.react-datepicker-wrapper {
    width: 100%;
}

.daterangepicker-checkbox {
    margin-left: calc(41.5% + 16px);
    padding-left: 4px;
    padding-bottom: 5px;
    display: flex;
    line-height: normal;
    font-size: 16px;
}

#currentlyWorkHere {
min-height: 10px;
margin-right: 10px;
}

@media only screen and (max-width: 1024px) {
  .daterangepicker-checkbox {
    margin: 0;
    padding-left: 16px;
}
}
.personalInformation-step .primary-button {
    display: none !important;
}
.Assessment-step .btn-submit {
    display: none;
}
.phw-page-apply #previous {
    width: 100px !important;
    color: #ffffff;
    background: #000099;
    font-size: 15px;
    border: 1px solid #000099;
    height: 50px;
    line-height: 18px;
    border-radius: 30px !important;
}
.error-detail {
    padding-left: 0 !important;
}
.tool-tip-btn-wrap {
    background-color: rgb(23, 162, 184);
    border-radius: 50%;
    width: 28px;
    height: 18px;
    display: inline-block;
    position: relative;
    margin: 12px -3px -3px 5px;
    cursor: pointer;
}
.phw-page-apply .btn:hover {
    border-color: #1862c6 !important;
    background-color: #1862c6 !important;
    color: #fff !important;
}
.phw-page-apply .phw-container button.btn-navigate:hover {
    border-color: #1862c6 !important;
}
.tool-tip-btn-wrap {
    background-color: rgb(23, 162, 184);
    border-radius: 50%;
    width: 26px !important;
    height: 20px;
    line-height: 24px;
    display: inline-block;
    position: relative;
    margin: -3px -3px -3px 5px;
    cursor: pointer;
}
.additionalInformation-step .btn-submit {
    width: 100px !important;
    color: #ffffff;
    background: #000099;
    font-size: 15px;
    border: 1px solid #000099;
    height: 50px;
    line-height: 18px;
    border-radius: 30px !important;
}
.phw-page-apply .range-select{
        padding: 0px !important;
        width: auto !important;
}
.phw-page-apply .current-step-personalInformation {
    button.btn-submit{
        display:none;
    }
}
.phw-page-apply .current-step-Assessment{
    button.btn-submit{
        display:none;
    }
}
.phw-page-apply button.btn.primary-button.btn-submit {
    width:auto !important;
}
@media screen and (max-width: 991px){
    .phw-page-apply .resume-group .drives{
        display: inline-block;
    }
    .phw-page-apply .resume-group .drives .cloud-options-group ul{
        gap: 5px;
    }
    .phw-page-apply .phw-container .drives .apply-or-line{
        justify-content: center;
        margin: 20px 0;
    }
}
@media screen and (max-width: 767px) {
    .phw-page-apply .slick-arrow::before {
        content: "\e147" !important;
        font-family: "phenom-font" !important;
        font-style: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        vertical-align: middle;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        color: #ffffff;
        font-size: 16px;
        font-weight: bold !important;
    }

    .ph-apply-box .slick-arrow {
        font-size: 0 !important;
        position: relative;
        background-color: #000099 !important;
        width: 40px;
        height: 38px;
    }
}
@media screen and (max-width: 767px) {
    .ph-apply-box .slick-arrow.slick-next::before {
        content: "\e144" !important;
    }
}

button.slick-arrow {
    background: #000099 !important;
    font-size: 0;
}
.phw-page-apply .field-radio-group-sub.radio {
    display: flex;
}
.phw-page-apply fieldset#jsqData input[type='radio']{
        margin-right:5px;
        margin-bottom:10px;
}
@media screen and (max-width: 767px) {
.phw-page-apply .resume-group .drives .cloud-options-group ul li.linkedin-option{
    margin-bottom: 10px;
}
}
.phw-page-apply .attachment-files {
    margin-top: 10px !important;
}
.has-resume .resume-info #additionalDocuments1 {
    cursor: not-allowed;
    pointer-events: none !important;
}
.phw-page-apply .checkbox-control{
    display: inline-block;
    margin-bottom: -7px;
}
.phw-page-apply p{
    font-size: 14px;
}
 .resume-upload-wrapper {
    border: none !important;
    }

.phw-container>.ph-jtc-box .form-wrapper ul.error-detail li {
   
    margin: 5px 2px;
}

.phw-container>.ph-jtc-box .form-wrapper .resume-section .resume-group {
        padding: 0px;
    }
@media only screen and (max-width: 767px){
.apply {
}
}
@media only screen and (max-width: 767px){
.jointalentcommunity {
}
}