.logo-sm{
    margin-left: -5px;
}


.education {
  --bg-color: #ffd861;
  --bg-color-light: #ffeeba;
  --text-color-hover: #4C5656;
  --box-shadow-color: rgba(255, 215, 97, 0.48);
}

.credentialing {
  --bg-color: #B8F9D3;
  --bg-color-light: #e2fced;
  --text-color-hover: #4C5656;
  --box-shadow-color: rgba(184, 249, 211, 0.48);
}

.wallet {
  --bg-color: #CEB2FC;
  --bg-color-light: #F0E7FF;
  --text-color-hover: #fff;
  --box-shadow-color: rgba(206, 178, 252, 0.48);
}

.human-resources {
  --bg-color: #DCE9FF;
  --bg-color-light: #f1f7ff;
  --text-color-hover: #4C5656;
  --box-shadow-color: rgba(220, 233, 255, 0.48);
}

.hm-default {
  --bg-color: #F0163E;
  --bg-color-light: #FFEDED; 
  --text-color-hover: #FFFFFF;
  --box-shadow-color: rgba(255, 0, 53, 0.48); 
}
.hm-0033A0 {
  --bg-color: #0033A0; 
  --bg-color-light: #E6EAF4;
  --text-color-hover: #FFFFFF; 
  --box-shadow-color: rgba(0, 51, 160, 0.48); 
}

.card-hover {
  width: 300px;
  height: 300px;
  background: #f1f5f7;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  box-shadow: 0 14px 26px rgba(0,0,0,0.04);
  transition: all 0.3s ease-out;
  text-decoration: none;
  margin: auto;
  border: solid 1px #e8e5e5;
}

.card-hover:hover {
  transform: translateY(-5px) scale(1.005) translateZ(0);
  box-shadow: 0 24px 36px rgba(0,0,0,0.11),
    0 24px 46px var(--box-shadow-color);
}

.card-hover:hover .overlay {
  transform: scale(5) translateZ(0);
}

.card-hover:hover .circle {
  border-color: var(--bg-color-light);
  background: var(--bg-color);
}

/*.card-hover:hover .circle:after {
  background: var(--bg-color-light);
}*/

.card-hover:hover p {
  color: var(--text-color-hover);
}

.card-hover:hover h4 {
  color: white!important;
}

.card-hover:active {
  transform: scale(1) translateZ(0);
  box-shadow: 0 15px 24px rgba(0,0,0,0.11),
    0 15px 24px var(--box-shadow-color);
}

.card-hover p {
  font-size: 17px;
  color: #4C5656;
  margin-top: 30px;
  z-index: 1000;
  transition: color 0.3s ease-out;
}

.card-hover .card-body{
    transition: all 0.3s ease-out;
    z-index: 999;
}
.card-hover:hover .card-body:after {
  color: white;
}
.card-hover:hover .card-body:after h4{
  color: white !important;
}

    

.card-hover .card-text{
    font-size: 11px;
}

.card-hover h4{
    font-size: 12px;
    font-weight: bolder;
    text-align: center;
}

.card-hover .circle img{
    z-index: 999;
}

.circle {
  width: 131px;
  height: 131px;
  border-radius: 50%;
  background: #fff;
  border: 2px solid var(--bg-color);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  transition: all 0.3s ease-out;
  margin-top: 20px;
}

.circle:after {
  content: "";
  width: 118px;
  height: 118px;
  display: block;
  position: absolute;
  background: var(--bg-color);
  border-radius: 50%;
  top: 5px;
  left: 5px;
  transition: opacity 0.3s ease-out;
}

.circle svg {
  z-index: 10000;
  transform: translateZ(0);
}

.overlay {
  width: 110px;
  position: absolute; 
  height: 117px;
  border-radius: 50%;
  background: var(--bg-color);
  top: 22px;
  left: 100px;
  z-index: 0;
  transition: transform 0.3s ease-out;
}

.card-header {
    background-color: #ffffff;
}

.icon-type-app{
  border-radius: 35%;
  width: 80px;
  height: 80px;
  display: flex;             /* Habilita Flexbox */
    justify-content: center;   /* Centra horizontalmente */
    align-items: center;
    margin-top: 10px;
}
.a-app-icon{
  background-color: #f1f5f7;
}

.a-app-icon:hover{
  background-color: #d8d8d8;
}

