@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
.mt-6 {
  margin-top: 4rem;
}

* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

::-webkit-scrollbar-track {
  border-radius: 6px;
  background-color: #f5f5f5;
}

::-webkit-scrollbar {
  width: 6px;
  background-color: #f5f5f5;
  height: 6px;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.078);
  background-color: #eeeeee;
}

html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}

body {
  font-family: "Nunito Sans", sans-serif;
  font-size: 1.6rem;
  color: #0A1629;
  background-color: #fff7f6;
  background-image: url("../../images/watermark.png");
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  background-size: 26%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  overflow-x: hidden;
}

img {
  max-width: 100%;
}

a {
  text-decoration: none;
}

ul,
ol {
  padding: 0;
  list-style: none;
}

.container,
.container-fluid {
  padding: 0;
}

.max-width-container {
  max-width: 192rem;
  margin: 0 auto;
  padding: 3.7rem 2rem;
}

*:focus {
  box-shadow: none !important;
}

.scrollbar-0::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  display: none;
}
.scrollbar-0 {
  scrollbar-width: none;
}
.scrollbar-0::-ms-scrollbar {
  display: none;
}

.gap-20 {
  gap: 2rem;
}

.row-gap-20 {
  row-gap: 2rem;
}

.gap-25 {
  gap: 2.5rem;
}

.row-gap-25 {
  row-gap: 2.5rem;
}

.gap-30 {
  gap: 3rem;
}

.gap-35 {
  gap: 3.5rem;
}

.pb-50 {
  padding-bottom: 5rem;
}

.primary-color {
  color: #EE190B;
}

.vertical-divider {
  border-left: 1px solid #e4e6e8;
}

.vertical-divider-right {
  border-right: 1px solid #e4e6e8;
}

.rounded-6 {
  border-radius: 2.4rem !important;
}

.card-shadow {
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.07);
}

.litepicker .container__months {
  box-shadow: none;
}

.litepicker .container__days > div,
.litepicker .container__days > a {
  padding: 10px 0px;
  width: 52px;
}

.litepicker .container__main,
.container__months,
.month-item {
  width: 100%;
}

.litepicker .container__months .month-item-weekdays-row > div {
  padding: 10px 0;
  font-size: 85%;
  flex: 1;
  width: 52px;
}

.litepicker {
  width: 100%;
}
.litepicker .container__main {
  width: 100%;
}
.litepicker .container__main .container__months {
  width: 100%;
}
.litepicker .container__main .container__months .month-item {
  width: 100%;
}

.menu-overlay {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 11;
  background-color: rgba(0, 0, 0, 0.4392156863);
  display: none;
  transition: all 0.3s ease-in-out;
}
.menu-overlay.active {
  display: block;
}

.swal2-confirm.logout-confirm-btn.swal2-styled,
.swal2-confirm.swal2-styled {
  background-color: #EE190B;
  color: #ffffff;
  border-radius: 0.6rem;
  -webkit-border-radius: 0.6rem;
  -moz-border-radius: 0.6rem;
  -ms-border-radius: 0.6rem;
  -o-border-radius: 0.6rem;
}
.swal2-confirm.logout-confirm-btn.swal2-styled:hover,
.swal2-confirm.swal2-styled:hover {
  background-color: rgb(223.3759036145, 23.4638554217, 10.3240963855);
}

.swal2-cancel.logout-cancel-btn.swal2-styled,
.swal2-cancel.swal2-styled {
  border-radius: 0.6rem;
  -webkit-border-radius: 0.6rem;
  -moz-border-radius: 0.6rem;
  -ms-border-radius: 0.6rem;
  -o-border-radius: 0.6rem;
}

