/* =========================================================
   JS Jobs Modern Forms
   Scope: #js_jobs_main_wrapper .jsjobs-modern-form-*
   Notes: Shared form system for rewritten Add/Edit pages.
          Use page files only for page-specific widgets such as maps.
   ========================================================= */
/* @import url("bootstrap.min.css"); */
@import url("jsjobs_variables.css");
#js_jobs_main_wrapper{box-sizing: border-box;}
#js_jobs_main_wrapper *{box-sizing: border-box;}

#js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-card,
#js_jobs_main_wrapper.jsjobs-modern-form-page form.jsjobs-modern-form {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    clear: both;
    float: none;
}

#js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-overview {
    display: none;
}

#js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-shell {
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
    width: 100%;
    margin: 0;
    padding: 0;
}

#js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-section {
    display: block;
    width: 100%;
    border: 1px solid var(--jsjobs-border-soft);
    border-radius: var(--jsjobs-radius-lg);
    background: var(--jsjobs-surface);
    box-shadow: 0 10px 28px rgba(15, 23, 42, .045);
    overflow: hidden;
}

#js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-section-header {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 16px 18px 13px;
    border-bottom: 1px solid var(--jsjobs-border-soft);
    background: linear-gradient(180deg, var(--jsjobs-surface) 0%, var(--jsjobs-surface-soft) 100%);
}

#js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-section-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    min-width: 22px;
    margin-top: 2px;
    border-radius: var(--jsjobs-radius-pill);
    background: var(--jsjobs-primary-soft);
    color: var(--jsjobs-primary);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: -.02em;
}

#js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-section-copy h3 {
    margin: 0;
    color: var(--jsjobs-text-strong);
    font-size: 15px;
    font-weight: 900;
    letter-spacing: -.02em;
    line-height: 1.25;
}

#js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-section-copy p {
    margin: 3px 0 0;
    color: var(--jsjobs-muted);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.45;
}

#js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-section-body {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 25px 18px;
    padding: 18px;
}

#js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-field,
#js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-control,
#js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-control-check,
#js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-control-radio {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
    float: none;
    clear: none;
    text-align: start;
}
#js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-control .js-job-custom-terms-and-condition-box{
    display: flex;align-items: center;
    gap: 12px;
}
#js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-control .js-job-custom-terms-and-condition-box label{
    margin-bottom: 0;
}

#js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-field-wide {
    grid-column: 1 / -1;
}

#js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-label,
#js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-label label {
    display: block;
    width: 100%;
    margin: 0 0 10px;
    padding: 0;
    color: var(--jsjobs-text-strong);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .01em;
    line-height: 1.25;
    text-transform: none;
}

#js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-label font {
    color: var(--jsjobs-danger);
}

#js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-control input[type="text"],
#js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-control input[type="email"],
#js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-control input[type="number"],
#js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-control input[type="url"],
#js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-control input[type="password"],
#js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-control input[type="date"],
#js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-control select,
#js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-control textarea,
#js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-control .chzn-container,
#js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-control .chosen-container {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

#js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-control input[type="text"],
#js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-control input[type="email"],
#js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-control input[type="number"],
#js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-control input[type="url"],
#js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-control input[type="password"],
#js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-control input[type="date"],
#js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-control select,
#js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-control textarea {
    min-height: 38px;
    height: 45px;
    margin: 0;
    padding: 9px 12px;
    border: 1px solid var(--jsjobs-border);
    border-radius: var(--jsjobs-radius-sm);
    background: var(--jsjobs-surface-soft);
    color: var(--jsjobs-text);
    font-family: var(--jsjobs-font-ui);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.35;
    outline: 0;
    box-shadow: none;
    transition: border-color var(--jsjobs-transition-fast), background var(--jsjobs-transition-fast), box-shadow var(--jsjobs-transition-fast);
}
#js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-control textarea{
    min-height:250px !important;
}
#js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-control iframe, #js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-control .mce-tinymce, #js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-control .tox, #js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-control .js-editor-tinymce {
    min-height: 250px !important;
}
#js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-control input:focus,
#js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-control select:focus,
#js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-control textarea:focus {
    border-color: var(--jsjobs-primary);
    background: var(--jsjobs-surface);
    box-shadow: var(--jsjobs-focus-ring);
}

#js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-control textarea {
    resize: vertical;
}

#js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-control iframe,
#js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-control .mce-tinymce,
#js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-control .tox,
#js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-control .js-editor-tinymce {
    width: 100%;
    max-width: 100%;
    border-radius: var(--jsjobs-radius-md);
    overflow: hidden;
}

#js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-control .jsjobs-cbobox,
#js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-control .chzn-container,
#js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-control .chosen-container {
    display: block;
    width: 100%;
}
#js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-control .jsjobs-cbobox #mineducationrange{
    margin-bottom: 10px;
}
#js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-control .jsjobs-cbobox #maxeducationrange{
    margin-bottom: 10px;
}
#js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-control .chzn-container-single .chzn-single,
#js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-control .chosen-container-single .chosen-single {
    min-height: 38px;
    padding: 8px 12px;
    border: 1px solid var(--jsjobs-border);
    border-radius: var(--jsjobs-radius-sm);
    background: var(--jsjobs-surface-soft);
    color: var(--jsjobs-text);
    box-shadow: none;
}

#js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-actions {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    width: 100%;
    margin: 24px 0 0;
    padding: 22px 0 0;
    border-top: 1px solid var(--jsjobs-border-soft);
}

#js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-actions input#button.jsjobs_button,
#js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-actions .jsjobs_button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 118px;
    min-height: 42px;
    margin: 0;
    padding: 0 24px;
    border: 0;
    border-radius: var(--jsjobs-radius-pill);
    background: var(--jsjobs-primary);
    color: var(--jsjobs-on-primary);
    font-size: 13px;
    font-weight: 900;
    line-height: 1.2;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 12px 26px rgba(37, 99, 235, .28);
    transition: background var(--jsjobs-transition-fast), box-shadow var(--jsjobs-transition-fast), transform var(--jsjobs-transition-fast);
}

#js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-actions input#button.jsjobs_button:hover,
#js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-actions .jsjobs_button:hover {
    background: var(--jsjobs-primary-hover);
    box-shadow: 0 16px 32px rgba(37, 99, 235, .34);
    transform: translateY(-1px);
}

@media (max-width: 780px) {
    #js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-section-header,
    #js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-section-body {
        padding: 14px;
    }

    #js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-section-body {
        grid-template-columns: 1fr;
    }

    #js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-actions input#button.jsjobs_button,
    #js_jobs_main_wrapper.jsjobs-modern-form-page .jsjobs-modern-form-actions .jsjobs_button {
        width: 100%;
    }
}


