/* Variables & Config */
:root {
  --body-background: #0A1B28;
  --card-background: #203140;
  --text-color: white;
  --loading-dot-background: #0d5ee3;
  --button-background: #0d5ee3;
}


/* Layout Fixes */
html,
body,
app-root,
.frame,
.list,
.background,
.job-container,
novo-modal > section {
  height: auto !important;
  min-height: unset !important;
  max-height: unset !important;
  overflow: visible !important;
}

.open-positions {
  margin: 15px 34px 22px 35px !important;
}

app-apply-modal {
  width: 90vw !important;
  display: flex !important;
  justify-content: center !important;
}

novo-modal > section {
  padding: 10px 30px !important;
  width: 100% !important;
}

novo-modal,
novo-notification {
  width: 600px !important;
}


/* Scrollbar Hiding */
app-sidebar,
.list,
.filters,
.background {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

app-sidebar::-webkit-scrollbar,
.list::-webkit-scrollbar,
.background::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
}


/* Global Theme */
html,
body,
[_nghost-serverApp-c100],
.frame .list,
.filter-header,
.list-item h6 a,
.background[_ngcontent-serverApp-c107] .job-container[_ngcontent-serverApp-c107] .category[_ngcontent-serverApp-c107] {
  color: var(--text-color) !important;
}

html,
body,
[_nghost-serverApp-c100],
.frame .list,
.background[_ngcontent-serverApp-c107],
.background[_ngcontent-serverApp-c107] .job-container[_ngcontent-serverApp-c107] {
  background-color: var(--body-background) !important;
}

novo-modal,
novo-notification {
  background-color: var(--card-background) !important;
}


/* UI Components */
novo-loading span.dot {
  background-color: var(--loading-dot-background) !important;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
button[theme="fab"],
button[theme="secondary"],
app-sidebar novo-search.focused > button {
  background-color: var(--button-background) !important;
  color: var(--text-color) !important;
  border: none !important;
  cursor: pointer;
  -webkit-appearance: button;
}

button[theme] {
  padding: 6px 20px !important;
}

button[theme][theme=standard]:focus,
button[theme][theme=standard]:hover {
  box-shadow: none !important;
}

.actions > div {
  display: flex !important;
  gap: 10px !important;
}

.bhi-filter,
.bhi-previous {
  margin-left: 0 !important;
  margin-right: 0 !important;
  justify-content: start !important;
  padding: 0 !important;
}

.bhi-share {
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 0 !important;
  justify-content: end !important;
}

.bhi-save {
	display: none !important;
}

app-apply-modal novo-modal > footer button {
  margin: 0 0 10px !important;
}

/* Form Styles */
novo-search > input {
  border: none !important;
}

novo-form[layout=vertical] .novo-form-container form div.novo-form-row novo-control .novo-control-container .novo-control-outer-container > label.novo-control-label,
novo-form .novo-form-container form div.novo-form-row novo-control > div.novo-control-container > div.novo-control-outer-container .novo-control-inner-container .novo-control-inner-input-container > div.novo-control-input input,
novo-form .novo-form-container form div.novo-form-row novo-control > div.novo-control-container > div.novo-control-outer-container .novo-control-inner-container .novo-control-inner-input-container i.required-indicator.bhi-circle,
novo-form .novo-form-container form div.novo-form-row novo-control .field-message .messages span.error-text {
  color: var(--text-color) !important;
}

novo-form .novo-form-container form div.novo-form-row novo-control > div.novo-control-container > div.novo-control-outer-container .novo-control-inner-container .novo-control-inner-input-container > div.novo-control-input input {
    border-color: var(--text-color) !important;
}

novo-file-input .file-output-group .file-item {
  background-color: var(--card-background) !important;
  box-shadow: none !important;
}

novo-file-input .file-input-group label,
novo-file-input .file-input-group label strong {
  color: var(--text-color) !important;
}

novo-file-input .file-input-group label.boxed {
  border: 2px dashed var(--text-color) !important;
}

novo-check-list [class*=-group] label i.bhi-checkbox-filled,
novo-check-list [class*=-group] label i.bhi-checkbox-empty,
.check-box-group span {
  color: var(--text-color) !important;
}


/* Cards & Lists */
.chip {
  display: inline-block;
}

app-info-chips {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.job-card {
  background-color: var(--card-background) !important;
}

.novo-list-item,
novo-list-item {
  padding: 0;
  background-color: transparent !important;
}

.list-item {
  padding: 15px 15px 0;
  padding-left: 0 !important;
  align-self: flex-start;
}

.item-header-end {
  min-height: 47px;
  align-content: center;
  display: flex;
}


/* Utilities */
.credits,
.bullhorn,
header[theme="neutral"] {
  display: none !important;
}


/* Mobile Responsive */
@media (max-width: 768px) {
  div.job-card .novo-list-item {
    margin-bottom: 15px;
    margin-left: 10px;
  }

  .list-item {
    padding-bottom: 5px;
  }

  app-info-chips {
    justify-content: flex-start;
  }
}

@media (max-width: 570px) {
  .share {
    flex-direction: column !important;
    gap: 20px !important;
  }

  .background[_ngcontent-serverApp-c107] .job-container[_ngcontent-serverApp-c107] .share[_ngcontent-serverApp-c107] button[_ngcontent-serverApp-c107] {
    margin-right: 0 !important;
    justify-content: center !important;
  }
}