@font-face {
  font-family: 'QUESTRIAL';
  src:
    local('QUESTRIAL'),
    url(./fonts/Questrial/Questrial-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Archivo';
  src:
    local('Archivo'),
    url(./fonts/Archivo/Archivo-Regular.ttf) format('truetype');
}
.cursor-pointer {
  cursor: pointer !important;
}
.cursor-not-allowed {
  cursor: not-allowed !important;
}
.cursor-default {
  cursor: default !important;
}
.first-letter-capital input {
  text-transform: capitalize;
}
:root {
  overflow-y: hidden;
}
body,
html,
td,
div,
a span,
p,
h1,
h2,
h3,
h4,
h5,
h6,
th,
tspan {
  font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif !important;
}

button:focus {
  outline: none !important;
}
.bg-success {
  background-color: #00f400 !important;
}
.bg-primary {
  background-color: #125b3f !important;
}
.bg-danger {
  background-color: #df3128 !important;
}
.bg-muted {
  background-color: #b9b9b9 !important;
}
.bg-warning {
  background-color: #ffd967 !important;
}
.bg-secondary {
  background-color: #969595 !important;
}
.bg-light {
  background-color: #e0e0e0 !important;
}
.bg-purple {
  background-color: #a90afb !important;
}
.bg-light-purple {
  background-color: #8b6fba !important;
}
.bg-light-blue {
  background-color: #e8f3ff !important;
}
.bg-sea-green {
  background-color: #4fa1c0 !important;
}
.bg-dark-blue {
  background-color: #0026a5 !important;
}
.bg-dark-yellow {
  background-color: #e1bc00 !important;
}
.bg-orange {
  background-color: #ffa500 !important;
}
.bg-pink {
  background-color: #cf3aaf !important;
}
.bg-dark-orange {
  background-color: #b96126 !important;
}
.bg-brown {
  background-color: #3f2020 !important;
}
.bg-magenta {
  background-color: #104c50 !important;
}
.bg-mehroon {
  background-color: #502810 !important;
}
.bg-light-grey {
  background-color: #f8f8f8 !important;
}
.bg-light-primary {
  background-color: #4a95e0 !important;
}
.bg-light-danger {
  background-color: #e66c66 !important;
}
.resident-completed {
  background-color: #02a3fe !important;
}
.card-bg {
  background-color: #e2e2e2 !important;
}
.border-light-blue {
  border-color: #e8e8e8 !important;
}
.border-light {
  border: 1px solid #d9d9d9 !important;
}
.border-box {
  border: 1px solid #b9b9b9 !important;
}
.border-primary {
  border: 1px solid #006cd6 !important;
}
.border-dark-yellow {
  border: 1px solid #efc036 !important;
}
.border-muted {
  border: 1px solid #c0c2c3 !important;
}
.border-color-light {
  border-color: #efefef !important ;
}
.border-color-muted {
  border-color: #c0c2c3 !important;
}
.card-border-color {
  border-color: #ebebeb !important;
}
.border-success {
  border: 1px solid #00f400 !important;
}
.border-warning {
  border: 1px solid #ffd967 !important;
}
.border-danger {
  border: 1px solid #df3128 !important;
}
.text-success {
  color: #00f400 !important;
}
.text-dark-green {
  color: #128e0a !important;
}
.text-light-blue {
  color: #4a95e0 !important;
}
.text-primary {
  color: #125b3f !important;
}
.text-danger {
  color: #df3128 !important;
}
.text-warning {
  color: #ffd967 !important;
}
.text-dark-yellow {
  color: #efc036 !important;
}
.text-peach {
  color: #ffad60 !important;
}
.text-secondary {
  color: #707070 !important;
}
.text-light {
  color: #aca6a6 !important;
}
.text-light-grey {
  color: #aaacae !important;
}
.text-pink {
  color: #cf3aaf !important;
}
.text-dark-green {
  color: #2ba92b !important;
}

.rounded-2 {
  border-radius: 0.5rem !important;
}
.rounded-3 {
  border-radius: 0.75rem !important;
}
.rounded-4 {
  border-radius: 1rem !important;
}
.rounded-top-2 {
  border-top-left-radius: 0.5rem !important;
  border-top-right-radius: 0.5rem !important;
}
.rounded-bottom-2 {
  border-bottom-left-radius: 0.5rem !important;
  border-bottom-right-radius: 0.5rem !important;
}
.MuiBadge-colorPrimary {
  background-color: #006cd6 !important;
}
.hover-link {
  color: #aca6a6;
}
.hover-link:hover {
  color: #006cd6 !important;
  text-decoration: underline !important;
}
.react-trello-lane div:nth-child(2) .smooth-dnd-container {
  height: 90vh;
}
.react-trello-board div:nth-child(1) .smooth-dnd-container {
  height: 90vh;
  width: 100%;
  display: block;
  justify-content: space-between;
}
.react-trello-board div {
  width: 100%;
}
.jyepsf {
  max-height: 90vh !important;
  padding-top: 0 !important;
  border-radius: 0.5rem !important;
}
.font-questrial {
  font-family: 'QUESTRIAL', sans-serif !important;
}
.font-archivo {
  font-family: 'Archivo', sans-serif !important;
}
.makeStyles-active-34 {
  color: #006cd6 !important;
}
.makeStyles-active-33 :hover {
  color: #006cd6 !important;
}
.MuiButton-root {
  text-transform: none !important;
}

.MuiTablePagination-root {
  overflow: unset !important;
  text-align: center;
}
.MuiTablePagination-spacer {
  flex: 0.5 0.5 0% !important;
}
@media (max-width: 600px) {
  .white-space-no-wrap tr {
    white-space: nowrap !important;
  }
}
.modal {
  top: 7% !important;
  height: 90% !important;
  z-index: 1050 !important;
}
.modal-content {
  padding-bottom: 0.5rem !important;
  padding-top: 0.5rem !important;
}

.hover-underline:hover {
  text-decoration: underline;
}

.text-align-left {
  text-align: left !important;
}
.text-align-center {
  text-align: center !important;
}
.text-row-left tr td {
  text-align: left !important;
}

/* width */
::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px grey;
  border-radius: 7px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #bbbcbd;
  border-radius: 7px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #afb0b1;
}
.content-css span {
  word-break: break-all !important;
  white-space: normal !important;
  font-size: small !important;
}
.MuiFormLabel-asterisk {
  color: red !important;
}
.required div:nth-child(2) div:nth-child(1) .select__placeholder:after {
  content: ' *';
  color: red;
}
.css-1f43avz-a11yText-A11yText {
  z-index: 9999;
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  position: absolute;
  overflow: hidden;
  padding: 0;
  white-space: nowrap;
}
.navlink-active {
  text-decoration: none;
  /* font-size: 1.25rem; */
  background-color: #004a94 !important;
  padding: 18px;
  color: #ffffff !important;
}