/* --admin-edit resume form page */
/* @import url("bootstrap.min.css"); */
@import url("jsjobs_variables.css");
body {font-size:var(--jsjobs-body-font-m)!important;color: #171822 !important;-webkit-font-smoothing: antialiased !important;}
#js_jobs_main_wrapper:not(.jsjobs-modern-form-page):not(.jsjobs-modern-job-form-future-page):not(.jsjobs-modern-page) input[type=text], #js_jobs_main_wrapper:not(.jsjobs-modern-form-page):not(.jsjobs-modern-job-form-future-page):not(.jsjobs-modern-page) input[type=email], #js_jobs_main_wrapper:not(.jsjobs-modern-form-page):not(.jsjobs-modern-job-form-future-page):not(.jsjobs-modern-page) input[type=date], #js_jobs_main_wrapper:not(.jsjobs-modern-form-page):not(.jsjobs-modern-job-form-future-page):not(.jsjobs-modern-page) select, #js_jobs_main_wrapper:not(.jsjobs-modern-form-page):not(.jsjobs-modern-job-form-future-page):not(.jsjobs-modern-page) textarea{font-size:var(--jsjobs-body-font-m)!important;color:#64676a!important;}
#js_jobs_main_wrapper:not(.jsjobs-modern-form-page):not(.jsjobs-modern-job-form-future-page):not(.jsjobs-modern-page) input:selected{color:#64676a!important;border:1px solid #d4d4d5;background:#f7f7f7;}
input:-webkit-autofill,
input:-webkit-selected,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active  {
    -webkit-background: #f7f7f7 !important;
}
/*------main warpper--------*/

div#js_jobs_main_wrapper:not(.jsjobs-modern-job-form-future-page):not(.jsjobs-modern-form-page):not(.jsjobs-modern-page) {
    background-color: #f9fafb !important;
    padding: 20px;
    border: 1px dashed #e5e5e5;
    border-radius: 10px;
}
select.inputbox{background-image: url(../images/selecticon.png) !important;background-repeat: no-repeat !important;background-position: calc(100% - 15px) !important;-webkit-appearance: none !important;-moz-appearance: none !important;appearance: none !important;background-size: 16px !important;}
/* resume form files popup design */
div#black_wrapper_resumefiles{position: fixed;width:100%;height:100%;top:0px;left:0px;background:rgba(0,0,0,0.6);z-index:9998;}
div#ajax-loader{position: fixed;width:100%;height:100%;top:0px;left:0px;background:rgba(0,0,0,0.6);z-index:9998;}
div#ajax-loader img{position: fixed;margin:30% 50%;padding:10px;background:#ffffff;border:1px solid #ffffff;border-radius:100px;}
/* Resume Files popup (form resume "Choose Files") — modernised card. */
div#resumeFilesPopup.resumeFilesPopup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;display:flex;flex-direction:column;width:min(600px,92vw);max-height:min(80vh,640px);padding:0;overflow:hidden;background:var(--jsjobs-surface);border:1px solid var(--jsjobs-border-soft);border-radius:var(--jsjobs-radius-lg);box-shadow:0 24px 60px rgba(15,23,42,.25);visibility:hidden;}
div#resumeFilesPopup div#resumeFiles_headline{flex:0 0 auto;width:auto;height:auto;margin:0;padding:15px 20px;text-indent:0;border-bottom:1px solid var(--jsjobs-border-soft);background:var(--jsjobs-surface-soft);color:var(--jsjobs-text-strong);font-weight:800;font-size:16px;}
div#resumeFilesPopup div.chosenFiles{width:100%;}
div#resumeFilesPopup div.chosenFiles_heading{flex:0 0 auto;position:relative;width:auto;height:auto;margin:14px 20px 0;padding:0 0 8px;border-bottom:1px solid var(--jsjobs-border-soft);text-align:start;color:var(--jsjobs-muted);font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.04em;}
div#resumeFilesPopup div#filesInfo{flex:1 1 auto;position:relative;top:0;height:auto;margin:0;padding:12px 20px;overflow-y:auto;overflow-x:hidden;color:var(--jsjobs-text);font-size:13.5px;}
div#resumeFilesPopup div.fileSelectionButton{flex:0 0 auto;height:44px;margin:16px 20px 0;float:none;width:auto;overflow:hidden;position:relative;border:1px dashed var(--jsjobs-border);border-radius:var(--jsjobs-radius-md);background:var(--jsjobs-surface-soft);}
div#resumeFilesPopup div.fileSelectionButton span.fileSelector{color:var(--jsjobs-primary);}
div#resumeFilesPopup div.resumeFiles_close{flex:0 0 auto;display:flex;justify-content:flex-end;margin:0;padding:14px 20px;border-top:1px solid var(--jsjobs-border-soft);background:var(--jsjobs-surface-soft);}
div#resumeFilesPopup div.resumeFiles_close span#closepopup{display:inline-flex;align-items:center;min-height:40px;padding:0 26px;border-radius:var(--jsjobs-radius-pill);background:var(--jsjobs-primary);color:var(--jsjobs-on-primary);font-weight:800;font-size:14px;cursor:pointer;}
div#resumeFilesPopup div.fileSelectionButton input.resumefiles{display:none;border:1px solid #000;width:100%;height:100%;opacity:0;padding: 6px 0;position:relative;left:0;top:0px;z-index:3;cursor:pointer;}
div#resumeFilesPopup div.fileSelectionButton span.fileSelector{display:none;width:100%;position:absolute;z-index:1;text-align:center;font-size:var(--jsjobs-body-font-l);line-height:40px;font-weight:700;top:0;cursor:pointer;height:100%;}
/* File rows inside the popup list (selected + already-uploaded). Legacy grid
   classes (js-row/js-col-*) are now inert, so lay these out with flexbox. */
div#resumeFilesPopup div.filesInfo div.chosenFiles{position:relative;width:100%;color:var(--jsjobs-muted);font-size:13px;}
div#resumeFilesPopup div.filesInfo div.chosenFile,
div#resumeFilesPopup div.filesInfo div.chosenErrorFile{margin:8px 0;padding:10px 14px;border-radius:var(--jsjobs-radius-md);font-size:13.5px;line-height:1.4;}
div#resumeFilesPopup div.filesInfo div.chosenFile{background:var(--jsjobs-surface-soft);border:1px solid var(--jsjobs-border-soft);color:var(--jsjobs-text-strong);}
div#resumeFilesPopup div.filesInfo div.chosenErrorFile{background:#fef3c7;border:1px solid #fcd34d;color:#92400e;}
div#resumeFilesPopup div.filesInfo div.chosenFile > div,
div#resumeFilesPopup div.filesInfo div.chosenErrorFile > div{min-width:0;}
div#resumeFilesPopup div.filesInfo div.chosenFile div.js-row,
div#resumeFilesPopup div.filesInfo div.chosenErrorFile div.js-row{display:flex;align-items:center;gap:10px;margin:0;}
div#resumeFilesPopup span.uploadFileName{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;color:inherit;}
div#resumeFilesPopup span.deleteUploadedFile{flex:0 0 auto;display:inline-flex;align-items:center;cursor:pointer;opacity:.65;transition:opacity .15s ease;}
div#resumeFilesPopup span.deleteUploadedFile:hover{opacity:1;}
div#resumeFilesPopup span.deleteUploadedFile img{width:15px;height:15px;display:block;}
/* Freshly-selected batch: "clear files" overlay revealed on hover. */
div#resumeFilesPopup div.filesInfo div.chosenFiles div.hoverLayer{display:none;}
div#resumeFilesPopup div.filesInfo div.chosenFiles:hover div.hoverLayer{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-end;padding-inline-end:14px;background:rgba(15,23,42,.05);border-radius:var(--jsjobs-radius-md);z-index:5;pointer-events:none;}
div#resumeFilesPopup div.filesInfo div.chosenFiles div.hoverLayer span.deleteChosenFiles{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--jsjobs-radius-pill);background:var(--jsjobs-text-strong);color:#fff;font-size:12px;font-weight:700;cursor:pointer;pointer-events:auto;}
div#resumeFilesPopup div.filesInfo div.chosenFiles div.hoverLayer span.deleteChosenFiles img{width:15px;height:15px;}
/* Per-file error text. */
div#resumeFilesPopup div.filesInfo div.fileUploadError{margin-top:6px;font-size:12px;line-height:1.4;}
div#resumeFilesPopup div.filesInfo span.errorHead{font-weight:700;color:#b91c1c;}
div#resumeFilesPopup div.filesInfo span.errorText{color:#c2410c;}
div#jsjobs-main-wrapper div.jsjobs-package-data span.jsjobs-package-title span.stats_data_value{display: inline-block;
    text-align: center;
    font-weight: bold;
    padding: 15.5px;
    width: 20%;
    border-radius: var(--jsjobs-radius);}
div#jsjobs-main-wrapper div.jsjobs-package-data span.jsjobs-package-title span.jsjobs-package-price-details span.stats_data_value{
    font-size: 15px; font-weight: bold; display: inline-block; width: 100%; text-align: center; padding: 16px 0px;
    min-width: 95px;
    border-radius: var(--jsjobs-radius-pill);}
form.editform div.jsjobsformheading{display: inline-block;width: 100%; float: inline-start;padding: 7px 5px; margin-bottom: 11px; font-weight: bold;}
div#js_main_wrapper div.resume-section-no-record-found{background: #fefccb none repeat scroll 0 0; border: 1px solid #e5db55;color: #404040; margin: 10px 0 10px 10px;padding: 5px; width: 95%;}
/* Modules CSS*/
form#js-jobs-form-mod {display: inline-block;width: 90%;margin: 0px 5%;}
form#js-jobs-form-mod div.fieldwrapper{margin: 2px 0px;}
form#js-jobs-form-mod div.fieldwrapper input,select{margin: 0px;height: 30px;}
form#js-jobs-form-mod div.fieldwrapper div.text-left{width: 100%;display: inline-block;margin: 2px 0px}

div#jsjobs-main-wrapper div.jsjobs-folderinfo div.fieldwrapper div.fieldvalue input.radiobutton{display: inline-block;width: auto;height: auto;}
div#jsjobs-main-wrapper div.jsjobs-folderinfo div.fieldwrapper div.fieldvalue input.cf_radio{display: inline-block;width: auto;height: auto;}
div#jsjobs-main-wrapper div.jsjobs-folderinfo div.fieldwrapper div.fieldvalue label{display: inline-block;width: auto; margin-inline-end: 10px;    margin-bottom: 8px;}
div#jsjobs-main-wrapper label.cf_chkbox{display: inline-block; width: auto; margin-inline-start: 4px; margin-inline-end: 18px;}
div#jsjobs-main-wrapper label.cf_radiobtn{display: inline-block; width: auto; margin-inline-start: 4px; margin-inline-end: 18px;}
div#jsjob-search-popup div.js-searchform-value label{display: inline-block;width: auto; margin-inline-end: 10px;margin-inline-start: 5px;}
/*newcss*/
/*headertitle*/
div#js_main_wrapper div div.js-resume-section-title{    padding: 0px 0px 15px 0px;position:relative; margin-top: 10px;float: inline-start;clear: both;width: 100%;font-size: 23px;}
div#js_main_wrapper div div.js-resume-section-title span{font-weight:bold;padding-inline-start:5px;}
div#js_main_wrapper div div.js-resume-section-title img{position:relative;width:40px;height:40px;padding: 5px;}
div#js_main_wrapper div div.js-resume-section-title img.jsjobs-resume-section-image{position:static;padding:5px;width:40px;height:40px;}
/*form*/
div#js_main_wrapper div#resumeform{display: inline-block;float: inline-start; margin: 0px 0; width: 100%; }
div#resumeform div.jssectionwrapper{padding: 20px 20px;
    margin-bottom: 15px;
    width: 100%;
    float: inline-start;
    display: inline-block;
    position: relative;
    border-radius: 12px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);}
