/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 body{
    background-color: #fff !important;
 }
 .frp-loader {
  position: fixed;
  left: 50%;
  top: 50%;
  z-index: 1001;
}

.job-summary-desc{
   margin: 10px 0px;
}
 .frp-search-bar-wrapper{
   padding: 10px;
   height: 72px;
   background-color: #fff;
   box-shadow: 0 2px 8px 0 rgb(0 0 0 / 8%);
   margin-bottom: 8px;
   display: flex;
 }
 .frp-search-bar-wrapper .fa-search {
    color: #a3a1a1;
    padding: 17px 10px;
}
 .frp-search-bar-wrapper .search-input{
   height: 52px;
   flex: 1 1 auto;
   color: #191414;
   border: 0;
   letter-spacing: .7px;
   background-color: unset;
 }
  .frp-search-bar-wrapper .search-input:focus{
    outline: none;
    background-color: none;
 }
  .frp-search-bar-wrapper .search-input:-internal-autofill-selected{
    outline: none;
    background-color: none;
 }
 .frp-search-bar-wrapper .frp-search-button{
    border-radius: 2px;
    padding: 12px 36px;
    height: 52px;
 }
 .personio-jobs-wrapper{
    min-width: 80%;
 }
 .personio-jobs-wrapper .company-tabs{
    list-style: none;
    display: flex;
    flex-wrap: wrap; 
    padding-left: 0px;
    margin-left: 0px;
 }
 .personio-jobs-wrapper .company-tabs li{
    margin: 10px;
    margin-left: 0px;
    cursor: pointer;
 }
 .personio-jobs-content-wrapper{
   margin: 20px 0px;
 }
 .personio-company-tabs{
   margin: 40px 0px;
 }
 .personio-jobs-wrapper .campany-btn{
    background: #eddfdf;
    text-decoration: none;
    padding: 10px;
    color: black;
    border-radius: 2px;
 }
 .personio-jobs-wrapper .campany-btn.active,.personio-jobs-wrapper .campany-btn:hover ,.personio-jobs-wrapper .campany-btn:focus{
    background: #4b545b;
    color: white;
 }
 .personio-jobs-content{
    padding: 10px;
    box-shadow: 0 2px 8px 0 rgb(0 0 0 / 8%);
    margin: 10px 0px;
    background: rgba(255, 255, 255, 0.9);
 }
.personio-jobs-content .job-title{
    color: #fd6337;
    overflow-wrap: anywhere;
}
.personio-jobs-content .job-description{
    color: #191414;
}
.job-details{
    text-decoration: none;
    display: flex;
}
.job-content{
    width: 98%
}
.job-link .fa-angle-right{
    padding: 8px 5px;
}

/* Job Description */

.frp-job-description-container{
   min-width: 60%;
   width: 60%;
   margin: auto;
   margin-top: 50px;
}
.frp-job-description-container img{
      max-width: 100%;
}
.frp-job-description-container .back-div{
  margin: 20px 0px;
}
.frp-job-description-container .back-btn{
  text-decoration: none;
}
.frp-job-description-container .detail-title{
   color: #fd6337;
   margin-bottom: 10px;
   font-size: 32px;
}
.frp-job-description-container .detail-subtitle{
    margin-bottom: 57px;
    /*color: #191414;*/
    font-size: 16px;
}
.frp-job-description-container hr{
   margin-bottom: 30px;
}
.frp-job-details:focus{
   background-color: unset;
   text-decoration: none;
}
.frp-job-details{
   /*padding-top: 34px;*/
}
.frp-job-section{
   padding-bottom: 47px;
}
.frp-section-title{
    margin-bottom: 20px;
    text-transform: uppercase;
    font-size: 18px;
}
.frp-job-description{
   text-align:justify;
}
.frp-action-btn-wrapper {
    padding-bottom: 96px;
    text-align: center!important;
    box-sizing: border-box;
}
.frp-apply-btn{
   background-color: #fd6337;
}
/* Job Description */

/* Job Apply Form */

