.ph-apply-box .resume-section .resume-group .drives .cloud-options-group,
.ph-apply-box .resume-section .resume-group .drives .resume-upload-wrapper {
    display: inline-block !important;
    vertical-align: middle;
    text-align: center;
}
.ph-apply-box .resume-section .resume-group .drives .apply-or-line{
    display: inline-block !important;
    vertical-align: middle;
    text-align: center;
}
.ph-apply-box .cloud-options-group ul li {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    padding: 0px 10px;
}
.ph-apply-box .form-group .form-fields {
    margin: 0px auto 20px;
}
.ph-apply-box .resume-section .resume-group .cloud-options {
    border: 1px solid;
    padding-block: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.ph-apply-box .resume-section .resume-group .cloud-options .drives{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    width: 60%;
}
.ph-apply-box .resume-section{
    margin: 1rem 0;
    
}
input, textarea {
    width : 100%;
    padding:20px;
}
input[type='text']{
    padding:10px;
}

.ph-header {
    .phw-nav-menu {
        ul {
            justify-content: unset !important;
        }
    }
}



.ph-apply-box {
    .job-summary {
        span {
            font-size: 20px;
        }
    }

    .resume-section {
        .cloud-options {            
            .resume_info {
                .resume-header {
                    p {
                        span {
                            color: #D1223E;
                        }
                    }
                }
                .resume-file-type {
                    margin-top: 1rem;
                    text-align: center;
                }
            }
            .drives {
                margin-top: 1.5rem;
                .cloud-options-group {
                    ul {
                        display: flex;
                        padding-left: 0 !important;
                        align-items: center;                                                              

                        .linkedin-option {
                            margin-top: 0 !important;
                            margin-right: 15px;
                        }
                        li {                            
                            i{
                                margin: 0 !important;
                            }
                        }
                    }
                }                                        

                .resume-upload-wrapper {                    
                    margin-left: 10px;
                    width: unset !important;

                    button {
                        font-size: 16px !important;
                        height: 51px;
                        border-radius: 0 !important;
                        border: none;
                        padding: 0 10px;
                    }
                }
            }
        }
    }

    .rjsf {

        .col-md-12 {
            .foo {
                label[for="profileinformation"] {
                    margin-bottom: 0 !important;
                    margin-top: 15px !important;
                    font-size: 22px !important;
                }
            }                                                            
        }

        .col-md-6 {
            .field-string {
                width: 100% !important;
                margin-top: 25px;

                label {
                    .required {
                        color: #D1223E;
                    }
                }

                .error-detail {
                    padding-left: 0 !important;
                    li {
                        list-style: none !important;
                        color: #D1223E;
                    }
                }

                select {
                    height: 50px;
                    outline: none;
                    border: 1px solid #B8B8B8;
                }
            }
        }

        .col-md-12 {
            .async-field-object {
                margin-top: 16px;
                padding-left: 12px !important;

                #jsqData {
                    p.field-description {
                        font-size: 18px !important;
                    }
                    
                    .field-object {
                        padding-top: 12px !important;
                        
                        .control-label {
                            .required {
                                color: #D1223E;
                            }
                        }

                        textarea.form-control {
                            padding: 10px !important;
                            line-height: 15px !important;
                        }

                        .radio  {
                            span:nth-child(1) {
                                display: flex;
                                align-items: center;
                                gap: 2px;
                            }
                        }

                        .error-detail {
                            padding-left: 0 !important;
                            li {
                                list-style: none !important;
                                color: #D1223E;
                            }
                        }
                    }
                }
                                                                                
            }
        }
    }

    .navigation {
        button.btn-submit {
            height: 51px !important;
            padding: 0 10px !important;
        }
    }
}

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

    .ph-apply-box{
        .resume-section {
            .cloud-options {
                padding-inline: 1rem;

                .resume-file-type {
                    text-align: left;
                }

                .drives {
                    flex-direction: column;
                    width: 100%;

                    .cloud-options-group {
                        width: 100%;

                        ul {
                            width: 100%;
                            justify-content: center;

                            .linkedin-option {
                                margin-top: 0 !important;
                                margin-bottom: 10px;
                                padding-inline: 0 !important;
                                margin-right: 0 !important;
                            }

                            li:nth-child(2),li:nth-child(3),li:nth-child(4){
                                width: unset !important;
                            }
                        }
                    }

                    .resume-upload-wrapper {
                        margin-left: 0 !important;
                    }
                }
            }
        }

        .rjsf {
            .col-md-6 {
                .field-string {
                    margin-top: 0 !important;
                }
            }
        }

        .navigation {
            text-align: center;
        }
    }

    .ph-footer {
        .phw-widget-ctr {
            padding-top: 0;
        }
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .ph-apply-box {
        .form-control::placeholder {
            font-size: 14px;
        }
    }
}