div#resumeform div.jssectionwrapper .fullwidthwrapper{display: inline-block;float: inline-start;width: 100%;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper{display: inline-block;float: inline-start;width: 100%; margin-top: 8px;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper select#status{width: 100%;margin-bottom: 9px;float: inline-start;background-image: url(../images/selecticon.png);background-repeat: no-repeat;background-position: calc(100% - 15px);-webkit-appearance: none;-moz-appearance: none;appearance: none;background-size: 16px;border:1px solid #ebecec;background: #fff;padding: 5px;height: 45px;}
ul.jsjobs-input-list-jsjobs {overflow: hidden;height: auto !important;height: 1%;width: 200px;border: 1px solid #ebecec;cursor: text;font-size: 12px;min-height: 1px;z-index: 999;margin: 0;padding: 0;background-color: #fff;list-style-type: none;clear: inline-start;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper div.jsresume_seach_width{display: inline-block;float: inline-start;width: 25%; padding: 10px 15px; margin-inline-end: 10px;border-radius: 3px;height: 45px;margin-bottom: 20px;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper div.jsresume_seach_width div.checkbox-field input{margin: 0px; margin-inline-end: 5px;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper div.jsresume_seach_width div.checkbox-field-label label{margin: 0px;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper div.jsresume_seach_width div.checkbox-field{display: inline-block;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper div.jsresume_seach_width div.checkbox-field-label{display: inline-block;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper.formresumethree{width: 33.333333%; padding-inline-end: 7px;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper.formresumethree:nth-child(2){padding-inline-start: 7px;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper.formresumethree:last-child{padding-inline-start: 7px; padding-inline-end: 0px;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper.formresumethree:first-child{padding-inline-start: 0px;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper.formresumetwo{width: 50%; padding-inline-end: 14px;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper.formresumetwo:nth-child(even){padding-inline-end: 0px;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper span.error-msg{margin-inline-start: 5px; color: red;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper input.inputbox{height: 45px; width: 100%; margin-bottom: 9px;box-shadow: unset;padding: 10px;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper textarea.inputbox{ width: 100%; margin-bottom: 9px;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper label.cf_chkbox{ display: inline-block; margin-inline-end: 10px; margin-inline-start: 5px;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper label.cf_radiobtn{ display: inline-block; margin-inline-end: 10px; margin-inline-start: 5px;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper .resumefieldtitle{display: inline-block;float: inline-start;width: 100%;margin-bottom: 10px;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper .resumefieldvalue{display: inline-block;float: inline-start;width: 100%;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper .resumefieldvalue.js-jobs-main-wrp{height: 45px;padding: 10px;border-radius: 4px;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper .resumefieldvalue.js-jobs-main-wrp.js-jobs-file-wrp{height: auto;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper .resumefieldvalue select.jsjobs-file-wrp{background-image: none !important;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper .resumefieldvalue div.field-calendar button{display: inline-block;display: inline;zoom: 1;padding: 4px 12px;margin-bottom: 0;font-size: 13px;line-height: 18px;text-align: center;vertical-align: middle;cursor: pointer;color: #333;text-shadow: 0 1px 1px rgba(255,255,255,0.75);background-color: #f5f5f5;background-image: -moz-linear-gradient(top,#fff,#e6e6e6);background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);background-image: -o-linear-gradient(top,#fff,#e6e6e6);background-image: linear-gradient(to bottom,#fff,#e6e6e6);background-repeat: repeat-x;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe5e5e5', GradientType=0);border-color: #e6e6e6 #e6e6e6 #bfbfbf;background-color: #e6e6e6;filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);border: 1px solid #bbb;border: 0;border-bottom-color: #a2a2a2;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;margin-inline-start: .3em;-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);border-radius: 0 3px 3px 0;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper .resumefieldvalue div.field-calendar button.btn-primary{height: 45px;width: 43px;display: inline-block;display: inline;zoom: 1;padding: 4px 12px;margin-bottom: 0;font-size: 13px;line-height: 18px;text-align: center;vertical-align: middle;cursor: pointer;color: #333;text-shadow: 0 1px 1px rgba(255,255,255,0.75);background-color: #f5f5f5;background-image: -moz-linear-gradient(top,#fff,#e6e6e6);background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);background-image: -o-linear-gradient(top,#fff,#e6e6e6);background-image: linear-gradient(to bottom,#fff,#e6e6e6);background-repeat: repeat-x;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe5e5e5', GradientType=0);border-color: #e6e6e6 #e6e6e6 #bfbfbf;background-color: #e6e6e6;filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);border: 1px solid #bbb;border: 0;border-bottom-color: #a2a2a2;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;margin-inline-start: .3em;-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);border-radius: 0 3px 3px 0;}
div#resumeform div#resumeCaptcha{display: inline-block; float: inline-start;width: 100%; margin-top: 10px;}
div#resumeform div#resumeCaptcha div.jsresumecaptcha{display: inline-block; float: inline-start;width: 50%; padding: 10px 15px;}
div#resumeform div#resumeCaptcha div.jsresumecaptcha input{width: 70%; height: 32px;}
div#existingFiles {
    margin-bottom: 15px;
}
div#resumeform div#resumeCaptcha div.jsresumecaptcha label#captchamsg span.error-msg{color: red; margin-inline-start: 3px; font-size: 15px;}
div#resumeform div.resumefieldvalue div#existingFiles span.selectedFile{margin-inline-end: 12px;}
div#resumeform div.resumefieldvalue div#existingFiles span.selectedFile a{margin: 0px 7px;}
div#js_main_wrapper div#resumeform div.jssection_wrapper div.resumefieldswrapper div.resumefieldvalue div.outermapdiv div.map div a.js-resume-close-cross{background-clip: padding-box; background-color: rgb(255, 255, 255); border-color: rgba(0, 0, 0, 0.15); border-style: solid; border-width: 1px; box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.298);  font-size: 10px; padding: 1px 6px 0; position: absolute; right: 5px; top: 26px; z-index: 9999;}
/*three cols select*/
div#resumeform div.jssectionwrapper div.resumefieldswrapper .resumefieldvalue select{height: 45px !important;width: 100%;margin-bottom: 9px !important;float: inline-start !important;background-image: url(../images/selecticon.png) !important;background-repeat: no-repeat !important;background-position: calc(100% - 15px);-webkit-appearance: none !important;-moz-appearance: none !important;appearance: none !important;background-size: 16px !important;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper .resumefieldvalue select#sec_1currencyid,
div#resumeform div.jssectionwrapper div.resumefieldswrapper .resumefieldvalue select#sec_1dcurrencyid{width: calc(30% - 10px); margin-inline-end: 10px;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper .resumefieldvalue select#sec_1jobsalaryrange,
div#resumeform div.jssectionwrapper div.resumefieldswrapper .resumefieldvalue select#sec_1desired_salary{width: calc(30% - 10px); margin-inline-end: 10px;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper .resumefieldvalue select#sec_1jobsalaryrangetype,
div#resumeform div.jssectionwrapper div.resumefieldswrapper .resumefieldvalue select#sec_1djobsalaryrangetype{width: 40%;}
/*resumephoto*/
.field-calendar .input-group{flex-wrap: nowrap;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper .resumefieldvalue div.resumephoto{width: 150px; display: inline-block;float: inline-start;margin-bottom: 15px;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper .resumefieldvalue div.photodetail{width: calc(100% - 150px); display: inline-block;float: inline-start; padding-inline-start: 15px;padding-top: 20px;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper .resumefieldvalue div.photowrapper{width: 150px; height: 150px; padding: 7px; background: #FFF; position: relative;border-radius:var(--jsjobs-radius);}
div#resumeform div.jssectionwrapper div.resumefieldswrapper .resumefieldvalue div.photowrapper img.resume_img{position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; max-width: 95%; max-height: 95%;border-radius: 5px;}
/*EditFormStatus*/
div#js_resume_percentage{display: inline-block;float: inline-start;width: 98%; margin: 1%; padding: 20px 25px 20px 0px;border-radius: var(--jsjobs-radius);}
div#js_resume_percentage.js_resume_percentage{width: 100%; margin: 10px 0px 0px 0px;border:1px solid #d4d4d5;}
div#js_resume_percentage div.js_image_area{width: 200px; display: inline-block; float: inline-start; text-align: center;}
div#js_resume_percentage div.js_image_area span.profile-img{display: inline-block; padding: 5px; border-radius: 5px; border: 1px solid blue; background: #FFF;box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);}
div#js_resume_percentage div.js_image_area span.profile-img img.js-img{ max-width: 100%; max-height: 100%; width: 150px; height: 150px; border: 1px solid red; border-radius: 5px;}
div#js_resume_percentage div.js_detail_area{width: calc(100% - 200px);
    float: inline-start;
    margin-top: 15px;
    flex-wrap: wrap;
    display: flex;}
div#js_resume_percentage div.js_detail_area div.js-heading{font-size: 20px; display: block; font-weight: bold;}
div#js_resume_percentage div.js_detail_area div.js-percentage{ display: block;
    width: 100%;
    margin-top: 15px;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 15px;
    background: #e9ecef;
    height: 45px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);}
div#js_resume_percentage div.js_detail_area div.js-percentage div.js-percentage-status{text-align: center;
    background-color: var(--jsjobs-primary);

    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 12px;
    font-weight: 700;
    transition: width 0.6s ease;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem;}
    .js_addnew_anchor:hover {
    border-color: var(--jsjobs-primary)!important;
    color: var(--jsjobs-primary) !important;
    background-color: var(--jsjobs-content-bg);
    transform: translateY(-2px);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}
