
 section#jtcForm {
  padding-top: 40px !important;
}

.ph-jtc-box {

  .resume-section {
    .resume-group {
      .drives {
        .resume-upload-wrapper {
          button {
            border-radius: 10px !important;
            color: #111;

            &:hover {
              border-radius: 10px !important;
              color: #111;
              background-color: #fff680 !important;
            }
          }
        }
      }
    }
  }


  .form-wrapper h2 {
    font-size: 35px !important;
    font-weight: 500 !important;
  }

  .rjsf {
    .col-md-6 {
      .form-group {

        input,
        select {
          border-radius: 6px !important;
          color: #393939;

          &::placeholder {
            font-size: 16px !important;
          }
        }

        .rbt {
          .rbt-input-multi {
            min-height: 51px !important;
            border-radius: 6px !important;

            .rbt-input-wrapper {
              overflow-y: scroll !important;
              scrollbar-width: thin !important;
              height: 51px !important;
              border-radius: 6px !important;

              .rbt-token {
                background: #ffed00 !important;
                padding: 0px 6px !important;
                background: #ffed00 !important;
                border-radius: 5px;

                .rbt-token-remove-button {
                  top: 0px !important;
                }
              }
            }
          }

          .dropdown-item {
            color: #393939 !important;
          }
        }
      }

      ul.error-detail {
        li.text-danger {
          color: #cc3d5b !important;
          font-weight: 500 !important;
        }
      }

      label {
        span.required {
          color: #cc3d5b !important;
        }
      }
    }

    .col-md-12 {
      .checkbox {
        label {
          .checkbox-control {
            border: 2px solid #B8B8B8 !important;
            border-radius: 3px !important;
          }

          span {
  gap: 5px;

}
a{

color: #393939;
margin-right: -5px;
}
}



          .checkmark,
          .required {
            color: #cc3d5b !important;
          }
        }
      }

      .error-detail {
        li.text-danger {
          color: #cc3d5b !important;
          font-weight: 500 !important;
        }
      }
    }
  }

  .resume-group .upload-resume-btn {
    margin-top: 0px !important;
  }

  label {
    font-weight: 500 !important;
    color: #111010 !important;
  }

  .navigation {
    .btn-submit {
      border-radius: 10px !important;
      color: #111;

      &:hover {
        border-radius: 10px !important;
        color: #111;
        background-color: #fff680 !important;
        border: 1px solid #ffed00 !important;
      }
    }
  }




@media screen and (max-width: 1024px) {
  .ph-jtc-box {
    label {
      font-size: 16px !important;
    }

    .form-wrapper .form-control {
      height: 51px !important;

    }

    .resume-section {
      .resume-group {
        .cloud-options {
          .resume_info {
            padding-left: 0 !important;
          }

          .drives {
            .cloud-options-group {
              ul {
                padding-left: 0 !important;
              }
            }

            .apply-or-line {
              display: flex !important;
              justify-content: center !important;
              align-items: center !important;
            }
          }
        }
      }
    }
  }
}

@media only screen and (max-width: 767.98px) {
  section#jtcForm {
    padding-top: 0px !important;
  }

  .phw-container>.ph-jtc-box .form-wrapper .form-control {
    height: 51px !important;

  }

  .de_de .phw-container>.ph-jtc-box .form-wrapper .form-group .checkbox label>span{
    display:block;
}
}


@media screen and (min-width: 768px) and (max-width: 1024px) {
 .phw-container>.ph-jtc-box .form-wrapper .resume-section .resume-group .drives {
    flex-direction: column;
 .cloud-options-group ul {
    padding: 0px;
 }
}

.ph-jtc-box .rjsf .col-md-6 .form-group .rbt .rbt-input-multi .rbt-input-wrapper {
    height: auto;
}

.ph-jtc-box .rjsf .col-md-6 .form-group .rbt .rbt-input-multi {
    min-height: 42px;
}

 .apply-or-line {
    justify-content: center;
}
}
 .phw-page-event .event-details-hero h1{
  color: #fff !important;
}

.phw-page-event .event-details-hero ._event-loc_g3y7e_61
  {
  color: #fff !important;
}

.phw-page-event .ph-footer .phw-c-63fbf634-top-section .phw-container a{
  color: #ffed00 !important;
}


a._calendar-button_cse0o_3{
    width: 100%;
}

.crm-event-registration-container button#submitForm:not(:disabled) {
    background-color: var(--brand-color-primary);
    color: #000;
    transition: none ;
}


.event-pre-screening {
    & .screening-body {
        & .questionnaire {
            & .question-details {
                & .answers {
                    & .radio-button {
                        .radio-icon {
                            fill: black !important;
                        }
                    }
                }
            }
        }
    }
}