.hide{
   display: none;
}
.frp-apply-form .form-title{
   font-size: 18px;
}
.frp-apply-form .form-row{
    display: flex;
    flex-wrap: wrap;
    margin: 2rem 0rem;
    margin-right: -5px;
    margin-left: -5px;
}
.frp-apply-form .form-row .form-group{
    width: 50%;
    padding-left: 5px;
    padding-right: 5px;
}
.frp-apply-form .form-group label>span {
    color: #f33a3a;
}

.frp-apply-form .form-control{
   border: 0;
   background-color: #f3f4f5;
   border-radius: 2px;
   display: block;
   width: 100%;
   line-height: 1.5;
   /*color: #495057;*/
   background-clip: padding-box;
   transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.frp-apply-form .document-categories{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.frp-apply-form .document-categories .category{
    flex: 0 49%;
    margin-bottom: 14px;
    display: flex;
    flex-direction: column;
}

.frp-apply-form #document-dropzone-cv, .frp-apply-form #document-dropzone-other{
    min-height: 180px;
    padding: .688rem 1.05rem;
    border: 2px dashed #d9d9d9;
    background-color: #f3f4f5;
    border-radius: 2px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    text-align: center;
}
.dz-preview.dz-file-preview {
    width: 50%;
    display: inline-grid;
}
.frp-apply-form .dropzone .dz-message {
    text-align: center;
    margin: 2em 0;
}
.frp-apply-form .form-check{
   display: flex;
}
.frp-apply-form .form-check-input{
   height: 25px;
   width: 25px;
}
.frp-apply-form .form-check label{
   padding-left: 10px;
}
.frp-apply-form .left-btn{
   text-align: left;
}
.frp-apply-form .right-btn{
   text-align: right;
}
.frp-apply-form .frp-canel-btn{
   text-align: right;
   background-color: #d1d1d1;
}
.frp-btn-shape:disabled {
    opacity: .3;
    cursor: not-allowed;
}
.frp-apply-form .form-group .error{
   padding: 10px 0px;
   color: #f33a3a;
   text-transform: inherit;
}
.dz-success-mark,.dz-error-mark,.dz-size{
   display: none;
}

.dz-preview.dz-image-preview {
    width: 50%;
    max-width: 50%;
    flex-wrap: wrap;
    display: inline-block;
    float: left;
    padding: 10px;
    text-align: -webkit-center;
}
#form-message{
   color: red;
}
/*
.show-form,.frp-submit-btn,.frp-search-button{
    background-color: #fd6337;
    border: 2px solid #fd6337;
}
.show-form:hover,.frp-submit-btn:hover,.frp-search-button:hover{
    background-color: #fc3c05;
    text-decoration: none;
}*/
/* Job Apply Form *

/* mobile view */

@media only screen and (max-width: 768px) {
   .frp-job-description-container{
      width: 90%;
   }
   .frp-job-description-container img{
      max-width: 100%;
   }
   .document-categories .dropzone{
      min-width: 250px;
   }
   .personio-jobs-content .job-title{
      font-size: 18px;
   }
   .personio-jobs-content .job-description{
      font-size: 14px;
   }
   .frp-apply-form .form-row .form-group{
      width: 100%;
   }
   .frp-apply-form .frp-apply-submit-btn{
      width: 100%;
   }
   .frp-apply-form .frp-cancel-btn{
      width: 100%;
      margin: 10px 0px;
   }
   .frp-apply-form .form-check-input {
      min-height: 20px;
      min-width: 20px;
   }
   .personio-jobs-wrapper .company-tabs{
      display: grid;
   }
   .frp-search-bar-wrapper .hidden-xs{
      display: none !important;
   }
   .frp-search-bar-wrapper .visible-xs{
      display: inline-block;
   }
   .frp-search-bar-wrapper .fa-search {
    color: #a3a1a1;
   }
   .frp-search-bar-wrapper .frp-search-button{
    border-radius: 2px;
    padding: 5px;
    height: auto;
    margin-left: -30px;
 }
}
@media only screen and (min-width: 768px) {
   .frp-search-bar-wrapper .hidden-xs{
      display: inline-block;
   }
   .frp-search-bar-wrapper .visible-xs{
      display: none !important;
   }
}
.ptext-center{
   text-align: center;
}
/* mobile view */