.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;color:#333;background:#ddd;font-size:14px;line-height: 14px;}
#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-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;}

#jap-modal-cv {height: 100%;width: calc(100% - 362px);vertical-align: top;overflow: auto;position: relative;overflow-y: auto;}
/* JOB APPLICATIONS */
#jap-app-detail {width: 362px;height: 100%;padding: 20px;overflow-y: auto;}
#jap-app-detail .jap-action {display: flex;align-items: center;justify-content: space-between;padding-bottom: 15px;}
#jap-app-detail .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-app-detail .jap-elem > div {width:100%;float:left;clear:both;}
#jap-app-detail .jap-elem > .jap-hide {display:none;margin:0 0 16px 0;}
#jap-app-detail .jap-elem > hr.jap-hide {width:100%;border:none;border-top:1px solid #ccc;margin:16px 0;}
#jap-app-detail .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-app-detail .jap-show-details.jap-opened {background:#fff;border-color:#ccc;}
#jap-app-detail .jap-show-details:hover {background:#e8e8e8;text-decoration:none;}
#jap-app-detail .jap-show-details svg {fill:#555;width:auto;height:17px;margin:-1px 0 0 6px;}
#jap-app-detail .jap-show-details.jap-opened svg {transform:scaleY(-1);}
#jap-app-detail .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-app-detail .jap-top > div {margin-bottom:6px;}
#jap-app-detail .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-app-detail .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-app-detail .jap-status-pending > span {background:#3e4fff;color:#fff;}
#jap-app-detail .jap-status-received > span {background:#0dbc6c;color:#fff;}
#jap-app-detail .jap-status-canceled > span {background:#d52828;color:#fff;}
#jap-app-detail .jap-empty {padding:25px 10px;color:#777;text-align:center;border-radius:5px;margin:20px 0;background:#e0e0e0;}

#jap-app-detail .jap-item {margin:0 0 5px 0;}
#jap-app-detail .jap-item a {font-size:16px;line-height:20px;display:inline-block;font-weight:600;}
#jap-app-detail .jap-item span {display:inline-block;width:100%;font-size:14px;line-height:18px;margin:3px 0 0 0;}
#jap-app-detail .jap-date {margin:2px 0 0;font-size:14px;line-height:18px;}
#jap-app-detail .jap-contact > div {display:flex;width:100%;flex-direction: column;padding:2px 2px 2px 12px;border-left:3px solid #ccc;margin-top:2px;}
#jap-app-detail .jap-files > div {display:flex;width:100%;flex-direction: column;align-items: flex-start;}
#jap-app-detail .jap-files > div a {font-size:13px;line-height:15px;font-weight:bold;display:flex;align-items: center;margin:3px 0;}
#jap-app-detail .jap-files > div a svg {fill:#666;margin:0 5px 0 0;}
#jap-app-detail .jap-files > div a span {margin-top:2px;}
#jap-app-detail .jap-elem > .jap-hide.jap-action {margin-top:10px;}
#jap-app-detail .jap-form-select-status {width: 55%;}
.jap-app-detail #jap-app-detail .jap-elem > .jap-action {margin-top:15px;}
#jap-app-detail .jap-action a {transition:0.1s;height: 42px;padding: 0 10px;text-decoration:none;background:#d4d4d4;font-weight:bold;border-radius:5px;display: inline-flex;align-items: center;font-size: 15px;}
#jap-app-detail .jap-action a:hover {background:#e4e4e4;color:#000;}
#jap-app-detail .jap-action a.jap-cancel svg {width: 24px;height: 24px;margin-right:4px;fill:#c40000;}
#jap-app-detail .jap-action a.jap-receive svg {width:18px;height:17px;margin-top:-1px;margin-right:4px;fill:#00c45d;}
#jap-app-detail .jap-action a > span {margin-top:1px;}