.no-modal-padding .modal-content {
  padding: 0 !important;
}

.statusProgress {
  border-radius: 55px !important;
  height: 40px !important;
}

.gap-y-2 {
  row-gap: 0.5rem;
}
.grid {
  display: grid;
}
.pt-10 {
  padding-top: 2.5rem;
}
.absolutePosition {
  position: absolute;
}
.col-span-1 {
  grid-column: span 1 / span 1;
}
.-ml-28 {
  margin-left: -7rem;
}
/* .flex {
  display: flex;
} */
.absolute {
  position: absolute;
}
.items-center {
  align-items: center;
}
.align-self-center {
  align-self: center;
}
.align-self-start {
  align-self: start !important;
}
.align-self-end {
  align-self: end;
}
.justify-center {
  justify-content: center;
}
.relative {
  position: relative;
}
.inset-0 {
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
}

.trackingParts {
  color: #707070 !important;
}

.grid-cols-4 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.progressIcon {
  margin-top: -44px;
  position: absolute;
  font-size: 33px !important;
  transform-origin: left;
  color: white;
  margin-left: 6px;
}

.MuiLinearProgress-bar1Determinate {
  border-radius: 55px !important;
}

.first {
  z-index: 103;
  text-align: right;
  transform: translate(calc(100% - 185%));
}
.second {
  z-index: 103;
  text-align: right;
  transform: translate(calc(100% - 165%));
}
.third {
  z-index: 103;
  text-align: right;
  transform: translate(calc(100% - 130%));
}
.fourth {
  z-index: 103;
  text-align: right;
  transform: translate(calc(100% - 105%));
}