input[type=number] {
  -moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.text-sky {
  color: #3f8cff !important;
}

.text-red {
  color: #EE190B !important;
}

.text-orange {
  color: #ff8a00 !important;
}

input::-ms-reveal {
  display: none;
}

input::-ms-clear {
  display: none;
}

.cursor-pointer {
  cursor: pointer;
}

.border-light {
  border: 1px solid rgb(216, 224, 240) !important;
}

a {
  text-decoration: none;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.card.draggable .card-body .gallery .gallery-wrapper span,
.h6,
ul,
li,
ol,
p,
.card.detail-card .card-body .deatils-wrapper .details span {
  margin-bottom: 0;
}

h1,
.h1 {
  font-size: 5rem;
  color: #ffffff;
  font-weight: 700;
}

h2,
.h2 {
  font-size: 6rem;
  font-weight: 700;
  line-height: 1.45;
}

h3,
.h3 {
  font-size: 5rem;
  font-weight: 700;
}

h4,
.h4 {
  font-size: 2.4rem;
  font-weight: 700;
}

h5,
.h5 {
  font-size: 2.4rem;
  font-weight: 700;
}

h6, .card.draggable .card-body .gallery .gallery-wrapper span,
.h6 {
  font-size: 1.8rem;
  font-weight: 700;
}

.btn {
  display: flex;
  align-items: center;
  gap: 0.9rem;
  padding: 0.8rem;
  font-size: 1.6rem;
  border-radius: 0.6rem;
  -webkit-border-radius: 0.6rem;
  -moz-border-radius: 0.6rem;
  -ms-border-radius: 0.6rem;
  -o-border-radius: 0.6rem;
  border: none;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  white-space: nowrap;
}
.btn.btn-primary {
  background-color: #EE190B;
  color: #ffffff;
}
.btn.btn-primary:hover {
  background-color: rgb(223.3759036145, 23.4638554217, 10.3240963855);
}
.btn.btn-primary:disabled {
  background-color: rgb(247.9759036145, 111.9638554217, 103.0240963855);
  color: #7d8592;
  pointer-events: none;
}
.btn.btn-primary-outline {
  border: 1px solid #EE190B;
  color: #EE190B;
  background-color: transparent;
}
.btn.btn-primary-outline:hover {
  background-color: #EE190B;
  color: #ffffff;
}
.btn.btn-primary-outline:hover svg {
  fill: #fff;
  stroke: #fff;
}
.btn.btn-link {
  text-decoration: none;
}
.btn.btn-link:hover {
  text-decoration: underline;
}
.btn.btn-light {
  background-color: #ffffff;
}
.btn.btn-light.light-blue {
  padding: 1.2rem;
  background-color: #f3f8fc;
}
.btn.btn-light.light-blue:hover, .btn.btn-light.light-blue:active {
  background-color: #d6e3ee;
}
.btn.edit-btn {
  background-color: rgba(113, 193, 173, 0.12);
  width: 4rem;
  height: 4.1rem;
}
.btn.edit-btn:hover {
  background-color: #3f8cff;
}
.btn.edit-btn:hover svg path {
  fill: #ffffff;
}
.btn.view-btn {
  background-color: rgba(113, 193, 173, 0.12);
  width: 4rem;
  height: 4.1rem;
}
.btn.view-btn:hover, .btn.view-btn:active {
  background-color: #71c1ad;
}
.btn.view-btn:hover svg path, .btn.view-btn:active svg path {
  fill: #fff;
}
.btn.lock-btn {
  background-color: #fff7f6;
  width: 4rem;
  height: 4.1rem;
}
.btn.lock-btn:hover, .btn.lock-btn:active {
  background-color: #EE190B;
}
.btn.lock-btn:hover svg path, .btn.lock-btn:active svg path {
  fill: #fff;
}

.upload-btn {
  padding: 1rem 1.4rem;
  border-radius: 1.2rem;
  font-size: 1.6rem;
  cursor: pointer;
}
.upload-btn input[type=file] {
  display: none;
}

.upload-doc {
  background-color: rgba(63, 140, 255, 0.1);
  color: #3f8cff;
}

.upload-drive {
  background-color: rgba(113, 193, 173, 0.12);
  color: #71c1ad;
}

.btn-minimize {
  padding: 0;
  border: none;
  background: transparent;
  outline: none;
  opacity: 0.5;
}
.btn-minimize:hover, .btn-minimize:active {
  opacity: 1;
}

.card {
  border-radius: 0.8rem;
  -webkit-border-radius: 0.8rem;
  -moz-border-radius: 0.8rem;
  -ms-border-radius: 0.8rem;
  -o-border-radius: 0.8rem;
  border: none;
}
.card .card-body {
  padding: 3rem 3.8rem;
}
.card .card-body.p-20 {
  padding: 2rem;
}
.card .card-body .user-3 {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}
.card .card-body .user-3 .user-pfp {
  width: 7.2rem;
  height: 7.2rem;
  border: 2px solid #3f8cff;
  border-radius: 99rem;
  -webkit-border-radius: 99rem;
  -moz-border-radius: 99rem;
  -ms-border-radius: 99rem;
  -o-border-radius: 99rem;
  padding: 0.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
}
.card .card-body .user-3 .user-pfp img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 99rem;
  -webkit-border-radius: 99rem;
  -moz-border-radius: 99rem;
  -ms-border-radius: 99rem;
  -o-border-radius: 99rem;
}
.card .card-body .user-3 h5 {
  font-size: 2.2rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.card .card-body .user-3 p, .card.detail-card .card-body .user-3 .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .user-3 span {
  font-size: 1.6rem;
  line-height: 131.25%;
}
.card.card-wrapper .card-body {
  padding: 2.2rem 1.8rem;
}
.card.draggable {
  padding: 1rem;
  border-radius: 0.8rem;
  -webkit-border-radius: 0.8rem;
  -moz-border-radius: 0.8rem;
  -ms-border-radius: 0.8rem;
  -o-border-radius: 0.8rem;
  border: 1px solid rgb(216, 224, 240);
}
.card.draggable.transparent {
  background: transparent;
}
.card.draggable .card-header {
  background: transparent;
  border: none;
}
.card.draggable .card-header .title-wrapper {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.card.draggable .card-header .title-wrapper h5 {
  color: #000000;
  font-family: Inter;
  font-size: 1.8rem;
  font-weight: 500;
}
.card.draggable .card-header .title-wrapper select {
  border-radius: 0.4rem;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  border: 1px solid rgba(148, 156, 169, 0.33);
  color: #343b4e;
  font-size: 1.2rem;
  font-weight: 500;
}
.card.draggable .card-header .title-wrapper .dropdown .btn.btn-light {
  font-size: 1.2rem;
  border: 0.4px solid rgba(148, 156, 169, 0.33);
  padding: 0.1rem 0.2rem;
  line-height: normal;
  border-radius: 0.4rem;
  gap: 0.4rem;
}
.card.draggable .card-header .title-wrapper .dropdown .btn.btn-light svg {
  width: 1.8rem;
  height: 1.8rem;
}
.card.draggable .card-header .btn.btn-primary {
  gap: 0.4rem;
  padding: 0.6rem 0.8rem;
  font-size: 1rem;
}
.card.draggable .card-header .dropdown .dropdown-menu {
  padding: 0.8rem 0;
}
.card.draggable .card-header .dropdown .dropdown-menu .dropdown-item {
  font-size: 1.2rem;
  padding: 0.4rem 1rem;
}
.card.draggable .card-header .actions {
  display: flex;
  align-items: center;
  gap: 1.3rem;
}
.card.draggable .card-body {
  padding: 0.7rem;
}
.card.draggable .card-body h4 {
  color: #000000;
  font-size: 2rem;
  font-weight: 600;
}
.card.draggable .card-body p, .card.draggable .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card.draggable .card-body .deatils-wrapper .details span {
  color: #000000;
  font-size: 1.2rem;
  font-weight: 700;
  margin-left: 0.5rem;
}
.card.draggable .card-body .bar-wrapper span {
  color: #7d8592;
  font-size: 1rem;
  padding-top: 0.5rem;
}
.card.draggable .card-body .bar-wrapper .pro-bar {
  height: 0.7rem;
  border-radius: 99rem;
  -webkit-border-radius: 99rem;
  -moz-border-radius: 99rem;
  -ms-border-radius: 99rem;
  -o-border-radius: 99rem;
  background: #71c1ad;
  position: relative;
}
.card.draggable .card-body .bar-wrapper .pro-bar .bar-behind {
  height: 0.7rem;
  border-radius: 99rem;
  -webkit-border-radius: 99rem;
  -moz-border-radius: 99rem;
  -ms-border-radius: 99rem;
  -o-border-radius: 99rem;
  background: #EE190B;
  position: absolute;
}
.card.draggable .card-body .bar-wrapper .pro-bar .divider {
  width: 0.2rem;
  height: 2.1rem;
  border-radius: 0.6rem;
  -webkit-border-radius: 0.6rem;
  -moz-border-radius: 0.6rem;
  -ms-border-radius: 0.6rem;
  -o-border-radius: 0.6rem;
  background: #434253;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.card.draggable .card-body .project-name {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.6rem;
}
.card.draggable .card-body .project-name img {
  width: 7.3rem;
  height: 7.2rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
}
.card.draggable .card-body .project-name span {
  color: #91929e;
  font-size: 1.3rem;
}
.card.draggable .card-body .project-name h5 {
  font-size: 1.6rem;
  font-weight: 700;
}
.card.draggable .card-body .project-timeline {
  color: #7d8592;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 114.286%;
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin-top: 2.4rem;
}
.card.draggable .card-body .project-timeline span {
  color: #0A1629;
  font-weight: 700;
}
.card.draggable .card-body .step-list li:not(:last-of-type) {
  margin-bottom: 1.32rem;
}
.card.draggable .card-body .gallery .slick-track {
  display: flex !important;
}
.card.draggable .card-body .gallery .slick-slide:not(:last-of-type) {
  margin-right: 1.6rem;
}
.card.draggable .card-body .gallery img {
  width: 100%;
  height: 18.8rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 2.1rem;
  -webkit-border-radius: 2.1rem;
  -moz-border-radius: 2.1rem;
  -ms-border-radius: 2.1rem;
  -o-border-radius: 2.1rem;
}
.card.draggable .card-body .gallery .gallery-wrapper {
  position: relative;
  overflow: hidden;
  border-radius: 2.1rem;
  -webkit-border-radius: 2.1rem;
  -moz-border-radius: 2.1rem;
  -ms-border-radius: 2.1rem;
  -o-border-radius: 2.1rem;
}
.card.draggable .card-body .gallery .gallery-wrapper::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  transition: all 0.3s ease-in-out;
}
.card.draggable .card-body .gallery .gallery-wrapper:hover .title {
  transform: translateY(0);
  opacity: 1;
}
.card.draggable .card-body .gallery .gallery-wrapper:hover::after {
  background-color: rgba(0, 0, 0, 0.5);
}
.card.draggable .card-body .gallery .gallery-wrapper .title {
  z-index: 2;
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0 1rem;
  gap: 0.8rem;
  transform: translateY(30px);
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
.card.draggable .card-body .gallery .gallery-wrapper h6, .card.draggable .card-body .gallery .gallery-wrapper span {
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  color: #ffffff;
}
.card.draggable .card-body .gallery .gallery-wrapper span {
  font-weight: 400;
  cursor: pointer;
  font-size: 1.4rem;
}
.card.draggable .card-body .gallery .gallery-wrapper span:hover {
  text-decoration: underline;
  color: #EE190B;
}
.card.draggable .card-body .tasks-list .task {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.card.draggable .card-body .tasks-list .task:not(:last-of-type) {
  margin-bottom: 1.8rem;
}
.card.draggable .card-body .tasks-list .task .tast-name, .card.draggable .card-body .tasks-list .task .designation {
  font-size: 1.4rem;
  font-weight: 700;
}
.card.draggable .card-body .tasks-list .task .designation {
  color: #afafaf;
  width: 100%;
  max-width: 13rem;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.card.draggable .card-body .tasks-list .task .designation span {
  padding-right: 0.3rem;
}
.card.draggable .card-body .tasks-list .task .tast-status {
  color: #15c0e6;
  font-size: 1.4rem;
  font-weight: 700;
}
.card.draggable .card-body .tasks-list .task .tast-status.green {
  color: #71c1ad;
}
.card.draggable .card-body .tasks-list .task .tast-status.red {
  color: #EE190B;
}
.card.draggable .card-body .btn.btn-link {
  color: #3f8cff;
  font-size: 1.4rem;
  font-weight: 500;
  text-decoration: none;
  text-align: end;
  padding: 0;
  margin-top: 3.3rem;
  margin-left: auto;
  transition: all 0.3s ease-in-out;
}
.card.draggable .card-body .btn.btn-link:hover {
  text-decoration: underline;
  font-weight: 600;
}
.card.draggable .card-body .four-image {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
.card.draggable .card-body .four-image img {
  aspect-ratio: 1/1;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.card.overview-card {
  margin-bottom: 4rem;
  border-radius: 0.8rem;
  -webkit-border-radius: 0.8rem;
  -moz-border-radius: 0.8rem;
  -ms-border-radius: 0.8rem;
  -o-border-radius: 0.8rem;
}
.card.overview-card .card-header {
  background: transparent;
  border: none;
}
.card.overview-card .card-header .title-wrapper {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.card.overview-card .card-header .title-wrapper h5 {
  color: #000000;
  font-family: Inter;
  font-size: 1.8rem;
  font-weight: 500;
}
.card.overview-card .card-header .title-wrapper select {
  border-radius: 0.4rem;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  border: 1px solid rgba(148, 156, 169, 0.33);
  color: #343b4e;
  font-size: 1.2rem;
  font-weight: 500;
}
.card.overview-card .card-header .title-wrapper .dropdown .btn.btn-light {
  font-size: 1.2rem;
  border: 0.4px solid rgba(148, 156, 169, 0.33);
  padding: 0.1rem 0.2rem;
  line-height: normal;
  gap: 0.4rem;
  border-radius: 0.4rem;
}
.card.overview-card .card-header .title-wrapper .dropdown .btn.btn-light svg {
  width: 1.8rem;
  height: 1.8rem;
}
.card.overview-card .card-header .title-wrapper .dropdown .dropdown-menu {
  padding: 0.8rem 0;
}
.card.overview-card .card-header .title-wrapper .dropdown .dropdown-menu .dropdown-item {
  font-size: 1.2rem;
  padding: 0.4rem 1rem;
}
.card.overview-card .card-header .actions {
  display: flex;
  align-items: center;
  gap: 1.3rem;
}
.card.overview-card .card-body {
  padding: 0 2rem;
  min-height: 16.6rem;
}
.card.overview-card .card-body .tasks {
  padding: 1rem 3rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  border-left: 1px solid #e4e6e8;
}
.card.overview-card .card-body .tasks span {
  color: #91929e;
  font-size: 1.4rem;
}
.card.overview-card .card-body .tasks p, .card.overview-card .card.detail-card .card-body .tasks .deatils-wrapper .details span, .card.detail-card .card.overview-card .card-body .tasks .deatils-wrapper .details span, .card.overview-card .card.detail-card .card-body .deatils-wrapper .details .tasks span, .card.detail-card .card.overview-card .card-body .deatils-wrapper .details .tasks span {
  text-align: center;
  font-size: 1.8rem;
  color: #000000;
  font-weight: 700;
}
.card.overview-card .card-body .tasks .number {
  font-size: 1.8rem;
  color: #7d8592;
}
.card.overview-card .card-body .tasks .desc {
  font-size: 1.4rem;
  color: #91929e;
}
.card.overview-card.compact-card .card-header {
  padding: 1.1rem 3.2rem 0;
}
.card.overview-card.compact-card .card-header .dropdown .btn {
  gap: 0.4rem;
}
.card.overview-card.compact-card .card-header .dropdown .btn svg {
  width: 1.8rem;
  height: 1.8rem;
}
.card.overview-card.compact-card .card-body {
  padding: 1.1rem 3.2rem;
  min-height: auto;
}
.card.overview-card.compact-card .card-body .tasks {
  flex-direction: row;
}
.card.overview-card.compact-card .card-body .tasks p, .card.overview-card.compact-card .card.detail-card .card-body .tasks .deatils-wrapper .details span, .card.detail-card .card.overview-card.compact-card .card-body .tasks .deatils-wrapper .details span, .card.overview-card.compact-card .card.detail-card .card-body .deatils-wrapper .details .tasks span, .card.detail-card .card.overview-card.compact-card .card-body .deatils-wrapper .details .tasks span {
  font-size: 1.4rem;
  opacity: 0.5;
  font-weight: 500;
}
.card.overview-card.compact-card .card-body .project-timeline {
  margin-top: 0.4rem;
}
.card.overview-card.compact-card .card-body .project-name img {
  width: 5.7rem;
  height: 5.6rem;
}
.card.detail-card .card-body {
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
}
.card.detail-card .card-body .blue {
  color: #052c65;
  font-weight: 700;
}
.card.detail-card .card-body .quick-details {
  display: flex;
  align-items: stretch;
  justify-content: start;
  gap: 3rem;
  flex-wrap: wrap;
}
.card.detail-card .card-body .quick-details .detail {
  padding: 2.5rem 3rem 2.5rem 0;
}
.card.detail-card .card-body .quick-details .detail:not(:last-of-type) {
  border-right: 2px solid #e4e6e8;
}
.card.detail-card .card-body .quick-details .detail table tbody tr td {
  color: #0A1629;
  line-height: 24px;
  font-weight: 700;
}
.card.detail-card .card-body .quick-details .detail table tbody tr td span {
  padding-left: 2.9rem;
  color: #7d8592;
}
.card.detail-card .card-body .quick-details.varient-2 {
  gap: 3rem;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.card.detail-card .card-body .quick-details.varient-2 .detail {
  padding: 2.5rem 3rem 2.5rem 0;
  height: 100%;
}
.card.detail-card .card-body .quick-details.varient-2 .detail:nth-last-of-type(2) {
  border-right: none;
}
.card.detail-card .card-body .quick-details.varient-2 .detail table {
  width: 100%;
}
.card.detail-card .card-body .quick-details.varient-2 .detail table tbody tr:nth-of-type(1) td {
  padding-bottom: 1rem;
}
.card.detail-card .card-body .quick-details.varient-2 .detail table tbody tr td {
  padding-bottom: 0.3rem;
}
.card.detail-card .card-body .quick-details.varient-2 .detail table tbody tr td span {
  font-size: 1.4rem;
  display: inline-block;
}
.card.detail-card .card-body .deatils-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2.4rem;
  padding-bottom: 3.4rem;
  border-bottom: 1px solid #d8e0f0;
}
.card.detail-card .card-body .deatils-wrapper .details p, .card.detail-card .card-body .deatils-wrapper .details span {
  color: #7d8592;
  font-feature-settings: "liga" off, "clig" off;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 1rem;
}
.card.detail-card .card-body .deatils-wrapper .details span {
  font-weight: 400;
  padding: 1rem 0;
}
.card.detail-card .card-body .remark {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 1.1rem;
}
.card.detail-card .card-body .desc {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 159%;
}
.card.detail-card .card-body .desc.bottm-spc {
  padding-bottom: 4.8rem;
  border-bottom: 1.5px solid #d8e0f0;
  margin-bottom: 0.8rem;
}
.card.project-card {
  filter: drop-shadow(0 3px 9px rgba(0, 0, 0, 0.07));
  margin-bottom: 1.5rem;
}
.card.project-card .card-body {
  padding: 3rem 2rem;
}
.card.project-card .card-body .head {
  font-size: 14px;
  color: #91929e;
}
.card.project-card .card-body .num {
  font-size: 18px;
  color: #0A1629;
}
.card.project-card .card-body .num.num-1 {
  color: #71c1ad;
}
.card.project-card .card-body .date {
  font-size: 14px;
  color: #7d8592;
}
.card.project-card .card-body .date span {
  color: #0A1629;
}
.card.project-card .card-body .icon-circle img {
  width: 48px;
  height: 48px;
}
.card.project-card .card-body .card-btn {
  border-radius: 14px;
  padding: 8px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.card.project-card .card-body .card-btn.edit-btn {
  background-color: rgba(63, 140, 255, 0.1);
  width: 4rem;
  height: 4.1rem;
}
.card.project-card .card-body .card-btn.edit-btn:hover, .card.project-card .card-body .card-btn.edit-btn:active {
  background-color: #3f8cff;
}
.card.project-card .card-body .col-md-8 {
  border-left: 1px solid #d8e0f0;
}

.project-progress {
  height: 32.9rem;
  border-radius: 1.5rem;
  -webkit-border-radius: 1.5rem;
  -moz-border-radius: 1.5rem;
  -ms-border-radius: 1.5rem;
  -o-border-radius: 1.5rem;
  overflow: hidden;
  position: relative;
}
.project-progress img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.project-progress img.black-white {
  filter: grayscale(100%) brightness(0.6);
}
.project-progress.sm {
  height: auto;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
}
.project-progress .progress-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.project-progress .progress-overlay img {
  width: 100%;
}

.user-1 {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}
.user-1 img {
  width: 5rem;
  height: 5rem;
  border-radius: 99rem;
  -webkit-border-radius: 99rem;
  -moz-border-radius: 99rem;
  -ms-border-radius: 99rem;
  -o-border-radius: 99rem;
}
.user-1 p, .user-1 .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .user-1 span {
  font-size: 1.6rem;
  font-weight: 700;
}
.user-1 span {
  color: #91929e;
  font-size: 1.4rem;
}

.notification-card {
  max-width: 400px;
  width: 100%;
  border-radius: 1.6rem;
  border: 1px solid #d8e0f0;
  position: absolute;
  right: -100%;
  z-index: 2;
  transition: all 0.3s ease-in-out;
  visibility: hidden;
  display: none;
}
.notification-card.active {
  display: flex;
  right: 0;
  visibility: visible;
}
.notification-card .icon-circle {
  width: 45px;
  height: 45px;
  background-color: #d8e0f0;
  border-radius: 1.6rem;
}
.notification-card .notification-text {
  font-size: 1.6rem;
  color: #0A1629;
}
.notification-card .notification-text .btn-close {
  font-size: 1.4rem;
  color: black;
}
.notification-card .notification-time {
  font-size: 12px;
  color: #7d8592;
}

.section-box {
  flex: 1;
}
.section-box:not(:last-child) {
  border-right: 1px solid #e1eaf9;
}
.section-box .project-data .label {
  font-size: 1.6rem;
  color: 0A1629;
}
.section-box .data-values {
  display: flex;
  justify-content: center;
  gap: 2rem;
}
.section-box .data-values .data-block {
  text-align: center;
}
.section-box .data-values .data-block .number {
  font-size: 1.8rem;
  color: #7d8592;
}
.section-box .data-values .data-block .desc {
  font-size: 1.4rem;
  color: #91929e;
}
.section-box .data-values .data-block .plus-btn {
  background-color: #2a82f0;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
}

.form-label {
  color: #7d8592;
  font-feature-settings: "liga" off, "clig" off;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 0.4rem;
}
.form-label.form-sm {
  color: #7d8592;
  font-size: 1.4rem;
}

.form-check-label {
  color: #7d8592;
  font-size: 1.6rem;
}

.form-control {
  padding: 1.4rem 1.8rem;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  border: 1px solid #d8e0f0;
  background: #ffffff;
  font-feature-settings: "liga" off, "clig" off;
  font-size: 1.4rem;
  line-height: 150%;
}

.form-check-input {
  border: 1px solid #000000;
}
.form-check-input:checked {
  background-color: #000000;
  border-color: #000000;
  color: #000000;
}
.form-check-input:checked::before {
  color: #000000;
}

.form-select {
  padding: 1.4rem 1.8rem;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  border: 1px solid #d8e0f0;
  background: #ffffff;
  font-feature-settings: "liga" off, "clig" off;
  font-size: 1.4rem;
  line-height: 150%;
}

.forgot {
  color: #7d8592;
  text-align: right;
  font-size: 1.6rem;
}

.input-group {
  padding: 0.9rem 1.9rem;
  background: #ffffff;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
}
.input-group .input-group-text {
  padding: 0;
  background: transparent;
  border: none;
}
.input-group .form-control {
  padding: 0 1.1rem;
  border: none;
  font-size: 1.6rem;
}

.custom-icon {
  top: 50%;
  right: 2rem;
  transform: translateY(-50%);
}

.ver-card .form-control:focus,
.ver-card .form-select:focus {
  border: 1px solid red !important;
  box-shadow: none;
}
.ver-card .ver-sel {
  width: 10rem;
}

.code-input {
  width: 6rem;
  height: 6rem;
}

.alert {
  font-size: 1.4rem;
  background-color: #f4f9fd;
  color: #71c1ad;
  border-radius: 1.4rem;
}

#fileInput {
  display: none;
}

.bs-select__control.css-13cymwt-control {
  padding: 0.6rem 1rem;
  border: 1px solid #d8e0f0;
  background: #ffffff;
  font-feature-settings: "liga" off, "clig" off;
  font-size: 1.4rem;
  line-height: 150%;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
}

.css-1u9des2-indicatorSeparator {
  background-color: transparent !important;
}

.bs-select__control.bs-select__control--is-focused.bs-select__control--menu-is-open.css-t3ipsp-control, .css-t3ipsp-control, .bs-select__control.bs-select__control--is-focused {
  padding: 0.6rem 1rem;
  outline: 0 !important;
  background-color: hsl(0, 0%, 100%);
  border-color: #d8e0f0 !important;
  box-shadow: none !important;
  box-sizing: border-box;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
}

.input-wrapper {
  position: relative;
}
.input-wrapper .icon {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

.table-responsive.min-h {
  min-height: 30.4rem;
}

.table-gapped {
  border-collapse: separate;
  border-spacing: 0 1.8rem;
  width: 100%;
}
.table-gapped tr {
  border-radius: 2.4rem;
  -webkit-border-radius: 2.4rem;
  -moz-border-radius: 2.4rem;
  -ms-border-radius: 2.4rem;
  -o-border-radius: 2.4rem;
}
.table-gapped tr td {
  background: #ffffff;
  padding: 0 2rem;
  white-space: nowrap;
}
.table-gapped tr td:first-child {
  border-top-left-radius: 0.8rem;
  border-bottom-left-radius: 0.8rem;
}
.table-gapped tr td:last-child {
  border-top-right-radius: 0.8rem;
  border-bottom-right-radius: 0.8rem;
}
.table-gapped tr td span.title {
  color: #91929e;
  font-size: 1.4rem;
  display: block;
}
.table-gapped tr td p, .table-gapped tr td .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .table-gapped tr td span {
  font-size: 1.6rem;
  line-height: 150%;
}
.table-gapped tr td p.date, .table-gapped tr td .card.detail-card .card-body .deatils-wrapper .details span.date, .card.detail-card .card-body .deatils-wrapper .details .table-gapped tr td span.date {
  font-size: 1.4rem;
}
.table-gapped tr td p.task-desc, .table-gapped tr td .card.detail-card .card-body .deatils-wrapper .details span.task-desc, .card.detail-card .card-body .deatils-wrapper .details .table-gapped tr td span.task-desc {
  max-width: 22rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.table-gapped tr td p.status, .table-gapped tr td .card.detail-card .card-body .deatils-wrapper .details span.status, .card.detail-card .card-body .deatils-wrapper .details .table-gapped tr td span.status {
  color: #ff8a00;
  font-size: 2rem;
  font-weight: 700;
}
.table-gapped tr td .project-title {
  color: #0A1629;
  font-size: 1.6rem;
  display: block;
  line-height: 150%;
}
.table-gapped tr td .project-title:hover {
  text-decoration: underline;
}
.table-gapped tr td .desc {
  padding: 2.2rem 1.2rem 2.2rem 0;
  border-right: 1px solid #E4E6E8;
  max-width: 60rem;
}
.table-gapped tr td .docs {
  display: flex;
  align-items: center;
}
.table-gapped tr td .docs .icon {
  width: 2.2rem;
  height: 2.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.4rem;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  background: rgba(113, 193, 173, 0.12);
}
.table-gapped tr td .docs .num {
  width: 2.4rem;
  height: 2.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 99rem;
  -webkit-border-radius: 99rem;
  -moz-border-radius: 99rem;
  -ms-border-radius: 99rem;
  -o-border-radius: 99rem;
  background: #71c1ad;
  color: #ffffff;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 600;
  transform: translateX(-0.4rem);
}
.table-gapped tr.critical td {
  border-top: 1.2px solid #EE190B;
  border-bottom: 1.2px solid #EE190B;
}
.table-gapped tr.critical td:first-of-type {
  border-left: 1.2px solid #EE190B;
}
.table-gapped tr.critical td:last-of-type {
  border-right: 1.2px solid #EE190B;
}
.table-gapped tr .dropdown button.badge {
  width: 100%;
  border: 0;
}
.table-gapped tr .dropdown .dropdown-menu .dropdown-item:hover {
  background-color: #f8f9fa;
}
.table-gapped tr .dropdown .dropdown-menu .dropdown-item .badge {
  width: 100%;
}
.table-gapped tr:hover td {
  background: #eff5ff;
}
.table-gapped.py-0 tr td {
  padding-top: 0;
  padding-bottom: 0;
}
.table-gapped.py-0 tr td .desc {
  padding: 2.6rem 1.2rem 2.6rem 0;
}

.icon-circle img {
  min-width: 4.7rem;
  width: 4.7rem;
  min-height: 4.7rem;
  height: 4.7rem;
  overflow: hidden;
  border-radius: 999rem;
  -webkit-border-radius: 999rem;
  -moz-border-radius: 999rem;
  -ms-border-radius: 999rem;
  -o-border-radius: 999rem;
}

.paggination-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0rem;
}
.paggination-wrapper .sorted {
  display: flex;
  align-items: center;
  justify-content: space-between;
  justify-content: center;
  gap: 0.8rem;
}
.paggination-wrapper .sorted .dropdown {
  border: 1px solid #d6dae2;
  border-radius: 0.8rem;
  -webkit-border-radius: 0.8rem;
  -moz-border-radius: 0.8rem;
  -ms-border-radius: 0.8rem;
  -o-border-radius: 0.8rem;
  background-color: #ffffff;
}
.paggination-wrapper .sorted .dropdown .dropdown-menu {
  min-width: 100%;
}
.paggination-wrapper .sorted .dropdown .dropdown-menu .dropdown-item {
  font-size: 1.4rem;
}
.paggination-wrapper .sorted .dropdown .btn {
  color: #000000;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 142.857%;
  padding: 0.8rem 1rem;
  border-radius: 0.8rem;
  -webkit-border-radius: 0.8rem;
  -moz-border-radius: 0.8rem;
  -ms-border-radius: 0.8rem;
  -o-border-radius: 0.8rem;
  display: flex;
  align-items: center;
  -moz-column-gap: 0.6rem;
       column-gap: 0.6rem;
}
.paggination-wrapper .sorted .dropdown .btn::after {
  content: none;
}
.paggination-wrapper .sorted .dropdown .btn span {
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.paggination-wrapper .sorted h5 {
  color: #000000;
  font-size: 1.4rem;
  margin-bottom: 0rem;
}

.paggination-nav .paggination {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 0.4rem;
       column-gap: 0.4rem;
  list-style: none;
}
.paggination-nav .paggination .page-item .page-link {
  padding: 0.8rem;
  width: 4rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000000;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 171.429%;
  letter-spacing: -0.014rem;
  border-radius: 0.8rem;
  -webkit-border-radius: 0.8rem;
  -moz-border-radius: 0.8rem;
  -ms-border-radius: 0.8rem;
  -o-border-radius: 0.8rem;
}
.paggination-nav .paggination .page-item .page-link.active, .paggination-nav .paggination .page-item .page-link:hover {
  background: #EE190B;
  color: #ffffff;
}

.nav-tabs {
  border: none;
  gap: 3.2rem;
  flex-wrap: nowrap;
}

.nav-item .nav-link {
  padding: 1.2rem 1rem;
  color: #ffffff;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  border-color: #d8e0f0;
  color: #ffffff;
  font-size: 1.6rem;
  line-height: 150%;
  white-space: nowrap;
}
.nav-item .nav-link.active {
  color: #7d8592;
}
.nav-item .btn.btn-light {
  border: 1px solid transparent;
}
.nav-item .btn.btn-light.active {
  border: 1px solid #EE190B;
  color: #EE190B;
}

.tab-content .tab-pane .remark-history {
  display: flex;
  flex-direction: column;
  gap: 4rem;
  margin-top: 3rem;
  background-color: #FDF5F5;
  border-radius: 0.6rem;
  -webkit-border-radius: 0.6rem;
  -moz-border-radius: 0.6rem;
  -ms-border-radius: 0.6rem;
  -o-border-radius: 0.6rem;
  padding: 3rem 2rem;
}
.tab-content .tab-pane .remark-history h6, .tab-content .tab-pane .remark-history .card.draggable .card-body .gallery .gallery-wrapper span, .card.draggable .card-body .gallery .gallery-wrapper .tab-content .tab-pane .remark-history span {
  font-size: 2rem;
}
.tab-content .tab-pane .remark-history .type-badge {
  padding: 0.1rem 2.8rem;
  border-radius: 99rem;
  -webkit-border-radius: 99rem;
  -moz-border-radius: 99rem;
  -ms-border-radius: 99rem;
  -o-border-radius: 99rem;
  background: #ffffff;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 150%;
}
.tab-content .tab-pane .remark-history .user-1 {
  margin-bottom: 2.4rem;
}
.tab-content .tab-pane .remark-history .updates-wrapper li:not(:last-of-type) {
  margin-bottom: 2.4rem;
}
.tab-content .tab-pane .remark-history .updates li:not(:last-of-type) {
  margin-bottom: 1.6rem;
}
.tab-content .tab-pane .remark-history .updates li .update {
  padding: 1.6rem 2rem;
  border-radius: 1.4rem;
  -webkit-border-radius: 1.4rem;
  -moz-border-radius: 1.4rem;
  -ms-border-radius: 1.4rem;
  -o-border-radius: 1.4rem;
  background: rgb(255, 255, 255);
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.tab-content .tab-pane .remark-history .updates li .update strong {
  font-weight: 900;
}
.tab-content .tab-pane .remark-history .updates li .update .status {
  color: #71c1ad;
  font-weight: 800;
}
.tab-content .tab-pane .remark-history .updates li .update .time {
  padding-left: 0.8rem;
  color: #7d8592;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 114.286%;
}
.tab-content .tab-pane .remark-history.max-history {
  max-height: 58rem;
  height: 100%;
  overflow: hidden;
}
.tab-content .tab-pane h5.title {
  padding: 3.1rem 0 2.4rem;
}

.account-tabs {
  padding-top: 1.3rem;
  border-top: 1px solid #d8e0f0;
  margin-top: 1.4rem;
}
.account-tabs .nav-link {
  color: #0A1629;
  font-size: 1.4rem;
  font-weight: 600;
  padding: 0.8rem 1.6rem;
}
.account-tabs .nav-link .icon {
  padding-right: 0.8rem;
}
.account-tabs .nav-link:hover, .account-tabs .nav-link.active {
  color: #EE190B;
}

.account-new-tabs .nav-tabs {
  border: 1px solid #cdc2c2;
  background: #fff7f6;
  border-radius: 3.5rem;
  display: flex;
  gap: 1rem;
  padding: 0.8rem 1rem;
}
.account-new-tabs .nav-tabs .nav-item .nav-link {
  border: none;
  border-radius: 1.5rem;
  color: #0a1629 !important;
  padding: 0.563rem 3rem;
  font-size: 1.6rem;
  font-weight: 400;
  transition: all 0.3s ease-in-out;
}
.account-new-tabs .nav-tabs .nav-item .nav-link.active, .account-new-tabs .nav-tabs .nav-item .nav-link:hover {
  background-color: #EE190B !important;
  color: #ffffff !important;
  font-weight: 700 !important;
}
.account-new-tabs .nav-tabs .nav-link .tab-content {
  margin-top: 2rem;
}

.badge {
  padding: 0.7rem 1.3rem;
  border-radius: 0.4rem;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 700;
}
.badge.completed {
  background-color: #e0f9f2;
  color: #71c1ad;
}
.badge.incompleted {
  background-color: #f9e0e0;
  color: #ec5858;
}
.badge.in-progress {
  background-color: rgba(63, 140, 255, 0.12);
  color: #3f8cff;
}
.badge.in-review {
  background-color: rgba(196, 24, 230, 0.11);
  color: #c418e6;
}
.badge.to-do {
  background-color: rgba(125, 133, 146, 0.14);
  color: #7d8592;
}
.badge.pending {
  background-color: rgba(245, 223, 24, 0.179);
  color: #cacd0e;
}

.pointer-badge {
  cursor: pointer;
}

.offcanvas {
  width: 51.9rem !important;
}
.offcanvas .offcanvas-header {
  padding: 2.2rem 2rem 2.2rem;
}
.offcanvas .offcanvas-body {
  padding: 0 2rem 3.2rem;
}
.offcanvas .offcanvas-body ul li:not(:last-of-type) {
  border-bottom: 1px solid #d8e0f0;
  margin-bottom: 1.6rem;
}
.offcanvas .offcanvas-body .notify {
  padding: 1.6rem 0;
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.offcanvas .offcanvas-body .notify .icon {
  width: 4.4rem;
  height: 4.4rem;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1.4rem;
  -webkit-border-radius: 1.4rem;
  -moz-border-radius: 1.4rem;
  -ms-border-radius: 1.4rem;
  -o-border-radius: 1.4rem;
}
.offcanvas .offcanvas-body .notify .icon.attach {
  background: rgba(113, 193, 173, 0.12);
}
.offcanvas .offcanvas-body .notify .icon.upload {
  background: rgba(63, 140, 255, 0.1);
}
.offcanvas .offcanvas-body .notify p, .offcanvas .offcanvas-body .notify .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .offcanvas .offcanvas-body .notify span {
  font-feature-settings: "liga" off, "clig" off;
  font-size: 1.6rem;
  line-height: 150%;
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.offcanvas .offcanvas-body .notify span {
  color: #7d8592;
  font-feature-settings: "liga" off, "clig" off;
  font-size: 1.2rem;
}

.accordion .accordion-item {
  border: none;
}
.accordion .accordion-item .accordion-header .accordion-button {
  padding: 1.5rem;
  border-radius: 0.6rem;
  -webkit-border-radius: 0.6rem;
  -moz-border-radius: 0.6rem;
  -ms-border-radius: 0.6rem;
  -o-border-radius: 0.6rem;
  background: #f3f8fc;
  font-size: 1.6rem;
  font-weight: 700;
  box-shadow: none;
}
.accordion .accordion-item .accordion-header .accordion-button.collapsed {
  border-radius: 0.6rem;
  -webkit-border-radius: 0.6rem;
  -moz-border-radius: 0.6rem;
  -ms-border-radius: 0.6rem;
  -o-border-radius: 0.6rem;
}
.accordion .accordion-item .accordion-header .accordion-button span {
  color: #7d8592;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 114.286%;
  padding-left: 1rem;
}
.accordion .accordion-item .accordion-header .accordion-button .icons {
  display: flex;
  align-items: center;
  gap: 2.4rem;
  padding-right: 2.4rem;
}
.accordion .accordion-item .accordion-header .accordion-button .icons .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 1.4rem;
  -webkit-border-radius: 1.4rem;
  -moz-border-radius: 1.4rem;
  -ms-border-radius: 1.4rem;
  -o-border-radius: 1.4rem;
}
.accordion .accordion-item .accordion-header .accordion-button .icons .icon.drive {
  background: rgba(63, 140, 255, 0.1);
}
.accordion .accordion-item .accordion-header .accordion-button .icons .icon.attach {
  background: rgba(113, 193, 173, 0.12);
}
.accordion .accordion-item .accordion-body {
  padding: 4rem 0;
}
.accordion .accordion-item .accordion-body .remark-wrapper .type-badge {
  padding: 0.8rem 1.7rem;
  font-size: 1.4rem;
  font-weight: 700;
  border-radius: 99rem;
  -webkit-border-radius: 99rem;
  -moz-border-radius: 99rem;
  -ms-border-radius: 99rem;
  -o-border-radius: 99rem;
  border: 1px solid, #cee9ff;
  background: #f3f8fc;
  width: -moz-fit-content;
  width: fit-content;
}
.accordion .accordion-item .accordion-body .remark-wrapper .time {
  color: #7d8592;
  font-size: 1.4rem;
  font-weight: 600;
  padding-left: 0.8rem;
}
.accordion .accordion-item .accordion-body .remark-wrapper .remark-tab-wrapper {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}
.accordion .accordion-item .accordion-body .remark-wrapper .remark-tab-wrapper .remark-tab {
  padding: 2rem 1rem;
  border-radius: 1.3rem;
  -webkit-border-radius: 1.3rem;
  -moz-border-radius: 1.3rem;
  -ms-border-radius: 1.3rem;
  -o-border-radius: 1.3rem;
  border: 0.6px solid #cdc2c2;
  background: #fff;
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.accordion .accordion-item .accordion-body .remark-wrapper .remark-tab-wrapper .remark-tab:hover, .accordion .accordion-item .accordion-body .remark-wrapper .remark-tab-wrapper .remark-tab:active, .accordion .accordion-item .accordion-body .remark-wrapper .remark-tab-wrapper .remark-tab.active {
  border: 2px solid #EE190B;
}
.accordion .accordion-item .accordion-body .remark-wrapper .remark-tab-wrapper .remark-tab h6, .accordion .accordion-item .accordion-body .remark-wrapper .remark-tab-wrapper .remark-tab .card.draggable .card-body .gallery .gallery-wrapper span, .card.draggable .card-body .gallery .gallery-wrapper .accordion .accordion-item .accordion-body .remark-wrapper .remark-tab-wrapper .remark-tab span {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 150%;
  color: #0A1629;
  text-align: left;
}
.accordion .accordion-item .accordion-body .remark-wrapper .remark-tab-wrapper .remark-tab p, .accordion .accordion-item .accordion-body .remark-wrapper .remark-tab-wrapper .remark-tab .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .accordion .accordion-item .accordion-body .remark-wrapper .remark-tab-wrapper .remark-tab span {
  color: #91929e;
  font-size: 1.2rem;
  text-align: left;
}
.accordion .accordion-item .accordion-body .remark-wrapper .remark-tab-wrapper .remark-tab .arrow {
  margin-left: 0.8rem;
}
.accordion .accordion-item .accordion-body .remark-wrapper .remark-tab-wrapper .remark-tab .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.4rem;
  height: 4.4rem;
  border-radius: 1.4rem;
  -webkit-border-radius: 1.4rem;
  -moz-border-radius: 1.4rem;
  -ms-border-radius: 1.4rem;
  -o-border-radius: 1.4rem;
}
.accordion .accordion-item .accordion-body .remark-wrapper .remark-tab-wrapper .remark-tab .icon.drive {
  background: rgba(113, 193, 173, 0.12);
}
.accordion .accordion-item .accordion-body .remark-wrapper .remark-tab-wrapper .remark-tab .icon.attach {
  background: rgba(113, 193, 173, 0.12);
}

.dropdown .dropdown-menu {
  border: none;
  border-radius: 0.8rem;
  -webkit-border-radius: 0.8rem;
  -moz-border-radius: 0.8rem;
  -ms-border-radius: 0.8rem;
  -o-border-radius: 0.8rem;
  min-width: 100%;
  margin-top: 2rem;
  padding: 1rem 0;
  box-shadow: 0px 6px 58px 0px rgba(121, 145, 173, 0.2);
}
.dropdown .dropdown-menu .dropdown-item {
  font-size: 1.6rem;
  padding: 0.6rem 1.2rem;
}
.dropdown .dropdown-menu .dropdown-item:active {
  background-color: #EE190B;
  color: #ffffff;
}
.dropdown .drop-menu {
  position: absolute;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-1rem);
  right: 0;
  background-color: #ffffff;
  min-width: 41rem;
  border-radius: 0.8rem;
  -webkit-border-radius: 0.8rem;
  -moz-border-radius: 0.8rem;
  -ms-border-radius: 0.8rem;
  -o-border-radius: 0.8rem;
  z-index: 2;
  box-shadow: 0px 6px 58px 0px rgba(121, 145, 173, 0.2);
  transition: opacity 0.5s ease-in-out;
}
.dropdown .drop-menu.active {
  visibility: visible;
  opacity: 1;
  top: 6rem;
  transform: translateY(0);
}
.dropdown .drop-menu .head {
  padding: 2.7rem 3.8rem 1.6rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e4e6e8;
}
.dropdown .drop-menu .body {
  padding: 3.1rem 3rem 4.2rem;
}
.dropdown .drop-menu .body .input-group {
  border-radius: 0.6rem;
  -webkit-border-radius: 0.6rem;
  -moz-border-radius: 0.6rem;
  -ms-border-radius: 0.6rem;
  -o-border-radius: 0.6rem;
}

.modal .modal-dialog .modal-content {
  border: none;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
}
.modal .modal-dialog .modal-content .modal-body {
  padding: 2rem 2rem;
}
.modal .modal-dialog .modal-content .modal-body .right {
  padding: 20px;
  border: 1px solid #d8e0f0;
  border-radius: 1.4rem;
  -webkit-border-radius: 1.4rem;
  -moz-border-radius: 1.4rem;
  -ms-border-radius: 1.4rem;
  -o-border-radius: 1.4rem;
}
.modal .modal-dialog .modal-content .modal-body h6, .modal .modal-dialog .modal-content .modal-body .card.draggable .card-body .gallery .gallery-wrapper span, .card.draggable .card-body .gallery .gallery-wrapper .modal .modal-dialog .modal-content .modal-body span {
  color: rgba(10, 22, 41, 0.7);
  font-size: 20px;
}
.modal .modal-dialog .modal-content .modal-body p, .modal .modal-dialog .modal-content .modal-body .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .modal .modal-dialog .modal-content .modal-body span {
  color: #0A1629;
}
.modal .modal-dialog .modal-content .modal-body .icon-circle.circle-big img {
  min-width: 6.7rem;
  width: 6.7rem;
  min-height: 6.7rem;
  height: 6.7rem;
}
.modal .modal-dialog .modal-content .modal-body .image-radio {
  display: none;
}
.modal .modal-dialog .modal-content .modal-body .image-radio:checked + .image-label {
  border-color: #dc3545;
}
.modal .modal-dialog .modal-content .modal-body .image-label {
  width: 6rem;
  height: 6rem;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  border: 2px solid transparent;
  overflow: hidden;
  cursor: pointer;
  transition: border-color 0.2s;
}
.modal .modal-dialog .modal-content .modal-body .image-label img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.modal .modal-dialog .modal-content .modal-body .upload-label {
  width: 50px;
  height: 50px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.modal .modal-dialog .modal-content .modal-body .upload-label.first {
  border: 2px dashed #0d6efd;
}
.modal .modal-dialog .modal-content .modal-body .upload-label.second {
  background-color: rgba(63, 140, 255, 0.1);
}
.modal .modal-dialog .modal-content .modal-body .upload-label.third {
  background-color: rgba(113, 193, 173, 0.12);
}
.modal .modal-dialog .modal-content .modal-body .upload-label input[type=file] {
  display: none;
}

.uploaded-files-list li {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.uploaded-files-list li span {
  font-weight: 700;
}
.uploaded-files-list li img {
  width: 3.6rem;
  height: 3.6rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.6rem;
  -webkit-border-radius: 0.6rem;
  -moz-border-radius: 0.6rem;
  -ms-border-radius: 0.6rem;
  -o-border-radius: 0.6rem;
}

.minimized-modal {
  position: fixed;
  right: 2rem;
  bottom: 0;
  background-color: white;
  display: flex;
  align-items: center;
  gap: 4rem;
  padding: 0.4rem 1rem;
  border-radius: 1rem 1rem 0 0;
  border: 1px solid rgb(216, 224, 240);
  z-index: 99;
  transform: translateY(100%);
  transition: transform 0.3s ease-in-out;
}
.minimized-modal.active {
  transform: translateY(0);
}
.minimized-modal h5 {
  font-size: 1.6rem;
}

.calendar-wrapper {
  width: 100%;
  padding: 2rem;
}
.calendar-wrapper .fc .fc-toolbar {
  justify-content: center;
  gap: 4px;
}
.calendar-wrapper .fc .fc-scrollgrid,
.calendar-wrapper .fc .fc-daygrid-body,
.calendar-wrapper .fc .fc-scrollgrid-sync-table,
.calendar-wrapper .fc .fc-col-header {
  width: 100% !important;
  max-width: auto !important;
  min-width: auto !important;
  margin: 0 auto;
}
.calendar-wrapper .fc .fc-button-primary {
  border-color: white;
}
.calendar-wrapper .fc .fc-button-primary:hover {
  border-color: white;
}
.calendar-wrapper .fc .fc-daygrid-day-frame {
  height: 130px;
}
.calendar-wrapper .fc .fc-day-today {
  background-color: white;
}

.fc-header-toolbar {
  border-bottom: 1px solid #d8e0f0;
}

.fc-prev-button,
.fc-next-button {
  background-color: transparent !important;
  border: none;
  box-shadow: none;
}
.fc-prev-button svg,
.fc-next-button svg {
  display: none;
}
.fc-prev-button .fc-icon-chevron-left,
.fc-prev-button .fc-icon-chevron-right,
.fc-next-button .fc-icon-chevron-left,
.fc-next-button .fc-icon-chevron-right {
  display: none;
}
.fc-prev-button::before,
.fc-next-button::before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 6px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.fc-prev-button::before {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><path fill-rule='evenodd' clip-rule='evenodd' d='M4.2097 12.6129L4.29289 12.7071L9.29289 17.7071C9.68342 18.0976 10.3166 18.0976 10.7071 17.7071C11.0676 17.3466 11.0953 16.7794 10.7903 16.3871L10.7071 16.2929L7.415 13L19 13C19.5523 13 20 12.5523 20 12C20 11.4872 19.614 11.0645 19.1166 11.0067L19 11L7.415 11L10.7071 7.70711C11.0676 7.34662 11.0953 6.77939 10.7903 6.3871L10.7071 6.29289C10.3466 5.93241 9.77939 5.90468 9.3871 6.2097L9.29289 6.29289L4.29289 11.2929C3.93241 11.6534 3.90468 12.2206 4.2097 12.6129Z' fill='%236D5DD3'/></svg>");
}

.fc-next-button::before {
  background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M19.7903 11.3871L19.7071 11.2929L14.7071 6.29289C14.3166 5.90237 13.6834 5.90237 13.2929 6.29289C12.9324 6.65338 12.9047 7.22061 13.2097 7.6129L13.2929 7.70711L16.585 11H5C4.44772 11 4 11.4477 4 12C4 12.5128 4.38604 12.9355 4.88338 12.9933L5 13H16.585L13.2929 16.2929C12.9324 16.6534 12.9047 17.2206 13.2097 17.6129L13.2929 17.7071C13.6534 18.0676 14.2206 18.0953 14.6129 17.7903L14.7071 17.7071L19.7071 12.7071C20.0676 12.3466 20.0953 11.7794 19.7903 11.3871Z' fill='%236D5DD3'/></svg>");
}

.fc-col-header-cell {
  display: none;
}

.fc-daygrid-body tr:first-child td .fc-daygrid-day-top::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 6px;
  background: #f3f8fc;
  color: #7d8592;
  font-size: 11px;
  font-weight: 500;
  padding: 2px 6px;
  border-radius: 8px;
}
.fc-daygrid-body tr:first-child td.fc-day-mon .fc-daygrid-day-top::before {
  content: "Mon";
}
.fc-daygrid-body tr:first-child td.fc-day-tue .fc-daygrid-day-top::before {
  content: "Tue";
}
.fc-daygrid-body tr:first-child td.fc-day-wed .fc-daygrid-day-top::before {
  content: "Wed";
}
.fc-daygrid-body tr:first-child td.fc-day-thu .fc-daygrid-day-top::before {
  content: "Thu";
}
.fc-daygrid-body tr:first-child td.fc-day-fri .fc-daygrid-day-top::before {
  content: "Fri";
}
.fc-daygrid-body tr:first-child td.fc-day-sat .fc-daygrid-day-top::before {
  content: "Sat";
}
.fc-daygrid-body tr:first-child td.fc-day-sun .fc-daygrid-day-top::before {
  content: "Sun";
}

.fc .fc-daygrid-day-number {
  color: #0a1629 !important;
  font-size: 14px;
}

.fc-daygrid-event-harness.second {
  margin-top: -20px !important;
}

header {
  margin-left: 29.7rem;
  margin-bottom: 2.7rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
header .input-group {
  min-width: 61.7rem;
  width: 100%;
  padding: 1rem 1.9rem;
  border-radius: 0.8rem;
  -webkit-border-radius: 0.8rem;
  -moz-border-radius: 0.8rem;
  -ms-border-radius: 0.8rem;
  -o-border-radius: 0.8rem;
}
header .d-flex {
  gap: 1.2rem;
}
header .btn {
  padding: 1rem 1.2rem;
  border-radius: 0.6rem;
  -webkit-border-radius: 0.6rem;
  -moz-border-radius: 0.6rem;
  -ms-border-radius: 0.6rem;
  -o-border-radius: 0.6rem;
}
header .btn.btn-primary {
  border-radius: 0.6rem;
  -webkit-border-radius: 0.6rem;
  -moz-border-radius: 0.6rem;
  -ms-border-radius: 0.6rem;
  -o-border-radius: 0.6rem;
}
header .btn.py {
  padding: 1.2rem 1.4rem;
}
header .btn-light {
  color: #0A1629;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 150%;
}
header .user-image {
  width: 2.4rem;
  height: 2.4rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 999rem;
}

.sidebar {
  width: 27.3rem;
  height: calc(100vh - 7.4rem);
  border-radius: 0.8rem;
  -webkit-border-radius: 0.8rem;
  -moz-border-radius: 0.8rem;
  -ms-border-radius: 0.8rem;
  -o-border-radius: 0.8rem;
  background: #ffffff;
  padding: 2.6rem 0rem 2.6rem 1.8rem;
  position: fixed;
}
.sidebar img {
  max-width: 20.3rem;
}
.sidebar .side-nav {
  height: calc(100% - 10.3rem);
  overflow-y: auto;
  overflow-x: visible;
  margin-top: 3.2rem;
}
.sidebar .side-nav::-webkit-scrollbar-track {
  border-radius: 6px;
  background-color: #f5f5f5;
}
.sidebar .side-nav::-webkit-scrollbar {
  width: 6px;
  background-color: #F5F5F5;
}
.sidebar .side-nav::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.078);
  background-color: #eeeeee;
}
.sidebar .side-nav li:not(:last-of-type) {
  margin-bottom: 0.9rem;
}
.sidebar .side-nav li .icon {
  padding-right: 1.5rem;
}
.sidebar .side-nav li .arrow {
  display: inline-block;
  margin-left: auto;
}
.sidebar .side-nav li .navlink {
  color: #0A1629;
  font-size: 1.4rem;
  font-weight: 600;
  width: calc(100% - 1.9rem);
  display: flex;
  padding: 1rem 0;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  transition: all 0.2s ease-in-out;
  position: relative;
}
.sidebar .side-nav li .navlink.active, .sidebar .side-nav li .navlink:hover {
  padding: 1rem 1.3rem;
  background-color: #EE190B;
  color: #ffffff;
  margin-right: 0.1rem;
}
.sidebar .side-nav li .navlink.active span svg, .sidebar .side-nav li .navlink:hover span svg {
  width: 2.4rem;
  height: 2.4rem;
}
.sidebar .side-nav li .navlink.active::after, .sidebar .side-nav li .navlink:hover::after {
  content: "";
  position: absolute;
  width: 0.5rem;
  background: #EE190B;
  border-radius: 99rem;
  -webkit-border-radius: 99rem;
  -moz-border-radius: 99rem;
  -ms-border-radius: 99rem;
  -o-border-radius: 99rem;
  height: 100%;
  right: -1.1rem;
  top: 0;
}
.sidebar .side-nav li .dropdown {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: max-height 0.4s ease-out, opacity 0.3s ease-out, margin-top 0.3s ease-out;
}
.sidebar .side-nav li .dropdown.open {
  opacity: 1;
  max-height: 40rem;
  margin-top: 1.5rem;
}
.sidebar .side-nav li .dropdown li:not(:last-of-type) {
  margin-bottom: 0.4rem;
}
.sidebar .side-nav li .dropdown .navlink {
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
  background: rgba(217, 217, 217, 0.2);
  padding: 1.2rem 2.3rem;
  font-size: 1.3rem;
}
.sidebar .side-nav li .dropdown .navlink.active, .sidebar .side-nav li .dropdown .navlink:hover {
  padding: 1.2rem 2.3rem;
  background-color: rgb(247.9759036145, 111.9638554217, 103.0240963855);
  color: #ffffff;
  margin-right: 0.1rem;
}
.sidebar .side-nav li .dropdown .navlink.active::after, .sidebar .side-nav li .dropdown .navlink:hover::after {
  content: "";
  display: none;
}

.main-content {
  margin-left: 29.7rem;
}

.login-wrapper {
  background-image: url("../images/auth/login-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.login-wrapper .nav.nav-tabs {
  margin-bottom: 4rem;
}
.login-wrapper .nav-link {
  min-width: 13rem;
}
.login-wrapper h1 {
  max-width: 71.3rem;
  text-align: center;
  margin-top: 5.9rem;
}
.login-wrapper .card .card-body {
  padding: 6rem 5.3rem;
}
.login-wrapper .card .card-body h2 {
  color: #0A1629;
  text-align: center;
  font-feature-settings: "liga" off, "clig" off;
  font-size: 3rem;
  font-weight: 700;
}
.login-wrapper .card .card-body p, .login-wrapper .card.detail-card .card-body .deatils-wrapper .details span {
  color: #0A1629;
  text-align: center;
  font-feature-settings: "liga" off, "clig" off;
  font-size: 1.7rem;
  font-weight: 700;
  margin-bottom: 6.4rem;
}
.login-wrapper .btn.btn-primary {
  margin-top: 2.5rem;
}

.page-title {
  display: flex;
  justify-content: space-between;
  align-items: end;
  margin-bottom: 2.4rem;
  position: relative;
}
.page-title a {
  color: #3f8cff;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.8rem;
}
.page-title p, .page-title .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .page-title span {
  color: #7d8592;
  font-size: 1.6rem;
}
.page-title p span, .page-title .card.detail-card .card-body .deatils-wrapper .details span span, .card.detail-card .card-body .deatils-wrapper .details .page-title span span {
  color: #0A1629;
  font-weight: 700;
}

.main-wrapper .main-wrapper-card-body {
  padding: 3.5rem 2.2rem;
}

.step {
  padding: 1.4rem 1rem 1.4rem 1rem;
  border-radius: 0.8rem;
  -webkit-border-radius: 0.8rem;
  -moz-border-radius: 0.8rem;
  -ms-border-radius: 0.8rem;
  -o-border-radius: 0.8rem;
  background: #f7faff;
  display: flex;
  justify-content: space-between;
}
.step .step-name {
  color: #3f8cff;
  font-size: 1.8rem;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.step .step-status {
  color: #ff8a00;
  font-size: 1.6rem;
  font-weight: 700;
}

.user {
  display: flex;
  gap: 0.8rem;
  align-items: center;
}
.user img {
  width: 2.9rem;
  height: 2.9rem;
  border-radius: 99rem;
  -webkit-border-radius: 99rem;
  -moz-border-radius: 99rem;
  -ms-border-radius: 99rem;
  -o-border-radius: 99rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.user .user-name h5 {
  font-size: 1.4rem;
  font-weight: 700;
}
.user .user-name p.desg, .user .user-name .card.detail-card .card-body .deatils-wrapper .details span.desg, .card.detail-card .card-body .deatils-wrapper .details .user .user-name span.desg {
  color: #91929e;
  font-size: 1rem;
}

.activity-list li:not(:last-of-type) {
  margin-bottom: 2.4rem;
}
.activity-list .time {
  color: #91929e;
  font-size: 1rem;
}
.activity-list .update {
  margin: 1.2rem 0 0.8rem;
  padding: 0.6rem;
  border-radius: 0.6rem;
  -webkit-border-radius: 0.6rem;
  -moz-border-radius: 0.6rem;
  -ms-border-radius: 0.6rem;
  -o-border-radius: 0.6rem;
  background: #f4f9fd;
  font-size: 1.4rem;
  line-height: 240%;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.activity-list .update.attachment {
  margin: 0;
}
.activity-list .update a:hover {
  text-decoration: underline;
}

.weather-forecast h5 {
  font-size: 1.4rem;
}
.weather-forecast .week {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: 0.4rem;
}
.weather-forecast .week .day {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0.4rem 0.8rem;
  background-color: #ffffff;
  border-radius: 0.4rem;
  -webkit-border-radius: 0.4rem;
  -moz-border-radius: 0.4rem;
  -ms-border-radius: 0.4rem;
  -o-border-radius: 0.4rem;
  border: 0.6px solid #EE190B;
}
.weather-forecast .week .day h6, .weather-forecast .week .day .card.draggable .card-body .gallery .gallery-wrapper span, .card.draggable .card-body .gallery .gallery-wrapper .weather-forecast .week .day span {
  font-size: 1.3rem;
}
.weather-forecast .week .day .icon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  font-weight: 500;
}
.weather-forecast .week .day p, .weather-forecast .week .day .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .weather-forecast .week .day span {
  font-size: 1rem;
}
.weather-forecast .week .day.active {
  background-color: #EE190B;
  color: #ffffff;
}
.weather-forecast .week .day.active p, .weather-forecast .week .day.active .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .weather-forecast .week .day.active span {
  color: #ffffff;
}

.project-bar {
  padding: 2rem;
  display: flex;
  align-items: center;
  gap: 0.8rem;
  border-radius: 0.8rem;
  -webkit-border-radius: 0.8rem;
  -moz-border-radius: 0.8rem;
  -ms-border-radius: 0.8rem;
  -o-border-radius: 0.8rem;
  border: 1px solid rgb(216, 224, 240);
}
.project-bar p, .project-bar .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .project-bar span {
  font-feature-settings: "liga" off, "clig" off;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 1.2rem;
}
.project-bar .project-timeline {
  color: #7d8592;
  font-feature-settings: "liga" off, "clig" off;
  font-size: 1.4rem;
}
.project-bar .project-timeline span {
  color: #7d8592;
  font-weight: 700;
}
.project-bar img {
  width: 5.8rem;
  height: 5.8rem;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  -ms-border-radius: 1rem;
  -o-border-radius: 1rem;
}

@media screen and (max-width: 1599px) {
  .login-wrapper .card .card-body {
    padding: 4rem 3.3rem;
  }
  .card.overview-card.compact-card .card-header {
    padding: 1.1rem 2.2rem 0;
  }
  .card.overview-card.compact-card .card-body {
    padding: 1.1rem 2.2rem;
  }
  .card.overview-card .card-body .tasks {
    padding: 1rem;
  }
  .card.draggable .card-body .project-name {
    gap: 1rem;
  }
  .card.draggable .card-body .project-name img {
    width: 5.6rem;
    height: 5.6rem;
  }
  .card.draggable .card-body .project-timeline {
    font-size: 1.2rem;
  }
  .card.draggable .card-body .project-timeline span {
    font-size: 1.2rem;
  }
  .card.draggable .card-body .project-timeline span.icon svg {
    width: 2rem;
    height: 2rem;
  }
}
@media screen and (max-width: 1399px) {
  .login-wrapper h1 {
    margin-top: 3rem;
  }
  .login-wrapper .card .card-body {
    padding: 3rem 2.4rem;
  }
  .login-wrapper .card .card-body p, .login-wrapper .card.detail-card .card-body .deatils-wrapper .details span {
    font-size: 1.4rem;
  }
  .login-wrapper .card.draggable .card-body .step-list li:not(:last-of-type) {
    margin-bottom: 1.8rem;
  }
  .form-control,
  .form-select {
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
    padding: 1.4rem 1.2rem;
  }
  .mt-6 {
    margin-top: 1rem;
  }
  .nav-tabs {
    gap: 2.2rem;
  }
  .max-width-container {
    padding: 2.8rem 2rem;
  }
  header {
    margin-left: 24rem;
  }
  header .input-group {
    min-width: 45.7rem;
  }
  .main-content {
    margin-left: 24.7rem;
  }
  .sidebar {
    width: 23rem;
    padding: 2rem 0rem 2rem 1.6rem;
  }
  .sidebar .side-nav li .navlink {
    font-size: 1.4rem;
    padding: 0.8rem 0;
  }
  .card.draggable .card-header .title-wrapper h5 {
    font-size: 1.6rem;
  }
  .card.draggable .card-body .project-name {
    gap: 0.8rem;
  }
  .card.draggable .card-body .project-name h5 {
    font-size: 1.4rem;
  }
  .card.draggable .card-body .project-name img {
    width: 5.3rem;
    height: 5.2rem;
  }
  .card.overview-card .card-body .card-header .title-wrapper h5 {
    font-size: 1.6rem;
  }
  .card.overview-card .card-body .tasks {
    padding: 1rem;
  }
  .card.detail-card .card-body .quick-details {
    gap: 3rem;
  }
  .card.detail-card .card-body .quick-details .detail {
    padding: 2.5rem 3rem 2.5rem 0;
  }
  .card.detail-card .card-body .quick-details.varient-2 {
    gap: 3rem;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .card.detail-card .card-body .quick-details.varient-2 .detail:nth-last-of-type(3) {
    border-right: none;
  }
  .card.detail-card .card-body .quick-details.varient-2 .detail:nth-last-of-type(2) {
    border-right: 2px solid #e4e6e8;
  }
  .step {
    padding: 1rem;
  }
  .step .step-name {
    font-size: 1.6rem;
    gap: 1rem;
  }
  .row-gap-25 {
    row-gap: 1.8rem;
  }
}
@media screen and (max-width: 1299px) {
  .card.overview-card.compact-card .card-header {
    padding: 1rem 1.4rem 0;
  }
  .card.overview-card.compact-card .card-header .title-wrapper h5 {
    font-size: 1.6rem;
  }
  .card.overview-card.compact-card .card-body {
    padding: 1rem 1.4rem;
    min-height: auto;
  }
  .card.draggable .card-body .project-timeline span svg {
    width: 1.8rem;
    height: 1.8rem;
  }
  .custom-icon {
    right: 1rem;
    width: 1.8rem;
  }
}
@media screen and (max-width: 1199px) {
  h1,
  .h1 {
    font-size: 3.3rem;
  }
  .login-wrapper .logo {
    max-width: 26rem;
  }
  .login-wrapper .card .card-body {
    padding: 2.6rem 1.8rem;
  }
  .login-wrapper .card .card-body p, .login-wrapper .card.detail-card .card-body .deatils-wrapper .details span {
    margin-bottom: 2.4rem;
  }
  .nav-item .nav-link {
    font-size: 1.5rem;
  }
  .sidebar {
    left: -100%;
    background: white;
    z-index: 12;
    top: 0;
    height: 100%;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    transition: all 0.3s ease-in-out;
  }
  .sidebar.active {
    left: 0;
  }
  .project-progress {
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
    height: 20.9rem;
  }
  .main-content {
    margin-left: 0;
  }
  header {
    margin-left: 0;
  }
  header .input-group {
    min-width: auto;
  }
  h4,
  .h4 {
    font-size: 2.2rem;
  }
  .modal .modal-dialog .modal-content {
    border-radius: 1.6rem;
    -webkit-border-radius: 1.6rem;
    -moz-border-radius: 1.6rem;
    -ms-border-radius: 1.6rem;
    -o-border-radius: 1.6rem;
  }
  .modal .modal-dialog .modal-content .modal-body h6, .modal .modal-dialog .modal-content .modal-body .card.draggable .card-body .gallery .gallery-wrapper span, .card.draggable .card-body .gallery .gallery-wrapper .modal .modal-dialog .modal-content .modal-body span {
    font-size: 1.6rem;
  }
  .modal .modal-dialog .modal-content .modal-body .image-label {
    width: 5rem;
    height: 5rem;
  }
}
@media screen and (max-width: 992px) {
  .max-width-container {
    padding: 2.8rem 1.8rem;
  }
  .login-wrapper .logo {
    max-height: 10rem;
    margin-bottom: 4rem;
  }
  .login-wrapper .nav.nav-tabs {
    margin-bottom: 2.6rem;
  }
  .login-wrapper .card {
    max-width: 50rem;
    margin: 0 auto;
  }
  .login-wrapper .card .card-body {
    padding: 2.2rem 1.8rem;
  }
  .login-wrapper .card .card-body h2 {
    font-size: 2.8rem;
  }
  .login-wrapper .card .card-body p, .login-wrapper .card.detail-card .card-body .deatils-wrapper .details span {
    margin-bottom: 1.8rem;
  }
  .accordion .accordion-item .accordion-body .remark-wrapper .remark-tab-wrapper .remark-tab {
    padding: 1rem 1rem;
  }
  .tab-content .tab-pane .remark-history {
    gap: 2rem;
  }
  .tab-content .tab-pane .remark-history .type-badge {
    font-size: 1.4rem;
    padding: 0.1rem 1.8rem;
  }
  .tab-content .tab-pane .remark-history .updates li .update {
    padding: 1rem 2rem;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
  }
  .tab-content .tab-pane .remark-history .updates li .update .time {
    font-size: 1rem;
  }
  .tab-content .tab-pane .remark-history p, .tab-content .tab-pane .remark-history .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .tab-content .tab-pane .remark-history span {
    font-size: 1.2rem;
  }
  .user-1 {
    gap: 1rem;
  }
  .user-1 img {
    width: 4rem;
    height: 4rem;
  }
  .step .step-name {
    font-size: 1.6rem;
    gap: 1rem;
  }
  .form-control,
  .form-select {
    padding: 1.2rem 1.6rem;
    border-radius: 0.8rem;
    -webkit-border-radius: 0.8rem;
    -moz-border-radius: 0.8rem;
    -ms-border-radius: 0.8rem;
    -o-border-radius: 0.8rem;
  }
  .accordion .accordion-item .accordion-body {
    padding: 3rem 0;
  }
  .card {
    border-radius: 1.4rem;
    -webkit-border-radius: 1.4rem;
    -moz-border-radius: 1.4rem;
    -ms-border-radius: 1.4rem;
    -o-border-radius: 1.4rem;
  }
  .card.overview-card .card-body .tasks {
    padding: 1rem;
    border-left: none;
    border-top: 1px solid #d8e0f0;
  }
  .card.detail-card .card-body {
    gap: 2rem;
  }
  .card.detail-card .card-body .quick-details {
    row-gap: 1rem;
  }
  .card.detail-card .card-body .quick-details .detail {
    flex-basis: 47%;
    padding: 1.8rem 3rem 1.8rem 0;
  }
  .card.detail-card .card-body .quick-details .detail:not(:last-of-type) {
    border-right: none;
  }
  .card.detail-card .card-body .quick-details .detail:first-of-type {
    border-right: 2px solid #e4e6e8;
  }
  .card.detail-card .card-body .quick-details.varient-2 {
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
  }
  .card.detail-card .card-body .quick-details.varient-2 .detail:nth-last-of-type(2) {
    border-right: none;
  }
  .card.detail-card .card-body .quick-details.varient-2 .detail:nth-last-of-type(3) {
    border-right: 2px solid #e4e6e8;
  }
  .card.detail-card .card-body .desc.bottm-spc {
    padding-bottom: 1.8rem;
    margin-bottom: 0.8rem;
  }
  .card.draggable .card-body {
    padding: 1rem;
  }
  .card.draggable .card-body .project-timeline {
    font-size: 1.2rem;
    margin-top: 1.4rem;
  }
  .card.draggable .card-body .project-name {
    gap: 1rem;
  }
  .card.draggable .card-body .project-name img {
    width: 5rem;
    height: 5rem;
  }
  .card.draggable .card-body .project-name span {
    font-size: 1.2rem;
  }
  .card.draggable .card-body .project-name span:nth-of-type(2), .card.draggable .card-body .project-name span:nth-of-type(3) {
    display: none;
  }
  .card.draggable .card-body .project-name h5 {
    font-size: 1.6rem;
  }
  h4,
  .h4 {
    font-size: 2.6rem;
  }
  .mt-6 {
    margin-top: 2rem;
  }
  .btn {
    font-size: 1.4rem;
    border-radius: 0.8rem;
    -webkit-border-radius: 0.8rem;
    -moz-border-radius: 0.8rem;
    -ms-border-radius: 0.8rem;
    -o-border-radius: 0.8rem;
  }
  .btn.btn-primary {
    border-radius: 0.8rem;
    -webkit-border-radius: 0.8rem;
    -moz-border-radius: 0.8rem;
    -ms-border-radius: 0.8rem;
    -o-border-radius: 0.8rem;
  }
  .nav-item .nav-link {
    padding: 1rem 0.8rem;
  }
  .nav-tabs {
    gap: 2rem;
  }
  .dropdown .drop-menu .head {
    padding: 1.7rem 1.8rem 1.2rem;
  }
  .dropdown .drop-menu .body {
    padding: 2rem 1.8rem 1.8rem;
  }
  h5,
  .h5 {
    font-size: 2rem;
  }
  .input-group {
    padding: 0.8rem 1rem;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
  }
  .dropdown .dropdown-menu .dropdown-item {
    font-size: 1.4rem;
  }
  .account-new-tabs {
    margin-top: 1rem;
  }
  .account-new-tabs .nav-tabs {
    padding: 0.6rem;
  }
  .account-new-tabs .nav-tabs .nav-item .nav-link {
    font-size: 1.5rem;
    line-height: 120%;
  }
  .modal .modal-dialog .modal-content .modal-body .image-label {
    width: 4.4rem;
    height: 4.4rem;
  }
  .offcanvas .offcanvas-header {
    padding: 1.8rem 1.4rem 1.2rem;
  }
  .offcanvas .offcanvas-body {
    padding: 0 1rem 1.2rem;
  }
  .offcanvas .offcanvas-body .notify {
    padding: 0.8rem;
    gap: 0.8rem;
  }
  .offcanvas .offcanvas-body .notify p, .offcanvas .offcanvas-body .notify .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .offcanvas .offcanvas-body .notify span {
    font-size: 1.4rem;
    margin-bottom: 0;
  }
  .offcanvas .offcanvas-body .notify span {
    font-size: 1rem;
  }
  .offcanvas .offcanvas-body .notify .icon {
    width: 3.4rem;
    height: 3.4rem;
    border-radius: 0.8rem;
    -webkit-border-radius: 0.8rem;
    -moz-border-radius: 0.8rem;
    -ms-border-radius: 0.8rem;
    -o-border-radius: 0.8rem;
    padding: 0.7rem;
  }
  .input-wrapper .icon svg {
    width: 2rem;
    height: 2rem;
  }
  .minimized-modal {
    right: 1.8rem;
  }
}
@media screen and (max-width: 768px) {
  h4,
  .h4 {
    font-size: 1.8rem;
  }
  .page-title .btn svg {
    height: 1.8rem;
    width: 1.8rem;
  }
  .page-title .btn.btn-light {
    padding: 0.8rem 1rem;
  }
  .card.detail-card .card-body .quick-details .detail {
    flex-basis: 100%;
  }
  .card.detail-card .card-body .quick-details .detail:not(:last-of-type) {
    border-right: none;
    border-bottom: 1px solid #e4e6e8;
  }
  .card.detail-card .card-body .quick-details.varient-2 .detail:nth-last-of-type(3) {
    border-right: none;
  }
  .page-title {
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
  }
}
@media screen and (max-width: 576px) {
  .max-width-container {
    padding: 1.8rem 1rem;
  }
  .nav-tabs {
    gap: 1rem;
  }
  header {
    margin-bottom: 1.8rem;
  }
  header .user-image {
    width: 2.4rem;
    height: 2.4rem;
  }
  header .d-flex {
    gap: 0.8rem;
  }
  header .dropdown .btn.btn-light span {
    display: none;
  }
  header .input-group {
    min-width: auto;
    padding: 1rem 1.2rem;
  }
  header .input-group svg {
    height: 2.4rem;
    width: 2rem;
  }
  .dropdown .dropdown-menu .dropdown-item {
    font-size: 1.2rem;
  }
  .page-title {
    flex-direction: column;
    align-items: stretch;
    gap: 0.8rem;
  }
  .page-title a {
    font-size: 1.2rem;
  }
  .page-title .btn svg {
    height: 1.8rem;
    width: 1.8rem;
  }
  .page-title p, .page-title .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .page-title span {
    font-size: 1.4rem;
  }
  .login-wrapper .nav.nav-tabs {
    margin-bottom: 2rem;
  }
  .login-wrapper .nav-link {
    min-width: auto;
  }
  .login-wrapper .btn.btn-primary {
    margin-top: 0rem;
  }
  .login-wrapper .logo {
    max-height: 8rem;
    margin-bottom: 6rem;
  }
  .login-wrapper .card .card-body {
    padding: 1.6rem 1.2rem;
  }
  .login-wrapper .card .card-body h2 {
    font-size: 1.8rem;
  }
  .login-wrapper .card .card-body P {
    font-size: 1.2rem;
    margin-bottom: 1.6rem;
  }
  .form-label {
    font-size: 1.2rem;
  }
  .nav-item .nav-link {
    padding: 0.6rem 1rem;
    font-size: 1.4rem;
    border-radius: 0.6rem;
    -webkit-border-radius: 0.6rem;
    -moz-border-radius: 0.6rem;
    -ms-border-radius: 0.6rem;
    -o-border-radius: 0.6rem;
  }
  .form-control,
  .form-select {
    padding: 0.6rem 1rem;
    font-size: 1.4rem;
    border-radius: 0.6rem;
    -webkit-border-radius: 0.6rem;
    -moz-border-radius: 0.6rem;
    -ms-border-radius: 0.6rem;
    -o-border-radius: 0.6rem;
  }
  .bs-select__control.css-13cymwt-control {
    padding: 0rem 0.2rem;
    font-size: 1.4rem;
    line-height: 150%;
    border-radius: 0.6rem;
    -webkit-border-radius: 0.6rem;
    -moz-border-radius: 0.6rem;
    -ms-border-radius: 0.6rem;
    -o-border-radius: 0.6rem;
  }
  .bs-select__control.bs-select__control--is-focused.bs-select__control--menu-is-open.css-t3ipsp-control,
  .css-t3ipsp-control,
  .bs-select__control.bs-select__control--is-focused {
    padding: 0rem 0.2rem;
    border-radius: 0.6rem;
    -webkit-border-radius: 0.6rem;
    -moz-border-radius: 0.6rem;
    -ms-border-radius: 0.6rem;
    -o-border-radius: 0.6rem;
  }
  .mt-6 {
    margin-top: 0;
  }
  .form-check-label {
    font-size: 1.4rem;
  }
  .forgot {
    font-size: 1.4rem;
  }
  .activity-list li:not(:last-of-type) {
    margin-bottom: 1.4rem;
  }
  .card {
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
  }
  .card .card-body.p-20 {
    padding: 1.4rem;
  }
  .card .card-body .user-3 {
    gap: 0.8rem;
  }
  .card .card-body .user-3 .user-pfp {
    width: 4rem;
    height: 4rem;
  }
  .card .card-body .user-3 h5 {
    font-size: 1.6rem;
    margin-bottom: 0;
  }
  .card .card-body .user-3 p, .card.detail-card .card-body .user-3 .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .user-3 span {
    font-size: 1rem;
  }
  .card.detail-card .card-body {
    gap: 1rem;
  }
  .card.detail-card .card-body .quick-details {
    gap: 1.4rem;
  }
  .card.detail-card .card-body .quick-details .detail {
    padding: 0 0 1.4rem;
    width: 100%;
  }
  .card.detail-card .card-body .quick-details .detail table tbody tr td {
    font-size: 1.3rem;
  }
  .card.detail-card .card-body .quick-details .detail table tbody tr td span {
    padding-left: 1rem;
  }
  .card.detail-card .card-body .quick-details .detail:not(:last-of-type) {
    border-right: none;
    border-bottom: 1px solid #e4e6e8;
  }
  .card.detail-card .card-body .quick-details.varient-2 {
    gap: 1.4rem;
    grid-template-columns: 1fr;
  }
  .card.detail-card .card-body .quick-details.varient-2 .detail {
    padding: 0 0 1.4rem 0;
  }
  .card.detail-card .card-body .quick-details.varient-2 .detail:nth-last-of-type(2) {
    border-right: none;
  }
  .card.detail-card .card-body .remark {
    font-size: 1.3rem;
    margin-bottom: 0.6rem;
  }
  .card.detail-card .card-body .desc.bottm-spc {
    padding-bottom: 1.2rem;
    margin-bottom: 0.8rem;
    font-size: 1.4rem;
  }
  .card.detail-card .card-body .btn-light svg {
    width: 2rem;
    height: 2rem;
  }
  .card.detail-card .card-body .deatils-wrapper {
    grid-template-columns: 1fr;
    gap: 1.4rem;
  }
  .card.detail-card .card-body p, .card.detail-card .card-body .deatils-wrapper .details span {
    font-size: 1.4rem;
  }
  .card.card-wrapper .card-body {
    padding: 1.2rem 0.8rem;
  }
  .card.overview-card .card-body {
    padding: 0 1rem;
    min-height: 12rem;
  }
  .card.overview-card .card-body .tasks {
    padding: 1rem;
    gap: 1rem;
    border-left: none;
    border-top: 1px solid #d8e0f0;
    margin-top: 1rem;
  }
  .card.overview-card .card-body .tasks p, .card.overview-card .card.detail-card .card-body .tasks .deatils-wrapper .details span, .card.detail-card .card.overview-card .card-body .tasks .deatils-wrapper .details span, .card.overview-card .card.detail-card .card-body .deatils-wrapper .details .tasks span, .card.detail-card .card.overview-card .card-body .deatils-wrapper .details .tasks span,
  .card.overview-card .card-body .tasks h6,
  .card.overview-card .card.draggable .card-body .tasks .gallery .gallery-wrapper span,
  .card.draggable .card.overview-card .card-body .tasks .gallery .gallery-wrapper span,
  .card.overview-card .card.draggable .card-body .gallery .gallery-wrapper .tasks span,
  .card.draggable .card.overview-card .card-body .gallery .gallery-wrapper .tasks span {
    font-size: 1.3rem;
  }
  .card.overview-card.compact-card .card-body {
    padding: 1rem;
  }
  .card.draggable {
    border-radius: 0.6rem;
    -webkit-border-radius: 0.6rem;
    -moz-border-radius: 0.6rem;
    -ms-border-radius: 0.6rem;
    -o-border-radius: 0.6rem;
  }
  .card.draggable .card-header .title-wrapper h5 {
    font-size: 1.6rem;
  }
  .card.draggable .card-header .actions {
    gap: 0.8rem;
    margin-left: 0.8rem;
  }
  .card.draggable .card-body {
    padding: 0.8rem;
  }
  .card.draggable .card-body .tasks-list .task .tast-name, .card.draggable .card-body .tasks-list .task .designation {
    font-size: 1.2rem;
  }
  .card.draggable .card-body .tasks-list .task .tast-status {
    font-size: 1.2rem;
  }
  .card.draggable .card-body .gallery .gallery-wrapper {
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
  }
  .card.draggable .card-body .gallery .gallery-wrapper h6, .card.draggable .card-body .gallery .gallery-wrapper span {
    font-size: 1.4rem;
  }
  .card.draggable .card-body .gallery img {
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
    height: 9.8rem;
  }
  .card.draggable .card-body .tasks-list .task:not(:last-of-type) {
    margin-bottom: 0.6rem;
  }
  .card.draggable .card-body .step-list li:not(:last-of-type) {
    margin-bottom: 1rem;
  }
  .card.draggable .card-body .btn.btn-link {
    font-size: 1.2rem;
    margin-top: 1rem;
  }
  .card.draggable .card-body .project-name {
    gap: 0.8rem;
  }
  .card.draggable .card-body .project-name img {
    width: 3.8rem;
    height: 3.8rem;
    border-radius: 0.6rem;
    -webkit-border-radius: 0.6rem;
    -moz-border-radius: 0.6rem;
    -ms-border-radius: 0.6rem;
    -o-border-radius: 0.6rem;
  }
  .card.draggable .card-body .project-name h5 {
    font-size: 1.4rem;
  }
  .card.draggable .card-body .project-name span {
    font-size: 1rem;
  }
  .card.draggable .card-body .project-timeline {
    font-size: 1.1rem;
    margin-top: 1rem;
  }
  .card.draggable .card-body .project-timeline .icon svg {
    width: 1.6rem;
    height: 1.6rem;
  }
  .step {
    padding: 1rem;
  }
  .step .step-name {
    font-size: 1.2rem;
    gap: 0.8rem;
  }
  .step .step-name svg {
    height: 2rem;
    width: 2rem;
  }
  .step .step-status {
    font-size: 1.4rem;
  }
  .table-gapped tr td {
    padding: 0.8rem;
  }
  .table-gapped tr td span.title {
    font-size: 1rem;
  }
  .table-gapped tr td p, .table-gapped tr td .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .table-gapped tr td span {
    font-size: 1.4rem;
  }
  .table-gapped tr td p.status, .table-gapped tr td .card.detail-card .card-body .deatils-wrapper .details span.status, .card.detail-card .card-body .deatils-wrapper .details .table-gapped tr td span.status {
    font-size: 1.4rem;
  }
  .table-gapped tr td:first-child {
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }
  .table-gapped tr td:last-child {
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
  }
  .accordion .accordion-item .accordion-body {
    padding: 2rem 0;
  }
  .accordion .accordion-item .accordion-body .remark-wrapper .remark-tab-wrapper .remark-tab {
    padding: 1rem;
  }
  .accordion .accordion-item .accordion-body .remark-wrapper .remark-tab-wrapper .remark-tab .icon {
    width: 3.4rem;
    height: 3.4rem;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
  }
  .accordion .accordion-item .accordion-body .remark-wrapper .remark-tab-wrapper .remark-tab .icon svg {
    height: 1.8rem;
    width: 1.8rem;
  }
  .user-1 {
    gap: 0.6rem;
  }
  .user-1 img {
    width: 3rem;
    height: 3rem;
  }
  .user-1 span {
    font-size: 1rem;
  }
  .tab-content .tab-pane .remark-history {
    gap: 2rem;
    margin-top: 3rem;
    padding: 1.2rem 1rem;
  }
  .tab-content .tab-pane .remark-history .updates li .update .time {
    font-size: 0.8rem;
  }
  .tab-content .tab-pane .remark-history .type-badge {
    font-size: 1.2rem;
    padding: 0.1rem 1.8rem;
  }
  .tab-content .tab-pane .remark-history h6, .tab-content .tab-pane .remark-history .card.draggable .card-body .gallery .gallery-wrapper span, .card.draggable .card-body .gallery .gallery-wrapper .tab-content .tab-pane .remark-history span {
    font-size: 1.6rem;
  }
  .tab-content .tab-pane .remark-history p, .tab-content .tab-pane .remark-history .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .tab-content .tab-pane .remark-history span {
    font-size: 1.2rem;
  }
  .badge {
    padding: 0.4rem 1.3rem;
    border-radius: 0.4rem;
    -webkit-border-radius: 0.4rem;
    -moz-border-radius: 0.4rem;
    -ms-border-radius: 0.4rem;
    -o-border-radius: 0.4rem;
  }
  .btn {
    gap: 0.9rem;
    font-size: 1.4rem;
    border-radius: 0.6rem;
    -webkit-border-radius: 0.6rem;
    -moz-border-radius: 0.6rem;
    -ms-border-radius: 0.6rem;
    -o-border-radius: 0.6rem;
  }
  .btn.btn-primary {
    border-radius: 0.6rem;
    -webkit-border-radius: 0.6rem;
    -moz-border-radius: 0.6rem;
    -ms-border-radius: 0.6rem;
    -o-border-radius: 0.6rem;
  }
  .btn.edit-btn, .btn.view-btn, .btn.lock-btn {
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 3.1rem;
  }
  .btn.edit-btn svg, .btn.view-btn svg, .btn.lock-btn svg {
    height: 2rem;
    width: 2rem;
  }
  h5,
  .h5 {
    font-size: 1.8rem;
  }
  .sidebar img {
    max-width: 14.3rem;
  }
  .sidebar .side-nav li .navlink.active,
  .sidebar .side-nav li .sidebar .side-nav li .navlink:hover {
    padding: 0.6rem 1.3rem;
  }
  .sidebar .side-nav li .navlink {
    border-radius: 0.6rem;
    -webkit-border-radius: 0.6rem;
    -moz-border-radius: 0.6rem;
    -ms-border-radius: 0.6rem;
    -o-border-radius: 0.6rem;
  }
  .input-group {
    padding: 0.6rem 1rem;
    border-radius: 0.6rem;
    -webkit-border-radius: 0.6rem;
    -moz-border-radius: 0.6rem;
    -ms-border-radius: 0.6rem;
    -o-border-radius: 0.6rem;
  }
  .input-group .form-control {
    font-size: 1.4rem;
  }
  .accordion .accordion-item .accordion-header .accordion-button {
    padding: 1rem;
    border-radius: 0.6rem;
    -webkit-border-radius: 0.6rem;
    -moz-border-radius: 0.6rem;
    -ms-border-radius: 0.6rem;
    -o-border-radius: 0.6rem;
  }
  .accordion .accordion-item .accordion-header .accordion-button p, .accordion .accordion-item .accordion-header .accordion-button .card.detail-card .card-body .deatils-wrapper .details span, .card.detail-card .card-body .deatils-wrapper .details .accordion .accordion-item .accordion-header .accordion-button span {
    font-size: 1.4rem;
  }
  .accordion .accordion-item .accordion-header .accordion-button .icons {
    gap: 1rem;
  }
  .accordion .accordion-item .accordion-header .accordion-button .icons .icon {
    width: 3rem;
    height: 3rem;
    border-radius: 0.8rem;
    -webkit-border-radius: 0.8rem;
    -moz-border-radius: 0.8rem;
    -ms-border-radius: 0.8rem;
    -o-border-radius: 0.8rem;
  }
  .accordion .accordion-item .accordion-header .accordion-button .icons .icon svg {
    width: 1.6rem;
    height: 1.6rem;
  }
  .accordion .accordion-item .accordion-body .remark-wrapper .type-badge {
    padding: 0.4rem 1.2rem;
    font-size: 1.2rem;
  }
  .accordion .accordion-item .accordion-body .remark-wrapper .time {
    font-size: 1rem;
  }
  .dropdown .drop-menu {
    min-width: 30rem;
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
  }
  .dropdown .drop-menu .head {
    padding: 1.6rem 1.4rem 1rem;
  }
  .dropdown .drop-menu .body {
    padding: 1.1rem 1rem 0.8rem;
  }
  .dropdown .drop-menu.active {
    top: 5rem;
  }
  .account-tabs {
    flex-wrap: nowrap;
    overflow: auto;
  }
  .account-tabs .nav-link {
    white-space: nowrap;
  }
  .account-new-tabs .nav-tabs {
    gap: 1rem;
    padding: 0.8rem;
    width: 100%;
    justify-content: space-between;
  }
  .account-new-tabs .nav-tabs .nav-item .nav-link {
    padding: 0.563rem 1.6rem;
    font-size: 1.4rem;
    line-height: 112%;
  }
  .calendar-wrapper .fc .fc-daygrid-day-frame {
    height: 54px;
  }
  .rounded-6 {
    border-radius: 1rem !important;
  }
  .row-gap-20 {
    row-gap: 1rem;
  }
  .row-gap-25 {
    row-gap: 1rem;
  }
  .upload-btn {
    padding: 0.6rem 1rem;
    border-radius: 0.4rem;
    font-size: 1.2rem;
  }
  .upload-btn img {
    height: 1.8rem;
    width: 1.8rem;
  }
  .modal .modal-dialog .modal-content {
    border-radius: 1rem;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -ms-border-radius: 1rem;
    -o-border-radius: 1rem;
  }
  .modal .modal-dialog .modal-content .modal-body h6, .modal .modal-dialog .modal-content .modal-body .card.draggable .card-body .gallery .gallery-wrapper span, .card.draggable .card-body .gallery .gallery-wrapper .modal .modal-dialog .modal-content .modal-body span {
    font-size: 1.4rem;
  }
  .modal .modal-dialog .modal-content .modal-body .image-label {
    width: 4rem;
    height: 4rem;
  }
  .modal .modal-dialog .modal-content .modal-body .upload-label {
    width: 4rem;
    height: 4rem;
  }
  .modal .modal-dialog .modal-content .modal-body .icon-circle.circle-big img {
    min-width: 4.7rem;
    width: 4.7rem;
    min-height: 4.7rem;
    height: 4.7rem;
  }
  .custom-icon {
    width: 1.4rem;
  }
  .input-wrapper .icon svg {
    width: 1.6rem;
    height: 1.6rem;
  }
  .minimized-modal {
    right: 1rem;
  }
  .minimized-modal h5 {
    font-size: 1.4rem;
  }
}/*# sourceMappingURL=main.css.map */