:root {
	--bs-font-sans-serif: 'Poppins',sans-serif;
  --hr-base-color: #E50914;
  --link-hover-bg: #FAE7E7;
}

/* CUSTOM BADGES */
.hr-badge,
.hr-green-badge {
  background-color: #D5FAD7;
  color: #0D7D12;
  font-size: 13px;
  font-weight: 500;
  line-height: 25px;
  border-radius: 25px;
  padding: 2px 14px;
  display: inline-block;
  text-transform: capitalize;
}
.hr-badge.canceled {
  background-color: var(--link-hover-bg);
  color: var(--hr-base-color);
}
/* END CUSTOM BADGES */

/* CUSTOM SHADOWS */
.hr-shadow {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
/* END CUSTOM SHADOWS */

/* CUSTOM SCROLLBAR */
.single-job_listing .single-job-data:has(.tab-pane)::-webkit-scrollbar:hover,
.single-job_listing .single-job-data:has(.tab-pane)::-webkit-scrollbar {
  width: 3px;
}

/*.single-job_listing .single-job-data:has(.tab-pane)::-webkit-scrollbar-track {
  border-radius: 8px;
  background-color: #95a5a6;
  border: 1px solid #cacaca;
}*/

.single-job_listing .single-job-data:has(.tab-pane)::-webkit-scrollbar-thumb {
  border-radius: 8px;
  background-color: lightgray;
}
/* END CUSTOM SCROLLBAR */

.ast-global-color-2 {
  color: var(--ast-global-color-2);
}

.ast-404-search,
.main-header-menu .menu-item.loggedin {
  display: none;
}
.logged-in .main-header-menu .menu-item.loggedin {
  display: initial;
}
.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item.loggedin.loggedin {
  background-color: transparent;
}
.main-header-menu > .menu-item.loggedin > a {
  padding: 0;
}

.main-header-menu .menu-item .menu-link.active {
  background-color: var(--link-hover-bg);
  color: var(--hr-base-color) !important;
}

.main-header-menu .subnavbdr {
  margin: 0.33em 1em;
}

/* Header Profile Logo */
.loggedin .profile{
  height:40px;
  width:40px;
  overflow:hidden;
}
.loggedin .profile img{
  height:100%;
  width:100%;
  object-fit:cover;
}

.main-header-menu .sub-menu ul li a {
  color: inherit;
}
/*a.menu-link:before {
  content: "";
  border-bottom: 1px solid #D8D8D8;
  display: block;
  margin: 3px 0 5px 0 !important;
}*/

/* Custom Heading title */
.ast-container:has(.profile-wrapper) {
  flex-direction: column;
}
/*body:has(.hr-heading-wrapper) {
  overflow-x: hidden;
}*/
.page .entry-header,
.hr-heading-wrapper {
  position: relative;
  left: 50%;
  right: 50%;
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;
  background-color: #E3E3E3;
}
header.entry-header .entry-title,
.hr-heading-wrapper h1 {
  padding: 4rem 0;
  text-transform: capitalize;
}
/* END Custom Heading title */

a { text-decoration: none; }
.rm-ele span,
.add-more {
  cursor: pointer;
}
.has-error {
  position: relative;
}
form .help-block {
	color: var(--hr-base-color);
	font-size: 13px;
  position: absolute;
}

/*.fa-classic, .fa-regular, .fa-solid, .far, .fas {
  color: gray;
}*/

.input-icon {
  position: absolute;
  bottom: 25px;
  right: 0;
  width: 3rem;
  display: flex;
  justify-content: center;
  height: 50px;
  align-items: center;
  cursor: pointer;
}
input[name=password] {
  padding-right: 45px;
}
.input-icon span i {
  font-size: 12px;
  color: #595959;
}

.form-select {
  border-color: var(--ast-border-color);
  background-color: var(--ast-comment-inputs-background);
}
.form-select:focus {
  border-color: inherit;
  border-style: dotted;
}
.form-select:focus, 
.form-control:focus {
  box-shadow: none;
}

/* type date */
input[type="date"] {
  display: inline-block;
  position: relative;
}
input[type="date"]::-webkit-calendar-picker-indicator {
  background: transparent;
  bottom: 0;
  color: transparent;
  cursor: pointer;
  height: auto;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
}
/* end type date */

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
input[type=time],
input[type=date] {
  padding: 0.75em;
  height: auto;
  border-width: 1px;
  border-style: solid;
  border-color: var(--ast-border-color) !important;
  border-radius: 2px;
  background: var(--ast-comment-inputs-background);
  box-shadow: none !important;
  box-sizing: border-box;
  transition: all .2s linear;
}
input[type=date], input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], .site textarea {
  color: #212529 !important;
}
select.form-select {
  font-size: 1rem;
  padding-top: 12px;
  padding-bottom: 12px;
  color: #666;
}
select.form-select, textarea.form-control {
  background-color: var(--ast-comment-inputs-background);
  border-color: var(--ast-border-color);
}