.jap-files {padding: 20px 30px;}
.jap-file-box {padding: 15px 25px;display: flex;align-items: center;flex-flow: row;border: 1px solid #ccc;border-radius: 6px;margin-top: 10px;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);}
.jap-file-box svg {width: 50px;height: 50px;}
.jap-file-box .jap-file-row {width: 100%;display: flex;flex-flow: row;padding-left: 10px;justify-content: space-between;align-items: center;}
.jap-file-box .jap-file-name {display: flex;flex-flow: column;}

/* USER PROFILE */
.jap-prof {display:inline-block;clear:both;width:100%;margin:0;padding: 0;}
.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 {display: flex;align-items: stretch;width: 100%;border: 1px solid #ddd;border-radius: 6px;flex-wrap: nowrap;overflow-x: auto;scrollbar-width: none;position: relative;flex-direction: row;max-width: 100%;}
.jap-nav a {line-height: 18px;font-weight: normal;-webkit-box-align: center;align-items: center;flex: 1 1 0%;min-width: 125px;padding: 15px;text-align: center;cursor: pointer;font-size: 13px;}
.jap-nav a.active, .jap-nav a:hover {background:#eee;text-decoration:none;}
.jap-nav p {font-weight:bold;font-size: 22px;margin-bottom: 6px;text-align: center;}
.jap-divider {margin: 16px 0px;flex-shrink: 0;border-width: 0px thin 0px 0px;border-style: solid;border-color: rgba(0, 0, 0, 0.12);height: auto;align-self: stretch;}
.jap-content {float:left;clear:both;width:100%;min-height:320px;padding: 20px 10px 10px 10px;}

.jap-head {position:absolute;top:0;left:0;width:100%;height: 90px;border-bottom:1px solid #ccc;}
.jap-box-content {position:absolute;display: flex;flex-flow: row;top: 90px;bottom:0;left:0;width:100%;overflow-y: unset;}
.jap-header-row {display: flex;flex-direction: row;justify-content: space-between;height: 90px;}
.jap-header-close {width: 90px;height: 90px;float: left;text-align: center;border-right: 1px solid #ddd;cursor: pointer;}
.jap-header-close span {position:relative;top: 50px;font-size: 16px;}
.jap-header-left {overflow: visible;display: flex;flex: 1;min-width: 0;}
.jap-header-right {display: inline-flex;}
.jap-header-name {padding:10px 0 0 20px;font-size:22px;font-weight:bold;}
.jap-header-button {width: 90px;height: 90px;float: left;text-align: center;border-left: 1px solid #ddd;}
.jap-header-button a {display: flex;justify-content: center;align-items: center;flex-direction: column; 28px;height: 100%;}
.jap-header-button a svg {display:block;height: 34px;width: 34px;}
.jap-header-button a:hover {opacity:0.65;text-decoration:none;}

.jap-tabs {float:left;clear:both;width:100%;}
.jap-tab-row {display: flex;flex-direction: row;align-items: center;position: relative;width: 100%;padding: 8px 4px;justify-content: space-between;border-bottom: 1px solid #eee;font-size: 15px;}
.jap-tab-row-left {display: flex;align-items: center;width: 52%;justify-content: space-between;}
.jap-tab-row-right {display: flex;align-items: center;width: 40%;justify-content: space-between;}
.jap-tab-content {display: flex;flex-direction: column;position: relative;align-items: stretch;width: 100%;border-top: 1px solid #eee;}
.jap-circle {border-radius: 50%;display: flex;height: 40px;text-align: center;width: 40px;/* border: 1px solid #c6c6c6; */align-items: center;justify-content: center;background: #555555;}
.jap-initials {font-size: 22px;color: #ffffff;}
.jap-name {display: flex;align-items: center;}
.jap-img {width: 40px;height: 40px;max-width: 40px;min-width: 40px;max-height: 40px;margin-right: 7px;position: relative;}
.jap-img img {width: 100%;height: 100%;border-radius: 100px;}
.jap-tab-content a:hover {text-decoration:none;}
.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;}

/* QUICK MESSAGE BLOCK */
#jap_message {display:block;position:fixed;right: 40px;top: 10px;z-index:99999999;}
#jap_message .jap_simple {float:left;clear:both;margin-bottom: 15px;cursor:pointer;padding: 15px 20px;x;font-size: 16px;border-radius: 7px;color: #fff;line-height:16px;background: #000;opacity: 0.8;}
#jap_message .jap_simple:hover {opacity:1;}

/* 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;}

/* MODAL DESIGN */
.jap-modal-cover {display:none;position:fixed;top:0;left:0;bottom:0;right:0;z-index:991;}
#japModal {display:none;overflow:hidden;background:#fff;position:fixed;width: 100%;max-width: 1100px;height: 100%;top: 0;right: 0;z-index:995;box-shadow: 0px 0px 34px -13px rgba(0, 0, 0, 0.75);}
#japModal.modal-fullscreen {width:auto;height:auto;top:0;left:0;right:0;bottom:0;margin:0;border-radius:0;box-shadow:none;transform:none;max-width:100%;max-height:100%;}
#japModal .modal-body {position:initial;padding:0;}
#japModal .modal-close {cursor: pointer;position: absolute;z-index: 99;top: 0;left: 0;width: 90px;height: 90px;font-size: 16px;display: flex;justify-content: center;align-items: center;flex-direction: column;}
#japModal .modal-close svg {width:auto;height: 40px;color: var(--mb-color-primary);}
#japModal .modal-close:hover {opacity: 0.65;}
#japModal .modal-content {position:absolute;right:0;bottom:0;top:0;left:0;}
#japModal .modal-content .modal-iframe, #japModal .modal-loader {background: #fff url(../img/loader.gif) no-repeat center center; background-size: 80px;border:none;padding:0;position:absolute;top:0;left:0;width:100%;height:100%;}
#japModal, #japModal .modal-content, #japModal .modal-content .modal-iframe {/* border-radius:5px; */}
#japModal .modal-is-inline .modal-content {/* overflow-y:auto; */}

/* SIMPLE SELECT */
.simple-select {float:left;width:100%;clear:both;position:relative;font-size:14px;}
.simple-select .text {cursor:pointer;float:left;width:100%;clear:both;background:#fff;padding: 8px;font-size: 14px;line-height: 18px;border: 1px solid rgba(0,0,0,0.2);border-radius: 3px;box-shadow: none;outline: none;}
.simple-select .text i:not(.help) {float:right;font-size:16px;color:#444;position:relative;top:auto;left:auto;line-height:18px;width:auto;}
.simple-select:hover .text, .simple-select.opened .text {border-color:rgba(0,0,0,0.3);}
.simple-select.opened {z-index:20;}
.simple-select.opened .text i:not(.help):before {content:"\f106";}
.simple-select.opened .text {background:#fbfbfb;}
.simple-select .list {display:none;max-height:320px;overflow-y:auto!important;z-index:3;position:absolute;width:100%;top:34px;left:0;background:#fbfbfb;border:1px solid rgba(0, 0, 0, 0.3);border-top:none;padding:0px;-webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;}
.simple-select .option {cursor:pointer;position:relative;float:left;width:100%;clear:both;padding:10px 10px;line-height:14px;color:#444;}
.simple-select .option.sub1 {padding-left:15px;}
.simple-select .option.sub2 {padding-left:20px;font-size:12px;line-height:13px;}
.simple-select .option.sub3 {padding-left:25px;font-size:12px;line-height:13px;}
.simple-select:not(.level0) .option.root {font-weight:bold;}
.simple-select .option.nonclickable {background: rgba(0,0,0,0.05);cursor:default;}

.simple-select .option:not(.info):not(.nonclickable):hover {background: #eeedee; color: #28c2ba;}
.simple-select .option.info {display:none!important;}
.simple-select:not(.simple-cat) .option.selected {font-weight:bold;color:#111;}
.simple-select.simple-cat .option.selected {text-decoration:underline;color:#000;}

/* ANIMATED LOADER */
.loader {margin: 140px auto 0 auto;width: 180px;height: 30px;border-radius: 20px;color: #514b82;border: 2px solid;position: relative;}
.loader::before {content: "";position: absolute;margin: 2px;inset: 0 100% 0 0;border-radius: inherit;background: currentColor;animation: l6 1.5s infinite;}
@keyframes l6 {100% {inset:0}}


/* 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-box-content {flex-flow: column-reverse;overflow-y: auto;display: block;}
  .jap-header-name {display:none;}
  #jap-pdf-canvas {height:100%;}
  #jap-apps .jap-elem {padding-left:0;padding-right:0;}
  #jap-app-detail {width: 100%;overflow-y: hidden;display: block;}
  #jap-modal-cv {overflow-y: hidden;display: block;width: 100%;padding-right: 0;}

}

html[mode="dark"] .jap-nav a.active, .jap-nav a:hover {background: var(--mb-color12, #363636);}
html[mode="dark"] hr {background:var(--mb-color2, #d6d6d6);}
html[mode="dark"] #jap-apps .jap-empty {background: var(--mb-color12, #363636);color: var(--mb-color2, #d6d6d6);}
html[mode="dark"] #japModal {background: var(--mb-color12, #363636);}

/* 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;}