@media screen and (min-width: 350px) {
  .px-36 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .first {
    z-index: 103;
    text-align: right;
    transform: translate(calc(100% - 190%));
  }
  .second {
    z-index: 103;
    text-align: right;
    transform: translate(calc(100% - 172%));
  }
  .third {
    z-index: 103;
    text-align: right;
    transform: translate(calc(100% - 136%));
  }
  .fourth {
    z-index: 103;
    text-align: right;
    transform: translate(calc(100% - 111%));
  }
}
@media screen and (min-width: 500px) {
  .first {
    z-index: 103;
    text-align: right;
    transform: translate(calc(100% - 190%));
  }
  .second {
    z-index: 103;
    text-align: right;
    transform: translate(calc(100% - 171%));
  }
  .third {
    z-index: 103;
    text-align: right;
    transform: translate(calc(100% - 137%));
  }
  .fourth {
    z-index: 103;
    text-align: right;
    transform: translate(calc(100% - 111%));
  }
}

@media screen and (min-width: 1250px) {
  .first {
    z-index: 103;
    text-align: right;
    transform: translate(calc(100% - 186%));
  }
  .second {
    z-index: 103;
    text-align: right;
    transform: translate(calc(100% - 167%));
  }
  .third {
    z-index: 103;
    text-align: right;
    transform: translate(calc(100% - 132%));
  }
  .fourth {
    z-index: 103;
    text-align: right;
    transform: translate(calc(100% - 107%));
  }
}
@media screen and (min-width: 1500px) {
  .first {
    z-index: 103;
    text-align: right;
    transform: translate(calc(100% - 185%));
  }
  .second {
    z-index: 103;
    text-align: right;
    transform: translate(calc(100% - 165%));
  }
  .third {
    z-index: 103;
    text-align: right;
    transform: translate(calc(100% - 130%));
  }
  .fourth {
    z-index: 103;
    text-align: right;
    transform: translate(calc(100% - 105%));
  }
}
@media screen and (min-width: 1700px) {
  .first {
    z-index: 103;
    text-align: right;
    transform: translate(calc(100% - 184%));
  }
  .second {
    z-index: 103;
    text-align: right;
    transform: translate(calc(100% - 164%));
  }
  .third {
    z-index: 103;
    text-align: right;
    transform: translate(calc(100% - 129%));
  }
  .fourth {
    z-index: 103;
    text-align: right;
    transform: translate(calc(100% - 104%));
  }
}
@media screen and (min-width: 2000px) {
  .first {
    z-index: 103;
    text-align: right;
    transform: translate(calc(100% - 183%));
  }
  .second {
    z-index: 103;
    text-align: right;
    transform: translate(calc(100% - 163%));
  }
  .third {
    z-index: 103;
    text-align: right;
    transform: translate(calc(100% - 128%));
  }
  .fourth {
    z-index: 103;
    text-align: right;
    transform: translate(calc(100% - 103%));
  }
}
@media screen and (min-width: 2700px) {
  .first {
    z-index: 103;
    text-align: right;
    transform: translate(calc(100% - 182%));
  }
  .second {
    z-index: 103;
    text-align: right;
    transform: translate(calc(100% - 162%));
  }
  .third {
    z-index: 103;
    text-align: right;
    transform: translate(calc(100% - 127%));
  }
  .fourth {
    z-index: 103;
    text-align: right;
    transform: translate(calc(100% - 102%));
  }
}

.comments img {
  width: 200px !important;
  height: auto !important;
}

.drawer .MuiDrawer-paper {
  width: 50vw !important;
}
.MuiLinearProgress-colorPrimary {
  --tw-bg-opacity: 1;
  background-color: rgba(243, 244, 246, var(--tw-bg-opacity)) !important;
}
.MuiLinearProgress-barColorPrimary {
  background-color: #006cd6 !important;
}

.ETABadge .MuiBadge-badge {
  border-radius: 50% !important;
  font-size: 0.5rem !important;
  padding: 11px 2px !important;
}
.ETABadge .MuiBadge-colorPrimary {
  background-color: #9a3711 !important;
}

.etaDateFlashColor .etaDate {
  color: white !important;
}