/* BOOTSTRAP CSS OVERRIDE */
tbody, td, tfoot, th, thead, tr {
  border-width: 1px;
  vertical-align: middle;
}
body .table>:not(:last-child)>:last-child>* {
  border-bottom-color: inherit;
}
.btn-primary.disabled, .btn-primary:disabled,
input[type='submit'], .btn-primary {
	background-color: var(--hr-base-color);
	border-color: var(--hr-base-color);
  color: #fff;
}

.hr-referral .modal-content {
  border-color: #ECEFF3;
}
/*.modal.fade .modal-dialog {
	transition: transform 0.2s ease-out;
  transform: scale(0.8);
}*/
.modal {
	max-width: 100% !important;
}
.modal-title {
	letter-spacing: 0;
}
.modal-content {
	border-radius: 0;
}

.btn-primary:focus-visible {
	outline: none;
}

button:hover, button:focus, .btn-close:hover, .btn-close:focus,
.btn-check:focus+.btn, .btn:focus,
.btn-check:active+.btn-primary, .btn-check:checked+.btn-primary, .btn-primary.active, .btn-primary:active, .show>.btn-primary.dropdown-toggle,
.btn-check:active+.btn-primary:focus, .btn-check:checked+.btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show>.btn-primary.dropdown-toggle:focus {
	/*box-shadow: 0 0 0 0.25rem rgba(229, 9, 20, .5);*/
  box-shadow: none;
}
.btn-check:focus+.btn-primary, .btn-primary:focus,
.btn-primary:hover {
	background-color: #bb2d3b;
	border-color: #bb2d3b;
	/*box-shadow: 0 0 0 0.25rem rgba(229, 9, 20, .5);*/
}
.modal .btn-close {
	background-color: inherit !important;
}

.dropstart .emp-acts-toggle {
  box-shadow: 0 7px 15px 0 rgba(0, 0, 0, .13), 0 1px 4px 0 rgba(0, 0, 0, .11);
  border-radius: 5px;
}
.dropstart .emp-acts-toggle {
  background-color: var(--ast-global-color-2);
  cursor: pointer;
  display: block;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  padding: 5px 10px;
  border-radius: 5px;
}

.dropdown-item.active, .dropdown-item:active {
  background-color: var(--hr-base-color);
}

/* Home Page temp */
.page-id-154 #page .site-content,
.home #page .site-content {
  background: #F4F4F4;
  background-image: url('../images/New-Project.png');
  background-position: bottom right;
  background-repeat: repeat-y;
  background-size: auto;
}

/* select2 tags */
body .select2-container .select2-search--inline .select2-search__field {
  font-family: inherit;
  margin: 0;
  height: 24px;
}
body .select2-container--default .select2-selection--multiple {
  padding: 0.75em;
  height: auto;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
  border-color: var(--ast-border-color);
  background-color: var(--ast-comment-inputs-background);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  box-shadow: none;
  box-sizing: border-box;
  transition: all .2s linear;

  margin-bottom: 70px;
}
body .select2-dropdown,
body .select2-container--default.select2-container--focus .select2-selection--multiple {
  border-color: var(--ast-border-color);
}

body .select2-container--default .select2-results__option--selected,
body .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: var(--hr-base-color);
  color: #fff;
}
body .select2-container .select2-selection--multiple .select2-selection__rendered {
  position: absolute;
  top: 50px;
  left: 0;
  margin-left: 0;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  gap: 5px;
}
body .select2-container--default .select2-results>.select2-results__options {
  background-color: var(--ast-comment-inputs-background);
}
body .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  position: initial;
  /*padding: 0 3px 0 0 !important;*/
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 12px;
  vertical-align: -2px;
}
body .select2-container--default .select2-selection--multiple .select2-selection__choice {
  padding-left: 0;
}
body .select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 0;
  padding-right: 0;
}
/*body .select2-container--default .select2-selection--multiple .select2-selection__choice:first-child {*/
body .select2-container--default .select2-selection--multiple .select2-selection__choice {
  margin-top: 0;
  margin-left: 0;
}