:root, [data-bs-theme=light] {
    --bs-blue: #5664d2;
    --bs-indigo: #564ab1;
    --bs-purple: #5664d2;
    --bs-pink: #e83e8c;
    --bs-red: #ff3d60;
    --bs-orange: #f1734f;
    --bs-yellow: #fcb92c;
    --bs-green: #1cbb8c;
    --bs-teal: #050505;
    --bs-cyan: #4aa3ff;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #74788d;
    --bs-gray-dark: #252b3b;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #eff2f7;
    --bs-gray-300: #f1f5f7;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #74788d;
    --bs-gray-700: #2d3448;
    --bs-gray-800: #252b3b;
    --bs-gray-900: #212529;
    --bs-primary: #5664d2;
    --bs-secondary: #74788d;
    --bs-success: #1cbb8c;
    --bs-info: #4aa3ff;
    --bs-warning: #fcb92c;
    --bs-danger: #ff3d60;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 86, 100, 210;
    --bs-secondary-rgb: 116, 120, 141;
    --bs-success-rgb: 28, 187, 140;
    --bs-info-rgb: 74, 163, 255;
    --bs-warning-rgb: 252, 185, 44;
    --bs-danger-rgb: 255, 61, 96;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-primary-text-emphasis: #222854;
    --bs-secondary-text-emphasis: #2e3038;
    --bs-success-text-emphasis: #0b4b38;
    --bs-info-text-emphasis: #1e4166;
    --bs-warning-text-emphasis: #654a12;
    --bs-danger-text-emphasis: #661826;
    --bs-light-text-emphasis: #2d3448;
    --bs-dark-text-emphasis: #2d3448;
    --bs-primary-bg-subtle: #dde0f6;
    --bs-secondary-bg-subtle: #e3e4e8;
    --bs-success-bg-subtle: #d2f1e8;
    --bs-info-bg-subtle: #dbedff;
    --bs-warning-bg-subtle: #fef1d5;
    --bs-danger-bg-subtle: #ffd8df;
    --bs-light-bg-subtle: #fcfcfd;
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: #bbc1ed;
    --bs-secondary-border-subtle: #c7c9d1;
    --bs-success-border-subtle: #a4e4d1;
    --bs-info-border-subtle: #b7daff;
    --bs-warning-border-subtle: #fee3ab;
    --bs-danger-border-subtle: #ffb1bf;
    --bs-light-border-subtle: #eff2f7;
    --bs-dark-border-subtle: #adb5bd;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-font-sans-serif: "Nunito", sans-serif;
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 0.9rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg: #f1f5f7;
    --bs-body-bg-rgb: 241, 245, 247;
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0, 0, 0;
    --bs-secondary-color: rgba(33, 37, 41, 0.75);
    --bs-secondary-color-rgb: 33, 37, 41;
    --bs-secondary-bg: #fff;
    --bs-secondary-bg-rgb: 255, 255, 255;
    --bs-tertiary-color: rgba(33, 37, 41, 0.5);
    --bs-tertiary-color-rgb: 33, 37, 41;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248, 249, 250;
    --bs-heading-color: #252b3b;
    --bs-link-color: #5664d2;
    --bs-link-color-rgb: 86, 100, 210;
    --bs-link-decoration: none;
    --bs-link-hover-color: #4550a8;
    --bs-link-hover-color-rgb: 69, 80, 168;
    --bs-link-hover-decoration: underline;
    --bs-code-color: #e83e8c;
    --bs-highlight-color: #212529;
    --bs-highlight-bg: #fcf8e3;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #f1f5f7;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08);
    --bs-box-shadow-sm: 0 1px 1px rgba(0, 0, 0, 0.05);
    --bs-box-shadow-lg: 0 5px 12px rgba(0, 0, 0, 0.1);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --bs-focus-ring-width: 0.25rem;
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-color: rgba(86, 100, 210, 0.25);
    --bs-form-valid-color: #1cbb8c;
    --bs-form-valid-border-color: #1cbb8c;
    --bs-form-invalid-color: #ff3d60;
    --bs-form-invalid-border-color: #ff3d60;
}

.bg-success {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}

.bg-danger {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}

.bg-warning {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}

.bg-warning-subtle {
    background-color: var(--bs-warning-bg-subtle) !important;
}

.bg-danger-subtle {
    background-color: var(--bs-danger-bg-subtle) !important;
}

.bg-success-subtle {
    background-color: var(--bs-success-bg-subtle) !important;
}

@media (min-width: 600px) {
    .dropdown-menu-lg {
        width: 540px;
    }
}
.dropdown-icon-item span{
  font-size: 11px;
}
.dropdown-menu-lg{
  max-height: 460px;
  overflow-y: auto;
}

.dropdown-icon-item img {
    height: 36px;
}
.card-title{
  font-weight: 600;
}

.form-select:focus {
    border-color: #b1bbc4;
    outline: 0;
    -webkit-box-shadow: 0 0 0 .15rem rgba(182, 182, 182, .25);
    box-shadow: 0 0 0 .15rem rgba(182, 182, 182, .25);
}

#v-pills-settings label{
  font-weight: 600;
}