.btn {
  outline: none;
  box-shadow: none !important;
  padding: 0 15px;
  height: 35px;
}

.card .BtnFit {
  width: -moz-fit-content !important;
  width: fit-content !important;
}

.btn:focus {
  box-shadow: none;
}

.btn-blu {
  background: #001F3D !important;
  border: 1px solid #ffffff !important;
  color: #ffffff !important;
  height: 50px;
  width: 140px;
  display: flex !important;
  justify-content: center;
  align-items: center;
  border-radius: 0 !important;
  padding: 0 !important;
}
.btn-blu:hover {
  background: #ffffff !important;
  border: 1px solid #ffffff !important;
  color: #001F3D !important;
}

.btn-light-primary {
  background: rgba(0, 31, 61, 0.4) !important;
  border: none !important;
  color: #001F3D !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
}
.btn-light-primary:hover {
  background: #001F3D !important;
  border: 1px solid #ffffff !important;
  color: #ffffff !important;
}

.btn-white {
  background: #ffffff !important;
  border: 1px solid #ffffff !important;
  color: #001F3D !important;
  height: 50px;
  width: 140px;
  display: flex !important;
  justify-content: center;
  align-items: center;
  border-radius: 0 !important;
  padding: 0 !important;
}
.btn-white:hover {
  background: #001F3D !important;
  border: 1px solid #ffffff !important;
  color: #ffffff !important;
}

.btn-white-bor {
  background: #001F3D !important;
  border: 1px solid #ffffff !important;
  color: #ffffff !important;
  height: 50px;
  width: 140px;
  border-radius: 0 !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
  padding: 0 !important;
  color: #141301 !important;
  /* Pitch Black */
}
.btn-white-bor:hover {
  background: #141301 !important;
  /* Pitch Black */
  border: 1px solid #212023 !important;
  color: #ffffff !important;
}

.btn-sec-bor {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  color: #56555C !important;
  height: 50px;
  width: 140px;
  border-radius: 0 !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
  padding: 0 !important;
}
.btn-sec-bor:hover {
  background: #001F3D !important;
  /* Prussian Blue */
  border: 1px solid #353339 !important;
  color: #ffffff !important;
}

.btn-primary {
  background: #001F3D !important;
  border: none !important;
  color: #ffffff !important;
  border-radius: 0 !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  padding: 20px 20px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
.btn-primary:hover {
  background: #141301 !important;
  /* Pitch Black */
  border: 1px solid #212023 !important;
  color: #ffffff !important;
}

.btn-primary-grad {
  background-image: linear-gradient(-80deg, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.08)) !important;
}

.btn-grey {
  background: #F1F5F9 !important;
  padding: 0 20px !important;
  color: #94A3B8;
  height: 50px;
}
.btn-grey:hover {
  background: #001F3D !important;
  color: #ffffff !important;
}

.btn-secondary {
  background: #141301 !important;
  /* Pitch Black */
  border: none !important;
  color: #ffffff !important;
}
.btn-secondary:focus, .btn-secondary:hover {
  background: #001F3D !important;
  /* Prussian Blue */
  color: #ffffff !important;
}

.btn-oth {
  background: #0e121b !important;
  border: none !important;
  color: #ffffff !important;
}

.btn-circle {
  border-radius: 100px !important;
}

.btn-round {
  border-radius: 5px;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #FAA80F !important;
  color: #ffffff !important;
  border: none !important;
}

.btn-thm {
  background: #161d2b !important;
  color: #ffffff !important;
  border: none;
}

.btn-thm:hover,
.btn-thm:focus,
.btn-thm:active {
  background-color: #0e121b !important;
  color: #ffffff !important;
}

.btn.btn-wht {
  background-color: #ffffff;
  color: #212023;
  border: none;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
}

.btn-wht:hover,
.btn-wht:focus,
.btn-wht:active {
  background-color: #212023 !important;
  color: #ffffff !important;
  transform: scale(1);
}

.no-btn {
  background-color: transparent;
  border: none;
  padding: 0;
}

.btn-border-primary {
  background-color: #ffffff !important;
  border: 1px solid #001F3D !important;
  color: #001F3D !important;
  border-radius: 0 !important;
}
.btn-border-primary:focus-visible, .btn-border-primary:active, .btn-border-primary:focus, .btn-border-primary:hover {
  background-color: #001F3D !important;
  border: 1px solid #001F3D !important;
  color: #ffffff !important;
}
.btn-border-primary:focus-visible .svg-strk, .btn-border-primary:active .svg-strk, .btn-border-primary:focus .svg-strk, .btn-border-primary:hover .svg-strk {
  stroke: #ffffff;
}

.btn-border-wht {
  background-color: #ffffff !important;
  border: 2px solid rgba(126, 126, 126, 0.4) !important;
  color: #7E7E7E !important;
  border-radius: 0 !important;
}
.btn-border-wht:focus-visible, .btn-border-wht:active, .btn-border-wht:focus, .btn-border-wht:hover {
  background-color: #212023 !important;
  border: 2px solid #212023 !important;
  color: #ffffff !important;
}
.btn-border-wht:focus-visible .fill-svg, .btn-border-wht:active .fill-svg, .btn-border-wht:focus .fill-svg, .btn-border-wht:hover .fill-svg {
  fill: #ffffff;
}

.btn-border-light {
  border: 1px solid #dddddd !important;
  color: #001F3D !important;
  border-radius: 8px !important;
  padding: 3px 15px;
  background-color: #ffffff !important;
}
.btn-border-light:hover {
  background-color: #001F3D !important;
  color: #ffffff !important;
  border: 1px solid #001F3D !important;
}

.btn-primary-brd {
  border: 2px solid #001F3D;
  background-color: #001F3D;
  color: #ffffff;
}
.btn-primary-brd:focus-visible, .btn-primary-brd:active, .btn-primary-brd:focus, .btn-primary-brd:hover {
  background-color: #FAA80F !important;
  border: 2px solid #FAA80F !important;
  color: #ffffff !important;
}

.btn-danger-brd {
  border: 1px solid rgb(255, 0, 0);
  background-color: transparent;
  color: rgb(255, 0, 0);
}
.btn-danger-brd:focus-visible, .btn-danger-brd:active, .btn-danger-brd:focus, .btn-danger-brd:hover {
  background-color: rgb(209, 60, 50) !important;
  border: 1px solid rgb(209, 60, 50) !important;
  color: #ffffff !important;
}

.btn-danger {
  border: 1px solid rgb(255, 0, 0);
  background-color: rgb(255, 0, 0);
  color: #ffffff;
}
.btn-danger:focus-visible, .btn-danger:active, .btn-danger:focus, .btn-danger:hover {
  background-color: rgb(209, 60, 50) !important;
  border: 1px solid rgb(209, 60, 50) !important;
  color: #ffffff !important;
}

.btn-gry-brd {
  border: 1px solid rgba(0, 0, 0, 0.09);
  background-color: transparent;
  color: #999999;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05) !important;
}
.btn-gry-brd:focus-visible, .btn-gry-brd:active, .btn-gry-brd:focus, .btn-gry-brd:hover {
  background-color: rgb(0, 0, 0) !important;
  border: 1px solid rgb(0, 0, 0) !important;
  color: #ffffff !important;
}

@font-face {
  font-family: "arimo-reg";
  src: url(../../assets/fonts/arimo/Arimo-Regular.ttf);
}
@font-face {
  font-family: "arimo-bld";
  src: url(../../assets/fonts/arimo/Arimo-Bold.ttf);
}
@font-face {
  font-family: "arimo-med";
  src: url(../../assets/fonts/arimo/Arimo-Medium.ttf);
}
@font-face {
  font-family: "nx";
  src: url(../../assets/fonts/nx.ttf);
}
.btn {
  outline: none;
  box-shadow: none !important;
  padding: 0 15px;
  height: 35px;
}

.card .BtnFit {
  width: -moz-fit-content !important;
  width: fit-content !important;
}

.btn:focus {
  box-shadow: none;
}

.btn-blu {
  background: #001F3D !important;
  border: 1px solid #ffffff !important;
  color: #ffffff !important;
  height: 50px;
  width: 140px;
  display: flex !important;
  justify-content: center;
  align-items: center;
  border-radius: 0 !important;
  padding: 0 !important;
}
.btn-blu:hover {
  background: #ffffff !important;
  border: 1px solid #ffffff !important;
  color: #001F3D !important;
}

.btn-light-primary {
  background: rgba(0, 31, 61, 0.4) !important;
  border: none !important;
  color: #001F3D !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
}
.btn-light-primary:hover {
  background: #001F3D !important;
  border: 1px solid #ffffff !important;
  color: #ffffff !important;
}

.btn-white {
  background: #ffffff !important;
  border: 1px solid #ffffff !important;
  color: #001F3D !important;
  height: 50px;
  width: 140px;
  display: flex !important;
  justify-content: center;
  align-items: center;
  border-radius: 0 !important;
  padding: 0 !important;
}
.btn-white:hover {
  background: #001F3D !important;
  border: 1px solid #ffffff !important;
  color: #ffffff !important;
}

.btn-white-bor {
  background: #001F3D !important;
  border: 1px solid #ffffff !important;
  color: #ffffff !important;
  height: 50px;
  width: 140px;
  border-radius: 0 !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
  padding: 0 !important;
  color: #141301 !important;
  /* Pitch Black */
}
.btn-white-bor:hover {
  background: #141301 !important;
  /* Pitch Black */
  border: 1px solid #212023 !important;
  color: #ffffff !important;
}

.btn-sec-bor {
  background: #ffffff !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  color: #56555C !important;
  height: 50px;
  width: 140px;
  border-radius: 0 !important;
  display: flex !important;
  justify-content: center;
  align-items: center;
  padding: 0 !important;
}
.btn-sec-bor:hover {
  background: #001F3D !important;
  /* Prussian Blue */
  border: 1px solid #353339 !important;
  color: #ffffff !important;
}

.btn-primary {
  background: #001F3D !important;
  border: none !important;
  color: #ffffff !important;
  border-radius: 0 !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  padding: 20px 20px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
.btn-primary:hover {
  background: #141301 !important;
  /* Pitch Black */
  border: 1px solid #212023 !important;
  color: #ffffff !important;
}

.btn-primary-grad {
  background-image: linear-gradient(-80deg, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.08)) !important;
}

.btn-grey {
  background: #F1F5F9 !important;
  padding: 0 20px !important;
  color: #94A3B8;
  height: 50px;
}
.btn-grey:hover {
  background: #001F3D !important;
  color: #ffffff !important;
}

.btn-secondary {
  background: #141301 !important;
  /* Pitch Black */
  border: none !important;
  color: #ffffff !important;
}
.btn-secondary:focus, .btn-secondary:hover {
  background: #001F3D !important;
  /* Prussian Blue */
  color: #ffffff !important;
}

.btn-oth {
  background: #0e121b !important;
  border: none !important;
  color: #ffffff !important;
}

.btn-circle {
  border-radius: 100px !important;
}

.btn-round {
  border-radius: 5px;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: #FAA80F !important;
  color: #ffffff !important;
  border: none !important;
}

.btn-thm {
  background: #161d2b !important;
  color: #ffffff !important;
  border: none;
}

.btn-thm:hover,
.btn-thm:focus,
.btn-thm:active {
  background-color: #0e121b !important;
  color: #ffffff !important;
}

.btn.btn-wht {
  background-color: #ffffff;
  color: #212023;
  border: none;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
}

.btn-wht:hover,
.btn-wht:focus,
.btn-wht:active {
  background-color: #212023 !important;
  color: #ffffff !important;
  transform: scale(1);
}

.no-btn {
  background-color: transparent;
  border: none;
  padding: 0;
}

.btn-border-primary {
  background-color: #ffffff !important;
  border: 1px solid #001F3D !important;
  color: #001F3D !important;
  border-radius: 0 !important;
}
.btn-border-primary:focus-visible, .btn-border-primary:active, .btn-border-primary:focus, .btn-border-primary:hover {
  background-color: #001F3D !important;
  border: 1px solid #001F3D !important;
  color: #ffffff !important;
}
.btn-border-primary:focus-visible .svg-strk, .btn-border-primary:active .svg-strk, .btn-border-primary:focus .svg-strk, .btn-border-primary:hover .svg-strk {
  stroke: #ffffff;
}

.btn-border-wht {
  background-color: #ffffff !important;
  border: 2px solid rgba(126, 126, 126, 0.4) !important;
  color: #7E7E7E !important;
  border-radius: 0 !important;
}
.btn-border-wht:focus-visible, .btn-border-wht:active, .btn-border-wht:focus, .btn-border-wht:hover {
  background-color: #212023 !important;
  border: 2px solid #212023 !important;
  color: #ffffff !important;
}
.btn-border-wht:focus-visible .fill-svg, .btn-border-wht:active .fill-svg, .btn-border-wht:focus .fill-svg, .btn-border-wht:hover .fill-svg {
  fill: #ffffff;
}

.btn-border-light {
  border: 1px solid #dddddd !important;
  color: #001F3D !important;
  border-radius: 8px !important;
  padding: 3px 15px;
  background-color: #ffffff !important;
}
.btn-border-light:hover {
  background-color: #001F3D !important;
  color: #ffffff !important;
  border: 1px solid #001F3D !important;
}

.btn-primary-brd {
  border: 2px solid #001F3D;
  background-color: #001F3D;
  color: #ffffff;
}
.btn-primary-brd:focus-visible, .btn-primary-brd:active, .btn-primary-brd:focus, .btn-primary-brd:hover {
  background-color: #FAA80F !important;
  border: 2px solid #FAA80F !important;
  color: #ffffff !important;
}

.btn-danger-brd {
  border: 1px solid rgb(255, 0, 0);
  background-color: transparent;
  color: rgb(255, 0, 0);
}
.btn-danger-brd:focus-visible, .btn-danger-brd:active, .btn-danger-brd:focus, .btn-danger-brd:hover {
  background-color: rgb(209, 60, 50) !important;
  border: 1px solid rgb(209, 60, 50) !important;
  color: #ffffff !important;
}