body .select2-container--default .select2-selection--multiple .select2-selection__choice {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: flex-end;
  width: max-content;  
}

body .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  background-color: inherit;
  color: inherit;
}
body .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
body .select2-container--default .select2-selection--multiple .select2-selection__choice {
  border-radius: 0;
  border: 0;
  color: #ffffff;
  background-color: var(--hr-base-color);
  font-size: 10px;
  letter-spacing: 1px;
  font-weight: 600;
  padding: 2px 3px;
}
body .select2-container--default .select2-selection--multiple .select2-selection__choice__remove span {
  display: block;
  padding-top: 2.5px;
}

/* BS TAGS */
/*.bootstrap-tagsinput {
  display: flex;
  flex-direction: column-reverse;
}*/

.bootstrap-tagsinput .tag {
  margin-top: 6px;
  color: #ffffff;
  background: #E50914;
  padding: 8px 6px;
  /*border-radius: 4px;*/
  font-size: 12px;
  text-transform: capitalize;
  display: inline-block;
  line-height: 7px;
  font-weight: 500;
  letter-spacing: .5px;
}
.bootstrap-tagsinput .tag [data-role="remove"]:after {
  content: "✕";
  padding: 0px 2px;
  cursor: pointer;
}
.toast {
  background-color: #FFFFFF;
}
.toast-header .btn-close:hover {
  background-color: transparent;
  border: none;
}
.toast-body {
  font-weight: 500;
}

a {
	color: var(--hr-base-color);
}
a:active,
a:focus,
a:hover {
	color: #bb2d3b;
}

/* LOADER */
.blockOverlay > div {
	justify-content: center;
	align-items: center;
	display: flex;
	height: 100%;
}
/*body .job-manager-form .spinner.is-active,*/
.hr_dot-pulse {
  position: relative;
  left: -9999px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: var(--hr-base-color);
  color: var(--hr-base-color);
  box-shadow: 9999px 0 0 -5px;
  animation: hr_dot-pulse 1.5s infinite linear;
  animation-delay: 0.25s;
}
/*body .job-manager-form .spinner.is-active:before,
body .job-manager-form .spinner.is-active:after,*/
.hr_dot-pulse::before, .hr_dot-pulse::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: var(--hr-base-color);
  color: var(--hr-base-color);
}
/*body .job-manager-form .spinner.is-active:before,*/
.hr_dot-pulse::before {
  box-shadow: 9984px 0 0 -5px;
  animation: hr_dot-pulse-before 1.5s infinite linear;
  animation-delay: 0s;
}
/*body .job-manager-form .spinner.is-active:after,*/
.hr_dot-pulse::after {
  box-shadow: 10014px 0 0 -5px;
  animation: hr_dot-pulse-after 1.5s infinite linear;
  animation-delay: 0.5s;
}

@keyframes hr_dot-pulse-before {
  0% {
    box-shadow: 9984px 0 0 -5px;
  }
  30% {
    box-shadow: 9984px 0 0 2px;
  }
  60%, 100% {
    box-shadow: 9984px 0 0 -5px;
  }
}
@keyframes hr_dot-pulse {
  0% {
    box-shadow: 9999px 0 0 -5px;
  }
  30% {
    box-shadow: 9999px 0 0 2px;
  }
  60%, 100% {
    box-shadow: 9999px 0 0 -5px;
  }
}
@keyframes hr_dot-pulse-after {
  0% {
    box-shadow: 10014px 0 0 -5px;
  }
  30% {
    box-shadow: 10014px 0 0 2px;
  }
  60%, 100% {
    box-shadow: 10014px 0 0 -5px;
  }
}

