.jap-body {display:flex;box-sizing:border-box;width:100%;clear:both;display: flex; flex-direction: column; align-content: center; align-items: center;}
.jap-body, .jap-body * {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}


/* APPLY FOR A JOB BUTTON */
.jap-apply-btn-wrap {display:inline-block;width:100%;margin:0 0 20px 0;}
.btn.jap-apply-btn {padding:10px 16px;height:auto;max-height:auto;}
.btn.jap-apply-btn.disabled {cursor:not-allowed;opacity:0.7;}
.btn.jap-apply-btn > strong {display:block;clear:both;font-weight:bold;font-size:17px;line-height:19px;text-align:left;margin:1px 0;}
.btn.jap-apply-btn > span {display:block;clear:both;font-weight:normal;font-size:13px;line-height:16px;text-align:left;margin:1px 0;}


/* PAGINATION */
.jap-pagination {float:left;clear:both;width:100%;background:transparent;padding:15px 0;margin:0;position:relative;z-index:2;text-align:center;}
.jap-pagination a {text-decoration:none;display:inline-block;float:none;margin:0 2px;text-decoration:none;background:#fff;padding:6px 3px;min-width:32px;height:32px;line-height:18px;color:#444;font-weight:normal;border-radius:4px;border:1px solid rgba(0,0,0,0.15);font-size:14px;text-align:center;}
.jap-pagination span {display:inline-block;text-decoration:none;float:none;margin:0 4px;padding:6px 3px;height:32px;line-height:18px;color:#999;font-weight:normal;font-size:14px;text-align:center;}
.jap-pagination a:hover, .jap-pagination a.jap-active {background:#333;color:#fff;text-decoration:none;}


/* JOB APPLICATIONS */
#jap-apps {display:flex;width:100%;flex-direction: column;}
#jap-apps .jap-elem {padding:15px 10px;border-top:1px solid #ccc;margin:0 0 6px 0;display:flex;width:100%;flex-direction: column;position:relative;}
#jap-apps .jap-elem > div {width:100%;float:left;clear:both;}
#jap-apps .jap-elem > .jap-hide {display:none;margin:0 0 16px 0;}
#jap-apps .jap-elem > hr.jap-hide {width:100%;border:none;border-top:1px solid #ccc;margin:16px 0;}
#jap-apps .jap-show-details {position:absolute;font-size:14px;line-height:16px;font-weight:bold;padding:4px 6px 4px 10px;color:#444;right:10px;top:15px;transition:0.1s;background:#e0e0e0;border:1px solid #e0e0e0;border-radius:4px;width:auto;height:26px;display:flex;align-items: center; justify-content: center;}
#jap-apps .jap-show-details.jap-opened {background:#fff;border-color:#ccc;}
#jap-apps .jap-show-details:hover {background:#e8e8e8;text-decoration:none;}
#jap-apps .jap-show-details svg {fill:#555;width:auto;height:17px;margin:-1px 0 0 6px;}
#jap-apps .jap-show-details.jap-opened svg {transform:scaleY(-1);}
#jap-apps .jap-top {display: flex; flex-direction: row; align-items: center; justify-content: flex-start;margin:0 0 2px 0;padding-right:100px;flex-wrap: wrap;}
#jap-apps .jap-top > div {margin-bottom:6px;}
#jap-apps .jap-top > div.jap-id {display:inline-block;padding:4px 8px;border-radius:4px;border:1px solid #aaa;color:#333;background:#fff;font-weight:bold;font-size:14px;line-height:16px;margin-right:10px;height:26px;}
#jap-apps .jap-status > span {display:inline-block;padding:5px 10px 5px 8px;border-radius:4px;border-left:4px solid rgba(0,0,0,0.2);color:#333;background:#ddd;font-weight:bold;font-size:14px;line-height:16px;}
#jap-apps .jap-status-pending > span {background:#3e4fff;color:#fff;}
#jap-apps .jap-status-received > span {background:#0dbc6c;color:#fff;}
#jap-apps .jap-status-canceled > span {background:#d52828;color:#fff;}
#jap-apps .jap-empty {padding:25px 10px;color:#777;text-align:center;border-radius:5px;margin:20px 0;background:#e0e0e0;}

#jap-apps .jap-item {margin:0 0 5px 0;}
#jap-apps .jap-item a {font-size:16px;line-height:20px;display:inline-block;font-weight:600;}
#jap-apps .jap-item span {display:inline-block;width:100%;font-size:14px;line-height:18px;margin:3px 0 0 0;}
#jap-apps .jap-date {margin:2px 0 0;font-size:14px;line-height:18px;}
#jap-apps .jap-contact > div {display:flex;width:100%;flex-direction: column;padding:2px 2px 2px 12px;border-left:3px solid #ccc;margin-top:2px;}
#jap-apps .jap-files > div {display:flex;width:100%;flex-direction: column;align-items: flex-start;}
#jap-apps .jap-files > div a {font-size:13px;line-height:15px;font-weight:bold;display:flex;align-items: center;margin:3px 0;}
#jap-apps .jap-files > div a svg {fill:#666;margin:0 5px 0 0;}
#jap-apps .jap-files > div a span {margin-top:2px;}
#jap-apps .jap-elem > .jap-hide.jap-action {margin-top:10px;}
.jap-apps #jap-apps .jap-elem > .jap-action {margin-top:15px;}
#jap-apps .jap-action a {transition:0.1s;padding:6px 10px 6px 8px;text-decoration:none;box-shadow:0 1px 2px rgba(0,0,0,0.1);background:#d4d4d4;font-weight:bold;color:#111;margin:0 6px 6px 0;border-radius:5px;display: inline-flex; align-items: center;line-height: 20px; font-size: 15px;}
#jap-apps .jap-action a:hover {background:#e4e4e4;color:#000;}
#jap-apps .jap-action a.jap-cancel svg {width:18px;height:17px;margin-top:-1px;margin-right:4px;fill:#c40000;}
#jap-apps .jap-action a.jap-receive svg {width:18px;height:17px;margin-top:-1px;margin-right:4px;fill:#00c45d;}
#jap-apps .jap-action a > span {margin-top:1px;}


/* USER PROFILE */
.jap-prof {display:inline-block;clear:both;width:100%;margin:0;padding:10px 15px 15px 15px;border:1px solid #ddd;}
.jap-prof .jap-inside {float:left;display:block;clear:both;width:100%;margin:0px 0 10px 0;border:1px solid rgba(0,0,0,0.08);box-shadow:2px 2px 10px rgba(0,0,0,0.05);border-radius:3px;padding:20px;background:#fff;}
.jap-prof .jap-inside h2 {font-size:20px;margin:0 0 5px 0;}
.jap-prof .jap-inside h3 {font-size:16px;margin:0 0 10px 0;}
.jap-list {float:left;clear:both;width:100%;margin:20px 0;}
.jap-notification {background: #fff; font-weight: 500; margin: 0 0 18px 0; padding: 12px 12px 12px 54px; border: 1px solid #ddd; border-radius: 3px; font-size: 14px; line-height: 18px; box-shadow: 0px 1px 3px rgb(0 0 0 / 20%); position: relative; }
.jap-notification:before {position: absolute; width: 44px; height: calc(100% + 2px); left: -1px; top: -1px; z-index: 2; background: #6f8af0; border-radius: 3px 0 0 3px; content: "";}
.jap-notification:after {position: absolute; width: 44px; height: 20px; line-height: 20px; left: -1px; top: calc(50% - 1px); margin-top: -10px; text-shadow: 0 1px 4px rgb(0 0 0 / 20%); z-index: 3; content: "\f05a"; font-size: 16px; font-weight: 900; font-family: "Font Awesome 5 Free", "FontAwesome","Font Awesome 5 Free"; text-align: center; color: rgba(255,255,255,0.85);}
.jap-nav {float:left;clear:both;width:100%;margin:0 0 15px 0;border-bottom:3px solid #ddd;}
.jap-nav a {transition:none;text-decoration:none;float:left;margin:0 6px -3px 0;border-bottom:3px solid transparent;padding:10px 10px;font-size:15px;line-height:18px;font-weight:normal;}
.jap-nav a.active {font-weight:bold;}
.jap-nav a.active, .jap-nav a:hover {border-bottom-color:#333;text-decoration:none;}
.jap-content {float:left;clear:both;width:100%;min-height:320px;padding:5px 10px 10px 10px;}

.jap-form, .jap-form form, .jap-form .jap-row, .jap-form .jap-row label, .jap-form .jap-help {float:left;clear:both;width:100%;}
.jap-form {display:inline-block;width:100%;}
.jap-form .jap-row {margin:0 0 18px 0;}
.jap-form .jap-row:last-child {margin:0;}
.jap-form .jap-row label {margin:0 0 2px 0;font-weight:bold;font-size:14px;line-height:18px;}
.jap-form .jap-row input[type="text"] {float:left;width:100%;max-width:320px;margin:0;font-size:14px;padding:8px;height:auto;line-height:18px;}
.jap-form .jap-row textarea {float:left;width:100%;max-width:420px;margin:0;min-height:160px;max-height:280px;padding:8px;font-size:14px;line-height:18px;}
.jap-form .jap-row .jap-help {margin:3px 0 0 0;font-size:12px;color:#888;line-height:14px;width:340px;max-width:100%;}
.jap-form .jap-button {float:left;font-size:14px;padding:10px 25px;background:#000;border-radius:5px;cursor:pointer;border:none;line-height:16px;outline:none;box-shadow:none;font-weight:bold;margin:0;transition:0.1s;color:#fff;text-decoration:none;}
.jap-form .jap-button:hover {background:#333;color:#fff;text-decoration:none;}
.jap-form .jap-cv-file {display: flex; flex-direction: column;width:100%;position:relative;padding:0 0 0 38px;margin:2px 0 2px 0;}
.jap-form .jap-cv-file > svg {fill:#777;position:absolute;left:0;top:0;width:auto;height:38px;}
.jap-form .jap-cv-file span {font-size:13px;line-height:16px;color:#888;margin:0 0 2px 0;}


/* JOB APPLY FORM */
.jap-body.jap-body-apply {background:#e9f1f5;padding-top:30px;padding-bottom:45px;border-radius:8px;}
.jap-row {width:100%;clear:both;float:left;margin:0 0 16px 0;display:block;}
.jap-line {width:100%;clear:both;float:left;margin:0 0 4px 0;display:block;}
.jap-apply {max-width:540px;display: flex; flex-direction: column; align-content: center; align-items: center;font-size:15px;line-height:20px;}
.jap-apply .jap-box {width:100%;text-align:left;border-radius:6px;padding:20px 20px 12px 20px;border:1px solid #ccc;box-shadow:0 2px 6px rgba(0,0,0,0.2);background:#fff;margin:0 0 20px 0;}
!.jap-apply .jap-box > .jap-row:last-child {margin-bottom:0;}
.jap-apply .jap-buttons {width:100%;text-align:left;padding:0 20px;margin: 0;}
.jap-apply .jap-head {width:100%;text-align:left;padding:0 20px;margin:15px 0 20px 0;}
.jap-apply .jap-h1 {width:100%;clear:both;font-size:15px;line-height:18px;margin:1px 0;}
.jap-apply .jap-h2 {width:100%;clear:both;font-size:20px;line-height:24px;font-weight:bold;margin:6px 0;font-family: Tahoma;}
.jap-apply .jap-h3 {width:100%;clear:both;font-size:13px;line-height:16px;margin:1px 0;}
.jap-apply .jap-h3 u {font-weight:bold;}
.jap-apply .jap-sh1 {width:100%;clear:both;font-size:18px;line-height:22px;font-weight:bold;margin:0 0 2px 0;font-family: Tahoma;}
.jap-apply .jap-sh2 {width:100%;clear:both;font-size:14px;line-height:18px;margin:0 0 16px 0;}
.jap-apply .jap-sh2 {width:100%;clear:both;margin-top:10px;}

.jap-input-box {width:100%;position:relative;clear:both;}
.jap-input-box input[type="text"], .jap-input-box input[type="number"], .jap-input-box textarea {width:100%;margin:0;}
.jap-input-box input[type="text"], .jap-input-box input[type="number"] {max-width:300px;}
.jap-input-box textarea {height:240px;min-height:160px;max-height:640px;max-width:100%;min-width:100%;}
.jap-row label {width:100%;padding:0;margin:0 0 3px 0;text-align:left;font-size:14px;line-height:18px;}
.jap-row.jap-cv-select {margin:0 0 20px 0;padding:12px;text-decoration:none;border-radius:5px;background:#f0f0f0;border:1px solid #ccc;transition:0.1s;display: flex; justify-content: flex-start; align-items: flex-start; flex-direction: row;}
.jap-row.jap-cv-select:hover {background:#e4e4e4;border:1px solid #aaa;text-decoration:none;}
.jap-row.jap-cv-select > div {display:inline-flex;flex-direction: column;align-items: flex-start;}
!.jap-row.jap-cv-select a {color:#000;text-decoration:none;}
.jap-row.jap-cv-select a.jap-update-profile {font-size:13px;line-height:16px;font-weight:normal;margin-top:5px;}
.jap-row.jap-cv-select > svg {width:auto;height:40px;fill:#777;margin:0 12px 0 0;min-width:28px;width:auto;}
a.jap-row.jap-cv-select {margin:16px 0 6px 0;}


a.jap-new-cv {display:flex;align-items: center;}
a.jap-new-cv svg {margin-left:4px;fill:#333;}
a.jap-new-cv span {display:inline-block;line-height:16px;margin-top:1px;}

.jap-new-cv-box {width:100%;display:none;padding:16px 16px 0px 16px;border:1px solid #ddd;border-radius:4px;background:#fff;margin:10px 0 0 0;float:left;clear:both;}
.jap-new-cv-box .jap-row input[type=file] {margin:12px 0 0 0;}
.jap-new-cv-box .jap-row-ext {margin:8px 0 0 0;font-size:14px;}
.jap-extra .jap-row-ext {margin:8px 0 12px 0;font-size:14px;}

.jap-row.jap-minibox {padding:12px;border:1px solid #ccc;margin:0 0 12px 0;border-radius:5px;}
.jap-minibox .jap-wrap {display:none;width:100%;float:left;clear:both;margin:20px 0 0 0;padding-top: 20px; border-top: 1px solid #ddd;}
.jap-minibox .jap-wrap .jap-row {margin:0 0 16px 0;}
.jap-minibox .jap-wrap .jap-row:last-child {margin-bottom:0;}
.jap-minibox .jap-wrap label {font-size:13px;}
.jap-minibox .jap-wrap label > strong {font-size:14px;margin-top:1px;}
.jap-minibox .jap-wrap input[type="text"] {padding:5px;font-size:14px;height:auto;}

a.jap-new-extra-file {display:inline-flex;align-items: center;position:relative;}
a.jap-new-extra-file svg {margin-right:5px;fill:#333;}
a.jap-new-extra-file span {display:inline-block;line-height:16px;margin-top:1px;}

.jap-quick-message {display:block;float:left;margin:0 0 16px 0;clear:both;padding:7px 8px;font-size:13px;max-width:100%;width:auto;line-height:16px;background:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 1px 3px rgba(0,0,0,0.2);border-left:4px solid #007dff;color:#222;}
.jap-quick-message[data-theme="sigma"] {margin-left:30%;max-width:70%;}


/* CHECKBOX */
.jap-body input[type="checkbox"] {float: left; background: #fbfbfb; border: 1px solid #7e8993; border-radius: 4px; color: #555; clear: none; cursor: pointer; display: inline-block; line-height: 0; height: 18px;min-height:18px; margin: 0 8px 0 0!important; outline: 0; padding: 0!important; text-align: center; vertical-align: middle; width: 18px; min-width: 18px; -webkit-appearance: none; box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%); transition: .05s border-color ease-in-out;}
.jap-body input[type="checkbox"]:checked::before {content: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%231e8cbe%27%2F%3E%3C%2Fsvg%3E); margin: -3px; height: 22px; width: 22px;display:inline-block;}
.jap-body input[type="checkbox"] + label {font-weight:normal;line-height:18px;display:inline-block;font-size:14px;float:left;width:auto;clear:none;}
.jap-row-check {float:left;width:100%;margin:0 0 8px 0;}
label.jap-row-check {cursor:pointer;}
.jap-row-check label {float:left;width:auto;clear:none;max-width:calc(100% - 50px);margin:0;}
.jap-row-check label strong, .jap-row-check > div > strong {display:inline-block;width:100%;font-size:15px;font-weight:bold;color:#000;}
.jap-row-check label span, .jap-row-check > div > span {display:inline-block;font-weight:normal;width:100%;font-size:14px;color:#777;line-height:16px;}
.jap-row-check > div > strong em {font-weight:normal;font-size:13px;font-style:normal;}

jap-apply-btn-enabled select {font-weight:normal;opacity:0.65;cursor:not-allowed;}


/* FILE */
 
.jap-body input[type=file] {font-size:14px;line-height:16px;padding:5px;border:1px solid #ccc;border-radius:6px;background:#f4f4f4}
.jap-body input[type=file]::file-selector-button {margin-right: 12px;border: none;background: #000;padding: 8px 16px;border-radius: 6px;font-size: 14px;line-height:16px;color: #fff;cursor: pointer;transition: background .2s ease-in-out;}
.jap-body input[type=file]::file-selector-button:hover {background: #333;}





/* RESPONSIVE */
@media screen and (max-width: 767px) {
  .jap-body.jap-body-apply {padding:16px;}
  
  .jap-quick-message[data-theme="sigma"] {margin-left:0%;max-width:100%;}
  .jap-content {padding-left:0;padding-right:0;}
  #jap-apps .jap-elem {padding-left:0;padding-right:0;}

}



/* RTL */
html[dir="rtl"] .jap-body, html[dir="rtl"] .jap-prof {direction:rtl;}
html[dir="rtl"] .jap-notification {padding-right:54px;padding-left:12px;}
html[dir="rtl"] .jap-notification:before {right:-1px;left:auto;border-radius:0 3px 3px 0;}
html[dir="rtl"] .jap-notification:after {right:-1px;left:auto;}
html[dir="rtl"] .jap-form .jap-row label {text-align:right;}
html[dir="rtl"] .jap-form .jap-row input[type="text"] {float:right;}
html[dir="rtl"] .jap-form .jap-row textarea {float:right;}
html[dir="rtl"] .jap-form .jap-button {float:right;}
html[dir="rtl"] .jap-form .jap-cv-file {padding:0 38px 0 0;}
html[dir="rtl"] .jap-form .jap-cv-file > svg {right:0;left:auto;}
html[dir="rtl"] .jap-body input[type=file]::file-selector-button {margin-left:12px;margin-right:0;}
html[dir="rtl"] .jap-form, html[dir="rtl"] .jap-form form, html[dir="rtl"] .jap-form .jap-row, html[dir="rtl"] .jap-form .jap-row label, html[dir="rtl"] .jap-form .jap-help {float:right;}
html[dir="rtl"] .jap-nav a {float:right;margin-left:6px;margin-right:0;}
html[dir="rtl"] #jap-apps .jap-show-details {left:10px;right:auto;}
html[dir="rtl"] #jap-apps .jap-top > div.jap-id {margin-left:10px;margin-right:0;}
html[dir="rtl"] #jap-apps .jap-status > span {border-right:4px solid rgba(0,0,0,0.2);border-left:none;}
html[dir="rtl"] #jap-apps .jap-show-details svg {margin-left:0;margin-right:6px;}
html[dir="rtl"] #jap-apps .jap-contact > div {padding-left:2px;padding-right:12px;border-left:none;border-right:3px solid #ccc}
html[dir="rtl"] #jap-apps .jap-files > div a svg {margin-right:0;margin-left:5px;}
html[dir="rtl"] .jap-apply .jap-head, html[dir="rtl"] .jap-row label, html[dir="rtl"] .jap-apply .jap-box {text-align:right;}
html[dir="rtl"] .jap-body input[type="checkbox"] {margin:0 0 0 8px!important;float:right;}
html[dir="rtl"] a.jap-new-cv svg {margin-right:4px;margin-left:0;}
html[dir="rtl"] a.jap-new-extra-file svg {margin-right:0;margin-left:5px;}
html[dir="rtl"] .jap-body input[type="checkbox"] + label {float:right;}
html[dir="rtl"] #jap-apps .jap-top {padding-left:100px;padding-right:0;}


