.modal {
  --modal-width: 500px;
  z-index: 1055;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background: color-mix(in srgb, var(--color-neutral1-400) 60%, transparent);
  animation: fade-in ease 0.4s;
}
.modal .modal-dialog {
  background-color: var(--color-neutral2-200);
  border: 1px solid var(--color-neutral2-300);
  border-radius: 10px;
  display: block;
  max-width: var(--modal-width);
  position: relative;
  padding: 5px;
}
.modal .modal-header {
  padding: 1em;
  border-bottom: 1px solid var(--color-neutral2-300);
  display: flex;
  justify-content: space-between;
}
.modal .modal-body {
  padding: 1em;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: var(--modal-width);
    margin-right: auto;
    margin-left: auto;
  }
  .modal-sm {
    --modal-width: 300px ;
  }
}
@media (min-width: 992px) {
  .modal-lg, .modal-xl {
    --modal-width: 800px ;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    --modal-width: 1140px ;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.tooltip {
  --tooltip-border-color: var(--color-neutral2-300);
  --tooltip-background-color: var(--color-neutral2-100);
  --tooltip-border-width: 1px;
  --tooltip-triangle-size: 10px;
  z-index: 2000;
  position: absolute;
  background: var(--tooltip-background-color);
  padding: 1.25em;
  border: var(--tooltip-border-width) solid var(--tooltip-border-color);
  border-radius: 5px;
  box-shadow: var(--box-shadow-level-4);
}
.tooltip::before, .tooltip::after {
  z-index: 2001;
  content: "";
  position: absolute;
  left: 50%;
  border-style: solid;
}
.tooltip::before {
  margin-left: calc(0px - var(--tooltip-triangle-size));
  border-width: var(--tooltip-triangle-size);
}
.tooltip::after {
  margin-left: calc(1px - var(--tooltip-triangle-size));
  border-width: calc(var(--tooltip-triangle-size) - 1px);
}
.tooltip.tooltip__top::before {
  top: 100%;
  border-color: var(--tooltip-border-color) transparent transparent transparent;
}
.tooltip.tooltip__top::after {
  top: 100%;
  border-color: var(--tooltip-background-color) transparent transparent transparent;
}
.tooltip.tooltip__bottom::before {
  bottom: 100%;
  border-color: transparent transparent var(--tooltip-border-color) transparent;
}
.tooltip.tooltip__bottom::after {
  bottom: 100%;
  border-color: transparent transparent var(--tooltip-background-color) transparent;
}

.placeholder {
  --placeholder-gradient-light: var(--color-neutral2-200);
  --placeholder-gradient-dark: var(--color-neutral2-250);
  margin: 0 auto;
  min-width: 2em;
  max-width: 200px;
  min-height: 1em;
  background-color: #eee;
}

.placeholder::before {
  content: "";
  display: block;
  animation-duration: 1.25s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: placeHolderShimmer;
  animation-timing-function: linear;
  background: darkgray;
  background: linear-gradient(to right, var(--placeholder-gradient-light) 10%, var(--placeholder-gradient-dark) 18%, var(--placeholder-gradient-light) 33%);
  background-size: 800px 104px;
  height: 1em;
  position: relative;
}

@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
@media (max-width: 991px) {
  .only-desktop {
    display: none !important;
  }
}
@media (min-width: 992px) {
  .only-mobile {
    display: none !important;
  }
}
.header {
  position: relative;
}

.card__title > svg {
  max-width: 24px;
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22file:///C:/Hrms-Core/HrmsWeb/HrmsWeb/wwwroot/sass/custom/_modal.scss%22,%22file:///C:/Hrms-Core/HrmsWeb/HrmsWeb/wwwroot/sass/custom/_tooltip.scss%22,%22file:///C:/Hrms-Core/HrmsWeb/HrmsWeb/wwwroot/sass/custom/_placeholder.scss%22,%22file:///C:/Hrms-Core/HrmsWeb/HrmsWeb/wwwroot/sass/custom.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAAC;EACC;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAMF;EACE;EACA;EACA;EACA;;AAGF;EACE;;;AAIJ;EAIE;IACE;IACA;IACA;;EAGF;IACE;;;AAIJ;EACE;IACE;;;AAIJ;EACE;IACE;;;AAIJ;EACE;EACA;EACA;EACA;;;AAKF;EACE;IACE;;EAEF;IACE;;;ACnFH;EACC;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAIA;EACE;EACA;;AAGF;EACE;EACA;;AAKF;EACE;EACA;;AAGF;EACE;EACA;;;ACrDL;EACC;EACA;EAEA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;IACE;;EAGF;IACE;;;AC3BJ;EACE;IACE;;;AAIJ;EACE;IACE;;;AAIJ;EACE;;;AAGF;EACE%22%7D */