/* Job Submission Loader */
.dashboard-wrapper:has(.hr-blockoverlay-layer) {
  position: relative;
}
body .job-manager-form .hr-blockoverlay-layer:has(.spinner.is-active) {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 999;
  margin: auto;
  /*top: 50vh; left: 50vw; transform: translate(-50%, -50%);*/
  width: 100%;
  height: 100%;
}
body .job-manager-form .hr-blockoverlay-layer .spinner.is-active {
  position: absolute;
  top: 50%;
  right: 50%;
  bottom: 50%;
  left: 50%;
}
body .job-manager-form .hr-blockoverlay-layer:has(.spinner.is-active):before {
  content: "";
  /*background-color: rgba(0,0,0,0.2);*/
  background-color: rgb(255, 255, 255);
  opacity: 0.6;
  width: 100%;
  height: 100%;
  display: block;
}

/* ---------------------------------------------------
  SIDEBAR STYLE
----------------------------------------------------- */
.profile-wrapper {
  display: flex;
  width: 100%;
  align-items: stretch;
}

#hrsidebar {
  min-width: 250px;
  max-width: 250px;
/*  background: #7386D5;*/
/*  color: #fff;*/
  transition: all 0.3s;
}

#hrsidebar.active {
  margin-left: -250px;
}

#hrsidebar .sidebar-header {
  padding: 20px;
}

#hrsidebar .sidebar-header .profile-image {
  width: 100px;
  height: 100px;
  background-position: center center;
  background-size: cover;
}

#hrsidebar ul.components {
  padding: 20px 0;
}

#hrsidebar ul li a {
  padding: 10px 20px;
  font-size: 16px;
  line-height: 25px;
  display: block;
  color: #595959;
  text-decoration: none;
}
#hrsidebar ul > li.active > a,
#hrsidebar ul li a:hover {
  color: var(--hr-base-color);
  background-color: var(--link-hover-bg);
}
#hrsidebar ul li a i {
  padding-right: 10px;
}
a[data-toggle="collapse"] {
  position: relative;
}

.dropdown-toggle::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}

#hr-content {
  width: 100%;
}

.form-check {
  padding-left: 0;
}

@media (max-width: 768px) {
  #hrsidebar {
    margin-left: -250px;
  }
  #hrsidebar.active {
    margin-left: 0;
  }
  #hrsidebarCollapse span {
    display: none;
  }
}

/* wp editor user profile side */
.mce-tinymce.mce-container.mce-panel {
  clear: both;
  border: 1px solid #dcdcde;
}
.chars-count-message {
  background-color: var(--ast-global-color-0) !important;
  border-top: 1px solid #dcdcde !important;
/*  display: none;*/
}
.chars-count-message span {
  color: #fff;
}
/*.chars-count-message.toomanychars {
  display: block;
}*/

/* file upload drag & drop */
.file-drop-area {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 100%;
  padding: 25px;
  background-color: var(--ast-comment-inputs-background);
  border: 1px dashed #D5D8E0;
  border-radius: 3px;
  transition: 0.2s;
 
}

.choose-file-button {
  flex-shrink: 0;
  background-color: rgba(255, 255, 255, 0.04);
  border: 1px solid #D5D8E0;
  border-radius: 3px;
  padding: 8px 15px;
  margin-right: 10px;
  font-size: 12px;
  text-transform: uppercase;
}