div#js_resume_percentage div.js_detail_area div.js-percentage div.js-percentage-status .status-text{    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
    line-height: 46px;}
div#js_resume_percentage div.js_detail_area div.js-completeyour_profile{    margin-top: 10px;
    font-weight: bold;
    width: 100%;
    margin-bottom: 10px;}
div#js_resume_percentage div.js_detail_area div.js-addnew-wrapper{box-sizing: border-box;
    padding: 10px;}
div#js_resume_percentage div.js_detail_area div.js-addnew-wrapper a.js_addnew_anchor{display: block;
    text-decoration: none;
    text-align: center;
    padding: 15px 10px;
    background-color: white;
    border: 1px dashed #bdc3c7;
    border-radius: 8px;
    font-weight: 600;
    font-size: 14px;
    transition: all 0.2s ease;}
    .js-addnew-wrapper.js-col-xs-12.js-col-md-4 {
    width: 33.333%;
}

div#js_jobs_main_wrapper:not(.jsjobs-modern-job-form-future-page):not(.jsjobs-modern-form-page):not(.jsjobs-modern-page) div#jsjobs-main-wrapper div.jsjobs-folderinfo form#adminForm.jsautoz_form div.fieldwrapper div.fieldtitle label{display: inline-block;}
/*uploadFiles*/
div#resumeform div.jssectionwrapper div.resumefieldswrapper div.upload-field{max-height:32px;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper div.upload-field #uploadPhotoFile{position:absolute;width:99%;background:#ffffff;height:26px;padding-inline-start: 8px; padding-top:3px;border:none;z-index: 2;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper div.upload-field #uploadResumeFile{position:absolute;width:99%;background:#ffffff;height:28px;padding-inline-start: 8px; padding-top:3px;border:none;z-index: 2;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper div.files-field{position: relative; display: inline-block;width: 100%; float: inline-start;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper div.files-field #uploadPhotoFile{position:absolute;width:99%;background:#ffffff;height:28px;padding-inline-start: 8px; padding-top:3px;border:none;z-index: 2;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper div.files-field #uploadResumeFile{position:absolute;width:99%;background:#ffffff;height:28px;padding-inline-start: 8px; padding-top:3px;border:none;z-index: 2;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper div.upload-field input[type="file"]{width:100%;height:30px;position:relative;left:0;cursor:pointer;display:inline-block;opacity:0;filter:alpha(opacity=0);z-index:5;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper div.upload-field span.uploadFileName{position:relative;top:0px;left:0px;display:inline-block;opacity:1;;z-index:3;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper div.upload-field span.upload_btn{position:absolute;top:26px;right:-2px;float: inline-end;padding: 6px 20px;text-align: center;font-weight: bold;border-bottom-right-radius: 3px;border-top-right-radius: 3px;z-index:2;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper div.files-field{max-height:52px;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper div.files-field span.uploadFileName{position:relative;top:0px;left:0px;display:inline-block;opacity:1;z-index:3;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper div.files-field span.upload_btn{position: absolute;
    cursor: pointer;
    top: 0px;
    right: -1px;
    float: inline-end;
    padding: 10px 20px;
    text-align: center;
    font-weight: bold;
    z-index: 2;
    height: 45px;
    border-radius: var(--jsjobs-radius);}
div#resumeform div.jssectionwrapper div.resumefieldswrapper div.files-field div.selectedFiles{position:relative;display:block;z-index:0;height:45px;padding:10px 0 0 5px;cursor:pointer;border-radius: var(--jsjobs-radius);}
div#resumeform div.jssectionwrapper div.resumefieldswrapper div.files-field div.selectedFiles:hover div#resumeform div.jssectionwrapper div.resumefieldswrapper div.files-field span.upload_btn{position:relative;display:block;z-index:0;height:30px;padding:7px 0 0 5px;background:#ffffff;cursor:pointer;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper div.files-field div.selectedFiles span.selectedFile{margin:2px;position:relative;padding:3px 4px 2px 4px;border-radius: 2px;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper div.files-field div.selectedFiles a{position:relative;padding:2px;bottom:1px;}
div#resumeform div.jscaptcha_section{display: inline-block; float: inline-start; width: 100%;}
/*mapcss*/
div#resumeform div.jssectionwrapper div.resumefieldswrapper div.leftpaddingnull{padding-inline-start: 0px;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper.loc-field a.map-link{float: inline-start;position:relative;right:2px;padding:12px 15px;border-radius:3px;text-decoration:none;height: 45px;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper div.outermapdiv{ width:100%;position:relative;z-index:99999;bottom:219px;left:-5px;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper div.outermapdiv div.map{ height: 216px; left: 13px; position: absolute; overflow:true; top: 0px; visibility: hidden; width: 578px;top:17px;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper div.outermapdiv div.map div.map_container{ z-index:1000; position:relative; background:#000; width:100%; height:100%;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper div.outermapdiv div.map div#closetag a{padding:1px 6px 0 6px;position:absolute;z-index:9999;right:5px;top:26px;font-size:10px;background-color:rgb(255, 255, 255);-webkit-box-shadow:rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;box-shadow:rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;border-color:rgba(0, 0, 0, 0.14902);border-width:1px 1px 1px 1px;background-clip:padding-box;border-style:solid;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper div.outermapdiv div.map div#closetag a:hover{background-color:#dfdfdf;color:#494949;}
/*sectionShowHide*/
div#resumeform div.jssectionwrapper div.jssection_hide{display: none;}
div#resumeform div.jsresume_addnewbutton{display: block; float: inline-start; cursor: pointer; padding: 12px 18px; font-size:var(--jsjobs-body-font-m);;border-radius: var(--jsjobs-radius);margin-bottom: 15px;}
div#resumeform div.jsresume_addnewbutton div.jsresume_plus{display: inline-block; font-size: 16px; margin-inline-end: 5px;}
div#resumeform div.jssection_wrapper{display: block; width: 100%; float: inline-start; margin: 10px 0px; padding-top: 15px; padding-bottom: 10px; position: relative;}
div#resumeform div.jssection_wrapper:last-child{border: none;}
div#resumeform div.jssection_wrapper img.jsdeleteimage{position: absolute; top: 5px; right: 0px; cursor: pointer;}
div#resumeform div.jssection_wrapper img.jsundoimage{cursor: pointer; position: absolute;top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto;}
div#resumeform div.jssection_wrapper div.jsundo{display: none;}
div#resumeform div.jssection_wrapper div.jsundodiv{ float: inline-start; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; z-index: 999;}
div.jsjobs-captcha-wrp{ float: inline-start; width: 100%; }
div.jsjobs-captcha-wrp input{height: 30px;min-width: 80px;margin: 0 10px;}
/*submits buttons*/
input#photo {
    border-radius: .25rem;
}
div#resumeform div.resumesubmitbuttons{display: inline-block; float: inline-start; width: 100%; text-align: center; margin: 15px 0px; padding-top: 15px;}
div#resumeform div.resumesubmitbuttons .resume_submits{outline: none; border: 1px solid red; background: blue; color: #fff; padding: 9px 15px; display: inline-block; margin: 0px 5px; line-height: 1;border-radius: 5px !important;}
div#resumeform div.resumesubmitbuttons .resume_submits.cancel{text-decoration: none;border-radius: var(--jsjobs-radius);}
/*myresume*/
div#js-jobs-resumelisting-wrapper{display: inline-block;float: inline-start; width: 100%;}
div#js-jobs-resumelisting-wrapper div.js-resume-list{    float: inline-start;
    margin-top: 10px;
    position: relative;
    display: inline-block;
    width: calc(100% - 0px);
    margin-bottom: 24px;
    border-radius: 10px;
    padding: 0px;
    transition: transform 0.2s, box-shadow 0.2s;}
div#js-jobs-resumelisting-wrapper div.js-resume-list:last-child{ margin-top: 0px; margin-bottom: 10px; }
div#js-jobs-resumelisting-wrapper div.js-resume-list:last-child{ margin-top: 10px;}
div#js-jobs-resumelisting-wrapper div.js-topresume-area{ display: inline-block; float: inline-start; width: calc(100% - 140px); height: 95px;margin-top: 15px;}
div#js-jobs-resumelisting-wrapper div.js-resume-list div.js-topresume-area div.jsjobs-applyname{display: inline-block;float: inline-start; width: calc(100% - 10px); margin-inline-start: 10px; position: relative;}
div#js-jobs-resumelisting-wrapper div.js-resume-list div.js-topresume-area div.jsjobs-applyname span.jsjobs-titleresume{display: inline-block; float: inline-start; width: 80%; margin: 0px 0px 12px 0px;}
div#js-jobs-resumelisting-wrapper div.js-resume-list div.js-topresume-area div.jsjobs-applyname span.jsjobs-titleresume a.jsjobs-anchor_resume{ font-weight: bold; font-size: 23px; display: inline-block; float: inline-start; max-width: 65%; overflow: hidden; text-decoration: none; text-overflow: ellipsis; white-space: nowrap;line-height: 30px;}
div#js-jobs-resumelisting-wrapper div.js-resume-list div.js-topresume-area div.jsjobs-applyname div.jsjobs-fulltime-wrapper{display: inline-block; position: absolute; top: 7px; right: 10px;font-size:var(--jsjobs-body-font-m);;}
div#js-jobs-resumelisting-wrapper div.js-resume-list div.js-topresume-area div.jsjobs-applyname span.jsjobs-fulltime-btn{display: inline-block;background-color: #f38d2f;padding: 5px 7px;border-radius: 3px;font-weight: bold;margin-inline-end: 5px;font-size: 11px;}
div#js-jobs-resumelisting-wrapper div.js-resume-list div.js-topresume-area div.jsjobs-applyname span.jsjobs-date-created{ margin-inline-end: 8px;}
div#js-jobs-resumelisting-wrapper div.js-resume-list div.js-topresume-area div.jsjobs-application-title{float: inline-start; font-size: var(--jsjobs-body-font-m); padding: 0px 10px; width: 100%;max-width: 65%;
    overflow: hidden;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 30px;}