.btn-danger {
  border: 1px solid rgb(255, 0, 0);
  background-color: rgb(255, 0, 0);
  color: #ffffff;
}
.btn-danger:focus-visible, .btn-danger:active, .btn-danger:focus, .btn-danger:hover {
  background-color: rgb(209, 60, 50) !important;
  border: 1px solid rgb(209, 60, 50) !important;
  color: #ffffff !important;
}

.btn-gry-brd {
  border: 1px solid rgba(0, 0, 0, 0.09);
  background-color: transparent;
  color: #999999;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05) !important;
}
.btn-gry-brd:focus-visible, .btn-gry-brd:active, .btn-gry-brd:focus, .btn-gry-brd:hover {
  background-color: rgb(0, 0, 0) !important;
  border: 1px solid rgb(0, 0, 0) !important;
  color: #ffffff !important;
}

@font-face {
  font-family: "arimo-reg";
  src: url(../../assets/fonts/arimo/Arimo-Regular.ttf);
}
@font-face {
  font-family: "arimo-bld";
  src: url(../../assets/fonts/arimo/Arimo-Bold.ttf);
}
@font-face {
  font-family: "arimo-med";
  src: url(../../assets/fonts/arimo/Arimo-Medium.ttf);
}
@font-face {
  font-family: "nx";
  src: url(../../assets/fonts/nx.ttf);
}
/* The Dark switch container */
.switch {
  display: none;
  font-size: 17px;
  position: relative;
  width: 3.5em;
  height: 2em;
  cursor: pointer;
  margin-bottom: 0;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  --background: #5494de;
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--background);
  transition: 0.5s;
  border-radius: 30px;
  border: 1px solid rgba(255, 255, 255, 0.5);
}

.slider:before {
  position: absolute;
  content: "";
  height: 1.4em;
  width: 1.4em;
  border-radius: 50%;
  left: 10%;
  bottom: 15%;
  box-shadow: inset 15px -4px 0px 15px #efdf2b, 0 0 10px 0px #efdf2b;
  background: #20262c;
  transition: 0.5s;
}

input:checked + .slider {
  background-color: #20262c;
}

input:checked + .slider:before {
  transform: translateX(100%) rotate(-15deg);
  box-shadow: inset 8px -4px 0px 0px #ececd9, -4px 1px 4px 0px;
}

