@font-face {
  font-family: "Poppins";
  src: url("/assets/fonts/Poppins-Regular.ttf") format("truetype");
  font-weight: normal;
}
@font-face {
  font-family: "Poppins";
  src: url("/assets/fonts/Poppins-SemiBold.ttf") format("truetype");
  font-weight: 600;
}
@font-face {
  font-family: "Poppins";
  src: url("/assets/fonts/Poppins-SemiBold.ttf") format("truetype");
  font-weight: 900;
}
body {
    font-family: 'Poppins', sans-serif !important;
    margin: 0;
    padding: 0;
  }
#selectNewOccupationLink {
    color: #3C5363 !important;
}
.navbar {
  background-color: #fff !important;
}
.nav-link {
  color: #575c6c;
}
.nav-link:hover {
  color: #127070;
}
.nav-link-login {
  color: #575c6c;
  margin-right: 1em;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    --mdb-nav-pills-link-active-bg: var(--primary-color) !important;
    color: var(--secondary-color) !important;
}
.navbar-nav a.nav-link.active {
  color: #575c6c;
}
:root {
  --primary-color: #0b132b;
  --primary-color-reduced: #0b132b0f;
  --secondary-color: #5bc0be;
  --secondary-color-reduced: #5bc0be30;
  --tertiary-color: #127070;
  --quaternary-color: #196281;
  --quinary-color: #d6eaea;
  --primary-text-color: #001e33;
  --success-color: #28a745;
  --danger-color: #dc3545;
  --warning-color: #ffc107;
  --info-color: #17a2b8;
  --light-color: #f8f9fa;
  --dark-color: #343a40;
  --white-color: #fff;
}
.section-active {
  background-color: var(--primary-color);
  color: var(--white-color) !important;
}
.bg-primary {
  --mdb-bg-opacity: 1;
  background-color: var(--primary-color) !important;
  color:var(--secondary-color) !important;
}
.bg-secondary {
  --mdb-bg-opacity: 1;
  background-color: var(--secondary-color) !important;
}
.bg-tertiary {
  --mdb-bg-opacity: 1;
  background-color: var(--tertiary-color) !important;
}
.bg-quaternary {
  --mdb-bg-opacity: 1;
  background-color: var(--quaternary-color) !important;
}

.text-primary {
  color: var(--primary-color) !important;
}
.text-secondary {
  color: var(--primary-color) !important;
}
.text-tertiary {
  color: var(--tertiary-color) !important;
}
.text-quaternary {
  color: var(--quaternary-color) !important;
}
.text-quinary {
  color: var(--quinary-color) !important;
}
.form-control:-webkit-autofill, .form-control:-webkit-autofill:hover, .form-control:-webkit-autofill:focus, .form-control:-webkit-autofill:active, .form-control:-internal-autofill-selected {
    background-color: white !important;
    -webkit-box-shadow: 0 0 0 30px #def2f2 inset !important;
  }
