:root {
  --color-base-admin: #231f20;
  --color-black: #000000;
  --color-hover-tab: #f3f4f9;
  --color-airforce-blue-admin: #008489;
  --icon-aura: url("https://ats-drupal.s3.amazonaws.com/icon.png");
}

.ats-candidate-form .field--name-ats-can-address details {
  border: none;
  box-shadow: none;
}

h1.page-title,
#block-claro-breadcrumbs li.breadcrumb__item {
  text-transform: capitalize;
}

.ats-candidate-form .field--name-ats-can-address details summary {
  padding: 0;
  pointer-events: none;
}

.ats-candidate-form .field--name-ats-can-address summary::before,
.ats-candidate-form .field--name-ats-can-address summary::after {
  content: none !important;
}

.ats-candidate-form .field--name-ats-can-address .details-wrapper {
  margin: 0;
}

.ats-candidate-form #edit-ats-can-compensation-0-top,
.paragraph-type--ats-can-experience .paragraph-top .paragraph-type-label,
.paragraph-type--ats-can-experience .paragraph-top .paragraphs-icon-button-collapse,
#ats-can-education-values .paragraph-top .paragraph-type-title,
#ats-can-education-values .paragraph-top .paragraphs-icon-button-collapse {
  display: none;
}

@media screen and (min-width: 61rem) {
  .ats-candidate-edit-form {
    /* max-width: 52rem; */
    margin: auto;
  }
}

/* submission/appointment node form */
#edit-field-ats-submission-notify--wrapper>legend {
  margin-bottom: 12px !important;
  display: block;
}

#edit-field-ats-submission-notify,
#edit-field-ats-job-email-notification,
#edit-field-ats-interview-interviewers {
  display: flex;
  flex-wrap: wrap;
  column-gap: 10px;
  justify-content: space-between;
}

#edit-field-ats-submission-notify>div,
#edit-field-ats-job-email-notification>div,
#edit-field-ats-interview-interviewers>div {
  width: 28%;
  word-break: break-word;
}

@media screen and (max-width: 767px) {

  #edit-field-ats-submission-notify,
  #edit-field-ats-interview-interviewers,
  #edit-field-ats-job-email-notification {
    flex-direction: column;
  }

  #edit-field-ats-submission-notify>div,
  #edit-field-ats-interview-interviewers>div,
  #edit-field-ats-job-email-notification>div {
    width: 100%;
  }
}

.form-boolean--type-radio:checked {
  box-shadow: inset 0 0 0 1px var(--color-base-admin) !important;
  background-image: url("data:image/svg+xml,%3csvg width='17' height='17' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle r='4.5' cx='8.5' cy='8.5' fill='%23231F20'/%3e%3c/svg%3e") !important;
}

.form-boolean--type-radio:checked:focus {
  box-shadow: 0 0 0 2px #fff, 0 0 0 5px #26a769, inset 0 0 0 1px var(--color-base-admin);
}

.form-boolean--type-radio:checked,
.form-boolean--type-checkbox:checked {
  border-color: var(--color-base-admin);
}

.form-boolean--type-radio:checked,
.form-boolean--type-radio:focus,
.form-boolean--type-checkbox:checked,
.form-boolean--type-checkbox:focus {
  box-shadow: none !important;
}

.form-boolean--type-checkbox:checked,
.button--primary {
  background-color: var(--color-base-admin) !important;
}

.is-horizontal .tabs__link.is-active::before {
  border-bottom: 3px solid var(--color-base-admin) !important;
}

.form-boolean--type-radio:checked {
  border-color: var(--color-base-admin) !important;
}

.button--primary:hover {
  background-color: var(--color-black);
}

.vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link::before {
  border-left-color: 4px solid var(--color-base-admin) !important;
}

a,
.link {
  color: var(--color-base-admin);
}

.claro-details__summary:hover,
a:hover,
.link:hover {
  color: var(--color-black);
}

[open] .claro-details__summary--accordion,
[open] .claro-details__summary--accordion-item,
[open] .claro-details__summary--vertical-tabs-item,
.is-horizontal .tabs__link,
.vertical-tabs__menu-item.is-selected .vertical-tabs__menu-link {
  color: var(--color-base-admin) !important;
}

.js-form-item-field-ats-job-contact select {
  width: 100%;
}

@media screen and (min-width: 48em) {
  .is-horizontal .tabs__link:hover {
    color: var(--color-black);
    background: var(--color-hover-tab);
  }

  .js-form-item-field-ats-job-contact select {
    width: 549px !important;
  }

  .is-horizontal .tabs__link.is-active::before {
    border-bottom-color: var(--color-base-admin);
  }
}