div#js-jobs-resumelisting-wrapper div.js-resume-list div.jsjobs-img-area{ text-align: center; display: inline-block; float: inline-start; width: 140px; height: 95px;}
div#js-jobs-resumelisting-wrapper div.js-resume-list div.jsjobs-resume-data-area{display: inline-block;float: inline-start; width: 100%; padding-inline-start: 150px;font-size:var(--jsjobs-body-font-m);;}
div#js-jobs-resumelisting-wrapper div.js-resume-list div.jsjobs-img-area div#js-drag-image-to-top{position: absolute; top: 17px; left: 17px;}
div#js-jobs-resumelisting-wrapper div.js-resume-list div.jsjobs-img-area a.logo_a{background: #FFFFFF;
    display: inline-block;
    position: relative;
    text-align: center;
    height: 110px;
    width: 110px;
    padding: 5px;
    border-radius: var(--jsjobs-radius);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);    transition: transform 0.2s, box-shadow 0.2s;}
   div#js-jobs-resumelisting-wrapper div.js-resume-list div.js-topresume-area div.jsjobs-applyname  span.goldnew,
   div#js-jobs-resumelisting-wrapper div.js-resume-list div.js-topresume-area div.jsjobs-applyname span.featurednew {
     margin-bottom: 0px; 
}
div#js-jobs-resumelisting-wrapper div.js-resume-list div.jsjobs-img-area a.logo_a:hover{
        transform: translateY(-2px);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
div#js-jobs-resumelisting-wrapper div.js-resume-list div.jsjobs-img-area a.logo_a img.logo_img{bottom: 0; display: inline-block; left: 0; margin: auto; max-height: 95%; max-width: 95%; position: absolute; right: 0; top: 0; border-radius: 5px;}
div#js-jobs-resumelisting-wrapper div.js-resume-list div.jsjobs-img-area div.js-myresume-last-modified{    text-align: center;
    margin-top: 5px;
    position: absolute;
    top: 6px;
    right: 17px;
    font-size:var(--jsjobs-body-font-s);;
    padding: 10px 22px !important;
    z-index: 9999;
    border-radius: var(--jsjobs-radius);}
div#js-jobs-resumelisting-wrapper div.js-resume-list div.jsjobs-img-area div.js-myresume-last-modified div{display: inline-block;}
div#js-jobs-resumelisting-wrapper div.js-resume-list span.js-myresume-field-wrapper{display: inline-block;float: inline-start;    margin-inline-end: 15px; margin-top: 10px;}
div#js-jobs-resumelisting-wrapper div.js-resume-list span.js-myresume-field-wrapper:last-child{margin-bottom: 17px;}
div#js-jobs-resumelisting-wrapper div.js-resume-list span.js-myresume-field-wrapper span.js-myresume-field-title{margin-inline-end: 5px; font-weight: bold;}
div#js-jobs-resumelisting-wrapper div.js-resume-list span.js-myresume-field-wrapper span.js-myresume-field-value{}
div.js-resume-list div#myresume-fields-area{display: inline-block;float: inline-start;width: 65%;margin-top: 15px;}
div.js-resume-list div.myresume-complete-status{display: inline-block;float: inline-start;width: 35%; text-align: center;margin-top: -83px;}
div.js-resume-list div.myresume-complete-status div.complete-status-wrapper{display: inline-block;
    float: inline-end;
    width: 210px;
    margin: 33px 18px 16px 0px;
    text-align: start;
    border-radius: var(--jsjobs-radius);}
div.js-resume-list div.myresume-complete-status div.complete-status-wrapper div.myresume-title{padding: 7px 15px; font-weight: bold; font-size: 15px;}
div.js-resume-list div.myresume-complete-status div.complete-status-wrapper div.myresume-graph{padding: 10px; display: inline-block; float: inline-start; width: 100%;}
div.js-resume-list div.myresume-complete-status div.complete-status-wrapper div.myresume-graph .mygraph{display: inline-block; float: inline-end;}
div.js-resume-list div.myresume-complete-status div.complete-status-wrapper div.myresume-graph .mytext{display: inline-block; float: inline-start; padding-top: 26px; font-size: 15px; padding-inline-start: 10px;}
div.js-resume-list div.myresume-complete-status div.complete-status-wrapper div.myresume-info{padding: 10px; display: inline-block;float: inline-start;width: 100%;}
div.js-resume-list div.myresume-complete-status div.complete-status-wrapper div.myresume-info a.js_myanchor{text-decoration: none; display: inline-block; width: 100%; float: inline-start; margin-bottom: 2px;}
div.js-resume-list div.myresume-complete-status div.complete-status-wrapper div.myresume-info a.js_myanchor:last-child{margin-bottom: 0px;}

div#js-jobs-resumelisting-wrapper div.jsjobs-myresume-buttons{display: inline-block;float: inline-start; width: calc(100%); padding: 15px;    border-radius: 0px 0px 10px 10px;}
div#js-jobs-resumelisting-wrapper div.jsjobs-myresume-buttons span.jsjobs-resume-loction{display: inline-block; float: inline-start; padding-top: 5px; width: auto;float: inline-start;padding-top: 12px;padding-inline-start: 5px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
div#js-jobs-resumelisting-wrapper div.jsjobs-myresume-buttons span.jsjobs-myresumebtn{display: inline-block; float: inline-end; width: auto;}
div#js-jobs-resumelisting-wrapper div.jsjobs-myresume-buttons span.jsjobs-myresumebtn a.jsjobs-myresumes-btn{padding: 12px 18px;
    margin-inline-end: 8px;
    text-decoration: underline;
        text-transform: capitalize;
    display: inline-block;
    font-size: var(--jsjobs-body-font-s);
    border-radius: var(--jsjobs-radius);}