.file-message {
  font-size: 14px;
  /*font-weight: 300;*/
  line-height: 1.4;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.file-input {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  opacity: 0;
}

/* file preview */
.file-preview {
  position: relative;
  text-align: center;
  border: 1px dashed var(--ast-border-color);
  background: var(--ast-comment-inputs-background);
  padding: 15px 5px;
}
.file-preview .hr-rm-uploaded-file {
  position: absolute;
  top: 5px;
  right: 5px;
  font-size: 13px;
  cursor: pointer;
}
.file-preview a {
  word-break: break-all;
}

.file-preview.disabled a {
  pointer-events: none;
}

/* company profile logo */
.dashboard-wrapper:has(.company-logo-top) {
  margin-top: 6em;
}
.company-logo-top {
  margin-top: -120px !important;
  margin: 0 auto;
  vertical-align: bottom;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  overflow: hidden;
}
.company-logo-top img {
  height: 100%;
  object-fit: cover;
}

/* Rounded Company Logo */
.head-box .company-logo {
  border-radius: 50%;
  background-color: #fff;
  width: 110px;
  min-width: 110px;
  height: 110px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.head-box .company-logo img {
  width: 100%;
  object-fit: cover;
  /*padding: 20px;*/
}

#hr-content:has(#hr-compnay-profile) {
  margin-top: 105px !important;
}

.rp4wp-related-job_listing>ul li.job_listing a img.company_logo, .rp4wp-related-job_listing>ul li.no_job_listings_found a img.company_logo, ul.job_listings li.job_listing a img.company_logo, ul.job_listings li.no_job_listings_found a img.company_logo {
  border-radius: 50%;
}

/*.file-preview.candidate:hover:before {
  content: "";
  background-image: url('../images/open.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  z-index: 9999;
  position: absolute;
  height: 30px;
  width: 30px;
}*/

.plan-details ul {
  list-style: none;
  padding-left: 0;
}

/* wp editor when adding job  */
.mce-btn.mce-active button, .mce-btn.mce-active:hover button, .mce-btn.mce-active i, .mce-btn.mce-active:hover i {
  color: #50575e !important;
}



/* thank you page */
.entry-title {
  text-align: center;
  margin-bottom: 40px;
}

/* dropdown toggle  */
.drp-arrow {
  position: absolute;
  top: 15px;
  right: 5px;
  rotate: 180deg;
  cursor: pointer;
}

.hr-dropdown .hrtoggled {
  top: 50px;
  max-height: 200px;
  overflow-y: auto;
}

.iti--allow-dropdown .iti__flag-container .iti__selected-flag {
  background-color: rgba(0, 0, 0, 0.05);
}
body .iti__selected-flag {
  padding: 0 8px 0 8px;
}

.empsee-text {
  color: #a2a5ad;
  font-size: 14px;
}

.noupload {
  color: #CCCCCC;
}

.min-h50 {
  min-height: 50px;
}
.fw-500 {
  font-weight: 500;
}

.help-info {
  font-size: 14px;
  color: gray;
}
.back-to-edit a {
  color: #BDC8D1;
}

/* TAGS CSS */
.hrtagits span,
.my-job .job-skills span,
.single_job_listing .job-skills span,
.single-job_listing .job-skills span {
  font-size: 13px;
  line-height: 25px;
  font-weight: 500;
  text-transform: capitalize;
  color: #BDC8D1;
  border: 1px solid #BDC8D1;
  border-radius: 20px;
  padding: 2px 14px;
  margin-right: 5px;
  margin-bottom: 5px;
  display: inline-block ;
}
.hrtagits span:last-child,
.my-job .job-skills span:last-child,
.single-job_listing .job-skills span:last-child {
  margin-right: 0;
}
.single_job_listing .job-skills span,
.single-job_listing .job-skills span {
  background-color: var(--hr-base-color);
  color: #fff;
  border: 0;
}

/* Apply Job Modal */
.seeker-info .seeker-profile i {
  color: var(--hr-base-color);;
}
.seeker-info .seeker-profile a {
  color: initial;
}
.seeker-info .seeker-info-bg {
  background-color: #f4f4f466;
}
/* END Apply Job Modal */

.clrgray {
  color: gray;
}

/* BS UL Dropdown */
.dropstart .dropdown-menu {
  border-color: var(--ast-border-color);
  background: var(--ast-comment-inputs-background);
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
/*.dropstart .dropdown-menu.show:before {
  content: "";
  border: solid black;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  position: absolute;
  right: -5px;
  top: 10px;
}*/

/* BS Multiselect */
.bootstrap-select .dropdown-menu {
  border-radius: 0;
  border-top: 0;
  border-color: var(--ast-border-color);
  background: var(--ast-comment-inputs-background);
  /*box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);*/
}
.form-group .bootstrap-select, .form-horizontal .bootstrap-select, .form-inline .bootstrap-select {
  padding: 9px 16px;
}
.bootstrap-select > .dropdown-toggle {
  padding: 0;
  color: initial;
  background-color: initial;
  border: none;
}

body .bootstrap-select > .dropdown-toggle:focus,
body .bootstrap-select>.dropdown-toggle.bs-placeholder, body .bootstrap-select>.dropdown-toggle.bs-placeholder:active, body .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, body .bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
  outline: none !important;
  background-color: transparent;
  color: #666;
  box-shadow: none;
}

.btn-check:active+.btn-light:focus, .btn-check:checked+.btn-light:focus, .btn-light.active:focus, .btn-light:active:focus, .show>.btn-light.dropdown-toggle:focus {
  box-shadow: none;
}

.bootstrap-select .dropdown-menu.show {
  /*transform: translate(0px, -46.2031px) !important;*/
  left: -16px !important;
  /*inset: auto auto 10px 10px !important;*/
}
.bootstrap-select>.dropdown-toggle:after {
  content: none !important;
}
.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark {
  font-family: "Font Awesome 6 Free";
  font-weight: 600;
}
.bootstrap-select.show-tick .dropdown-menu .selected span.check-mark:after {
  content: "\f00c";
  border-style: none;
  -webkit-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
}

.hrfs-5 {
  /*color: #1e293b;*/
  font-size: 16pt;
}

/* Job Preference */
.hr-job-preferences p,
.hr-job-preferences h6 {
  color: #365072;
}
.hr-job-preferences .form-group label {
  font-size: 14px;
  color: #636363;
}
/*.hr-job-preferences .form-group input#desired_job_title {
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  border: 2px solid #636363;
}*/
/* END Job Preference */

/* Candidate Edit Profile Page */

/* Letter(s) Recommendation */
.letters-recommendation {
  flex-wrap: wrap;
  border: 1px dashed var(--ast-border-color);
  background: var(--ast-comment-inputs-background);
  padding: 5px 5px;
}
.letters-recommendation:has(.noupload) {
  justify-content: center;
}
.letters-recommendation .letter-recomm {
  /*text-align: center;*/
  /*max-width: 280px;*/
  border: 1px dashed var(--ast-border-color);
  background: #FFFFFF;
  padding: 20px 15px;
  position: relative;
}
.letters-recommendation .letter-recomm .hr-rm-uploaded-file {
  position: absolute;
  right: 5px;
  top: 5px;
  font-size: 10px;
  cursor: pointer;
}
.letters-recommendation .letter-recomm a {
  word-break: break-all;
}
.view-file-btn {
  font-size: 14px;
  padding: 6px 20px;
}
/* END Candidate Edit Profile Page */

/* Back to edit */
.back-to-edit button:active,
.back-to-edit button:focus,
.back-to-edit button:hover,
.back-to-edit button {
  background: inherit;
  background-color: initial;
  font-weight: 400;
  font-size: 16px;
  padding: 0 0px 5px;
  color: #BDC8D1;
}

/* EMPLOYER TABS Candidate Status */
.hrapplicant {
  overflow: hidden;
  margin-bottom: 2em;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  /*box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);*/
  /*box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .13), 0 1px 2px 0 rgba(0, 0, 0, .11);*/
  /*box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1);*/
  /*box-shadow: 0 1px 1px rgba(0,0,0,0.12), 0 2px 2px rgba(0,0,0,0.12);*/
  /*border-radius: 5px;*/
}
.hrapplicant:first-child {
  margin-top: 1em;
}
.hrapplicant:last-child {
  margin-bottom: 0;
}
.hrapplicant table {
  margin-bottom: 0;
}

.candidate-status {
  /*width: 120px;*/
  position: relative;
  /*overflow: hidden;*/
  /*z-index: 999;*/
}
.candidate-status-badge {
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 500;
  line-height: 25px;
  text-transform: uppercase;
  /*border-radius: 25px;*/
  padding: 4px 0;
  display: inline-block;

  position: absolute;
  top: 0;
  right: 0;
  -ms-transform: translateX(30%) translateY(0%) rotate(45deg);
  -webkit-transform: translateX(30%) translateY(0%) rotate(45deg);
  transform: translateX(30%) translateY(0%) rotate(45deg);
  -ms-transform-origin: top left;
  -webkit-transform-origin: top left;
  transform-origin: top left;
  max-width: 85px;
  min-width: 85px;
}

span.candidate-status-badge:before, span.candidate-status-badge:after {
  content: "";
  position: absolute;
  top: 0;
  margin: 0 -1px;
  width: 100%;
  height: 100%;
  background: inherit;
  min-width: 55px;
}
span.candidate-status-badge:before {
  right: 100%;
}
span.candidate-status-badge:after {
  left: 100%;
}

.candidate-status-badge.interview {
  background-color: #39c;
}
.candidate-status-badge.hired {
  background: #D5FAD7;
  color: #0D7D12;
}
.candidate-status-badge.rejected {
  background-color: var(--hr-base-color);
}

.nofound {
  margin-bottom: 0;
  padding: 28px 1rem 4px;
  text-align: center;
  font-size: 28px;
  font-weight: 900;
  /*color: #636363;*/
  opacity: 0.5;

  display: flex;
  flex-direction: column;
  gap: 5px;

}
.nofound i {
  font-size: 38px;
}

/* START TOOLTIP STYLES */
[hrtooltip] {
  position: relative; /* opinion 1 */
}

/* Applies to all tooltips */
[hrtooltip]::before,
[hrtooltip]::after {
  text-transform: none; /* opinion 2 */
  font-size: .9em; /* opinion 3 */
  line-height: 1;
  user-select: none;
  pointer-events: none;
  position: absolute;
  display: none;
  opacity: 0;
}
[hrtooltip]::before {
  content: '';
  border: 5px solid transparent; /* opinion 4 */
  z-index: 1001; /* absurdity 1 */
}
[hrtooltip]::after {
  content: attr(hrtooltip); /* magic! */
  
  text-align: center;
  font-style: italic;

  /* 
    Let the content set the size of the tooltips 
    but this will also keep them from being obnoxious
  */
  min-width: 3em;
  max-width: 21em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 1ch 1.5ch;
  border-radius: .3ch;
  box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
  background: #333;
  color: #fff;
  z-index: 1000; /* absurdity 2 */
}

/* Make the tooltips respond to hover */
[hrtooltip].active::before,
[hrtooltip].active::after {
  display: block;
}

/* don't show empty tooltips */
[hrtooltip='']::before,
[hrtooltip='']::after {
  display: none !important;
}

/* FLOW: UP */
[hrtooltip]:not([flow])::before,
[hrtooltip][flow^="up"]::before {
  bottom: 100%;
  border-bottom-width: 0;
  border-top-color: #333;
}
[hrtooltip]:not([flow])::after,
[hrtooltip][flow^="up"]::after {
  bottom: calc(100% + 5px);
}
[hrtooltip]:not([flow])::before,
[hrtooltip]:not([flow])::after,
[hrtooltip][flow^="up"]::before,
[hrtooltip][flow^="up"]::after {
  left: 50%;
  transform: translate(-50%, -.5em);
}

/* FLOW: DOWN */
[hrtooltip][flow^="down"]::before {
  top: 100%;
  border-top-width: 0;
  border-bottom-color: #333;
}
[hrtooltip][flow^="down"]::after {
  top: calc(100% + 5px);
}
[hrtooltip][flow^="down"]::before,
[hrtooltip][flow^="down"]::after {
  left: 50%;
  transform: translate(-50%, .5em);
}

/* FLOW: LEFT */
[hrtooltip][flow^="left"]::before {
  top: 50%;
  border-right-width: 0;
  border-left-color: #333;
  left: calc(0em - 5px);
  transform: translate(-.5em, -50%);
}
[hrtooltip][flow^="left"]::after {
  top: 50%;
  right: calc(100% + 5px);
  transform: translate(-.5em, -50%);
}

/* FLOW: RIGHT */
[hrtooltip][flow^="right"]::before {
  top: 50%;
  border-left-width: 0;
  border-right-color: #333;
  right: calc(0em - 5px);
  transform: translate(.5em, -50%);
}
[hrtooltip][flow^="right"]::after {
  top: 50%;
  left: calc(100% + 5px);
  transform: translate(.5em, -50%);
}

/* KEYFRAMES */
@keyframes hrtooltips-vert {
  to {
    opacity: .9;
    transform: translate(-50%, 0);
  }
}

@keyframes hrtooltips-horz {
  to {
    opacity: .9;
    transform: translate(0, -50%);
  }
}

/* FX All The Things */ 
[hrtooltip]:not([flow]).active::before,
[hrtooltip]:not([flow]).active::after,
[hrtooltip][flow^="up"].active::before,
[hrtooltip][flow^="up"].active::after,
[hrtooltip][flow^="down"].active::before,
[hrtooltip][flow^="down"].active::after {
  animation: hrtooltips-vert 300ms ease-out forwards;
}

[hrtooltip][flow^="left"].active::before,
[hrtooltip][flow^="left"].active::after,
[hrtooltip][flow^="right"].active::before,
[hrtooltip][flow^="right"].active::after {
  animation: hrtooltips-horz 300ms ease-out forwards;
}

/* END Tooltip CSS */