.makeStyles-active-31 {
  color: #006cd6 !important;
}
/* .makeStyles-image-44 {
  width: 15em !important;
  height:  15rem !important;
  object-fit: cover !important;
} */
.MuiPickersToolbar-toolbar,
.MuiPickersClock-pin,
.MuiPickersClockPointer-pointer,
.MuiPickersClockPointer-noPoint {
  background-color: #006cd6 !important;
}
.MuiPickersClockPointer-thumb {
  border-color: #006cd6 !important;
}
.truncate-overflow {
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.text-truncate-2 {
  -webkit-line-clamp: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.signinBackground {
  background-image: url('@curenta-design-system/assets/siginBackground.png');
  background-repeat: no-repeat;
}
.card-blur {
  filter: blur(4px);
  -webkit-filter: blur(4px);
}

.font-upper-small {
  font-size: 14px !important;
}
.font-small {
  font-size: small !important;
}
.font-smaller {
  font-size: smaller !important;
}
.font-xx-small {
  font-size: xx-small !important;
}
.font-x-small {
  font-size: x-small !important;
}
.font-medium {
  font-size: medium !important;
}
.font-large {
  font-size: large !important;
}

.font-x-large {
  font-size: x-large !important;
}

.font-bold-600 {
  font-weight: 600 !important;
}
.font-weight-500 {
  font-weight: 500 !important;
}
.font-weight-300 {
  font-weight: 300 !important;
}
.font-weight-400 {
  font-weight: 400 !important;
}

.font-bold {
  font-weight: bold !important;
}

.font-normal {
  font-weight: normal !important;
}
.font-italic {
  font-style: italic !important;
}

.link {
  color: #006cd6;
  cursor: pointer;
  text-decoration: underline;
}
.link-0,
.link-0:hover {
  text-decoration: none;
}

.avatar-fit-scale-down img {
  object-fit: scale-down !important;
}
.MuiCheckbox-colorSecondary.Mui-checked {
  color: #276ccd !important;
}
.align-sub {
  vertical-align: sub;
}
.align-baseline {
  vertical-align: baseline;
}
.pac-container {
  z-index: 1400;
}

.dashboard-card {
  padding: 2rem;
  background: white;
  height: 150px;
  /* width: 250px; */
  width: 100%;
  border-radius: 0.5rem;
  border: 1px solid #e3e3e3;
  font-weight: bold;
  font-size: 24px;
  text-align: center;
  box-shadow: 0 0.5rem 0.5rem rgba(0, 0, 0, 0.1) !important;
}

.dashboard-card:hover {
  background: #006cd6;
  color: #fff;
}

.dashboard-card p {
  color: #aca6a6;
}

.dashboard-card:hover p,
.dashboard-card:hover svg {
  color: #fff !important;
}

.dashboard-card a {
  text-decoration: none;
}

.dashboard-card svg {
  height: 50px;
  width: 100%;
  margin-bottom: 1rem;
  color: #006cd6;
  stroke-width: 1.75 !important;
}

.disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.5;
}
.customViewer {
  height: 480px !important;
}

@media (min-width: 600px) {
  .zoom {
    zoom: 75% !important;
  }
}

.swal-overlay {
  z-index: 100002 !important;
}

.medName {
  position: relative; /* Set the parent element to relative positioning */
}

.medName span::after {
  content: ''; /* Add content to the pseudo-element */
  display: block; /* Make the pseudo-element a block element */
  position: absolute; /* Position the pseudo-element absolutely */
  top: 0; /* Position the pseudo-element at the top of the parent element */
  right: -5px; /* Position the pseudo-element 5 pixels to the right of the parent element */
  width: 10px; /* Set the width of the pseudo-element */
  height: 10px; /* Set the height of the pseudo-element */
  border-radius: 50%; /* Make the pseudo-element a circle */
  background-color: green; /* Set the background color of the pseudo-element to green */
}

/* .select__multi-value__label {
  width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
} */

.MuiFixedWidth {
  height: 60px !important;
}

.truncate-270 span {
  width: 270px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.modal-title {
  color: #1c1b1f;
  font-size: 1.75rem;
  font-weight: 500;
  line-height: 28px;
}

.sub-title {
  color: #202020;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.1px;
}

.custom-divider {
  background: var(--Colors-Surface-Surface-600, #dadcdf);
  opacity: 0.3;
  height: 0.025px;
}