div#js-jobs-resumelisting-wrapper div.jsjobs-myresume-buttons span.jsjobs-myresumebtn a.jsjobs-myresumes-btn.jsjobs-jomsocial-icon{background: #bfcdf5 !important;}
div#js-jobs-resumelisting-wrapper div.jsjobs-myresume-buttons span.jsjobs-myresumebtn a.jsjobs-myresumes-btn img{max-width: 100%; max-height: 100%;}
div#js-jobs-resumelisting-wrapper div.jsjobs-myresume-buttons span.jsjobs-myresumebtn a.jsjobs-myresumes-btn img.resume{float: inline-start;}
/*gdpr field*/
div.js-job-custom-terms-and-condition-box{width: 100%;line-height: initial;border-radius: 0;margin-top: 0px !important;}
div.js-job-custom-terms-and-condition-box.jsjob-formfield-radio-button-wrap{height: 45px;padding: 10px;border-radius: 3px}
div.js-job-custom-terms-and-condition-box input{height: unset !important;margin-top: 0px !important;width: unset !important;}
div.termsandconditions_link_anchor{display: inline-block;padding: 0px;margin: 0px;}
div.js-jobs-top-search-wrp{border: 1px solid #d1d1d1;margin-top:10px;margin-bottom:10px;float: inline-start;width: 100%;}
div.js-jobs-top-search-wrp.second-style{float: inline-start;width: 100%;border-radius: var(--jsjobs-radius);}
.jsjobs-folderinfo-warp-3 {
    display: inline-block;
    width: calc(100% - 0px);
    margin-bottom: 24px;
    border-radius: 10px;
    padding: 0px;
    transition: transform 0.2s, box-shadow 0.2s;
}
div.js-jobs-search-heading-wrp.second-style{background-color: #f5f2f5;color: #2b2b2b;}
div.js-jobs-search-heading-wrp{float: inline-start;width: 100%; padding: 10px;background-color: var(--jsjobs-secondary);color: var(--jsjobs-card-bg);border-radius: var(--jsjobs-radius);}
div.js-jobs-search-heading-wrp div.js-jobs-heading-left{float: inline-start;width: 60%;padding: 15px 10px;line-height: initial;font-size: 17px;font-weight: 500;}
div.js-jobs-search-heading-wrp div.js-jobs-heading-right{float: inline-start;width: 40%;text-align: end;}
div.js-jobs-search-heading-wrp div.js-jobs-heading-right a.js-jobs-add-download-btn{display: inline-block;padding: 15px 25px;text-decoration: none;outline: 0px;line-height: initial;    background: #fff;color: #2b2b2b;border-radius: var(--jsjobs-radius);}
div.js-jobs-search-heading-wrp div.js-jobs-heading-right a.js-jobs-add-download-btn span.js-jobs-add-img-wrp{display: inline-block;margin-inline-end: 5px;}
div.js-jobs-search-heading-wrp div.js-jobs-heading-right a.js-jobs-add-download-btn span.js-jobs-add-img-wrp img{vertical-align: text-bottom;}

div.js-jobs-top-search-wrp.second-style{margin-top:5px;margin-bottom: 15px;}
.jsjobs-folderinfo-warp-3 .fieldwrapper .fieldtitle {margin-bottom: 10px;}
.jsjobs-folderinfo-warp-3 .fieldwrapper {margin-bottom: 15px;}
div.js-jobs-search-heading-wrp.second-style div.js-jobs-heading-right a.js-jobs-add-download-btn{background: #636363;color: #fff;}
    div#resumeform div.jssectionwrapper div.resumefieldswrapper div.field-calendar {width: 100%;}
    div#resumeform div.jssectionwrapper div.resumefieldswrapper div.field-calendar input.inputbox{width: calc(100% - 43px);}
/*form*/
div#js_main_wrapper div#resumeform{display: inline-block;float: inline-start; margin: 0px 0; width: 100%; }
div#resumeform div.jssectionwrapper{padding: 20px 20px;
    margin-bottom: 15px;
    width: 100%;
    float: inline-start;
    display: inline-block;
    position: relative;
    border-radius: 12px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);}
div#resumeform div.jssectionwrapper .fullwidthwrapper{display: inline-block;float: inline-start;width: 100%;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper{display: inline-block;float: inline-start;width: 100%; margin-top: 8px;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper select#status{width: 100%;margin-bottom: 9px;float: inline-start;background-image: url(../images/selecticon.png);background-repeat: no-repeat;background-position: calc(100% - 15px);-webkit-appearance: none;-moz-appearance: none;appearance: none;background-size: 16px;border:1px solid #ebecec;background: #fff;padding: 5px;height: 45px;}
ul.jsjobs-input-list-jsjobs {overflow: hidden;height: auto !important;height: 1%;width: 200px;border: 1px solid #ebecec;cursor: text;font-size: 12px;min-height: 1px;z-index: 999;margin: 0;padding: 0;background-color: #fff;list-style-type: none;clear: inline-start;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper div.jsresume_seach_width{display: inline-block;float: inline-start;width: 25%; padding: 10  px 15px; margin-inline-end: 10px;border-radius: 3px;height: 45px;margin-bottom: 20px;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper div.jsresume_seach_width div.checkbox-field input{margin: 0px; margin-inline-end: 5px;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper div.jsresume_seach_width div.checkbox-field-label label{margin: 0px;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper div.jsresume_seach_width div.checkbox-field{display: inline-block;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper div.jsresume_seach_width div.checkbox-field-label{display: inline-block;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper.formresumethree{width: 33.333333%; padding-inline-end: 7px;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper.formresumethree:nth-child(2){padding-inline-start: 7px;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper.formresumethree:last-child{padding-inline-start: 7px; padding-inline-end: 0px;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper.formresumethree:first-child{padding-inline-start: 0px;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper.formresumetwo{width: 50%; padding-inline-end: 14px;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper.formresumetwo:nth-child(even){padding-inline-end: 0px;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper span.error-msg{margin-inline-start: 5px; color: red;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper input.inputbox{height: 45px; width: 100%; margin-bottom: 9px;box-shadow: unset;padding: 10px;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper textarea.inputbox{ width: 100%; margin-bottom: 9px;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper label.cf_chkbox{ display: inline-block; margin-inline-end: 10px; margin-inline-start: 5px;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper label.cf_radiobtn{ display: inline-block; margin-inline-end: 10px; margin-inline-start: 5px;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper .resumefieldtitle{display: inline-block;float: inline-start;width: 100%;margin-bottom: 10px;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper .resumefieldvalue{display: inline-block;float: inline-start;width: 100%;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper .resumefieldvalue.js-jobs-main-wrp{height: 45px;padding: 10px;border-radius: 4px;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper .resumefieldvalue.js-jobs-main-wrp.js-jobs-file-wrp{height: auto;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper .resumefieldvalue select.jsjobs-file-wrp{background-image: none !important;}
div#resumeform div#resumeCaptcha{display: inline-block; float: inline-start;width: 100%; margin-top: 10px;}
div#resumeform div#resumeCaptcha div.jsresumecaptcha{display: inline-block; float: inline-start;width: 50%; padding: 10px 15px;}
div#resumeform div#resumeCaptcha div.jsresumecaptcha input{width: 70%; height: 32px;}
div#existingFiles {
    margin-bottom: 15px;
}
div#resumeform div#resumeCaptcha div.jsresumecaptcha label#captchamsg span.error-msg{color: red; margin-inline-start: 3px; font-size: 15px;}
div#resumeform div.resumefieldvalue div#existingFiles span.selectedFile{margin-inline-end: 12px;}
div#resumeform div.resumefieldvalue div#existingFiles span.selectedFile a{margin: 0px 7px;}
div#js_main_wrapper div#resumeform div.jssection_wrapper div.resumefieldswrapper div.resumefieldvalue div.outermapdiv div.map div a.js-resume-close-cross{background-clip: padding-box; background-color: rgb(255, 255, 255); border-color: rgba(0, 0, 0, 0.15); border-style: solid; border-width: 1px; box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.298);  font-size: 10px; padding: 1px 6px 0; position: absolute; right: 5px; top: 26px; z-index: 9999;}
/*three cols select*/
div#resumeform div.jssectionwrapper div.resumefieldswrapper .resumefieldvalue select{height: 45px !important;width: 100%;margin-bottom: 9px !important;float: inline-start !important;background-image: url(../images/selecticon.png) !important;background-repeat: no-repeat !important;background-position: calc(100% - 15px);-webkit-appearance: none !important;-moz-appearance: none !important;appearance: none !important;background-size: 16px !important;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper .resumefieldvalue select#sec_1currencyid,
div#resumeform div.jssectionwrapper div.resumefieldswrapper .resumefieldvalue select#sec_1dcurrencyid{width: calc(30% - 10px); margin-inline-end: 10px;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper .resumefieldvalue select#sec_1jobsalaryrange,
div#resumeform div.jssectionwrapper div.resumefieldswrapper .resumefieldvalue select#sec_1desired_salary{width: calc(30% - 10px); margin-inline-end: 10px;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper .resumefieldvalue select#sec_1jobsalaryrangetype,
div#resumeform div.jssectionwrapper div.resumefieldswrapper .resumefieldvalue select#sec_1djobsalaryrangetype{width: 40%;}
/*resumephoto*/
.field-calendar .input-group{flex-wrap: nowrap;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper .resumefieldvalue div.resumephoto{width: 150px; display: inline-block;float: inline-start;margin-bottom: 15px;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper .resumefieldvalue div.photodetail{width: calc(100% - 150px); display: inline-block;float: inline-start; padding-inline-start: 15px;padding-top: 20px;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper .resumefieldvalue div.photowrapper{width: 150px; height: 150px; padding: 7px; background: #FFF; position: relative;border-radius:var(--jsjobs-radius);}
div#resumeform div.jssectionwrapper div.resumefieldswrapper .resumefieldvalue div.photowrapper img.resume_img{position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto; max-width: 95%; max-height: 95%;border-radius: 5px;}
/*EditFormStatus*/
div#js_resume_percentage{display: inline-block;float: inline-start;width: 98%; margin: 1%; padding: 20px 25px 20px 0px;border-radius: var(--jsjobs-radius);}
div#js_resume_percentage.js_resume_percentage{width: 100%; margin: 10px 0px 0px 0px;border:1px solid #d4d4d5;}
div#js_resume_percentage div.js_image_area{width: 200px; display: inline-block; float: inline-start; text-align: center;}
div#js_resume_percentage div.js_image_area span.profile-img{display: inline-block; padding: 5px; border-radius: 5px; border: 1px solid blue; background: #FFF;box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);}
div#js_resume_percentage div.js_image_area span.profile-img img.js-img{ max-width: 100%; max-height: 100%; width: 150px; height: 150px; border: 1px solid red; border-radius: 5px;}
div#js_resume_percentage div.js_detail_area{width: calc(100% - 200px);
    float: inline-start;
    margin-top: 15px;
    flex-wrap: wrap;
    display: flex;}
div#js_resume_percentage div.js_detail_area div.js-heading{font-size: 20px; display: block; font-weight: bold;}
div#js_resume_percentage div.js_detail_area div.js-percentage{ display: block;
    width: 100%;
    margin-top: 15px;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 15px;
    background: #e9ecef;
    height: 45px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);}
div#js_resume_percentage div.js_detail_area div.js-percentage div.js-percentage-status{text-align: center;
    background-color: var(--jsjobs-primary);

    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 12px;
    font-weight: 700;
    transition: width 0.6s ease;
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem;}
    .js_addnew_anchor:hover {
    border-color: var(--jsjobs-primary)!important;
    color: var(--jsjobs-primary) !important;
    background-color: var(--jsjobs-content-bg);
    transform: translateY(-2px);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}
div#js_resume_percentage div.js_detail_area div.js-percentage div.js-percentage-status .status-text{    color: #ffffff;
    font-size: 15px;
    font-weight: bold;
    line-height: 46px;}
div#js_resume_percentage div.js_detail_area div.js-completeyour_profile{    margin-top: 10px;
    font-weight: bold;
    width: 100%;
    margin-bottom: 10px;}