.dark-layout body {
  background-color: #0e121b;
}
.dark-layout body .dataTables_wrapper .dataTables_filter label {
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.5);
}
.dark-layout body .dataTables_wrapper .dataTables_filter label input:focus {
  background-color: transparent;
  color: #ffffff !important;
}
.dark-layout body .crancy-header {
  background-color: rgba(0, 0, 0, 0.8);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.dark-layout .crancy-header__single {
  background-color: transparent;
}
.dark-layout .crancy-header__settings .crancy-header__blink {
  background-color: #001F3D;
}
.dark-layout .qk_acc {
  background-color: #0e121b;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  border: none;
}
.dark-layout .qk_acc ul li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.dark-layout .qk_acc ul li:last-child {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.dark-layout .qk_acc ul li:hover {
  background-color: rgba(255, 255, 255, 0.08);
}
.dark-layout .qk_acc ul li button span {
  color: #ffffff;
}
.dark-layout .admin-menu {
  background-color: rgba(0, 0, 0, 0.5) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.dark-layout .admin-menu li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.dark-layout .admin-menu li:first-child {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.dark-layout .admin-menu li .menu-bar__name {
  color: #ffffff;
}
.dark-layout .logo {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.dark-layout .lgt {
  display: none !important;
}
.dark-layout .drk {
  display: block !important;
}
.dark-layout .charts-main,
.dark-layout .crancy-progress-card {
  background: rgba(255, 255, 255, 0.1);
}
.dark-layout .fr-posi span {
  color: #ffffff;
}
.dark-layout .crancy-progress-list li p {
  color: #ffffff;
}
.dark-layout span.apexcharts-legend-text {
  color: #ffffff !important;
}
.dark-layout .charts-main__title {
  color: #ffffff;
}
.dark-layout .select2-container--default .select2-selection--multiple, .dark-layout .select2-container--default .select2-selection--single {
  background-color: rgba(255, 255, 255, 0.1) !important;
}
.dark-layout .select2-container .select2-selection--single .select2-selection__rendered {
  color: #ffffff;
}
.dark-layout .select2-dropdown {
  background-color: rgba(0, 0, 0, 0.1) !important;
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  border-color: rgba(255, 255, 255, 0.1);
  overflow: hidden;
}
.dark-layout .select2-container--default .select2-results__option--selected {
  background-color: rgba(255, 255, 255, 0.3) !important;
}
.dark-layout .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: rgba(255, 255, 255, 0.1);
  color: #ffffff;
}
.dark-layout .select2-results__option--selectable {
  color: #ffffff;
}
.dark-layout .select2-results {
  background-color: rgba(0, 0, 0, 0.8) !important;
}
.dark-layout .card {
  background-color: rgba(255, 255, 255, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
}
.dark-layout .card .card-header h4.card-title {
  color: #ffffff !important;
}
.dark-layout .card div.dataTables_wrapper div.dataTables_filter label {
  color: #ffffff;
}
.dark-layout .card .crancy-table__head {
  background: rgba(255, 255, 255, 0.04);
}
.dark-layout .card .crancy-table__head th {
  color: rgba(255, 255, 255, 0.8);
}
.dark-layout .card table.dataTable td {
  color: #ffffff;
}
.dark-layout .card .user-bx h4 {
  color: rgba(255, 255, 255, 0.8);
}
.dark-layout .card .gray {
  background-color: rgba(21, 78, 155, 0.1) !important;
  color: rgb(21, 78, 155);
}
.dark-layout .card .form-control.form-control-sm {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: rgba(255, 255, 255, 0.8) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  border-radius: 8px;
}
.dark-layout .card .form-control.form-control-sm:focus {
  border-radius: 8px;
}
.dark-layout div:where(.swal2-container) div:where(.swal2-popup) {
  background-color: #0e121b;
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.dark-layout div:where(.swal2-container) h2:where(.swal2-title) {
  color: #ffffff;
}
.dark-layout div:where(.swal2-icon).swal2-warning {
  border-color: #001F3D !important;
  color: #001F3D !important;
}
.dark-layout table.dataTable.display > tbody > tr > td {
  border-top: 1px solid rgba(255, 255, 255, 0.04) !important;
}
.dark-layout .mobile-spc {
  display: flex;
  background-color: rgba(0, 31, 61, 0.2);
  color: #ffffff;
}
.dark-layout table.dataTable > tbody > tr.child ul.dtr-details > li {
  border-bottom: rgba(255, 255, 255, 0.5);
}

::-moz-selection {
  background-color: #1e61ae !important;
  color: #ffffff;
}

::selection {
  background-color: #1e61ae !important;
  color: #ffffff;
}

body {
  font-family: "arimo-reg" !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "arimo-bld";
}

html {
  scroll-behavior: smooth;
}

.app-wrapper .app-content {
  height: calc(100vh - 0px) !important;
  overflow: auto !important;
}

.grid-dash {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
.grid-dash .card {
  margin-bottom: 0;
}
.grid-dash .counters {
  grid-column: 1/3;
}
.grid-dash .counters .counter-grd {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  -moz-column-gap: 20px;
       column-gap: 20px;
}

.pdi-cn {
  padding: 0rem 2.5rem !important;
  display: flex;
  height: 100%;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.pdi-cn .row {
  width: 100%;
  align-items: center;
  height: 100%;
}

.card.brd-r {
  border-radius: 10px 0 0 10px !important;
}

main {
  padding-top: 2rem !important;
  margin: 0 0 0 auto !important;
  width: calc(100% - 40px) !important;
}

nav,
header.header-main {
  background-color: transparent !important;
  box-shadow: none !important;
}

header.header-main {
  background-color: #f6f7fa !important;
}
header.header-main h2 {
  font-family: "arimo-reg";
  color: #56555C;
  font-size: 24px;
}

.app-logo .logo h4 {
  color: #56555C;
  font-size: 24px;
}

nav .app-logo,
nav .app-logo .nav-profile {
  border: none !important;
}

nav .app-nav .main-nav > li:not(.menu-title) > a:after {
  display: none;
}

.sticky-prof .fill-svg {
  fill: #7E7E7E;
}
.sticky-prof .fill-svg-op {
  fill: #7E7E7E;
  opacity: 0.4;
}
.sticky-prof .stk-svg {
  stroke: #7E7E7E;
}
.sticky-prof a.active {
  background-color: rgba(0, 0, 0, 0.05) !important;
  font-weight: bold;
  color: #56555C !important;
  box-shadow: inset 0 3px 8px 6px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  padding: 5px;
}
.sticky-prof a.active .stk-svg {
  stroke: #ffffff;
}
.sticky-prof a.active .fill-svg {
  fill: #001F3D;
}
.sticky-prof a.active .fill-svg-op {
  fill: #001F3D;
  opacity: 0.4;
}

.app-nav li .fill-svg {
  fill: #7E7E7E;
}
.app-nav li .fill-svg-op {
  fill: #7E7E7E;
  opacity: 0.4;
}
.app-nav li .stk-svg {
  stroke: #7E7E7E;
}
.app-nav li span {
  margin-left: 10px;
  font-size: 18px;
}
.app-nav li.active a {
  background: #001F3D;
  border-radius: 10px;
}
.app-nav li.active a span {
  color: #ffffff;
}
.app-nav li.active a .stk-svg {
  stroke: #ffffff;
}
.app-nav li.active a .fill-svg {
  fill: #ffffff;
}
.app-nav li.active a .fill-svg-op {
  fill: #ffffff;
  opacity: 0.4;
}

li.bord-no .nav-projects {
  border: none;
}

li .nav-projects {
  border-top: 1px solid rgba(126, 126, 126, 0.4);
  border-bottom: 1px solid rgba(126, 126, 126, 0.4);
  padding: 20px 10px;
  margin-top: 10px;
}
li .nav-projects .nav-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
li .nav-projects .nav-head h4 {
  font-weight: normal !important;
  font-family: "arimo-reg";
  text-transform: uppercase;
  color: #56555C;
  font-size: 18px;
}
li .nav-projects .nav-head .btn {
  padding: 0;
  width: 25px;
  height: 25px;
  border-radius: 5px;
}
li .nav-projects .nav-head .btn .fill-svg {
  fill: #001F3D;
}
li .nav-projects .nav-head .btn:hover .fill-svg {
  fill: #ffffff;
}
li .nav-projects ul {
  margin: 0 !important;
  padding: 0 !important;
}
li .nav-projects ul li {
  padding: 5px 0 !important;
}
li .nav-projects ul li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
li .nav-projects ul li a:hover span {
  text-decoration: underline;
  text-decoration-color: #56555C;
}
li .nav-projects ul li a:hover b {
  text-decoration: none;
}
li .nav-projects ul li a span {
  color: #56555C;
  font-size: 18px !important;
}
li .nav-projects ul li a b {
  font-weight: normal;
  color: #56555C;
  font-size: 16px !important;
}

.sticky-prof {
  padding: 0 10px;
}
.sticky-prof .nav-profile {
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
  border-radius: 15px;
}
.sticky-prof .nav-profile h6 {
  color: #001F3D;
}
.sticky-prof .nav-profile p {
  color: #7E7E7E;
  font-size: 16px;
}

.card {
  border: none;
}
.card .card-header {
  border-bottom: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.card .card-header .crd-rg {
  display: flex;
  justify-content: end;
  align-items: center;
  width: 30%;
}
.card .card-header .crd-rg .input-group .form-control {
  border-left: none;
  border-radius: 0 10px 10px 0;
  border-color: rgba(0, 0, 0, 0.2);
  padding: 7px 0;
}
.card .card-header .crd-rg .input-group .stk-svg {
  stroke: #001F3D;
}
.card .card-header .crd-rg .input-group .fill-svg {
  stroke: #001F3D;
}
.card .card-header .crd-rg .input-group g.fill-svg {
  stroke: #001F3D;
}
.card .card-header .crd-rg .input-group .form-control {
  box-shadow: none;
  border-right: 1px solid rgba(0, 0, 0, 0.2) !important;
}
.card .card-header .crd-rg .input-group .input-group-text {
  background-color: transparent;
  border-right: none !important;
  border-left: 1px solid rgba(0, 0, 0, 0.2) !important;
  padding: 7px 5px 7px 10px;
  border-color: rgba(0, 0, 0, 0.2);
  border-radius: 10px 0 0 10px;
}
.card .card-header .crd-rg .btn {
  margin-left: 10px;
  display: flex !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  padding: 0 20px !important;
  height: 40px;
  border-radius: 10px !important;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 5px;
       column-gap: 5px;
}
.card .card-header .crd-rg .btn .fill-svg {
  fill: #ffffff;
}
.card .card-header .card-title {
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.card .card-header .card-title .stk-svg {
  stroke: #7E7E7E;
}
.card .card-header .card-title span {
  color: #56555C;
  font-family: "arimo-reg";
  font-size: 28px;
}

.no-btn,
.btn {
  font-size: 18px;
}
.no-btn span,
.btn span {
  font-size: 18px;
}

.projects .tab-posi {
  position: relative;
}
.projects .tab-posi .nav {
  z-index: 1;
  position: absolute;
  top: 0;
  right: 0;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  border-bottom: none;
  justify-content: end;
  padding: 8px;
  border-radius: 10px;
  margin-bottom: 0;
  background-color: #001F3D !important;
  /* Prussian Blue background */
}
.projects .tab-posi .nav .nav-link {
  height: 35px;
  transition: all 0.2s ease;
  color: #ffffff !important;
  /* White text for inactive tabs */
}
.projects .tab-posi .nav .nav-link svg path,
.projects .tab-posi .nav .nav-link svg {
  fill: #ffffff !important;
  /* White icons for inactive tabs */
  stroke: #ffffff !important;
}
.projects .tab-posi .nav .nav-link:hover:not(.active) {
  background-color: #FAA80F !important;
  /* Orange on hover for inactive tabs */
  color: #ffffff !important;
}
.projects .tab-posi .nav .nav-link:hover:not(.active) svg path,
.projects .tab-posi .nav .nav-link:hover:not(.active) svg {
  fill: #ffffff !important;
  /* White icons on hover */
  stroke: #ffffff !important;
}
.projects .tab-posi .nav .nav-link.active {
  background-color: #FAA80F !important;
  /* Orange - Active tab */
  font-weight: bold;
  color: #ffffff !important;
  box-shadow: inset 0 3px 8px 6px rgba(250, 168, 15, 0.3);
}
.projects .tab-posi .nav .nav-link.active svg path,
.projects .tab-posi .nav .nav-link.active svg {
  fill: #ffffff !important;
  /* White icons for active tab */
  stroke: #ffffff !important;
}
.projects .nav-tabs {
  border-bottom: none;
  width: 100%;
  background-color: #001F3D !important;
  /* Prussian Blue background */
  padding: 8px;
  border-radius: 10px;
  margin-bottom: 0;
}
.projects .nav-tabs .nav-link {
  color: #ffffff !important;
  /* White text for inactive tabs */
  font-size: 18px;
  cursor: pointer !important;
  transition: all 0.2s ease;
  background-color: transparent;
}
.projects .nav-tabs .nav-link svg path,
.projects .nav-tabs .nav-link svg {
  fill: #ffffff !important;
  /* White icons for inactive tabs */
  stroke: #ffffff !important;
}
.projects .nav-tabs .nav-link svg path,
.projects .nav-tabs .nav-link svg {
  fill: #ffffff !important;
  /* White icons for inactive tabs */
  stroke: #ffffff !important;
}
.projects .nav-tabs .nav-link:hover:not(.active) {
  background-color: #FAA80F !important;
  /* Orange on hover for inactive tabs */
  color: #ffffff !important;
}
.projects .nav-tabs .nav-link:hover:not(.active) svg path,
.projects .nav-tabs .nav-link:hover:not(.active) svg {
  fill: #ffffff !important;
  /* White icons on hover */
  stroke: #ffffff !important;
}
.projects .nav-tabs .nav-link.active {
  background-color: #FAA80F !important;
  /* Orange - Active tab */
  font-weight: bold;
  color: #ffffff !important;
  /* White text */
  box-shadow: 0 3px 3px 0 rgba(250, 168, 15, 0.3);
}
.projects .nav-tabs .nav-link.active svg path,
.projects .nav-tabs .nav-link.active svg {
  fill: #ffffff !important;
  /* White icons for active tab */
  stroke: #ffffff !important;
}
.projects .all-pr.brd-no {
  border-bottom: none;
}
.projects .all-pr {
  padding-bottom: 40px;
  border-bottom: 1px solid rgba(126, 126, 126, 0.4);
}
.projects .all-pr .card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 15px;
  margin-bottom: 20px;
  padding-right: 0;
  padding-left: 0;
}
.projects .all-pr .card-header h4.card-title {
  font-size: 20px;
  font-family: "arimo-reg";
  color: #56555C;
  margin-bottom: 0;
}
.projects .all-pr .card-header a {
  color: #001F3D;
  font-size: 17px;
}
.projects .all-pr .prj {
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(342px, 240px));
  -moz-column-gap: 20px;
       column-gap: 20px;
  row-gap: 50px;
}
.projects .all-pr .prj li.no-rec {
  background-color: rgba(0, 0, 0, 0.01);
  height: 100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  grid-column: 1/6;
  border: none;
}
.projects .all-pr .prj li.no-rec .fill-svg {
  fill: rgba(0, 0, 0, 0.1);
}
.projects .all-pr .prj li.no-rec .stk-svg {
  stroke: rgba(0, 0, 0, 0.1);
}
.projects .all-pr .prj li.no-rec span {
  color: rgba(0, 0, 0, 0.3);
  font-size: 20px;
  margin-top: 10px;
}
.projects .all-pr .prj li {
  list-style: none;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  width: 100%;
  border-radius: 0 15px 15px 15px;
  box-shadow: 0 0 120px -20px rgba(0, 0, 0, 0.05);
}
.projects .all-pr .prj li a {
  padding: 20px;
  display: flex;
  position: relative;
  flex-direction: column;
  width: 100%;
}
.projects .all-pr .prj li a .fld-tp {
  display: flex;
  width: 23%;
  height: 10px;
  position: absolute;
  background-color: #FFFFFF;
  top: 0;
  left: 0;
  transform: translate(11px, -10px);
}
.projects .all-pr .prj li a .fld-tp .fld-inn {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-17px, -14px) scale(1);
  border-radius: 10px 10px 0 0;
  border-bottom: none;
}
.projects .all-pr .prj li a .prj-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 8px;
}
.projects .all-pr .prj li a .prj-head h4 {
  font-family: "arimo-reg";
  font-size: 20px;
  color: #56555C;
}
.projects .all-pr .prj .tsk-cn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #999999;
  font-size: 18px;
}
.projects .dropdown-toggle::after {
  display: none;
}

.skill {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  -moz-column-gap: 20px;
       column-gap: 20px;
  justify-content: space-between;
}
.skill span {
  font-size: 16px;
}

.skill-name {
  width: 120px;
  font-size: 16px;
}

.skill-level {
  width: 100%;
  height: 8px;
  background-color: #EAECF0;
  border-radius: 10px;
  overflow: hidden;
}

.skill-percent {
  background-color: #001F3D;
  height: 100%;
}

.skill-percent-number {
  color: #999999;
  font-size: 18px;
}

.line + li {
  margin: 0 !important;
}

.sts {
  width: auto;
  height: 25px;
  padding: 5px 0;
  display: flex;
  font-size: 16px;
  font-weight: 600;
  text-transform: capitalize;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  margin: auto;
  border-radius: 5px;
  padding: 7px 10px;
  font-weight: normal;
  margin: 0;
}

.greenSts {
  background-color: rgba(221, 255, 0, 0.04);
  color: rgb(117, 118, 6);
  border: 1px solid rgba(117, 118, 6, 0.3);
}

.purpleSts {
  background-color: rgba(143, 0, 255, 0.04);
  color: rgb(143, 0, 255);
  border: 1px solid rgba(143, 0, 255, 0.3);
}

.greenS {
  background-color: rgba(17, 167, 92, 0.04);
  color: rgb(17, 167, 92);
  border: 1px solid rgba(17, 167, 92, 0.3);
}

.app-datatable-default .dataTables_wrapper table.dataTable.display > tbody > tr.odd {
  background-color: transparent !important;
}

.app-datatable-default .dataTables_wrapper table {
  border: none !important;
}
.app-datatable-default th {
  background-color: #001F3D !important;
  /* Prussian Blue background */
  border-bottom: none !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  font-weight: normal !important;
  color: #ffffff !important;
  /* White text */
  font-size: 16px;
}

/* Removed - Custom CSS moved to task edit blade files only to avoid affecting other inputs */
.app-datatable-default th:first-child {
  border-radius: 8px 0 0 8px;
}
.app-datatable-default th:last-child {
  border-radius: 0 8px 8px 0;
}
.app-datatable-default td {
  vertical-align: middle;
  font-size: 16px !important;
  border-top: none !important;
  border-bottom: 1px solid #EAECF0 !important;
}
.app-datatable-default td .skill {
  margin-bottom: 0;
  padding-right: 40px;
}
.app-datatable-default td .sts {
  width: -moz-fit-content;
  width: fit-content;
  height: 35px;
  padding: 7px 20px;
  font-size: 16px;
}
.app-datatable-default td .dropdown-menu {
  padding: 0;
}
.app-datatable-default td .dropdown-menu li {
  border-bottom: 1px solid #EAECF0;
}
.app-datatable-default td .dropdown-menu li:last-child {
  border-bottom: none;
}
.app-datatable-default td .dropdown-menu li:last-child a span {
  color: rgb(255, 0, 0);
}
.app-datatable-default td .dropdown-menu li:last-child a .fill-svg {
  fill: rgb(255, 0, 0);
}
.app-datatable-default td .dropdown-menu li:last-child a .stk-svg {
  stroke: rgb(255, 0, 0);
}
.app-datatable-default td .dropdown-menu li:last-child a:hover {
  background-color: rgba(255, 0, 0, 0.08);
}
.app-datatable-default td .dropdown-menu li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.app-datatable-default td .dropdown-menu li a span {
  color: #7E7E7E;
  font-size: 16px;
}
.app-datatable-default td .dropdown-menu li a .fill-svg {
  fill: #7E7E7E;
}
.app-datatable-default td .dropdown-menu li a .stk-svg {
  stroke: #7E7E7E;
}
.app-datatable-default td .dropdown-menu li a:hover {
  background-color: rgba(0, 0, 0, 0.03);
}
.app-datatable-default .dataTables_wrapper .dataTables_paginate .paginate_button.current, .app-datatable-default .app-datatable-default .dataTables_wrapper .dataTables_paginate .paginate_button:active {
  background-color: #001F3D !important;
  color: #ffffff !important;
}
.app-datatable-default .dataTables_wrapper .dataTables_filter label {
  border: 1px solid rgba(126, 126, 126, 0.4);
  padding: 0 10px;
  border-radius: 8px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  -moz-column-gap: 5px;
       column-gap: 5px;
}
.app-datatable-default .dataTables_wrapper .dataTables_length {
  padding-left: 0 !important;
}
.app-datatable-default .dataTables_wrapper .dataTables_length select {
  border: 1px solid rgba(0, 0, 0, 0.04) !important;
  background-color: rgba(0, 0, 0, 0.02);
  border-radius: 8px;
  padding: 5px 0 5px 5px !important;
}
.app-datatable-default .dataTables_wrapper .dataTables_filter {
  padding-right: 0;
}
.app-datatable-default .dataTables_wrapper .dataTables_filter input {
  border: none !important;
}

.app-datatable-default td .dropdown-menu li .no-btn:active {
  background-color: #001F3D !important;
}
.app-datatable-default td .dropdown-menu li .no-btn:active span {
  color: #ffffff !important;
}
.app-datatable-default td .dropdown-menu li .no-btn:active .fill-svg {
  fill: #ffffff !important;
}
.app-datatable-default td .dropdown-menu li .no-btn:active .stk-svg {
  stroke: #ffffff !important;
}

.app-datatable-default td .dropdown-menu li .no-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 5px 15px;
}
.app-datatable-default td .dropdown-menu li .no-btn span {
  color: #7E7E7E;
  font-size: 16px;
}
.app-datatable-default td .dropdown-menu li .no-btn .fill-svg {
  fill: #7E7E7E;
}
.app-datatable-default td .dropdown-menu li .no-btn .stk-svg {
  stroke: #7E7E7E;
}

.swal2-actions .primary-button {
  border: none !important;
  padding: 0 20px !important;
}
.swal2-actions .btn {
  border-radius: 8px !important;
  height: 40px !important;
}

.ts-control:not(.rtl) {
  padding-right: 0 !important;
}

.ts-control::after {
  right: -5px !important;
}

.ts-control {
  border: none !important;
  position: relative;
  padding: 0 !important;
}
.ts-control::after {
  content: "";
  background-image: url("data:image/svg+xml;utf8,<svg fill='grey' height='50' viewBox='0 0 20 20' width='50' xmlns='http://www.w3.org/2000/svg'><path d='M5.516 7.548l4.484 4.486 4.484-4.486L16 8.516l-6 6-6-6z'/></svg>");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 10px;
  width: 20px;
  height: 20px;
  transform: translateY(-50%);
  pointer-events: none;
}

.ts-wrapper {
  border-radius: 6px;
  max-width: 170px;
  min-width: 170px;
}

.ts-control > input {
  min-width: auto !important;
}

.SumoSelect > .CaptionCont {
  border: 1px solid #dee2e6 !important;
  border-radius: 8px !important;
}

.SumoSelect > .CaptionCont > span {
  background-color: transparent;
  color: #050308;
  font-size: 14px;
  font-weight: bold;

}

.SumoSelect {
  width: 140px !important;
}

.SelectBox {
  height: 40px;
}

.SumoSelect > .optWrapper.multiple > .options li.opt.selected span i {
  background-color: #001F3D !important;
}

.SumoSelect > .CaptionCont > label > i {
  display: none !important;
}

.projects.details label {
  font-size: 16px;
}
.projects.details textarea.form-control {
  height: 100px !important;
}
.projects.details #filter-ara .frm-opt {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 20px;
  margin-bottom: 20px;
}
.projects.details #filter-ara .frm-opt form {
  display: flex;
  align-items: center;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
.projects.details #filter-ara .frm-opt form .from-group {
  display: flex;
  -moz-column-gap: 20px;
       column-gap: 20px;
  align-items: center;
}
.projects.details #filter-ara .frm-opt .dte-pk {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
  align-items: center;
}
.projects.details .card-header {
  flex-direction: column;
  align-items: start;
}
.projects.details .card-header .had-in {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.projects.details .card-header .frm-opt {
  width: 100%;
  display: flex;
  padding: 20px 30px;
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  margin-top: 10px;
}
.projects.details .card-header .frm-opt form {
  display: flex;
  width: 100%;
  justify-content: flex-start;
}
.projects.details .card-header .frm-opt form .from-group {
  display: flex;
  align-items: center;
  -moz-column-gap: 12px;
       column-gap: 12px;
  margin-right: 20px;
}
.projects.details .card-header .frm-opt .skill {
  margin-left: auto;
  margin-bottom: 0;
  width: 30%;
}
.projects.details .card-header .card-title {
  margin-bottom: 0;
}
.projects.details .card-header .no-btn span {
  color: #56555C;
}
.projects.details .card-header .no-btn .stk-svg {
  stroke: #56555C;
}
.projects.details .card-header .no-btn .fill-svg {
  fill: #56555C;
}
.projects.details .card-header span {
  display: flex;
  align-items: center;
  -moz-column-gap: 30px;
       column-gap: 30px;
}
.projects.details .card-header span b {
  font-weight: normal;
  font-size: 18px;
  margin-top: 6px;
}
.projects.details .apnd-bx {
  width: 500px;
  overflow: auto;
}
.projects.details .crd-rg {
  -moz-column-gap: 20px;
       column-gap: 20px;
}
.projects.details .crd-rg .no-btn {
  display: flex;
  -moz-column-gap: 5px;
       column-gap: 5px;
  align-items: center;
}
.projects.details .crd-rg .no-btn span {
  color: #56555C;
}
.projects.details .crd-rg .fill-svg {
  fill: #56555C;
}
.projects.details .crd-rg .stk-svg {
  stroke: #56555C;
}
.projects.details .crd-rg .no-btn.svg-dlt span {
  color: rgb(255, 0, 0) !important;
}
.projects.details .crd-rg .no-btn.svg-dlt .fill-svg {
  fill: rgb(255, 0, 0);
}
.projects.details .crd-rg .no-btn.svg-dlt .stk-svg {
  stroke: rgb(255, 0, 0);
}
.projects.details .pr-det {
  margin-top: 20px;
}
.projects.details .pr-det .card {
  background-color: rgba(0, 0, 0, 0.02);
  border: none;
  box-shadow: none;
}
.projects.details .pr-det .card .accordion-button:not(.collapsed) {
  background-color: transparent;
  color: #56555C;
}
.projects.details .pr-det .card .accordion-button {
  font-size: 22px;
  font-weight: normal;
  font-family: "arimo-reg";
}
.projects.details .pr-det .card .accordion-button::after {
  position: relative;
  top: -5px;
}
.projects.details .pr-det .card .accordion-item {
  border: none;
}
.projects.details .pr-det .card .accordion-item p {
  color: #56555C;
  margin-bottom: 30px;
  font-size: 16px;
}
.projects.details .pr-det .card .accordion-item .accordion-body {
  padding-top: 0;
}
.projects.details .pr-det .card .accordion-item .accordion-body .grid-fed {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 30px;
  justify-content: space-between;
}
.projects.details .pr-det .card .accordion-item .accordion-body .pr-fed {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.projects.details .pr-det .card .accordion-item .accordion-body .pr-fed .svg-bx {
  background-color: #ffffff;
  border-radius: 8px;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.projects.details .pr-det .card .accordion-item .accordion-body .pr-fed .fed-cn {
  display: flex;
  flex-direction: column;
}
.projects.details .pr-det .card .accordion-item .accordion-body .pr-fed .fed-cn h4 {
  font-size: 18px;
  color: #56555C;
}
.projects.details .pr-det .card .accordion-item .accordion-body .pr-fed .fed-cn span {
  color: #7E7E7E;
  font-size: 18px;
}
.projects.details .path-clp ul {
  padding: 0;
  margin: 20px 0;
  display: flex;
  justify-content: space-between;
}
.projects.details .path-clp ul li {
  list-style: none;
  width: 100%;
}
.projects.details .path-clp ul li a.active {
  background: #001F3D;
  color: #ffffff;
}
.projects.details .path-clp ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100px;
  padding: 12px 20px;
  background: #ffffff;
  color: #56555C;
  font-weight: 500;
  border-radius: 0;
  font-size: 20px;
  margin-right: 8px;
  flex: 1;
  text-align: center;
  clip-path: polygon(0 0, calc(100% - 25px) 0, 100% 50%, calc(100% - 25px) 100%, 0 100%, 25px 50%);
  transition: background 0.3s ease, color 0.3s ease;
}
.projects.details .cnt-dtl ul {
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.projects.details .cnt-dtl ul li {
  list-style: none;
}
.projects.details .cnt-dtl ul li.cntr-bs {
  grid-column: 1/4;
}
.projects.details .cnt-dtl ul li.cntr-bs ul {
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  -moz-column-gap: 20px;
       column-gap: 20px;
}
.projects.details .cnt-dtl ul li.cntr-bs ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-align: center;
  background-color: #ffffff;
  padding: 20px;
  border-radius: 10px;
}
.projects.details .cnt-dtl ul li.cntr-bs ul li .cnt-inn {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.projects.details .cnt-dtl ul li.cntr-bs ul li .cnt-inn h4 {
  font-size: 18px;
  font-weight: normal;
  font-family: "arimo-reg";
  color: #56555C;
  text-transform: capitalize;
}
.projects.details .cnt-dtl ul li.cntr-bs ul li .cnt-inn h1 {
  color: #001F3D;
  margin-bottom: 0;
  font-size: 50px;
  font-family: "arimo-bld";
}
.projects.details .cnt-chart {
  grid-column: 1/2;
}
.projects.details .cnt-chart .card {
  background-color: #ffffff;
}
.projects.details .cnt-chart .card .card-header {
  border-bottom: none;
  background-color: transparent;
}
.projects.details .cnt-chart .card .card-header h4.card-title {
  color: #56555C;
  font-family: "arimo-reg";
}
.projects.details .cnt-chart .card .dnt-cen {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 0);
  text-align: center;
  line-height: 1;
}
.projects.details .cnt-chart .card .dnt-cen span {
  font-size: 20px;
  color: #56555C;
}
.projects.details .cnt-chart .card .dnt-cen h3 {
  margin: 0;
  font-size: 35px;
  color: #56555C;
  font-family: "arimo-reg";
}
.projects.details .stps {
  grid-column: 1/4;
}
.projects.details .stps #prevBtnn.no-btn svg {
  transform: scale(-1);
}
.projects.details .stps .hd-stps {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.projects.details .stps .hd-stps h5 {
  font-family: "arimo-reg";
  font-size: 20px;
  color: #56555C;
}
.projects.details .stps .card {
  background-color: #ffffff;
}
.projects.details .stps .card .card-header {
  border-bottom: none;
  background-color: transparent;
}
.projects.details .stps .card .card-header h4.card-title {
  color: #56555C;
  font-family: "arimo-reg";
}
.projects.details .stps .card .stepper-container {
  max-width: 100%;
  margin: auto;
  background: #ffffff;
  padding: 20px;
}
.projects.details .stps .card .steps {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
  position: relative;
}
.projects.details .stps .card .step {
  text-align: center;
  position: relative;
  flex: 1;
}
.projects.details .stps .card .step .circle {
  width: 50px;
  height: 50px;
  background: #ddd;
  line-height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: auto;
  color: #fff;
  padding: 0 !important;
}
.projects.details .stps .card .step.active .circle {
  background: rgb(17, 167, 92);
}
.projects.details .stps .card .step.active .circle:after {
  content: "";
  width: 58px;
  height: 58px;
  background-color: rgba(17, 167, 92, 0.5);
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 0;
  transform: translate(-10%, -10%);
}
.projects.details .stps .card .step .circle,
.projects.details .stps .card .step.active .circle {
  border: 2px solid rgba(17, 167, 92, 0.06);
  position: relative;
}
.projects.details .stps .card .step .circle:before,
.projects.details .stps .card .step.active .circle:before {
  content: "";
  background-image: url(../images/my-img/square.svg);
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  width: 15px;
  height: 15px;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  border-radius: 0;
  transform: translate(-50%, -50%);
}
.projects.details .stps .card .step.completed .circle {
  background: rgb(17, 167, 92);
  position: relative;
}
.projects.details .stps .card .step.completed .circle:before {
  content: "";
  background-image: url(../images/my-img/tick.png);
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  width: 25px;
  height: 25px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.projects.details .stps .card .step .label {
  margin-top: 8px;
  font-size: 16px;
}
.projects.details .stps .card .progress-line {
  position: absolute;
  top: 14px;
  left: 0;
  right: 0;
  height: 2px;
  background: #ddd;
  z-index: 0;
}
.projects.details .stps .card .progress-line::before {
  content: "";
  position: absolute;
  height: 2px;
  background: #007bff;
  width: 0%;
  transition: width 0.3s;
  z-index: 1;
}
.projects.details .stps .card .content {
  min-height: 100px;
  margin-bottom: 20px;
  font-size: 16px;
}
.projects.details .stps .card .buttons {
  display: flex;
  justify-content: space-between;
}
.projects.details .stps .card .buttons button {
  font-size: 14px;
  cursor: pointer;
  color: white;
  border: 1px solid #eeeeee;
  padding: 0;
  width: 30px;
  height: 30px;
  border-radius: 100px;
  margin-left: 10px;
  stroke: rgba(0, 0, 0, 0.8);
}
.projects.details .stps .card .buttons button:disabled {
  cursor: not-allowed;
}
.projects.details .cnt-prgs {
  grid-column: 2/4;
}
.projects.details .cnt-prgs .card {
  background-color: #ffffff;
}
.projects.details .cnt-prgs .card .card-header {
  border-bottom: none;
  background-color: transparent;
}
.projects.details .cnt-prgs .card .card-header h4.card-title {
  color: #56555C;
  font-family: "arimo-reg";
}
.projects.details .cnt-prgs .card ul {
  display: grid;
  grid-template-columns: 1fr;
}
.projects.details .cnt-prgs .card ul .skill {
  flex-direction: column;
  align-items: flex-start;
}
.projects.details .cnt-prgs .card ul .skill .skill-flx {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.projects.details .cnt-prgs .card ul .skill .skill-flx span {
  font-size: 20px;
}
.projects.details .cnt-prgs .card ul .skill .skill-flx .skill-percent-number {
  font-size: 20px;
}
.projects.details .flx-hddr {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  margin: 0;
}
.projects.details .flx-hddr .btn-ara {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
  justify-content: space-between;
}
.projects.details .flx-hddr .btn-ara .no-btn {
  width: 100% !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.projects.details .flx-hddr .btn-ara .no-btn .stk-svg {
  stroke: #56555C;
}
.projects.details .flx-hddr .btn-ara .btn {
  border-radius: 8px !important;
  -moz-column-gap: 6px;
       column-gap: 6px;
}
.projects.details .flx-hddr .btn-ara .btn .fill-svg {
  fill: #ffffff;
}
.projects.details .card-body .app-datatable-default .dataTables_wrapper .dataTables_filter {
  padding-right: 0;
}
.projects.details .prof-tb {
  display: flex;
  align-items: center;
  color: #56555C;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.projects.details .prof-tb .prof-img {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  width: 32px;
  height: 32px;
  border-radius: 100px;
}
.projects.details .prof-tb .pdf-img {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  width: 28px;
  height: 28px;
}
.projects.details .ntes {
  background-color: rgba(0, 0, 0, 0.02);
  box-shadow: none;
  height: calc(100vh - 400px);
}
.projects.details .ntes .card-header {
  background-color: #ffffff;
  border-radius: 10px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row !important;
  padding-left: 20px;
  padding-right: 20px;
}
.projects.details .ntes .card-header .rgt-detcn {
  display: flex;
  -moz-column-gap: 20px;
       column-gap: 20px;
}
.projects.details .ntes .card-header span {
  color: rgb(0, 0, 0);
  font-size: 16px;
}
.projects.details .text-ara {
  display: flex;
  justify-content: end;
  align-items: flex-start;
  -moz-column-gap: 10px;
       column-gap: 10px;
  border: 1px solid rgba(126, 126, 126, 0.4);
  border-radius: 10px;
  padding-right: 20px;
  overflow: hidden;
}
.projects.details .text-ara .form-control {
  border: none;
}
.projects.details .text-ara .btn-secondary {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
  margin-top: 20px;
  align-items: center;
  background-color: #353339 !important;
}

.form-control {
  padding: 10px 10px;
  height: 40px !important;
  font-size: 16px !important;
}
.form-control:focus {
  box-shadow: none;
}

.ts-control > * {
  font-size: 16px !important;
  color: #303030 !important;
}

textarea {
  resize: none;
}
textarea:focus {
  box-shadow: none !important;
}

.hdr-tb {
  padding-bottom: 0 !important;
}

.offcanvas {
  width: 50% !important;
  border-radius: 20px 0 0 20px;
}
.offcanvas .md-tl {
  padding: 30px 30px 10px 30px;
  width: 100%;
  justify-content: space-between;
  align-items: center !important;
}
.offcanvas .md-tl .crd-rg {
  display: flex;
  align-items: center;
}
.offcanvas .modal-body {
  padding-top: 10px !important;
}
.offcanvas .modal-body .nav-tabs {
  margin-bottom: 10px;
  background-color: #001F3D !important;
  /* Prussian Blue background */
}
.offcanvas .modal-body .all-pr {
  padding: 20px;
  border-radius: 15px;
  background-color: #F9FAFB;
  height: calc(100vh - 220px);
  overflow: auto;
}
.offcanvas .modal-body .all-pr::-webkit-scrollbar {
  width: 5px;
}
.offcanvas .modal-body .all-pr::-webkit-scrollbar-track {
  background-color: transparent !important;
}
.offcanvas .modal-body .all-pr::-webkit-scrollbar-thumb {
  background-color: rgba(126, 126, 126, 0.4) !important;
  border-radius: 10px;
}
.offcanvas .modal-body .all-pr .card {
  background-color: #ffffff;
  box-shadow: none;
}
.offcanvas .modal-body .all-pr .card .card-header {
  margin: 0;
  padding: 20px;
}
.offcanvas .modal-body .all-pr .card .card-body {
  padding-top: 0;
}
.offcanvas .modal-body .all-pr .card .card-body .crb-wk {
  padding: 20px;
  background-color: #F9FAFB;
  border-radius: 15px;
}
.offcanvas .modal-body .all-pr .card .card-body .crb-wk label {
  color: #56555C;
}
.offcanvas .modal-body .all-pr .card .card-body .crb-wk .input-group-text {
  background-color: #ffffff;
}
.offcanvas .modal-footer {
  padding: 0 40px 20px 0;
}
.offcanvas .banf {
  border-bottom: 1px solid #7E7E7E;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
.offcanvas .banf .lab-val {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.offcanvas .banf .lab-val span,
.offcanvas .banf .lab-val p {
  color: #56555C;
  font-size: 16px;
}

.offcanvas,
.modal {
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}
.offcanvas label,
.modal label {
  font-size: 16px;
}
.offcanvas .modal-header,
.modal .modal-header {
  border-bottom: none;
}
.offcanvas .mdl-btns .btn-success,
.modal .mdl-btns .btn-success {
  background-color: #1AC200;
}
.offcanvas .mdl-btns .btn-success:hover,
.modal .mdl-btns .btn-success:hover {
  background-color: #2bc111 !important;
  color: #ffffff !important;
  border-color: #2bc111 !important;
}
.offcanvas .mdl-btns .btn,
.modal .mdl-btns .btn {
  height: 40px;
  padding: 0 30px !important;
}
.offcanvas .mdl-btns .btn-sec-bor,
.modal .mdl-btns .btn-sec-bor {
  padding: 0 20px !important;
}
.offcanvas .mdl-btns .btn-sec-bor:hover,
.modal .mdl-btns .btn-sec-bor:hover {
  background-color: rgba(255, 0, 0, 0.7) !important;
  color: #ffffff !important;
  border-color: rgba(255, 0, 0, 0.7) !important;
}
.offcanvas hr,
.modal hr {
  width: 85%;
  margin-top: 5px;
  margin-right: 30px;
  margin-left: auto;
  margin-bottom: 0;
  height: 1px;
  display: flex;
  opacity: 0.05;
}
.offcanvas .modal-dialog,
.modal .modal-dialog {
  max-width: 760px;
}
.offcanvas .modal-icon,
.modal .modal-icon {
  width: 50px;
  height: 50px;
  box-shadow: -5px 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.offcanvas .form-group,
.modal .form-group {
  margin-bottom: 20px;
}
.offcanvas .form-group label,
.modal .form-group label {
  margin-bottom: 5px;
}
.offcanvas textarea.form-control,
.modal textarea.form-control {
  height: 100% !important;
  width: 100% !important;
}
.offcanvas .iui-cloud-upload:before,
.modal .iui-cloud-upload:before {
  display: none;
}
.offcanvas .ts-wrapper,
.modal .ts-wrapper {
  max-width: 100% !important;
}
.offcanvas .md-tl,
.modal .md-tl {
  display: flex;
  -moz-column-gap: 20px;
       column-gap: 20px;
  align-items: center;
}
.offcanvas .md-tl .modal-title,
.modal .md-tl .modal-title {
  font-size: 18px;
  font-weight: normal;
  font-family: "arimo-reg";
}
.offcanvas .md-tl .modal-title span.pra,
.modal .md-tl .modal-title span.pra {
  display: block;
  font-size: 16px;
  color: #56555C;
}
.offcanvas .modal-footer .btn,
.modal .modal-footer .btn {
  border-radius: 8px !important;
}
.offcanvas .modal-body,
.modal .modal-body {
  padding: 20px 30px;
}

.input-group .form-control {
  border-right: none;
}

.btn-sec-bor {
  height: 40px;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 10px !important;
  border-radius: 8px;
}
.btn-sec-bor .stk-svg {
  stroke: #56555C;
}
.btn-sec-bor:hover .stk-svg {
  stroke: #ffffff;
}

.input-group-text {
  background-color: transparent;
  border-left: none;
}

.filepond--drop-label svg {
  margin-bottom: 20px;
}
.filepond--drop-label p {
  margin-bottom: 0;
}
.filepond--drop-label p span {
  color: #001F3D;
}

.time-trk {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 20px;
       column-gap: 20px;
  justify-content: space-between;
  align-items: center;
}
.time-trk .trk-in {
  display: flex;
  justify-content: space-between;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.time-trk .btn {
  border-radius: 5px !important;
  width: 100%;
  height: 50px;
  padding: 0;
  font-size: 18px;
}
.time-trk span {
  border: 1px solid rgba(0, 0, 0, 0.03);
  color: #212023;
  width: 100%;
  height: 50px;
  display: flex;
  font-size: 18px;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
}

.add-btn-tbl .no-btn {
  padding: 0;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.add-btn-tbl .fill-svg {
  fill: rgb(255, 0, 0);
}
.add-btn-tbl .stk-svg {
  stroke: rgb(255, 0, 0);
}

.apnd-bx {
  padding: 20px 0;
  margin-top: 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.03);
}
.apnd-bx table {
  padding: 20px 0;
}
.apnd-bx table th {
  padding-top: 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  padding-bottom: 10px;
  background-color: #001F3D !important;
  /* Prussian Blue background */
  color: #ffffff !important;
  /* White text */
  font-family: "arimo-reg" !important;
  font-weight: normal !important;
  font-size: 16px;
}
.apnd-bx table td {
  padding-top: 0 !important;
  padding-right: 10px !important;
  padding-left: 0 !important;
  padding-bottom: 10px !important;
}
.apnd-bx table td:last-child {
  padding-right: 0 !important;
}
.apnd-bx h5 {
  color: #7E7E7E;
  font-size: 18px;
  font-family: "arimo-reg";
  margin-bottom: 20px;
}
.apnd-bx .btn-border-primary {
  height: 50px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  border-radius: 8px !important;
}

.table tbody tr td {
  vertical-align: top;
}
.table tbody tr td .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.table tbody tr td .svg-cnt .stk-svg {
  stroke: #ffffff;
}

.warehouse .card-header {
  padding-bottom: 0 !important;
}
.warehouse span.lmt-tx {
  width: 250px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: flex;
}

.app-datatable-default .dataTables_wrapper .dataTables_paginate .paginate_button.previous,
.app-datatable-default .dataTables_wrapper .dataTables_paginate .paginate_button.next {
  background-color: rgba(0, 31, 61, 0.1) !important;
  color: #56555C !important;
}
.app-datatable-default .dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover,
.app-datatable-default .dataTables_wrapper .dataTables_paginate .paginate_button.next:hover {
  color: #001F3D !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  color: #56555C !important;
}

.app-datatable-default .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: #001F3D !important;
}

.projects.details.ware .pr-det .card .accordion-button::after {
  display: none;
}

.ware .accordion-body .card {
  margin-top: 20px !important;
  margin-bottom: 0 !important;
}
.ware .accordion-body .card .card-body {
  padding: 30px 20px !important;
}

.ware .pr-det {
  margin-top: 0 !important;
}
.ware .sts {
  text-transform: none;
  margin: 0;
}

.orange {
  border: 1px solid rgba(118, 6, 6, 0.5);
  background-color: rgba(118, 6, 6, 0.08);
  color: rgb(118, 6, 6);
}

.green {
  border: 1px solid rgba(17, 167, 92, 0.5);
  background-color: rgba(17, 167, 92, 0.08);
  color: rgb(17, 167, 92);
}

.flatpickr-calendar .flatpickr-day.selected,
.flatpickr-calendar .flatpickr-day.today {
  background-color: #001F3D !important;
}

.cus-brd {
  display: flex;
  justify-content: end;
  align-items: center;
  width: 35%;
}
.cus-brd .filter {
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  justify-content: end;
  margin-right: 10px;
}
.cus-brd .input-group-text {
  border-radius: 8px 0 0 8px !important;
  border-top: 1px solid #dee2e6 !important;
  border-right: none !important;
  border-bottom: 1px solid #dee2e6 !important;
  border-left: 1px solid #dee2e6 !important;
}
.cus-brd .input-group-text span {
  font-size: 14px;
  color: #7E7E7E;
  margin-left: 10px;
}
.cus-brd .srch .form-control {
  border-radius: 0 8px 8px 0 !important;
  border-top: 1px solid #dee2e6 !important;
  border-left: none !important;
  border-bottom: 1px solid #dee2e6 !important;
  border-right: 1px solid #dee2e6 !important;
  padding-left: 0;
}

.dls-crd {
  display: flex;
  justify-content: end;
  align-items: center;
  width: 50%;
}
.dls-crd .btn {
  margin-left: 10px;
  display: flex !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  padding: 0 20px !important;
  height: 40px;
  border-radius: 10px !important;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 5px;
       column-gap: 5px;
}
.dls-crd .btn .fill-svg {
  fill: #ffffff;
}
.dls-crd .srch .form-control {
  border-radius: 0 8px 8px 0 !important;
  border-top: 1px solid #dee2e6 !important;
  border-left: none !important;
  border-bottom: 1px solid #dee2e6 !important;
  border-right: 1px solid #dee2e6 !important;
  padding-left: 0;
}
.dls-crd .filter {
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  justify-content: end;
  margin-right: 10px;
}
.dls-crd .input-group-text {
  border-radius: 8px 0 0 8px !important;
  border-top: 1px solid #dee2e6 !important;
  border-right: none !important;
  border-bottom: 1px solid #dee2e6 !important;
  border-left: 1px solid #dee2e6 !important;
}
.dls-crd .input-group-text span {
  font-size: 14px;
  color: #7E7E7E;
  margin-left: 10px;
}

.sal .card-header {
  margin-bottom: 10px;
}

.crd-rg p {
  margin-bottom: 0;
  font-size: 20px;
  font-family: "arimo-reg";
}

.sld-cll h2 {
  display: flex;
  padding: 20px 20px 0;
  justify-content: space-between;
  align-items: center;
}
.sld-cll h2 span {
  font-size: 20px;
  font-family: "arimo-reg";
  color: #56555C;
}
.sld-cll h2 .sal-hd .filter {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.sld-cll h2 .sal-hd .filter label {
  font-size: 14px;
  font-family: "arimo-reg";
}
.sld-cll h2 .sal-hd .filter .ts-control .item {
  font-family: "arimo-reg";
}
.sld-cll .cntr-bs li {
  justify-content: center;
  text-align: center;
  width: 100%;
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.sld-cll .cntr-bs li .cnt-inn {
  width: 100%;
  display: flex;
  justify-content: center;
  text-align: center;
}

.salr th {
  background-color: #001F3D !important;
  /* Prussian Blue background */
  color: #ffffff !important;
  /* White text */
}
.salr td {
  vertical-align: middle;
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.salr .ttl-slr {
  border: 1px solid rgba(0, 0, 0, 0.05);
  padding: 20px;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 10px;
}
.salr .ttl-slr h5 {
  color: #56555C;
  font-weight: bold;
  margin-bottom: 0;
}
.salr .ttl-slr span {
  font-size: 18px;
  color: #56555C;
}
.salr .all-pr {
  padding-bottom: 0;
}

.no-dtbl {
  grid-column: 1/4;
}
.no-dtbl .card {
  background-color: #ffffff !important;
}

.viewDeal .brd-dll .form-group {
  display: flex;
  flex-direction: column;
  margin-bottom: 40px;
}
.viewDeal .brd-dll .form-group label {
  font-size: 14px;
  color: #7E7E7E;
  margin-bottom: 0;
}
.viewDeal .brd-dll .form-group span {
  font-size: 14px;
  color: #212023;
}

.modal.viewTskPro hr,
.modal.viewQu hr,
.modal.addQuTsk hr,
.modal.addMile hr,
.modal.viewMile hr,
.modal.addMileTsk hr,
.modal.addQu hr {
  width: 94%;
}

.editDeal hr,
.viewDeal hr,
.addDeal hr {
  width: 90%;
}
.editDeal #addElem1,
.editDeal #addElem,
.viewDeal #addElem1,
.viewDeal #addElem,
.addDeal #addElem1,
.addDeal #addElem {
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.editDeal .modal-dialog,
.viewDeal .modal-dialog,
.addDeal .modal-dialog {
  max-width: 1500px;
}
.editDeal th,
.viewDeal th,
.addDeal th {
  font-family: "arimo-reg" !important;
  background-color: #001F3D !important;
  /* Prussian Blue background */
  color: #ffffff !important;
  /* White text */
}
.editDeal td,
.viewDeal td,
.addDeal td {
  vertical-align: middle !important;
  padding-bottom: 5px !important;
}
.editDeal td .form-control,
.viewDeal td .form-control,
.addDeal td .form-control {
  border: 2px solid rgba(126, 126, 126, 0.4) !important;
}
.editDeal td .ts-wrapper,
.viewDeal td .ts-wrapper,
.addDeal td .ts-wrapper {
  /*max-width: 50% !important;*/
}
.editDeal td.nml-fc .form-control,
.viewDeal td.nml-fc .form-control,
.addDeal td.nml-fc .form-control {
  border: 1px solid #dee2e6;
}

.btn-border-wht {
  border-radius: 10px !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  height: 45px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
}
.btn-border-wht .fill-svg {
  fill: #7E7E7E;
}

.brd-dll {
  padding-bottom: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.brd-dll .add-btn-tbl .no-btn {
  border: 1px solid #7E7E7E;
  border-radius: 50px;
  width: 30px;
  height: 30px;
}
.brd-dll .add-btn-tbl .no-btn .fill-svg {
  fill: #7E7E7E;
}

.g-total {
  width: 33%;
  border: 1px solid rgba(0, 0, 0, 0.05) !important;
  border-radius: 10px;
  box-shadow: none !important;
  margin-left: auto;
  margin-top: 30px;
}
.g-total .card-body {
  padding: 30px 20px !important;
}
.g-total .card-body .form-group {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
}
.g-total .card-body .form-group span,
.g-total .card-body .form-group label {
  font-size: 14px;
}
.g-total .card-body .form-group label {
  color: #7E7E7E;
  text-align: left;
}
.g-total .card-body .form-group span {
  color: #212023;
  text-align: right;
}
.g-total .card-body .form-group.grand-t span,
.g-total .card-body .form-group.grand-t label {
  font-family: "arimo-bld";
  font-size: 18px;
  color: #212023;
}

.goodPage .input-group .input-group-text {
  border-left: 1px solid #dee2e6 !important;
  border-right: none !important;
}
.goodPage .input-group .form-control {
  border-right: 1px solid #dee2e6 !important;
  border-left: none !important;
}

.cal .card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row !important;
}
.cal .btn-hda {
  display: flex;
  -moz-column-gap: 5px;
       column-gap: 5px;
}
.cal .btn-hda .btn-border-wht {
  width: 140px !important;
  padding: 0 !important;
  height: 40px !important;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.05) !important;
  border: 2px solid rgba(0, 0, 0, 0.1) !important;
  border-radius: 8px !important;
  font-size: 16px;
}

.cald {
  margin-top: 20px;
}
.cald .fc-custom-toolbar {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  margin-bottom: 20px;
  z-index: 999;
  position: relative;
}
.cald .fc-theme-standard td {
  border-style: dashed;
  border-color: #D1D5DB;
}
.cald .fc-theme-standard th {
  border-style: dashed;
  border-color: #D1D5DB;
  border-bottom: none;
  background-color: #001F3D !important;
  /* Prussian Blue background */
  color: #ffffff !important;
  /* White text */
}
.cald .fc .fc-col-header-cell-cushion {
  font-weight: normal;
}
.cald .fc .fc-daygrid-day-number {
  justify-content: center;
  text-align: center;
  width: 100%;
}
.cald #nextBtn.no-btn svg {
  transform: scale(-1);
}
.cald .fc-custom-toolbar button {
  padding: 6px 12px;
  font-size: 16px;
  cursor: pointer;
}
.cald #calendarTitle {
  font-size: 18px;
  font-weight: normal;
  margin: 0;
  font-family: "arimo-reg" !important;
}
.cald .view-switcher {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 5px;
}
.cald .view-switcher .form-group {
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.cald .view-switcher .ts-wrapper {
  max-width: 130px;
  min-width: 130px;
}
.cald .view-switcher select {
  padding: 5px;
}
.cald #calendar {
  z-index: 1;
  position: relative;
}

.usr-ara {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
  align-items: center;
}
.usr-ara .img-tb {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  width: 32px;
  height: 32px;
}

.projects.cal.details .card-header span {
  -moz-column-gap: 0;
       column-gap: 0;
}

.wrk .sts {
  margin: 0 !important;
}
.wrk .cus-brd .btn-border-wht {
  padding: 0 !important;
  width: 150px !important;
  height: 40px !important;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.05) !important;
}

.flatpickr-day.endRange,
.flatpickr-day.endRange:focus {
  background: #001F3D !important;
}

.modal.workerLog hr {
  width: 100% !important;
}

.rpt-gen {
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  padding-top: 30px;
}
.rpt-gen label {
  margin-bottom: 8px;
}
.rpt-gen .rpt-in {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 10px;
}
.rpt-gen .rpt-in .icn-cn {
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
}

.card.inner-set .card-body {
  background-color: #F9FAFB;
  padding: 20px;
  border-radius: 15px;
}

.card.inner-set {
  box-shadow: none !important;
}
.card.inner-set .card-body {
  background-color: #F9FAFB;
  padding: 20px;
  border-radius: 15px;
}
.card.inner-set .card-body .grd-set {
  display: grid;
  grid-template-columns: 1fr 3fr;
  background-color: #ffffff;
  padding: 30px 20px;
  border-radius: 15px;
}
.card.inner-set .card-body .grd-set .set-inn.brd-r {
  border-right: 1px solid rgba(0, 0, 0, 0.05);
}
.card.inner-set .card-body .grd-set .set-inn.pd-lf {
  padding-left: 50px;
}
.card.inner-set .card-body .grd-set .form-group {
  margin-bottom: 40px;
}
.card.inner-set .card-body .grd-set .form-group label {
  color: #56555C;
}
.card.inner-set .card-body .avatar-upload {
  max-width: 205px;
  margin: 10px auto;
}
.card.inner-set .card-body .avatar-upload .avatar-edit {
  position: static;
}
.card.inner-set .card-body .avatar-upload .avatar-edit input {
  display: none;
}
.card.inner-set .card-body .avatar-upload .avatar-edit input + label {
  border: none;
}
.card.inner-set .card-body .avatar-upload .avatar-edit input + label:after {
  content: "Upload Picture";
  color: #56555C;
  font-size: 16px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.05);
  height: 40px;
  border-radius: 8px;
  transform: translate(0, 20px);
}
.card.inner-set .card-body .avatar-upload .avatar-preview {
  width: 192px;
  height: 192px;
  position: relative;
  border-radius: 100%;
}
.card.inner-set .card-body .avatar-upload .avatar-preview > div {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-color: transparent;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.card.inner-set .pswd {
  background-color: #ffffff;
  padding: 20px;
  border-radius: 15px;
}
.card.inner-set .pswd .form-group {
  display: flex;
  align-items: center;
  flex-direction: row;
  margin-bottom: 20px;
}
.card.inner-set .pswd .form-group label {
  width: 50%;
}
.card.inner-set .pswd .fld-des {
  width: 100%;
  margin-top: 10px;
}
.card.inner-set .pswd .fld-des span {
  color: #56555C;
  margin-top: 5px;
}
.card.inner-set .pswd .fld-des .btn-border-wht {
  padding: 0;
  width: 130px !important;
  align-items: center !important;
}
.card.inner-set .pswd .fld-des .btn-border-wht:focus span, .card.inner-set .pswd .fld-des .btn-border-wht:hover span {
  color: #ffffff !important;
}
.card.inner-set .pswd .form-check {
  width: 50%;
  display: flex;
  justify-content: flex-end;
}

.tls .bor-b {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding: 0 20px 20px 0;
  margin-bottom: 30px;
}
.tls .form-group {
  align-items: start !important;
}
.tls .fld-des {
  margin-top: 0 !important;
}
.tls #addInpBxV,
.tls #addInpBxT,
.tls #addTrnBxV,
.tls #addInpBx {
  margin-top: 10px;
}
.tls #addInpBxV #rmvVeh,
.tls #addInpBxV #rmvTrn,
.tls #addInpBxV #rmvType,
.tls #addInpBxV #rmv,
.tls #addInpBxT #rmvVeh,
.tls #addInpBxT #rmvTrn,
.tls #addInpBxT #rmvType,
.tls #addInpBxT #rmv,
.tls #addTrnBxV #rmvVeh,
.tls #addTrnBxV #rmvTrn,
.tls #addTrnBxV #rmvType,
.tls #addTrnBxV #rmv,
.tls #addInpBx #rmvVeh,
.tls #addInpBx #rmvTrn,
.tls #addInpBx #rmvType,
.tls #addInpBx #rmv {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
  margin-bottom: 10px;
  align-items: center;
}

.set .card-header span {
  -moz-column-gap: 0 !important;
       column-gap: 0 !important;
}

.form-check-input:focus {
  box-shadow: none !important;
}

.form-check-input:checked {
  background-color: #001F3D !important;
  border-color: #001F3D !important;
}

.card.qu-box {
  background-color: #F9FAFB;
  border-radius: 15px;
  box-shadow: none;
}
.card.qu-box label {
  color: #56555C;
}
.card.qu-box .qu-inn {
  padding: 20px;
  background-color: #ffffff;
  border-radius: 15px;
}
.card.qu-box .qu-inn h4 {
  font-size: 14px;
  color: #56555C;
  font-family: "arimo-reg";
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  margin-bottom: 20px;
}
.card.qu-box .fld-box {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  margin-bottom: 20px;
}
.card.qu-box .fld-box .add-btn-tbl {
  display: flex;
  justify-content: flex-end;
}

.viewTskPro h4,
.viewQu h4 {
  margin-bottom: 20px;
  font-size: 16px;
  font-family: "arimo-reg";
}

.index-dash .card-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
  padding-bottom: 10px;
}
.index-dash .prj-avi {
  font-size: 18px;
  color: #56555C;
  font-weight: normal !important;
}
.index-dash .idx-grd {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
}
.index-dash .idx-grd .tbl-idx {
  grid-column: 1/3;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 20px;
}
.index-dash .idx-grd .tbl-idx .card-header {
  border-bottom: none !important;
}
.index-dash .idx-grd .tbl-idx table tr:last-child td {
  border-bottom: none !important;
}
.index-dash .idx-grd .counters {
  grid-column: 3/4;
}
.index-dash .idx-grd .card.projects {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  margin-top: 20px;
}
.index-dash .idx-grd .card.projects .card-header {
  border-bottom: none !important;
}
.index-dash .idx-grd .card.projects .scr-tb {
  overflow: auto;
  height: 381px;
}
.index-dash .idx-grd .card.projects .nav.nav-tabs {
  margin-bottom: 10px;
  border-radius: 5px;
  background-color: #001F3D !important;
  /* Prussian Blue background */
}
.index-dash .idx-grd .card.projects .form-control {
  background-color: rgba(0, 0, 0, 0.02);
  border: none;
  border-radius: 0 5px 5px 0;
}
.index-dash .idx-grd .card.projects .input-group-text {
  background-color: rgba(0, 0, 0, 0.02);
  border: none;
  border-radius: 5px 0 0 5px;
}
.index-dash .idx-grd .card.projects table.table {
  background-color: rgba(0, 0, 0, 0.02);
  margin-top: 10px;
}
.index-dash .idx-grd .card.projects table.table th {
  font-size: 16px;
  font-weight: normal;
  background-color: #001F3D !important;
  /* Prussian Blue background */
  color: #ffffff !important;
  /* White text */
}
.index-dash .idx-grd .card.projects table.table td:first-child {
  transition: 0.3s ease-in;
  transform: translateX(0);
  border: 1px solid rgba(0, 0, 0, 0.01);
}
.index-dash .idx-grd .card.projects table.table tr:hover {
  transition: 0.3s;
  color: #001F3D;
  background-color: rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.07);
}
.index-dash .idx-grd .card.projects table.table tr:hover td:first-child {
  transition: 0.3s ease-out;
  transform: translateX(10px);
}
.index-dash .idx-grd .card.projects table.table tr:hover .svg-wrk {
  display: flex !important;
}
.index-dash .idx-grd .card.projects table.table tr .svg-wrk {
  display: none !important;
}
.index-dash .idx-grd .card.projects table.table tr .spn-arrc {
  display: flex;
}
.index-dash .idx-grd .card.projects table.table td {
  padding-top: 5px;
  padding-bottom: 5px;
  color: #7E7E7E;
}
.index-dash .idx-grd .dataTables_info,
.index-dash .idx-grd .dataTables_filter,
.index-dash .idx-grd .dataTables_length {
  display: none;
}
.index-dash .idx .form-control {
  border-radius: 8px 0 0 8px !important;
}
.index-dash .idx .filter {
  width: 60%;
}
.index-dash .idx .filter .ts-control::after {
  display: none;
}
.index-dash .idx .filter label {
  width: 40%;
  font-size: 16px;
}
.index-dash .idx .filter .input-group-text {
  border-radius: 0 8px 8px 0 !important;
  border-right: 1px solid #dee2e6 !important;
}
.index-dash .card {
  box-shadow: none !important;
}
.index-dash .card.pie-cht {
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.index-dash .card.pie-cht h5 {
  font-family: "arimo-reg";
  font-size: 20px;
}
.index-dash .counters ul.grd {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  height: 100%;
  gap: 20px;
}
.index-dash .counters ul.grd li {
  height: 100%;
  border-radius: 20px;
  padding: 20px 0;
  display: flex;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.1);
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.index-dash .counters ul.grd li .img-cw {
  display: flex;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.index-dash .counters ul.grd li .img-cw img {
  width: 40px;
}
.index-dash .counters ul.grd li sup {
  font-size: 40px;
  position: relative;
  top: -30px;
}
.index-dash .counters ul.grd li p {
  font-family: "arimo-reg";
  font-size: 20px;
}
.index-dash .counters ul.grd li h1 {
  font-size: 70px;
  color: #001F3D;
}
.index-dash .line-cht,
.index-dash .card.bar {
  border-radius: 20px;
  display: flex;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 20px;
}
.index-dash .line-cht div.h5,
.index-dash .card.bar div.h5 {
  margin-bottom: 20px;
}
.index-dash .dnt-cen {
  position: absolute;
  top: 47%;
  left: 50%;
  transform: translate(-50%, 0);
  text-align: center;
  line-height: 1;
}
.index-dash .dnt-cen span {
  font-size: 20px;
  color: #56555C;
}
.index-dash .dnt-cen h3 {
  margin: 0;
  font-size: 35px;
  color: #56555C;
  font-family: "arimo-reg";
}

section.login {
  height: 100vh;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
section.login .lgn-img {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  width: 100%;
  height: 100%;
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: start;
  flex-direction: column;
}
section.login .lgn-img h1 {
  font-family: "nx";
  font-size: 98px;
  color: #ffffff;
  width: 420px;
  line-height: 0.9;
}
section.login .lgn-img h2 {
  font-family: "arimo-reg";
  color: #ffffff;
  display: flex;
  justify-content: end;
  width: 100%;
}
section.login .frm-lgn {
  display: flex;
  justify-content: center;
  align-items: center;
}
section.login .frm-lgn .lgn-inn {
  width: 50%;
}
section.login .frm-lgn .hd-lgn {
  margin-bottom: 20px;
}
section.login .frm-lgn .hd-lgn h3 {
  font-family: "arimo-reg";
  color: #212023;
  font-size: 40px;
  margin-bottom: 0;
}
section.login .frm-lgn .hd-lgn p {
  font-family: "arimo-reg";
}
section.login .frm-lgn .lgn-fld .form-check {
  padding-left: 0;
  display: flex !important;
  align-items: center;
}
section.login .frm-lgn .lgn-fld .form-check-input {
  margin-left: 0;
}
section.login .frm-lgn .lgn-fld .input-group-text {
  background-color: #ffffff !important;
  border-left: none !important;
}
section.login .frm-lgn .lgn-fld .chk-set {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  align-items: center;
}
section.login .frm-lgn .lgn-fld .chk-set a:hover {
  text-decoration: underline;
}
section.login .frm-lgn .lgn-fld .form-group {
  margin-bottom: 20px;
}
section.login .frm-lgn .lgn-fld .form-group label {
  margin-bottom: 5px;
  color: #212023;
  font-size: 16px;
}
section.login .btn-primary {
  width: 100% !important;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px !important;
  padding: 0 !important;
  height: 50px;
  margin-top: 20px;
  font-family: "arimo-bld";
  font-size: 16px;
}

#item-act li {
    list-style: none;
  padding: 10px;
  margin-right: 0;
}
#item-act li.active {
  background-color: rgba(0, 0, 0, 0.05) !important;
  font-weight: bold;
  border-radius: 8px;
  color: #56555C !important;
  box-shadow: inset 0 3px 8px 6px rgba(0, 0, 0, 0.05);
}

.dropdown-item.apr span {
  color: rgb(17, 167, 92) !important;
}
.dropdown-item.apr .fill-svg {
  fill: rgb(17, 167, 92) !important;
}
.dropdown-item.apr .skt-svg {
  stroke: rgb(17, 167, 92) !important;
}

.dropdown-item.rej span {
  color: rgb(255, 0, 0) !important;
}
.dropdown-item.rej .fill-svg {
  fill: rgb(255, 0, 0) !important;
}
.dropdown-item.rej .skt-svg {
  stroke: rgb(255, 0, 0) !important;
}

.del-ot .stk-svg {
  stroke: rgb(255, 0, 0);
}
.del-ot a:focus {
  background-color: transparent;
}

.member .SumoSelect {
  width: 100% !important;
  margin-bottom: 20px;
}
.member .SumoSelect > .CaptionCont > span {
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  display: flex;
}
.member th {
  background-color: #001F3D !important;
  /* Prussian Blue background */
  color: #ffffff !important;
  /* White text */
}
.member td {
  vertical-align: middle !important;
}
.member h6 {
  font-family: "arimo-reg";
}
.member .form-group {
  display: flex;
  flex-direction: column !important;
}
.member .form-group .form-control {
  width: 100%;
}
.member .form-group .SumoSelect {
  width: 100% !important;
}
.member .form-group .SumoSelect > .CaptionCont > span {
  height: 100%;
  display: flex;
  align-items: center;
}

td .red, td .green, td .blue {
  margin-left: 0;
}

.iti {
  width: 100%;
}

.btn-brd {
  border: 1px solid #001F3D;
  color: #001F3D;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding-left: 10px !important;
}
.btn-brd .fill-svg {
  fill: #001F3D !important;
}
.btn-brd .stk-svg {
  stroke: #001F3D !important;
}
.btn-brd:focus, .btn-brd:hover {
  border: 1px solid #001F3D;
  color: #ffffff;
  background-color: #001F3D;
}
.btn-brd:focus .fill-svg, .btn-brd:hover .fill-svg {
  fill: #ffffff !important;
}
.btn-brd:focus .stk-svg, .btn-brd:hover .stk-svg {
  stroke: #ffffff !important;
}

.index-dash .chart-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  padding: 1rem;
  width: 100%;
  max-width: 300px;
  aspect-ratio: 1/1;
}
.index-dash #chart1, .index-dash #chart2 {
  flex: 1 1 300px;
  max-width: 400px;
  min-width: 200px;
}
.index-dash .chart-box {
  position: relative;
  width: 100%;
  padding-top: 100%; /* 1:1 aspect ratio */
}
.index-dash .chart-box > div {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.add-proj {
  display: flex;
  justify-content: center;
}
.add-proj .lmt-cnt {
  width: 100%;
}
.add-proj .lmt-cnt .md-tl {
  display: flex;
  -moz-column-gap: 20px;
       column-gap: 20px;
  align-items: center;
}
.add-proj .lmt-cnt .modal-icon {
  width: 50px;
  height: 50px;
  box-shadow: -5px 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.add-proj .lmt-cnt .modal-title {
  font-size: 18px;
  font-weight: normal;
  font-family: "arimo-reg";
}
.add-proj .lmt-cnt .modal-title span.pra {
  display: block;
  font-size: 14px;
  color: #56555C;
}
.add-proj .lmt-cnt .form-group {
  margin-bottom: 10px;
}
.add-proj .lmt-cnt .form-group textarea.form-control {
  height: 100% !important;
}
.add-proj .lmt-cnt .form-group label {
  margin-bottom: 5px;
  font-size: 16px;
}
.add-proj .lmt-cnt .form-group .ts-wrapper {
  max-width: 100%;
  min-width: 100%;
}
.add-proj .lmt-cnt .card-footer {
  display: flex;
  justify-content: flex-end;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.add-proj .lmt-cnt .card-footer .btn {
  border-radius: 8px !important;
}

.clm-flx {
  flex-direction: column !important;
}
.clm-flx label {
  margin-bottom: 5px;
}
.clm-flx .SumoSelect {
  width: 100% !important;
}

.fr-rmt {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.fr-rmt .add-btn-tbl {
  display: flex;
  justify-content: flex-end;
  align-items: end;
}
.fr-rmt .fr-rmt-cn {
  width: 100%;
}
.fr-rmt .fr-rmt-cn .form-control {
  width: 100% !important;
}

.crd-mile {
  background-color: #F9FAFB;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 10px;
}
.crd-mile .card {
  box-shadow: none;
  border: none;
  border-radius: 10px;
  background-color: #ffffff;
  padding: 20px;
}
.crd-mile .card h5 {
  margin-bottom: 10px;
  color: #56555C;
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.crd-mile .card .form-group {
  margin-bottom: 0;
}

.chk-bx {
  margin: 20px 0 30px;
}
.chk-bx .form-check {
  padding: 0;
  align-items: center;
}
.chk-bx .form-check label {
  margin-left: 10px;
  margin-bottom: 0 !important;
}

.svg-flg-ger,
.svg-flg {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  width: 22px;
  height: 22px;
}

header.header-main .container-fluid .header-right .header-language #lang_selector .lang-trigger {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #56555C !important;
  text-decoration: none !important;
}
header.header-main .container-fluid .header-right .header-language #lang_selector .lang-trigger::after {
  content: "";
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid #141301;
  margin-top: 1px;
}
header.header-main .container-fluid .header-right .header-language #lang_selector .lang-flag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
}
header.header-main .container-fluid .header-right .header-language #lang_selector .lang-flag .flag-icon,
header.header-main .container-fluid .header-right .header-language #lang_selector .lang-flag .flag {
  width: 24px !important;
  height: 24px !important;
  border-radius: 999px;
}
header.header-main .container-fluid .header-right .header-language #lang_selector .language-dropdown {
  min-width: 170px;
  padding: 0.35rem;
}
header.header-main .container-fluid .header-right .header-language #lang_selector .language-dropdown .dropdown-item {
  border-radius: 8px;
}
header.header-main .container-fluid .header-right .header-language #lang_selector .language-dropdown .dropdown-item.selected {
  background-color: rgba(0, 31, 61, 0.1);
}

header.header-main .container-fluid .header-right .header-language li:hover {
  color: #001F3D !important;
}

.offcanvas.viewPrj {
  width: 40% !important;
}
.offcanvas.viewPrj .usr-ara span {
  font-size: 24px;
  font-weight: normal;
}
.offcanvas.viewPrj .btn-close {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 100px;
  width: 35px;
  height: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.offcanvas.viewPrj .inn-can {
  display: flex;
  justify-content: space-between;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.offcanvas.viewPrj .inn-can .un-odr {
  display: flex;
  flex-direction: column;
  height: -moz-fit-content;
  height: fit-content;
  width: 50%;
}
.offcanvas.viewPrj .inn-can .cht-cn {
  width: 50%;
}
.offcanvas.viewPrj .inn-can .cht-cn ul {
  width: 100%;
}
.offcanvas.viewPrj .inn-can .cht-cn ul li #chart-can {
  position: relative;
}
.offcanvas.viewPrj .inn-can li {
  padding: 20px;
  height: 100%;
  border-radius: 20px;
  width: 100%;
  background-color: #ffffff;
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.offcanvas.viewPrj .inn-can li:last-child {
  margin-bottom: 0;
}
.offcanvas.viewPrj .inn-can li h1 {
  color: #001F3D;
}
.offcanvas.viewPrj .inn-can li p {
  font-size: 18px !important;
}
.offcanvas.viewPrj .bg-clr {
  background-color: transparent !important;
  margin-bottom: 0;
}
.offcanvas.viewPrj .all-pr {
  height: auto;
  padding-bottom: 10px;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 10px;
}
.offcanvas.viewPrj .all-pr .card-body {
  padding: 0;
}
.offcanvas.viewPrj .had-can {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.offcanvas.viewPrj .had-can h4 {
  font-size: 18px;
  font-weight: normal !important;
  color: #56555C;
}
.offcanvas.viewPrj .had-can .input-group {
  width: 50%;
}
.offcanvas.viewPrj .scr-tb {
  overflow: auto;
  height: 470px;
}
.offcanvas.viewPrj .nav.nav-tabs {
  margin-bottom: 10px;
  border-radius: 5px;
  background-color: #001F3D !important;
  /* Prussian Blue background */
}
.offcanvas.viewPrj .form-control {
  background-color: rgba(0, 0, 0, 0.02);
  border: none;
  border-radius: 0 5px 5px 0;
}
.offcanvas.viewPrj .input-group-text {
  background-color: rgba(0, 0, 0, 0.02);
  border: none;
  border-radius: 5px 0 0 5px;
}
.offcanvas.viewPrj table.table {
  background-color: rgba(0, 0, 0, 0.02);
  margin-top: 10px;
}
.offcanvas.viewPrj table.table th {
  font-size: 16px;
  font-weight: normal;
  background-color: #001F3D !important;
  /* Prussian Blue background */
  color: #ffffff !important;
  /* White text */
}
.offcanvas.viewPrj table.table td:first-child {
  transition: 0.3s ease-in;
  transform: translateX(0);
  border: 1px solid rgba(0, 0, 0, 0.01);
}
.offcanvas.viewPrj table.table tr:hover {
  transition: 0.3s;
  color: #001F3D;
  background-color: rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.07);
}
.offcanvas.viewPrj table.table tr:hover td:first-child {
  transition: 0.3s ease-out;
  transform: translateX(10px);
}
.offcanvas.viewPrj table.table tr:hover .svg-wrk {
  display: flex !important;
}
.offcanvas.viewPrj table.table tr .svg-wrk {
  display: none !important;
}
.offcanvas.viewPrj table.table tr .spn-arrc {
  display: flex;
}
.offcanvas.viewPrj table.table td {
  padding-top: 5px;
  padding-bottom: 5px;
  color: #7E7E7E;
}
.offcanvas.viewPrj .dataTables_info,
.offcanvas.viewPrj .dataTables_filter,
.offcanvas.viewPrj .dataTables_length {
  display: none;
}
.offcanvas.viewPrj .crb-wk {
  height: calc(100vh - 300px);
  overflow: auto;
  margin-bottom: 30px;
}
.offcanvas.viewPrj .crb-wk .card {
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  box-shadow: none;
}

.sch-grd {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 20px;
       column-gap: 20px;
}

.pr-dwn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 20px;
}
.pr-dwn .input-group {
  width: auto;
}
.pr-dwn .btn {
  border-radius: 5px !important;
}

.subs-set {
  box-shadow: none !important;
  border: 2px solid #001F3D !important;
  background-color: rgba(0, 0, 0, 0.02);
}
.subs-set .card-header {
  padding: 10px 20px !important;
  margin: 0 !important;
  border-bottom: 2px solid #001F3D !important;
  display: flex;
  flex-direction: row !important;
  justify-content: space-between;
  align-items: center;
}
.subs-set .card-header .sts-sb {
  display: flex;
  -moz-column-gap: 10px;
       column-gap: 10px;
}
.subs-set .card-header .card-title {
  text-transform: capitalize;
}
.subs-set .flx-subs {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.fr-gpn .input-group {
  gap: 0;
}

.nbt-bn {
  height: 40px;
}
.nbt-bn .stk-svg {
  stroke: #ffffff;
}

.uploaded-image {
  display: inline-block;
  margin: 10px;
  text-align: center;
  position: relative;
}

.uploaded-image img {
  width: 179px !important;
  height: 159px !important;
  margin-top: 37px;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
}

.uploaded-image .file-name {
  margin-top: 5px;
  font-size: 10px;
  color: #333;
  word-break: break-all;
}

/* Hide year input box */
.flatpickr-current-year {
  display: none !important;
}

/* Hide prev/next arrows (year navigation) */
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  display: none !important;
}

.fr-bg-img {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  position: relative;
  padding: 0 !important;
}
.fr-bg-img .bg-overlayy {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  display: flex;
}

.had-bgimg {
  padding: 20px;
  position: relative;
  z-index: 1;
  width: 100%;
}
.had-bgimg span {
  color: #ffffff !important;
}
.had-bgimg .input-group-text {
  background-color: #ffffff;
}
.had-bgimg label {
  color: #ffffff;
}
.had-bgimg .skill-percent-number {
  color: #ffffff;
}
.had-bgimg .frm-opt {
  border-top: none !important;
  border-bottom: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.had-bgimg .crd-rg a.no-btn span {
  color: #ffffff !important;
}
.had-bgimg .crd-rg a.no-btn .stk-svg {
  stroke: #ffffff !important;
}

.flx-fle {
  display: flex;
  gap: 10px;
  position: relative;
}

.each-fle {
  border: 1px solid #dddddd;
  border-radius: 10px;
  display: flex;
  margin-bottom: 10px;
  padding: 20px;
  flex-direction: column;
}

.btn-clm {
  display: flex;
  gap: 10px;
}

.dflx {
  display: flex;
}

@media (max-width: 768px) {
  .trtbl-res {
    width: 300px !important;
    overflow: auto !important;
  }
  .cal.details.invtr .card-header.flx-hddr {
    flex-direction: row !important;
  }
  .offcanvas {
    width: 100% !important;
    border-radius: 0 !important;
  }
  .offcanvas .banf .lab-val {
    flex-direction: column;
    margin-bottom: 15px;
  }
  main {
    width: 100% !important;
    padding: 3rem 0.75rem;
  }
  main .grid-dash {
    grid-template-columns: 1fr;
    row-gap: 20px;
    -moz-column-gap: 0;
         column-gap: 0;
  }
  main .grid-dash .counters .counter-grd {
    grid-template-columns: 1fr;
    row-gap: 20px;
  }
  .warehouse .card-header {
    flex-direction: column;
  }
  .indcardHead .had-in {
    flex-direction: column !important;
  }
  .ware .card-header span b {
    white-space: pre-wrap;
  }
  .projects.details .ntes .card-header .rgt-detcn span:nth-child(2) {
    margin: 10px;
  }
  .projects .tab-pane {
    position: relative;
  }
  .projects .nav-tabs {
    flex-wrap: nowrap;
    overflow-x: scroll;
    white-space: nowrap;
    background-color: #001F3D !important;
    /* Prussian Blue background */
  }
  .projects .nav-tabs::before {
    content: "";
    display: flex;
    width: 30px;
    height: 50px;
    right: 0;
    position: absolute;
    z-index: 999;
    margin-left: auto;
    top: 0;
    background: linear-gradient(to right, rgba(249, 250, 251, 0.05) 0%, rgba(249, 250, 251, 0.05) 0% 0%, #F9FAFB 70%);
  }
  .projects.details .nav-tabs::before {
    right: 20px;
    top: 12px;
  }
  header.header-main .header-right li {
    margin-right: 0 !important;
  }
  h2.SmHidden {
    display: none !important;
  }
  li.header-notification {
    display: none !important;
  }
  li.lgt-hd {
    display: flex !important;
  }
  .pdi-cn {
    padding: 0 1.5rem !important;
  }
  .card.brd-r {
    border-radius: 10px !important;
  }
  .projects.details .card-header .frm-opt form {
    white-space: nowrap;
    flex-direction: column;
    row-gap: 20px;
  }
  .projects.details .card-header .frm-opt form .skill {
    margin-left: 0;
  }
  .projects.details .card-header .frm-opt form .from-group,
  .projects.details .ntes .card-header .rgt-detcn,
  .projects.details .ntes .card-header {
    align-items: start !important;
    flex-direction: column !important;
    margin-right: 0 !important;
  }
  .projects.details .card-header span {
    align-items: start;
    -moz-column-gap: 0;
         column-gap: 0;
    flex-direction: column;
    font-size: 16px;
  }
  .projects.details .pr-det .card .accordion-item .accordion-body .pr-fed {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .projects.details .pr-det .card .accordion-button,
  .path-clp h4, .projects.details .cnt-chart .card .dnt-cen h3,
  .projects.details .cnt-prgs .card .card-header h4.card-title {
    font-size: 20px !important;
  }
  .projects.details .cnt-prgs .card ul .skill .skill-flx .skill-percent-number,
  .projects.details .cnt-prgs .card ul .skill .skill-flx span {
    font-size: 17px !important;
  }
  .projects.details .ntes .card-header span {
    font-size: 12px !important;
  }
  .projects.details .flx-hddr .btn-ara .btn span,
  .projects.details .flx-hddr .btn-ara .no-btn span {
    display: none !important;
  }
  .projects.details .flx-hddr .btn-ara .no-btn,
  .projects.details .flx-hddr .btn-ara .btn span {
    padding: 5px !important;
  }
  .path-clp h4 {
    text-align: center;
    color: #001F3D;
  }
  .projects.details .cnt-chart .card .dnt-cen {
    top: 54%;
  }
  .projects.details .card-header .frm-opt form .from-group .form-control {
    width: 100%;
    max-width: 100%;
  }
  .projects.details .crd-rg {
    -moz-column-gap: 10px;
         column-gap: 10px;
  }
  .projects.details .crd-rg .no-btn span {
    display: none;
  }
  .projects.details .card-header .frm-opt {
    padding: 15px 0;
  }
  .projects.details .cnt-dtl ul li.cntr-bs ul,
  .projects.details .pr-det .card .accordion-item .accordion-body .grid-fed {
    grid-template-columns: 1fr;
  }
  .projects.details .path-clp ul {
    display: none;
  }
  .projects.details .path-clp ul li a {
    padding: 12px 20px 12px 30px;
    white-space: nowrap;
  }
  .projects .tab-posi #outerTab {
    display: none;
  }
  .projects .brd-r .card-header .crd-rg .btn {
    padding: 0 5px !important;
  }
  .projects .brd-r .card-header .crd-rg .btn span {
    display: none;
  }
  .projects .brd-r .card-header .crd-rg .input-group .input-group-text {
    border-radius: 10px 0 0 10px !important;
    padding: 7px !important;
  }
  .projects .all-pr .prj {
    grid-template-columns: repeat(auto-fill, minmax(100%, 100%));
  }
  .projects .all-pr .prj li a .prj-head h4 {
    font-size: 17px;
  }
  .sts {
    font-size: 14px;
  }
  .projects.details .cnt-dtl ul {
    gap: 0;
    row-gap: 20px;
    display: flex;
    flex-direction: column;
  }
  .projects.details .pr-det .accordion.app-accordion {
    margin-bottom: 20px;
  }
  ::-webkit-scrollbar {
    height: 0px;
  }
  ::-webkit-scrollbar-track {
    background: transparent;
  }
  ::-webkit-scrollbar-thumb {
    background: #dfdfdf;
  }
  .SmVisible {
    text-align: center;
    margin-bottom: 1rem;
    color: #56555C;
    font-size: 20px;
    font-family: "arimo-reg";
  }
  .header-main {
    background-color: #FBFBFB !important;
  }
  header.header-main .header-right li {
    margin: 0 !important;
    padding: 10px 5px 10px 0 !important;
  }
  .header-center {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
  .header-center h2 {
    margin-bottom: 0;
    font-size: 18px !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    white-space: nowrap !important;
  }
  .header-center .header-icon {
    cursor: pointer;
  }
  .app-wrapper nav .sticky-prof {
    display: none;
  }
  .app-wrapper nav {
    transition: transform 0.3s ease;
    transform: translateX(-100%);
  }
  .app-wrapper nav.Open .sticky-prof {
    display: block !important;
  }
  .app-wrapper nav.Open {
    width: 70%;
    background-color: #fff !important;
    z-index: 99999;
    transform: translateX(0%);
    transition: transform 0.3s ease;
  }
  section.login {
    grid-template-columns: 1fr !important;
  }
  .lgn-img {
    display: none !important;
  }
  .lgn-inn {
    width: 75% !important;
  }
  .index-dash .idx-grd {
    grid-template-columns: 1fr;
  }
  .index-dash .line-cht, .index-dash .card.bar {
    grid-column: 1;
  }
  .cus-brd, .index-dash .idx .filter, .index-dash .idx .filter label {
    width: -moz-fit-content !important;
    width: fit-content !important;
    white-space: nowrap;
  }
  .index-dash .counters ul.grd li {
    padding: 1rem;
  }
  .index-dash .counters ul.grd li p {
    font-size: 18px;
    text-align: center;
    width: 100px;
  }
  .index-dash .counters ul.grd li h1 {
    font-size: 60px;
  }
  .res-hd {
    flex-direction: column;
  }
  .brkLine {
    flex-direction: column;
  }
  .sal-hd .filter {
    flex-direction: column;
    align-items: self-start !important;
  }
  .indcardHead, .brkLine, .projects.details .card-header .had-in {
    align-items: start !important;
  }
  .projects.details .card-header .card-title {
    width: -moz-fit-content;
    width: fit-content;
    white-space: nowrap;
  }
  .cnt-prgs .card-header .card-title {
    white-space: wrap !important;
  }
  .projects.details #filter-ara .frm-opt form {
    flex-direction: column;
    align-items: flex-start;
  }
  .projects.details #filter-ara .frm-opt form .dte-pk {
    flex-direction: column;
    width: 100%;
  }
  .projects.details #filter-ara .frm-opt form .dte-pk .form-control {
    width: 100% !important;
  }
  .projects.details #filter-ara .frm-opt form .from-group {
    margin-bottom: 10px !important;
    justify-content: space-between;
  }
  .projects.details .card-header .frm-opt .skill {
    width: 100%;
  }
  .TableResponsive {
    width: 100% !important;
    overflow-x: scroll;
  }
  .app-datatable-default td .sts, table.dataTable thead > tr > th.sorting {
    white-space: nowrap;
  }
  .WarehouseView:before {
    display: none !important;
  }
  .indcardHead .cus-brd {
    flex-direction: column;
    gap: 15px;
    align-items: start;
  }
  .indcardHead .cus-brd .srch .input-group {
    flex-wrap: nowrap;
  }
  .indcardHead .dls-crd {
    width: 100% !important;
  }
  .indcardHead .dls-crd .btn-primary span {
    display: none;
  }
  .g-total {
    width: 100% !important;
  }
  .brkLine {
    gap: 10px;
  }
  .projects.salr.ware.details .crd-rg {
    width: 100% !important;
    justify-content: start !important;
  }
  .viewDeal th, .addDeal th {
    white-space: nowrap !important;
  }
  .cal .card-header.indcardHead {
    flex-direction: column !important;
    gap: 15px;
  }
  .cal .card-header.indcardHead .btn-hda {
    width: 100% !important;
    flex-direction: column;
  }
  .cal .card-header.indcardHead .btn-hda .btn {
    margin-bottom: 10px;
  }
  .cal.details .nav.nav-tabs:before {
    display: none !important;
  }
  .CalFlex {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .cald .fc-custom-toolbar {
    flex-direction: column;
  }
  .cald .view-switcher {
    margin-left: 0;
  }
  ::-webkit-scrollbar {
    width: 8px;
  }
  .Settings .all-pr.brd-no .card-header.flx-hddr .btn-primary span {
    display: block !important;
    font-size: 16px;
  }
  .Settings .card.inner-set .card-body .grd-set {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  .Settings .card.inner-set .card-body .grd-set .set-inn.pd-lf {
    padding-left: 0;
  }
  .Settings .card.inner-set .card-body .grd-set .set-inn.pd-lf .form-group {
    margin-bottom: 20px;
  }
  .Settings .card.inner-set .card-body .grd-set .set-inn.brd-r {
    border-right: none;
  }
  .Settings .card.inner-set .pswd .form-group {
    flex-direction: column;
    align-items: start;
  }
  .Settings .card.inner-set .pswd .form-group label {
    width: 100%;
  }
  .Settings .card.inner-set .pswd .form-check {
    width: 100%;
    justify-content: start;
  }
  .Settings .nav-tabs::before {
    top: 76px !important;
  }
  .Settings #supervisor .flx-hddr {
    flex-direction: column;
    align-items: flex-start;
  }
  .Settings #supervisor .flx-hddr .dls-crd {
    width: 100%;
    justify-content: space-between;
  }
  .Settings #supervisor .flx-hddr .dls-crd .srch .input-group {
    flex-wrap: nowrap;
  }
  .Settings #supervisor .flx-hddr .dls-crd .srch .input-group .input-group-text {
    flex-direction: row;
    align-items: center;
    font-size: 16px;
  }
  .Settings #supervisor .flx-hddr .dls-crd .srch .input-group .input-group-text span {
    font-size: 16px;
  }
  .Settings #supervisor .flx-hddr .dls-crd .btn-primary span {
    display: none !important;
  }
  .Settings #questionnaire .flx-hddr {
    flex-direction: column;
    align-items: flex-start;
  }
  .Settings #questionnaire .flx-hddr .dls-crd {
    width: 100%;
    justify-content: space-between;
    flex-direction: column;
    gap: 10px;
  }
  .Settings #questionnaire .flx-hddr .dls-crd .srch .input-group {
    flex-wrap: nowrap;
  }
  .Settings #questionnaire .flx-hddr .dls-crd .srch .input-group .input-group-text {
    flex-direction: row;
    align-items: center;
    font-size: 16px;
  }
  .Settings #questionnaire .flx-hddr .dls-crd .srch .input-group .input-group-text span {
    font-size: 16px;
  }
  .Settings #questionnaire .flx-hddr .dls-crd .btn-primary span {
    display: none !important;
  }
  .Settings #questionnaire .flx-hddr .dls-crd .WorFlex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }
  .Settings #questionnaire .flx-hddr .dls-crd .WorFlex .btn-border-wht {
    margin-left: 0;
  }
  .Settings #questionnaire .flx-hddr .dls-crd .WorFlex .btn-border-wht span {
    font-size: 16px;
  }
  .projects.details .stps .card .steps {
    gap: 10px;
  }
  .projects.details .stps .card .step .label {
    font-size: 11px;
  }
  .projects.details .stps .card .progress-line {
    top: 24px;
  }
  .card .card-header .crd-rg {
    width: 100% !important;
  }
  .WorFlex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }
  .WorFlex .btn-border-wht {
    margin-left: 0;
  }
  .cal.details .cus-brd .srch .input-group {
    flex-wrap: nowrap;
  }
  .cal.details .cus-brd .srch .input-group .input-group-text {
    flex-direction: row !important;
    font-size: 16px;
    align-items: center;
  }
  .cal.details .cus-brd .srch .input-group .input-group-text span {
    font-size: 16px;
  }
  .cal.details .card-header.flx-hddr {
    gap: 10px;
    flex-direction: column !important;
  }
  .cal.details .btn-hda .btn-border-wht {
    width: 100% !important;
    white-space: nowrap;
    padding: 0 10px !important;
  }
  .flx-fle {
    flex-direction: column;
  }
  .each-fle {
    border: 1px solid #dddddd;
    width: 100%;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
    padding: 20px;
  }
  .lmt-cnt h4 {
    font-size: 1.3rem;
  }
}
@media (min-width: 769px) {
  .SmVisible,
  .projects.details .path-clp .card {
    display: none;
  }
  .header-center {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
  .header-center .header-icon {
    display: none;
  }
  .header-center h2 {
    margin-bottom: 0;
  }
  .WorFlex {
    display: flex;
    align-items: center;
  }
}/*# sourceMappingURL=admin.css.map */