.claro-details__summary:hover::before,
.claro-details__summary:hover:focus::before,
.claro-details[open]>.claro-details__summary:focus::before,
.claro-details[open]>.claro-details__summary--accordion::before,
.claro-details[open]>.claro-details__summary--accordion-item::before,
.claro-details[open]>.claro-details__summary--vertical-tabs-item::before {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3e%3cpath d='M5.21 1.314L3.79 2.723l5.302 5.353-5.303 5.354 1.422 1.408 6.697-6.762z' fill='%23231F20'/%3e%3c/svg%3e");
}

.content-header {
  background-color: #fff;
}

#block-claro-primary-local-tasks {
  border-bottom: 2px solid #dedfe4;
}

.resume-hidden .js-form-type-entity-autocomplete {
  display: none;
}

.field--name-ats-can-resume .referenced-entity-modal-container .field-modal-reset {
  top: -20px;
}

.ajax-progress__throbber {
  border-color: #231f20 !important;
}

#ai-button-wrapper.sticky {
  position: fixed;
  top: 0px;
  background-color: #fff;
  box-shadow: 0 0 10px 2px #ccc;
  width: 100%;
  padding-left: 250px;
  left: 0;
  z-index: 1;
  display: flex;
  align-items: center;
}

#ai-button-wrapper .job-title,
#ai-button-wrapper .ai-btn {
  width: 50%;
}

#ai-button-wrapper .ajax-progress--throbber {
  width: 100% !important;
}

#toolbar-administration+.page-wrapper #ai-button-wrapper.sticky {
  top: 80px;
}

#edit-field-ats-job-cert-required-wrapper .tabledrag-toggle-weight-wrapper,
#edit-field-ats-job-cert-required-wrapper .js-tabledrag-handle,
#edit-field-ats-job-credential-require-wrapper .tabledrag-toggle-weight-wrapper,
#edit-field-ats-job-credential-require-wrapper .js-tabledrag-handle,
#field-ats-job-required-skills-values .tabledrag-cell .tabledrag-handle,
#field_ats_job_video_url-media-library-wrapper #field_ats_job_video_url-media-library-wrapper--description {
  display: none;
}

.ai-complete-message {
  padding-bottom: 10px;
  font-size: 12px;
}

.ai-btn .button {
  margin-bottom: 5px;
}

.ai-btn .button:hover {
  background-color: #d3d4d9;
}

#edit-field-ats-job-pub-description-wrapper {
  scroll-margin-top: 150px;
}

.chosen-container .chosen-results li.highlighted {
  background-color: #f5f5f5 !important;
  color: var(--color-base-admin) !important;
}

.chosen-container-single .chosen-search input[type="text"],
.chosen-container .chosen-results li {
  border-radius: 0px !important;
  padding: 15px !important;
}

.path-batch h1 {
  position: absolute;
  top: 5rem;
  left: 2rem;
}

.path-batch .menu-mobile {
  padding: 15px;
}

.path-batch .progress {
  overflow: visible;
}

.path-batch #updateprogress {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  overflow: visible;
}

.path-batch #updateprogress>div.progress__track {
  width: 100%;
  height: 30px;
}

.path-batch #content>section>small {
  display: none;
}

.path-batch #updateprogress>div.progress__track .progress__bar {
  height: 30px;
}

.path-batch #updateprogress>div.progress__label,
.path-batch #updateprogress>div.progress__percentage,
.path-batch #updateprogress>div.progress__description {
  font-size: 18px;
}

.path-batch #main-wrapper {
  padding-top: 30vh;
}

.toolbar-icon-ats-esteemed-ats-aura::before {
  background-image: var(--icon-aura);
}



/* .is-horizontal ul.tabs--secondary li.tabs__tab a.is-active::before {
  border-bottom: 0!important;
}
.is-horizontal ul.tabs--secondary  .js-active-tab {
  border-bottom: 4px solid !important;
} */

.vertical-tabs__menu-item-title.form-required::after {
  display: inline-block;
  margin-right: 0.15em;
  margin-left: 0.15em;
  content: "*";
  color: #dc2323;
  font-size: 0.875rem;
}

@media screen and (min-width: 61rem) {

  .node-ats-job-edit-form .layout-region--node-main,
  .node-ats-job-edit-form .layout-region--node-footer {
    width: 100%;
  }

  .node-ats-job-edit-form .layout-region--node-main .layout-region__content,
  .node-ats-job-edit-form .layout-region--node-footer .layout-region__content {
    max-width: 100%;
  }
}