@media screen and (min-width:768) and (max-width:1279.98px) {
    .nav-mobile-block {
        padding-top: 0 !important;

        .phw-nav-menu {
            ul {
                li {
                    button {
                        span {
                            font-size: 26px !important;
                        }
                    }
                                        
                    span {
                        a {
                            font-size: 26px !important;
                        }
                    }                    
                }
            }
        }
    }
}




.after-upload {
    margin-top: 10px;
}

.html {
    background-image: url(https://assets.phenompeople.com/CareerConnectResources/prod/MASCUS/images/html-icon-1703247528338.png) !important;
}
 #jtcForm .ph-jtc-box .rjsf .form-group .rbt .rbt-menu {
   background-color: #fff;
}

#jtcForm .ph-jtc-box .rjsf .form-group .rbt-input-multi.form-control {
   height: auto;
   min-height: 51px;
}

.ph-jtc-box .form-wrapper .resume-section .cloud-options {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   margin: 2em 0;
}

.ph-jtc-box .form-wrapper .resume-section .cloud-options .resume-info {
   padding-top: 1em;
}

#jtcForm .ph-jtc-box .rjsf .form-group .rbt .rbt-input-wrapper input#category {
   padding: 0 1em !important;
}

#jtcForm .ph-jtc-box .rjsf .form-group .rbt .rbt-input-wrapper input#location {
   padding: 0 1em !important;
}

#jtcForm .ph-jtc-box .rjsf .form-group .rbt .rbt-input-wrapper .rbt-token-removeable {
   margin: 5px 2px 5px 2px;
}

#jtcForm .ph-jtc-box .rjsf .form-group .rbt .rbt-input-wrapper .rbt-token buttoon {
   font-family: auto;
   border: transparent;
   background: transparent;
}

#jtcForm .ph-jtc-box .rjsf .form-group input[type='checkbox'] {
   margin-right: 10px;
   height: 18px !important;
   width: 18px !important;
}

#jtcForm .ph-jtc-box .rjsf .form-group .checkbox label {
   display: flex;
}

#jtcForm .ph-jtc-box .rjsf .form-group .checkbox {
   margin-top: 15px;
}

.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;
}


.ph-jtc-box {
   .resume-section {
      .has-resume.resume-info {
         margin-top: 10px;
      }
   }
}





.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: 0px;
}

#jtcForm .ph-jtc-box .rjsf .form-group .checkbox input {
   margin-bottom: 0px;
}

.checkbox {
   .checkmark {
      color: #c31313;
   }
}

#disclaimer {
   margin-bottom: 45px !important;
}

.ph-jtc-box .form-wrapper .resume-group .cloud-options {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   margin: 2em 0;
}

.ph-jtc-box .form-wrapper .resume-group .cloud-options .resume_info {
   margin: 0px auto 14px;
   font-size: 20px;
}

.navigation {
   text-align: right;

   button.btn-submit {
      background-color: #D1223E !important;
      border: none !important;
   }
}

.navigation button {
   font-size: 16px !important;

   &:hover {
      border-top-right-radius: 0 !important;
      border-bottom-left-radius: 0 !important;
   }
}

.ph-header .phw-widget .phw-nav-menu .phw-menu-list-item button {
   width: inherit;
}

.ph-header .phw-widget .phw-nav-menu .phw-align-items-center {
   justify-content: center;
}

input[type="text"] {
   color: #393939 !important;
}

#category {
   color: #393939;
   outline: none;
   font-size: 18px;
}

.form-group {
   label {
      color: #393939 !important;
   }
}



.phw-dialog-backdrop {
   .phw-a11y-modal-area {
      button.phw-modal-close,
      [data-ph-at-id="eye-icon-button"] {
         height: unset !important;
         width: unset !important;
      }
   }

   .phw-s-cookie-banner {
      .decline-enabled {
         [data-ph-at-id="cookie-close-link"],[data-ph-at-id="cookie-allow-link"] {
            width: unset !important;
         }
      }
   }
}


.ph-jtc-box .form-wrapper .form-fields {
   grid-template-columns: repeat(var(--grid-columns, 12), minmax(0, 1fr)) !important;
}


