#GridPage { width: auto !important; }
#CareerView { background: #787878; padding-bottom: 85px; padding-top: 270px; }
#headline h1 { margin-bottom: 0; margin-top: 150px; }
.mainHead { color: #f56423; font-family: 'CalvertMTProLight'; font-size: 555%; font-weight: normal; line-height: normal; letter-spacing: 1.11px; }
.toFormWrapper { direction: rtl; }

.jobFormWRapper { background-color: #F0F0F0; padding-top: 78px; }
.topWrapper { display: table; width: 100%; max-width: 800px; margin-top: 5px; }
.tagList, .toFormWrapper { display: table-cell; }

.tagList { font-family: 'CalvertMTPro'; color: #fff; vertical-align: top; text-transform: capitalize; font-size: 110%; }
.inforWrapper { border-top: 2px solid #000; margin-top: 100px; color: #fff; }
.jobTitle { font-family: 'CalvertMTPro'; display: table-cell; width: 300px; font-size: 110%; }
    .jobTitle span { max-width: 180px; display: block; }
.jobInfo { display: table; padding-top: 120px; }
.jobDetails { display: table-cell; font-size: 110%; }
    .jobDetails ul li { margin-bottom: 10px; }
.backToWrapper { padding-top: 110px; }

.FormTitle { font-family: 'CalvertMTPro'; font-size: 300%; font-weight: bold; padding-bottom: 55px; line-height: 1.07; letter-spacing: 0.6px; }
.mrw-dynamic-form .form-control { border: none; }
.mrw-dynamic-form .fa.fa-paperclip { background: #000000; width: 35px; height: 35px; border-radius: 50%; color: #ffffff; position: relative; text-align: center; vertical-align: -12px; margin-top: 50px; margin-right: 10px; margin-left: 10px; cursor: pointer; z-index: 1; }
.mrw-dynamic-form .fa-paperclip:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }
.fakeInput { color: #000; background: #fff; font-size: 100%; padding-right: 10px; position: relative; cursor: text !important; border-radius: 0; height: 60px; margin-top: -63px; z-index: 0; }

.mrw-dynamic-form .mrw-form-label[for="cvUpload"] { position: relative; z-index: 2; top: -50px; left: -50px; }
.mrw-dynamic-form .form-control#cvUpload { height: 0; }
.mrw-dynamic-form .checkboxWrapper { margin-top: 0px; margin-bottom: 0; }
.mrw-dynamic-form .inputWrapper.textareaWrapper { margin-bottom: 10px; }
input[type='checkbox'] + label:hover, input[type='checkbox']:focus + label { color: inherit; }
.mrw-dynamic-form input[type='checkbox'] + label ~ span.custCheckbox { border-color: #000; background: transparent; }
.mrw-dynamic-form .form-messages { background-color: rgba(255,255,255,0.8); }

span#approve-error { position: absolute; top: 24px; color: red; font-size: 70%; }

@media(max-width:1170px) {
    .content-wrapper,
    .jobFormWRapper { padding: 0 15px; }
}

@media(max-width:991px) {
    .mainHead, .FormTitle { padding-top: 52px; font-size: 300%; }
    #CareerView { padding-top: 0; padding-bottom: 50px; }
    #headline h1 { margin-top: 30px; font-size: 120%; }
}

@media(max-width:767px) {
    .mainHead, .FormTitle { font-size: 165%; line-height: 1.04; }
    .tagList, .toFormWrapper { display: block; direction: ltr; margin-bottom: 17px; }
    .tagList { font-size: 90%; }
    .jobTitle { font-size: 100%; }
        .jobTitle span { max-width: 100%; }
    .inforWrapper { margin-top: 24px; }
    .jobInfo { padding-top: 40px; display: block; }
    .jobTitle, .jobDetails { display: block; width: 100%; }
    .jobDetails { margin-top: 20px; font-size: 80%; }
        .jobDetails ul { padding-left: 25px; }
    a.backButton { margin-top: 20px; font-size: 90%; }
    .mrw-dynamic-form .mrw-form-label[for="cvUpload"] { left: -60px; }
}