div#js_resume_percentage div.js_detail_area div.js-addnew-wrapper{box-sizing: border-box;
    padding: 10px;}
div#js_resume_percentage div.js_detail_area div.js-addnew-wrapper a.js_addnew_anchor{display: block;
    text-decoration: none;
    text-align: center;
    padding: 15px 10px;
    background-color: white;
    border: 1px dashed #bdc3c7;
    border-radius: 8px;
    font-weight: 600;
    font-size: 14px;
    transition: all 0.2s ease;}
    .js-addnew-wrapper.js-col-xs-12.js-col-md-4 {
    width: 33.333%;
}

div#js_jobs_main_wrapper:not(.jsjobs-modern-job-form-future-page):not(.jsjobs-modern-form-page):not(.jsjobs-modern-page) div#jsjobs-main-wrapper div.jsjobs-folderinfo form#adminForm.jsautoz_form div.fieldwrapper div.fieldtitle label{display: inline-block;}
/*uploadFiles*/
div#resumeform div.jssectionwrapper div.resumefieldswrapper div.upload-field{max-height:32px;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper div.upload-field #uploadPhotoFile{position:absolute;width:99%;background:#ffffff;height:26px;padding-inline-start: 8px; padding-top:3px;border:none;z-index: 2;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper div.upload-field #uploadResumeFile{position:absolute;width:99%;background:#ffffff;height:28px;padding-inline-start: 8px; padding-top:3px;border:none;z-index: 2;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper div.files-field{position: relative; display: inline-block;width: 100%; float: inline-start;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper div.files-field #uploadPhotoFile{position:absolute;width:99%;background:#ffffff;height:28px;padding-inline-start: 8px; padding-top:3px;border:none;z-index: 2;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper div.files-field #uploadResumeFile{position:absolute;width:99%;background:#ffffff;height:28px;padding-inline-start: 8px; padding-top:3px;border:none;z-index: 2;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper div.upload-field input[type="file"]{width:100%;height:30px;position:relative;left:0;cursor:pointer;display:inline-block;opacity:0;filter:alpha(opacity=0);z-index:5;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper div.upload-field span.uploadFileName{position:relative;top:0px;left:0px;display:inline-block;opacity:1;;z-index:3;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper div.upload-field span.upload_btn{position:absolute;top:26px;right:-2px;float: inline-end;padding: 6px 20px;text-align: center;font-weight: bold;border-bottom-right-radius: 3px;border-top-right-radius: 3px;z-index:2;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper div.files-field{max-height:52px;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper div.files-field span.uploadFileName{position:relative;top:0px;left:0px;display:inline-block;opacity:1;z-index:3;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper div.files-field span.upload_btn{position: absolute;
    cursor: pointer;
    top: 0px;
    right: -1px;
    float: inline-end;
    padding: 10px 20px;
    text-align: center;
    font-weight: bold;
    z-index: 2;
    height: 45px;
    border-radius: var(--jsjobs-radius);}
div#resumeform div.jssectionwrapper div.resumefieldswrapper div.files-field div.selectedFiles{position:relative;display:block;z-index:0;height:45px;padding:10px 0 0 5px;cursor:pointer;border-radius: var(--jsjobs-radius);}
div#resumeform div.jssectionwrapper div.resumefieldswrapper div.files-field div.selectedFiles:hover div#resumeform div.jssectionwrapper div.resumefieldswrapper div.files-field span.upload_btn{position:relative;display:block;z-index:0;height:30px;padding:7px 0 0 5px;background:#ffffff;cursor:pointer;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper div.files-field div.selectedFiles span.selectedFile{margin:2px;position:relative;padding:3px 4px 2px 4px;border-radius: 2px;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper div.files-field div.selectedFiles a{position:relative;padding:2px;bottom:1px;}
div#resumeform div.jscaptcha_section{display: inline-block; float: inline-start; width: 100%;}
/*mapcss*/
div#resumeform div.jssectionwrapper div.resumefieldswrapper div.leftpaddingnull{padding-inline-start: 0px;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper.loc-field a.map-link{float: inline-start;position:relative;right:2px;padding:12px 15px;border-radius:3px;text-decoration:none;height: 45px;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper div.outermapdiv{ width:100%;position:relative;z-index:99999;bottom:219px;left:-5px;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper div.outermapdiv div.map{ height: 216px; left: 13px; position: absolute; overflow:true; top: 0px; visibility: hidden; width: 578px;top:17px;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper div.outermapdiv div.map div.map_container{ z-index:1000; position:relative; background:#000; width:100%; height:100%;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper div.outermapdiv div.map div#closetag a{padding:1px 6px 0 6px;position:absolute;z-index:9999;right:5px;top:26px;font-size:10px;background-color:rgb(255, 255, 255);-webkit-box-shadow:rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;box-shadow:rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;border-color:rgba(0, 0, 0, 0.14902);border-width:1px 1px 1px 1px;background-clip:padding-box;border-style:solid;}
div#resumeform div.jssectionwrapper div.resumefieldswrapper div.outermapdiv div.map div#closetag a:hover{background-color:#dfdfdf;color:#494949;}
/*sectionShowHide*/
div#resumeform div.jssectionwrapper div.jssection_hide{display: none;}
div#resumeform div.jsresume_addnewbutton{display: block; float: inline-start; cursor: pointer; padding: 12px 18px; font-size:var(--jsjobs-body-font-m);;border-radius: var(--jsjobs-radius);margin-bottom: 15px;}
div#resumeform div.jsresume_addnewbutton div.jsresume_plus{display: inline-block; font-size: 16px; margin-inline-end: 5px;}
div#resumeform div.jssection_wrapper{display: block; width: 100%; float: inline-start; margin: 10px 0px; padding-top: 15px; padding-bottom: 10px; position: relative;}
div#resumeform div.jssection_wrapper:last-child{border: none;}
div#resumeform div.jssection_wrapper img.jsdeleteimage{position: absolute; top: 5px; right: 0px; cursor: pointer;}
div#resumeform div.jssection_wrapper img.jsundoimage{cursor: pointer; position: absolute;top: 0px; left: 0px; right: 0px; bottom: 0px; margin: auto;}
div#resumeform div.jssection_wrapper div.jsundo{display: none;}
div#resumeform div.jssection_wrapper div.jsundodiv{ float: inline-start; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; z-index: 999;}
div.jsjobs-captcha-wrp{ float: inline-start; width: 100%; }
div.jsjobs-captcha-wrp input{height: 30px;min-width: 80px;margin: 0 10px;}
/*submits buttons*/
input#photo {
    border-radius: .25rem;
}
div#resumeform div.resumesubmitbuttons{display: inline-block; float: inline-start; width: 100%; text-align: center; margin: 15px 0px; padding-top: 15px;}
div#resumeform div.resumesubmitbuttons .resume_submits{outline: none; border: 1px solid red; background: blue; color: #fff; padding: 9px 15px; display: inline-block; margin: 0px 5px; line-height: 1;border-radius: 5px !important;}
div#resumeform div.resumesubmitbuttons .resume_submits.cancel{text-decoration: none;border-radius: var(--jsjobs-radius);}
/*myresume*/
div#js-jobs-resumelisting-wrapper{display: inline-block;float: inline-start; width: 100%;}
div#js-jobs-resumelisting-wrapper div.js-resume-list{    float: inline-start;
    margin-top: 10px;
    position: relative;
    display: inline-block;
    width: calc(100% - 0px);
    margin-bottom: 24px;
    border-radius: 10px;
    padding: 0px;
    transition: transform 0.2s, box-shadow 0.2s;}
     div#resumeform div.jssectionwrapper div.resumefieldswrapper div.field-calendar {width: 100%;}
    div#resumeform div.jssectionwrapper div.resumefieldswrapper div.field-calendar input.inputbox{width: calc(100% - 43px);}
    div#resumeform div.jssectionwrapper div.resumefieldswrapper input.inputbox{border:1px solid var(--jsjobs-border-color);background:var(--jsjobs-content-bg);}
    div#resumeform div.jssectionwrapper div.resumefieldswrapper .resumefieldvalue select{border:1px solid var(--jsjobs-border-color);background:var(--jsjobs-content-bg);}