.resume-section {
   .drives {
      .cloud-options-group {
         li {
            i {
               margin: 0 15px !important;
            }
         }
      }

      .apply-or-line {
         margin-right: 0 !important;
         padding-left: 0 !important;
      }

      .resume-upload-wrapper {
         width: unset !important;

         button {
            margin-top: 0 !important;
            background-color: #D1223E !important;

            &:hover {
               border-top-right-radius: 0 !important;
               border-bottom-left-radius:0 !important ;
            }
         }
      }
   }
}


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

   .resume-section {
      .resume-group {
         padding: 0 !important;

         .drives {
            margin-top: 0 !important;

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

            .apply-or-line {
               justify-content: center;
            }
         }
      }
   }

   .ph-header {
      .phw-widget-ctr {
         .phw-hamburger-block {
            button {
               width: unset;
               color: #393939;
            }
         }
      }
   }

   .nav-mobile-block {
      top: 50px !important;

      .phw-nav-menu {
         li {
            span {
               a {
                  font-size: 16px !important;
               }
            }

            button {
               justify-content: unset !important;

               span {
                  font-size: 16px !important;
               }
            }
         }
      }
   }

   .phw-card-block {
      .phw-c-2c921039-description {
         color: #393939 !important;
         font-size: 18px !important;
      }

      .phw-btn {
         border: 1px solid #393939 !important;
         color: #393939 !important;
         font-size: 16px !important;

         &:hover {
            color: #fff !important;
         }

      }
   }

   .ph-jtc-box {
      .phenom-form-container {
         .resume-section {
            .resume_info {
               padding-left: 0;
               font-size: 18px;
            }
         }

         .form-group {
            label {
               font-size: 16px;
            }
         }

         .col-md-12 {
            label {
               position: relative;
               margin-left: 20px;

               span:nth-child(3) {
                  margin-left: 8px;
               }
            }
         }

         .checkbox {

            .checkmark,
            .required {
               position: absolute;
               top: 0;
            }

            #emailCommunication,
            #smsOptIn {
               margin-bottom: 0 !important;
               position: absolute;
               top: 2px;
               left: -20px;
            }
         }
      }

      select {
         font-size: 18px;
         padding-left: 6px;
      }
   }

   .ph-footer {
      .phw-widget-ctr {
         padding-top: 0 !important;
      }
   }
}

@media screen and (min-width:1280px) {
   .field-boolean {
      label {
         position: relative;

         .required {
            position: absolute;
            top: -2px;
            left: 25px;
         }

         span:nth-child(3) {
            position: absolute;
            top: -2px;
            left: 35px;
         }
      }
   }

   .nl_be {
      #smsOptIn-errorMsg {         
         bottom: -55px !important;                           
      }

      .navigation {
            bottom: 40px;
      }
   }

   .fr_be {
      .ph-jtc-box {
         .navigation {
            bottom: 10px;
         }
      }
   }

   .smsDiv {
      position: relative;

      #smsOptIn-errorMsg {
         position: absolute;
         bottom: -80px;                           
      }
   }

   .ph-jtc-box {
      .navigation {
         position: absolute;                  
      }
   } 
}

@media screen and (min-width:768px) and (max-width:1024px) {

   .resume-section {
      .resume-group {
         padding: 0 !important;
   
         .drives {
            flex-direction: column;
            margin-top: 0 !important;
   
            .cloud-options-group {
               ul {
                  padding-left: 0 !important;
               }
            }
   
            .apply-or-line {
               justify-content: center;
            }
         }
      }
   }

}

@media screen and (min-width:768px) and (max-width:1279.98px) {


   .ph-header {
      .phw-widget-ctr {
         .phw-hamburger-block {
            button {
               color: #393939;
            }
         }
      }

      .phw-c-9aaf3ae5-language-selector {
         .phw-posn-relative {
            z-index: 1001 !important;
         }
      }
   }

   .nav-mobile-block {
      top: 53px !important;

      .phw-nav-menu {
         ul {
            li {
               span {
                  a {
                     font-size: 26px !important;
                  }
               }

               button {
                  justify-content: unset !important;

                  span {
                     font-size: 26px !important;
                  }
               }
            }
         }
      }
   }

   .ph-jtc-box {
      .col-md-12 {
         label {
            position: relative;
            margin-left: 20px !important;

            .required {
               position: absolute;
               top: 0
            }
         }

         .field-boolean {
            label {
               span:nth-child(3) {
                  margin-left: 7px;
               }
            }
         }

         #emailCommunication,
         #smsOptIn {
            position: absolute;
            top: 0;
            left: -20px;
         }
      }
   }
}

@media screen and (min-width:768px) {

   .phw-dialog-backdrop.active {
      button._pswrd-visibility-btn_14gmn_112 {
         width: unset !important;
         border-color: transparent;
      }
   }

   .rjsf {
      .col-md-12 {
         .field-string {
            label {
               align-items: unset !important;
            }
         }
      }

      .navigation {
         button {
            margin-left: unset !important;
         }
      }
   }
}


.rbt-input-multi {
   .rbt-token-removeable {
      background-color: transparent !important;
      color: #393939 !important;      
      border: 1px solid;
      padding: 0px 6px !important;
      button.rbt-token-remove-button {
         width: 30px !important;
         height: 30px;
         &::before {
            display: none;
         }
      }
   }
}

#category > a, #category::placeholder {
   color: #393939 !important;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
   .ph-jtc-box {
      .rjsf {
         .form-control {
            font-size: 14px !important;
         }

         #category {
            font-size: 14px !important;
         }
      }
   }
}
@media only screen and (max-width: 767px){
.apply {
}
}
@media only screen and (max-width: 767px){
.jointalentcommunity {
}
}