.nav-tabs .nav-link.active {
    border-color: var(--primary-color) !important;  
    background-color: #f5f5f5; 
}
.btn {
  font-weight: 600;
}
.btn-primary {
--mdb-btn-bg: #0b132b;
    --mdb-btn-color: #1f9d9a;
    --mdb-btn-box-shadow: 0 4px 9px -4px #0b132b;
    --mdb-btn-hover-bg: #5bc0be;
    --mdb-btn-hover-color: #0b132b;
    --mdb-btn-focus-bg: #5bc0be;
    --mdb-btn-focus-color: #fff;
    --mdb-btn-active-bg: #5bc0be80;
    --mdb-btn-active-color: #fff;
}
.btn-outline-primary {
  --mdb-btn-bg: transparent;
  --mdb-btn-color: var(--primary-color);
  --mdb-btn-hover-bg: transparent;
  --mdb-btn-hover-color: var(--primary-color);
  --mdb-btn-focus-bg: transparent;
  --mdb-btn-focus-color: var(--primary-color);
  --mdb-btn-active-bg: transparent;
  --mdb-btn-active-color: var(--quaternary-color);
  border-color: var(--primary-color);
}
.btn-outline-primary:hover {
  border-color: var(--quaternary-color) !important;
}
.btn-secondary {
  --mdb-btn-bg: var(--secondary-color);
  --mdb-btn-color: var(--primary-color);
  --mdb-btn-box-shadow: 0 4px 9px -4px var(--secondary-color);
  --mdb-btn-hover-bg: var(--primary-color);
  --mdb-btn-hover-color: var(--secondary-color);
  --mdb-btn-focus-bg: var(--tertiary-color);
  --mdb-btn-focus-color: #fff;
  --mdb-btn-active-bg: var(--tertiary-color);
  --mdb-btn-active-color: #fff;
}
.btn-outline-secondary {
  --mdb-btn-bg: transparent;
  --mdb-btn-color: var(--secondary-color);
  --mdb-btn-hover-bg: transparent;
  --mdb-btn-hover-color: var(--secondary-color);
  --mdb-btn-focus-bg: transparent;
  --mdb-btn-focus-color: var(--secondary-color);
  --mdb-btn-active-bg: transparent;
  --mdb-btn-active-color: var(--tertiary-color);
  border-color: var(--secondary-color);
}
.btn-outline-secondary:hover {
  border-color: var(--tertiary-color) !important;
}
.btn-check:focus + .btn-secondary,
.btn-check:focus-visible + .btn-secondary,
.btn-secondary:focus {
  box-shadow: 0 8px 9px -4px rgba(227, 235, 247, 0.3),
    0 4px 18px 0 rgba(227, 235, 247, 0.2);
  background-color: var(--tertiary-color);
}
.form-control:-webkit-autofill,
.form-control:-webkit-autofill:hover,
.form-control:-webkit-autofill:focus,
.form-control:-webkit-autofill:active,
.form-control:-internal-autofill-selected {
  background-color: #b6b0aa !important;
}
.background-gradient {
  height: 100px;
  margin-bottom: 25px;
  background: var(--quinary-color);
  color: var(--primary-text-color);
}
.navbar-nav .nav-link.active,
.navbar-nav .show > .nav-link {
  border-bottom: 2px solid var(--tertiary-color) !important;
}
.mypage-card:hover {
  background-color: var(--secondary-color) 20 !important;
  cursor: pointer;
}
.mypage-background {
  height: 50px;
  background: var(--quinary-color);
  margin-bottom: -95px;
}
.personality .nav-link:hover {
  background-color: #eedbc275 !important;
}
.login-container {
  margin-top: -48px;
}
.text-orimary-button-color {
  color: var(--secondary-color) !important;
}
.toDoItemLink {
  font-weight: 600;
  color: var(--tertiary-color) !important;
}
.toDoItemLink:hover {
  color: var(--tertiary-color) a1 !important;
}
a {
  color: var(--quaternary-color);
}
a:hover {
  color: var(--tertiary-color);
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: var(--tertiary-color);
  border-color: var(--tertiary-color);
}
.nav-link.active#tab-login {
  color: var(--secondary-color); !important;
}
.nav-link#tab-login:hover {
  color: var(--secondary-color) !important;
  background-color: var(--quinary-color);
}
.nav-link.active#tab-register {
  color: #fff !important;
}
.nav-link#tab-register:hover {
  color: var(--secondary-color) !important;
  background-color: var(--quinary-color);
}
a.btn:hover {
  font-weight: 700;
}
a.nav-link:hover {
    color: var(--primary-color) !important;
    background-color: var(--primary-color-reduced) !important;
}
.personality .nav-link:hover {
  background-color: #b9b9b950 !important;
}
.personality .nav-link.active {
  background-color: #eedbc200 !important;
  color: var(--primary-color) !important;
}
.form-check-input:checked {
  border-color: var(--quaternary-color) !important;
}
.left-menu {
    background-color: #fff !important;
}
.left-menu-items li.active a {
    color: var(--primary-color);
}
@media (max-width: 774px) {
  .login_illustration {
    display: none;
  }
}
.select_setting_selected {
  background-color: var(--primary-color) !important;
  color: #fff !important;
}
.select_setting:hover {
  background-color: var(--quaternary-color) !important;
  color: #fff !important;
}
.select_theme_selected {
  background-color: var(--primary-color) !important;
  color: #fff !important;
}
.select_theme:hover {
  background-color: var(--quaternary-color) !important;
  color: #fff !important;
}
.option-box {
  background-color: #fff;
  color: black;
  border: solid 1px #bababa;
  cursor: pointer;
}
.option-box:hover {
  background-color: #3855864a;
  border-color: #617994;
}
.datatable-body a:hover {
  color: var(--secondary-color) !important;
  text-decoration: underline !important;
}
.link_container {
  background-color: #dae4f3;
}
.link_container:hover {
  color: #000;
  background-color: #eedac1;
}
#newCandidateBtn a:hover {
  color: var(--secondary-color) !important;
  text-decoration: underline !important;
}
.document_item {
    color: var(--primary-color) !important;
}
.stat-label {
  color: var(--primary-color) !important;
}