/* new */
div#resumeform div.jssectionwrapper div.resumefieldswrapper.loc-field a.map-link{background: var(--jsjobs-primary); color:var(--jsjobs-card-bg);}
    div#resumeform div.jssection_wrapper{ border-bottom:2px solid  var(--jsjobs-primary);}
    div#resumeform div.jssection_wrapper:last-child{border-bottom: none;}
    div#resumeform div.jssectionwrapper{background:var(--jsjobs-card-bg); }
    .resumefieldvalue ul.jsjobs-input-list-jsjobs {
    width: 100% !important;
    height: 50px !important;
    border-radius: 5px;
    border-color: var(--jsjobs-border-color) !important;
    background-color:var(--jsjobs-content-bg) !important;
}
div#resumeform div.jssection_wrapper .jssection_skills_0{padding-top:0;margin:0; }
    div#resumeform div.jssectionwrapper div.resumefieldswrapper div.jsresume_seach_width{border: 1px solid var(--jsjobs-border-color);background:var(--jsjobs-content-bg);}
    ul.jsjobs-input-list-jsjobs{border:1px solid var(--jsjobs-border-color);background:var(--jsjobs-content-bg);}
    div#resumeform div.jssectionwrapper div.resumefieldswrapper textarea.inputbox{border:1px solid var(--jsjobs-border-color);background:var(--jsjobs-content-bg);height: 50px;}
    div#resumeform div.jssectionwrapper div.resumefieldswrapper .resumefieldtitle{color:var(--jsjobs-secondary);}
    div#resumeform div.jssectionwrapper div.resumefieldswrapper .resumefieldvalue div.photowrapper{border:1px solid var(--jsjobs-primary);}
    ul.jsjobs-input-list-jsjobs,.chosen-container-multi .chosen-choices{border:1px solid var(--jsjobs-border-color)!important;background:var(--jsjobs-content-bg)!important;}
    div#resumeform div.jssectionwrapper div.resumefieldswrapper select#status{border:1px solid var(--jsjobs-border-color)!important;background:var(--jsjobs-content-bg);}
    div#resumeform div.jssectionwrapper div.resumefieldswrapper div.upload-field{border:1px solid var(--jsjobs-border-color);}
    div#resumeform div.jssectionwrapper div.resumefieldswrapper div.upload-field span.upload_btn{background: var(--jsjobs-primary); color:var(--jsjobs-card-bg);}   
    div#resumeform div.jssectionwrapper div.resumefieldswrapper div.files-field div.selectedFiles{border:1px solid var(--jsjobs-border-color);background:var(--jsjobs-content-bg)}
    div#resumeform div.jssectionwrapper div.resumefieldswrapper .resumefieldvalue div.field-calendar button{border:1px solid var(--jsjobs-border-color);color: var(--jsjobs-primary);}
    div#resumeform div.jssectionwrapper div.resumefieldswrapper .resumefieldvalue div.field-calendar button:hover{color: var(--jsjobs-secondary);}
    div#resumeform div.jssectionwrapper div.resumefieldswrapper div.files-field span.upload_btn{background: var(--jsjobs-primary);color:var(--jsjobs-card-bg);} 
    div#resumeform div.resumesubmitbuttons{border-top: 2px solid  var(--jsjobs-secondary);}
    div#resumeform div.resumesubmitbuttons .resume_submits{background:  var(--jsjobs-primary);border: 1px solid  var(--jsjobs-primary);color: var(--jsjobs-card-bg);border-radius:5px;}
    div#resumeform div.resumesubmitbuttons .resume_submits.cancel{background: var(--jsjobs-secondary);border: 1px solid var(--jsjobs-secondary);color: var(--jsjobs-card-bg);}
    div#resumeform div.resumesubmitbuttons .resume_submits.cancel:hover{background: var(--jsjobs-card-bg);border: 1px solid var(--jsjobs-secondary);color: var(--jsjobs-secondary);}
    div#resumeform div.resumesubmitbuttons .resume_submits{display: inline-block;padding: 15px;text-align:center;border-radius: 0;height: auto;font-size: 16px !important;min-width: 150px;line-height: initial;box-shadow: unset;}
    div#resumeform div.resumesubmitbuttons .resume_submits:hover{background: #fff;color: #209e24;color: var(--jsjobs-primary)}
    div#resumeform div.jssection_wrapper div.jsundodiv{background: rgba(".$resumeundo.",0.6);}
    div#resumeform div.jsresume_addnewbutton{background:var(--jsjobs-primary); border: 1px solid var(--jsjobs-primary); color:  var(--jsjobs-card-bg); }
    div#resumeform div.jsresume_addnewbutton:hover{background:  var(--jsjobs-secondary);text-decoration:underline;color:var(--jsjobs-card-bg);}
    div#resumeform div#resumeCaptcha div.jsresumecaptcha{background:var(--jsjobs-card-bg); border: 1px solid var(--jsjobs-border-color);}
    div#resumeform div#resumeCaptcha div.jsresumecaptcha label{color: var(--jsjobs-secondary); }#js_jobs_main_wrapper:not(.jsjobs-modern-job-form-future-page):not(.jsjobs-modern-form-page):not(.jsjobs-modern-page) .jsjobs-modern-resume-form-page .jssectionwrapper,
#js_jobs_main_wrapper:not(.jsjobs-modern-job-form-future-page):not(.jsjobs-modern-form-page):not(.jsjobs-modern-page) .jsjobs-modern-resume-form-page #resumeForm > .jssectionwrapper,
#js_jobs_main_wrapper:not(.jsjobs-modern-job-form-future-page):not(.jsjobs-modern-form-page):not(.jsjobs-modern-page) .jsjobs-modern-resume-form-page #resumeform .jssectionwrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    gap: 14px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 22px !important;
    padding: 18px !important;
    border: 1px solid #dbeafe !important;
    border-radius: 0 0 18px 18px !important;
    background: #ffffff !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, .05) !important;
    float: none !important;
    clear: both !important;
    overflow: visible !important;
}
/* new */
    div#js_main_wrapper div#resumeFormContainer.js-resume-section-body.personal-section form#resumeForm.jsautoz_form{background:#FFFFFF;border:1px solid var(--jsjobs-border-color); }
div#js_resume_percentage{border: 1px dashed var(--jsjobs-border-color) !important; border-top:none; background: var(--jsjobs-card-bg);}
    div#js_resume_percentage div.js_detail_area div.js-heading{color:var(--jsjobs-secondary);}
    
    div#js_resume_percentage div.js_image_area span.profile-img{border: 1px solid  var(--jsjobs-primary);}
    div#js_resume_percentage div.js_image_area span.profile-img img.js-img{border: 1px solid var(--jsjobs-border-color);}
    div#js_resume_percentage div.js_detail_area div.js-addnew-wrapper a.js_addnew_anchor{color:var(--jsjobs-text-dark);}

/* Keep the dropdown chevron pinned to the right on every resume-form select.
   Several legacy `background:` shorthands (content-bg / #fff) in this file reset
   background-image/position, which pushed the chevron to the top-left corner. */
#js_jobs_main_wrapper.jsjobs-modern-resume-form-page div#resumeform select:not(.jsjobs-file-wrp),
div#js_main_wrapper div#resumeform select:not(.jsjobs-file-wrp) {
    background-image: url(../images/selecticon.png) !important;
    background-repeat: no-repeat !important;
    background-position: right 14px center !important;
    background-size: 16px !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    padding-right: 38px !important;
}

/* refine search popup */
div.jsjobs-searchwrapper .chosen-container-multi .chosen-choices li.search-field input[type=text]{
    min-height: 44px;
    border: 1px solid #dbe7f5 !important;
    border-radius: 10px;
    background: #ffffff !important;
    color: #0f172a;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 12px;
    box-shadow: none;
    height: 45px;
    width: 100%;
    margin-bottom: 9px;
    box-shadow: unset;
    padding: 10px;
}
div.jsjobs-searchwrapper .chosen-container-multi .chosen-choices{
    padding: 0;
}
div.jsjobs-searchwrapper .js-searchform-customfield-wrp input[type=checkbox], div.jsjobs-searchwrapper .js-searchform-customfield-wrp input[type=radio]{
    width: 10px !important;
    height: 10px !important;
}
div.jsjobs-searchwrapper .js-searchform-value textarea{
    width: 100%;
    border: 1px solid #dbe7f5;
    border-radius: 10px;
}
 div.jsjobs-field-main-wrapper .chosen-container.chosen-container-multi .chosen-choices{border: unset !important;}

#js_jobs_main_wrapper.jsjobs-modern-site-form-page ul.jsjobs-input-list-jsjobs li.jsjobs-input-input-token-jsjobs input[type=text]{border: unset !important;height:auto !important;padding-top: 5px !important;padding-bottom: 5px !important;min-height: 100%;}
#js_jobs_main_wrapper.jsjobs-modern-site-page div.page_heading .jsjobs-form-search{display: flex;align-items: center;width: 100%;gap: 15px;}
#js_jobs_main_wrapper.jsjobs-modern-site-page div.page_heading .jsjobs-form-search input#button{margin: 0;height: 45px;}
#js_jobs_main_wrapper.jsjobs-modern-site-page div.page_heading .jsjobs-form-search input[type=text]{height: 45px;width: 100%;box-shadow: unset;padding: 10px;min-height: 44px;border: 1px solid var(--jsjobs-border) !important;border-radius: var(--jsjobs-radius-sm) !important;background: var(--jsjobs-surface) !important;color: var(--jsjobs-text) !important;font-size: 14px;font-weight: 600;padding: 10px 12px;box-shadow: none;flex: 1 1 auto;}
#js_jobs_main_wrapper.jsjobs-modern-site-page .jsjobs-fieldwrapper{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
#js_jobs_main_wrapper.jsjobs-modern-site-page .jsjobs-fieldvalue input.inputbox.required.validate-email{
    width: 100%;
    min-height: 44px;
    border: 1px solid var(--jsjobs-border) !important;
    border-radius: var(--jsjobs-radius-sm) !important;
    background: var(--jsjobs-surface) !important;
    color: var(--jsjobs-text) !important;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 12px;
    box-shadow: none;
    height: 45px;
    width: 100%;
    margin-bottom: 9px;
    box-shadow: unset;
    padding: 10px;
}