button#btnSubmitAnswers {
    background-color: var(--brand-color-primary);
    color: black;
}

@media (max-width: 768px) {
.phw-page-event .event-details-hero ._event-registration-container_g3y7e_39>div>div>div{
    color: #fff;
}
}


 .phw-page-apply{

   label{
    font-size: 16px;
   }
    
    p{
		font-weight: 400;
	}
	    .pageTitle .job-summary {
	font-size: 26px;
	font-weight: 600;
	font-family: 'M Ying Hei PRC for Viega';
		}
		
	.ph-apply-box .job-summary h2 {
		font-size: 30px;
		padding: 20px 0px;
	}
	@media only screen and (min-width: 1200px) {
		.ph-apply-box{
		width: 70%;
  		margin: 0 auto;
	}
		
	}
	
	
	.ph-apply-box .resume-section .resume-group {
		border: 1px solid #cec5c5;
		text-align: center;
		margin: 0px auto 30px;
		padding: 20px 0px 40px;
	}
	
	.ph-apply-box .resume-section .resume-group .drives {
		display: inline-block;
	}
	
	.ph-apply-box .resume-section .resume-group .drives .resume-upload-wrapper {
		display: inline-block;
	}
	
	.ph-apply-box .resume-section .resume-group .drives .resume-upload-wrapper button {
		padding: 0px 30px;
		float: none;
	
	}
	
	.resume-group .drives .resume-upload-wrapper {
		display: inline-block;
		width: 100%;
		text-align: center;
	}
	
	.resume-group .drives {
		display: inline-block;
	}
	
	.resume-group .upload-resume-btn {
		width: auto;
		float: none;
		
	}
	
	.resume-group .drives .resume-upload-wrapper {
		display: inline-block !important;
		width: 100%;
		text-align: center;
	}
	
	.resume-group .drives {
		display: inline-block;
	}
	
	.resume-group .upload-resume-btn {
		width: auto;
		float: none;
	
	}
	
	.options-block.resume-group {
		padding: 0px;
	}
	
	.rbt-menu {
		border: 1px solid #ccc;
	}
	
	.rbt-token .rbt-token-remove-button {
		background: transparent;
		border: none;
	}
	
	.rbt-token .rbt-token-remove-button span {
		position: absolute;
		right: 5px;
		top: 5px;
	}
	
	.navigation {
		text-align: right;
	}
	
	.ph-header .phw-widget .phw-nav-menu .phw-menu-list-item button {
		width: inherit;
	}
	
	ul {
		list-style-type: none;
	}
	
	.rjsf .form-group textarea {
		font-size: 14px;
		border: 1px solid gray;
		height: 100px;
		width: 100%;
		background-color: transparent;
	}
	
	.ph-apply-box .field-object {
		float: none !important;
	}
	
	.ph-apply-box .resume-section .resume-group .drives {
		margin: 15px 0 0;
		justify-content: center;
		display: flex;
		align-items: center;
	}
	
	.ph-apply-box .resume-section .resume-group .drives .cloud-options-group ul,
	.ph-apply-box .resume-section .resume-group .drives .apply-or-line {
		display: flex !important;
		justify-content: center;
		gap: 0;
		align-items: center !important;
	}
	
	span.apply-or-box {
		margin-right: 5px;
	}
	
	.form-group.field.field-string {
		margin-bottom: 10px !important;
	}
	
	.ph-apply-box .resume-section .resume-group .drives .cloud-options-group ul li,
	.attachment-options li {
		list-style: none !important;
	}
	
	.attachment-options {
		display: flex !important;
		justify-content: center !important;
		align-items: center !important;
	}
	
	.dropbox,
	.skydrive {
		width: 40px !important;
		height: 40px !important;
	}
	
	.file-label {
		padding: 10px !important;
		margin-bottom: 0px !important;
	}
	
	.or {
		/* padding-inline: 10px !important; */
		width: 25px !important;
		border-radius: 16px;
		font-size: 18px;
		background-color: #eef3f6;
		text-transform: lowercase;
		color: #717171;
	}


	

	/* Added now*/
	.additional-attachment-v2 .attachment{
		border: 1px solid #cec5c5 !important;
    padding: 30px;
    margin-bottom: 15px;
	}
    /* Added now*/
	.additional-attachment-v2 .attachment .attachment-title{
		padding-bottom: 15px;
		text-align: center;
	}
    /* Added now*/
	#additionalAttachments{
		padding-left: 0px;
		.download-link {
			color: #000;
		}
	}

	#coverletter{
		padding-left: 0px;
		.download-link {
			color: #000;
		}
	}

	/* Added now*/

	.ph-apply-box ul.attachment-options li:last-child label {
    width: 120px !important;
        text-align: center;
        font-size: 16px !important;
        background: #ffed00;
        border-radius: 6px;
		cursor: pointer;
	}

	.docx {
		margin-top: 0px;
	}
	
	.ph-apply-box .resume-section .resume-group .drives .resume-upload-wrapper {
		width: auto;
		display: flex !important;
		align-items: center !important;
	}
	
	.ph-apply-box .resume-section .resume-group .cloud-icon {
		margin: 0 5px;
	}
	
	.ph-apply-box .resume-section .resume-group .drives .resume-upload-wrapper button {
		text-decoration: none;
	}
	
	.ph-apply-box .btn,
	.file-attachment .file-label {
		height: 42px !important;
		line-height: 20px !important;
		font-size: 14px !important;
		border: none;
        color: #000;
	}

	
	
	.title-text {
		font-weight: bold !important;
		font-family: 'M Ying Hei PRC for Viega';
	}
	
	.btn-submit {
		height: 51px !important;
		padding: 0px 30px !important;
		border: none !important;
		width: unset !important;
	}
	
	
	
	.ph-apply-box .error-detail {
		padding-left: 0;
	}
	
	.ph-apply-box .form-group.additional-attachment-v2 {
		margin-bottom: 30px;
	}
	
	.required,
	.resume-mandatory {
		color: #cc3d5b;
	}
	
	.ph-apply-box .resume-section .doc {
		background-position: 0 -10px;
	}
	
	
	.ph-apply-box .rjsf .form-fields .form-group.field #jsqData.jsqData .form-group.field,
	.ph-apply-box .rjsf .form-fields .form-group.field #jsqData .form-group.field {
		width: 100% !important;
	}
	
	.ph-apply-box .rjsf #jsqData__description {
		font-size: 16px;
		font-weight: bold;
		padding: 10px 0;
	}
	
	.ph-apply-box .rjsf .radio .radio-text,
	.ph-apply-box .rjsf .radio input[type='radio'] {
		display: inline-block;
		vertical-align: middle;
	}
	
	.ph-apply-box .rjsf .radio .radio-text {
		padding-left: 5px;
	}
	
	.html.after-upload {
		background-position: 0 -173px;
	}
	
	.icon-delete:before {
		content: "\e011";
	}
	
	.icon-delete {
		float: inherit;
		padding: 0 5px;
		position: relative;
		top: -2px;
	}
	

	
	ul.attachment-options li:first-child {
		margin: 0;
	}
	
	.skydrive,
	.onedrive,
	.indeed,
	.dropbox,
	.xing {
		margin: 0 5px;
	}
	
	.ph-apply-box .resume-group .drives {
		gap: 10px;
	}
	
	input[type='checkbox']:checked,
	input[type='radio']:checked {
		background-position: 2px !important;
		border: 2px solid #B8B8B8 ;
	}
	
	.navigation.personalInformation-step {
		justify-content: right;
	}
	
	.ph-apply-box input.form-control,
	.ph-apply-box select.form-control {
		height: 51px;
	}
	
	.ph-apply-box .rjsf .form-group.field .form-group.field.phoneBlock .phone_field_block {
		width: 100% !important;
	}
	
	.ph-apply-box .rjsf .form-group.field .checkbox label {
		display: flex;
	}
	
	.ph-apply-box .rjsf .form-group.field .checkbox label .checkbox-control {
		margin: 10px 10px 10px 0;
        width: 18px;
	}
	.ph-apply-box .rjsf .field-string, .custom-object{
		float: none !important;
		padding: 0 0 12px !important;
	}
	.delete-text {
		display: none !important;
	}
	
	.upload-resume-btn:focus {
		outline: none !important
	}
	
	.ph-apply-box .rjsf .form-group.field .form-fields .form-group.field.phoneBlock{
		display: block;
	}
	button.upload-resume-btn.btn.primary-button:hover {
		
        color: black;
        background-color: #FFF680FF;
	}
	button.btn.primary-button.btn-submit:hover {
		color: black;
        background-color: #FFF680FF;
        border: none !important;
	}
	
	li.text-danger {
		color: #cc3d5b;
	}
	li.linkedin-option {
		margin-top: 0 !important;
	}
	p#jsqData__description,.foo_disclaimer {
		margin-top: -13px;
	}
	
	}

	.ph-apply-box .rjsf {
        .step-title {
            .markdown p {
                font-size: 24px;
                font-weight: 600;
            }
        }

		.fromTo {
			#untitled1371 {
				display: flex;
				gap: 20px;
			}
			.undefined {
				margin-left: 0 !important;

				.react-datepicker-wrapper {
					width: 100%;
				}
			}
		}
		
		.calendar-widget .react-datepicker-wrapper {
			width: 100%;
		}
	}
	
	.ph-apply-box .phenom-form-container .resume-section .has-resume .after-upload a.downloadFile{
		color: #212529
	}
	
	#job-description-url{
		color: #212529;
	}
	
	
	@media only screen and (min-width: 992px) {
		.navigation.personalInformation-step {
			justify-content: right;
			margin: 0 auto;
		}
		.ph-apply-box .rjsf .form-group.field .form-fields .form-group.field {
			width: 100% !important;
		}
	}
	
	@media only screen and (max-width: 991px) {
	
		.ph-apply-box .resume-section,
		.ph-apply-box .pageTitle,
		.ph-apply-box .rjsf .form-group.field .form-fields .form-group.field {
			width: 100% !important;
		}
	
		.ph-apply-box .resume-section .resume-group .resume_info {
			padding-left: 0;
		}
	}
	
	@media only screen and (max-width: 767px) {
		.ph-apply-box .attachment-container {
			text-align: center;
		}

		.ph-apply-box .rjsf {
			.fromTo {
				#untitled1371 {					
					flex-direction: column;
					gap: unset;
				}
			}
		}
	
		.ph-apply-box .resume-section .resume-group .drives,
		.ph-apply-box .attachment-container ul.attachment-options {
			display: inline-block !important;
		}
	
		.ph-apply-box .resume-section .resume-group .drives .apply-or-line {
			margin: 20px 0 10px;
		}
	
		.ph-apply-box .skydrive,
		.ph-apply-box .onedrive,
		.ph-apply-box .indeed,
		.ph-apply-box .dropbox,
		.ph-apply-box .xing {
			width: 35px !important;
			height: 35px !important;
		}
	
		.ph-apply-box .attachment-container ul.attachment-options li {
			margin: 0;
			justify-content: center;
		}
	
		.ph-apply-box .attachment-container ul.attachment-options li:first-child,
		.ph-apply-box .attachment-container ul.attachment-options li:nth-child(2) {
			width: 45px;
			height: 45px;
			display: inline-block;
			margin: 0;
		}
	
		.ph-apply-box .attachment-container ul.attachment-options li.file-attachment {
			margin-top: 15px;
		}
	
		.attachment-options,
		.cloud-options-group ul {
			padding-left: 0px;
		}
	
		.file-attachment .file-label {
			padding: 15px;
		}
	
		.additional-attachment-v2 label {
			padding-bottom: 10px;
		}
		.cloud-options-group li.linkedin-option {
			margin-top: 0 !important;
		}
		.ph-apply-box .job-summary h2 {
			font-size: 27px !important;
		}
		.ph-apply-box .rjsf .form-group.field .form-fields .form-group.field {
			width: 100% !important;
		}
		.ph-apply-box .resume-section .resume-group .drives .resume-upload-wrapper {
			justify-content: center;
	 	}

		#apply-with-linkedin{
	min-height: 32px;
		}
	}

	@media only screen and (min-width: 769px) and (max-width: 1030px) {

	li.linkedin-option {
        margin-top: 0 !important;
    }
	.resume-group .drives li.linkedin-option #applyAwliWidget iframe {
		height: 50px !important;
		width: 100% !important;
	}
	.IN-widget--iframe{
		width: 100% !important;
	}	
}

	.IN-widget{
		line-height: normal !important; /*added on Aug 3*/
	}

	.resume-group .drives li.linkedin-option #applyAwliWidget iframe {
		vertical-align: baseline !important; /*added on Aug 3*/
	}

	
	@media only screen and (min-width: 1024px) and (max-width: 4000px) {
		.resume-group .drives .cloud-options-group {
			margin-right: 0 !important;
		}
	}
.ph-apply-box .job-summary h2, .resume-header, span.apply-or-box, .form-group.field.field-string.step-title p, label#firstName-label, .ph-apply-box input.form-control, .ph-apply-box select.form-control, li.text-danger, label#lastName-label, label#email-label, label#email-label, label#countryPhoneCode-label, label#cellPhone-label, label#country-label, label#city-label, label#ethnicity-label, label#hearAbout-label, label#subjectToInvestigation-radio, .ph-apply-box .rjsf .radio .radio-text, label#gAffilated-radio, .ph-apply-box .rjsf .form-group.field .form-fields .form-group.field, select#country option {
    font-family: 'M Ying Hei PRC for Viega' !important;
}

#untitled2844 .form-group.field.field-string {
    margin: 0 0 10px 0;
    width: 100% !important;
}

.field-radio-group-sub.radio { /* Added on Jul 31, 2026 */
    margin-bottom: 5px
}

.de_de .or{
		width: auto !important;
	}
@media only screen and (max-width: 767px){
.jointalentcommunity {
}
}
@media only screen and (max-width: 767px){
.event {
}
}
@media only screen and (max-width: 767px){
.apply {
}
}