@font-face {
  font-family: Inter;
  src: url(/assets/google-fonts/Inter-VariableFont_opsz\,wght.ttf);
}

@font-face {
  font-family: "Noto Nastaliq Urdu";
  src: url(/assets/google-fonts/NotoNastaliqUrdu-VariableFont_wght.ttf);
}

body {
  font-family: Inter;
}

.light-style .menu .app-brand.demo {
  height: 64px;
}

.dark-style .menu .app-brand.demo {
  height: 64px;
}

.theme-dark-color {
  color: #282a42;
}

.app-brand-logo.demo svg {
  width: 38px;
  height: 20px;
}

.app-brand-text.demo {
  font-size: 1.25rem;
  letter-spacing: 0.15px;
}

/* ! For .layout-navbar-fixed added fix padding top tpo .layout-page */
.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {
  padding-top: 64px !important;
}

/* Navbar page z-index issue solution */
.content-wrapper .navbar {
  z-index: auto;
}

.dropdown-notifications-list .scrollbar-track-y,
.dropdown-notifications-list .scrollbar-thumb {
  width: 3px;
}

/* Preloader CSS Start */
#preloader {
  z-index: 999;
  background: rgba(0, 0, 0, 0.7);
}

.laser-line {
  height: 3px;
  background: linear-gradient(to right, transparent, #666cff, transparent);
  animation: scan 2.2s infinite;
  filter: drop-shadow(0 0 8px #666cff);
}

.line {
  height: 12px;
  animation: pulseplus 1.8s infinite ease-in-out;
}

.line:nth-child(2) {
  animation-delay: 0.2s;
}

.line:nth-child(3) {
  animation-delay: 0.4s;
}

.line:nth-child(4) {
  animation-delay: 0.6s;
}

.line:nth-child(5) {
  animation-delay: 0.8s;
}

@keyframes scan {
  0% {
    top: 0;
    opacity: 0.1;
  }

  50% {
    top: 50%;
    opacity: 1;
  }

  100% {
    top: 100%;
    opacity: 0.1;
  }
}

@keyframes pulseplus {

  0%,
  100% {
    opacity: 0.6;
  }

  50% {
    opacity: 1;
  }
}

/* Preloader CSS Ends */
/*
* Content
******************************************************************************/

.demo-blocks>* {
  display: block !important;
}

.demo-inline-spacing>* {
  margin: 1rem 0.375rem 0 0 !important;
}

.demo-vertical-spacing>* {
  margin-top: 1.25rem !important;
  margin-bottom: 0 !important;
}

.demo-vertical-spacing.demo-only-element> :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-lg>* {
  margin-top: 1.875rem !important;
  margin-bottom: 0 !important;
}

.demo-vertical-spacing-lg.demo-only-element> :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-xl>* {
  margin-top: 5rem !important;
  margin-bottom: 0 !important;
}

.demo-vertical-spacing-xl.demo-only-element> :first-child {
  margin-top: 0 !important;
}

.rtl-only {
  display: none !important;
  text-align: left !important;
  direction: ltr !important;
}

[dir="rtl"] .rtl-only {
  display: block !important;
}

#diagramSearch input,
.small-input input,
.small-input select {
  max-height: 34px !important;
  min-height: 34px !important;
  padding-block: 0 !important;
  font-size: 12px !important;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

#diagramSearch button,
.small-input button {
  font-size: 12px;
  height: 34px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* Dropdown buttons going out of small screens */
@media (max-width: 576px) {
  #dropdown-variation-demo .btn-group .text-truncate {
    width: 300px;
    position: relative;
  }

  #dropdown-variation-demo .btn-group .text-truncate::after {
    position: absolute;
    top: 45%;
    right: 0.65rem;
  }
}

/*
* Layout demo
******************************************************************************/

a:focus-visible {
  outline: none;
}

.layout-demo-wrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 1.25rem;
}

.layout-demo-placeholder img {
  width: 900px;
}

.layout-demo-info {
  text-align: center;
  margin-top: 1.25rem;
}

/* Custom css start here */
#template-customizer {
  display: none !important;
}

body.login-page {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
}

body.login-page::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
}

.login-aside {
  position: relative;
}

.login-aside::before {
  content: "";
  background-repeat: repeat;
  background-size: auto;
  background-image: url("/assets/img/pattern-bg.webp");
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  z-index: -1;
  bottom: 0;
  width: 100%;
  height: 100%;
  /* background-color: rgba(255, 255, 255, 0.3); */
}

.text-custom {
  color: #ff6764;
}

.text-custom:hover {
  color: #ff6764;
}

.text-success-light {
  color: #72e128 !important;
}

.toast-message {
  margin-top: 3px;
  font-size: 13px !important;
}

.table-hover>tbody>tr:hover>* {
  --bs-table-bg-state: rgba(149, 150, 159, 0.23);
}

.card .table {
  margin-bottom: 0;
  width: 100% !important;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #c5c5c5;
  background: #c5c5c5;
  color: #c5c5c5;
}

li.ui-state-highlight {
  height: 2em;
  line-height: 1.5em;
  background-color: #f0f0f0;
  border: 1px dashed #ccc;
}

.flatpickr-wrapper {
  width: 100% !important;
}

.sidebar {
  display: none;
}

.sidebar:has(.active) {
  display: block;
}

.sort-table tbody tr {
  cursor: grab;
}

.sort-table .ui-sortable-helper {
  background: #f9f9f9;
}

/* Custom css ends here */

/* Menu Css Start */
.menu-vertical .menu-inner .menu-items .menu-sub li a {
  font-size: 14px;
}

.menu-vertical .menu-inner .menu-item .menu-sub .menu-item a {
  font-size: 13px;
  min-height: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.menu-vertical .menu-inner .menu-item .menu-sub .menu-item {
  margin: 3px 0 0 0;
}

/* Menu Css Ends */

/* new custom css starts here */
.w-10 {
  width: 10%;
}

.w-15 {
  width: 15%;
}

.btn-cb-icon {
  height: 28px;
  width: 28px;
  padding: 0;
  border-color: #cccaca;
  border-radius: 4px;
}

.btn-cb-icon-sm {
  height: 20px;
  width: 20px;
}

.btn-cb-icon i {
  font-size: 1.1rem;
}

/* new custom css end here */

/* intl tel phone css  */
.iti {
  width: 100% !important;
}

.iti--inline-dropdown .iti__dropdown-content {
  z-index: 99 !important;
}

/* intl tel phone css  */

/* custom-classes-start */
.table-cb-dark th,
.table-cb-dark td {
  background-color: #282a42 !important;
  color: #ffffff !important;
  text-transform: capitalize;
  border-color: #282a42a8 !important;
  padding-block: 12px !important;
}

.table tbody td {
  font-size: 13px;
  color: #7f8393;
  /* color: #676b7b; */
}

/* Reset the counter for each table */
.publication-form {
  counter-reset: row-number;
  /* Reset the counter at the start of the table */
}

.table-cb .sr-no,
.table-cb .act-col {
  width: 1% !important;
}

.table-cb .act-col-4 {
  width: 10% !important;
}

.add-container,
.table-cb {
  counter-reset: row-numb;
}

.add-container .sr-no,
.table-cb .sr-no {
  counter-increment: row-numb;
  /* Increment the counter for each row */
}

/* Add the counter value as the content of the cell */
.add-container .sr-no::before,
.table-cb .sr-no::before {
  /* content: "#"; */
  content: counter(row-numb);
  display: inline-block;
  /* Ensure proper alignment */
}

.table-controls button {
  height: 100%;
}

.table-cb td {
  padding-block: 6px;
}

.mx-width-400 {
  max-width: 400px !important;
}

.cursor-pointer {
  cursor: pointer !important;
}

.logo {
  inset: auto !important;
  margin-bottom: 50px;
}

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

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

.scroll-card {
  max-height: 800px;
}

.scrollbar-thumb {
  background-color: rgb(40, 42, 66) !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

.pe-30 {
  padding-right: 30px !important;
}

.ps-30 {
  padding-left: 30px !important;
}

.pt-25 {
  padding-top: 25px !important;
}

.pb-25 {
  padding-bottom: 25px !important;
}

.pe-25 {
  padding-right: 25px !important;
}

.ps-25 {
  padding-left: 25px !important;
}

.p-3r {
  padding: 3rem !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.fs-15 {
  font-size: 15px !important;
}

.fs-14 {
  font-size: 14px !important;
}

.fs-13 {
  font-size: 13px !important;
}

.mw-350 {
  max-width: 350px !important;
}

.rotate-90 {
  rotate: 90deg;
}

.min-height-85vh {
  min-height: 85vh !important;
}

.modal .select2-container--default.select2-container--focus,
.modal .select2-container--default.select2-container--open {
  z-index: 9998;
}

.modal label {
  z-index: 9999;
}

/* custom-classes-end */

label:empty {
  display: none !important;
}

.input-group:not(.input-group-floating):focus-within label {
  border: none !important;
}

.was-validated .form-check-input:valid:checked,
.form-check-input.is-valid:checked {
  background-color: #666cff !important;
  border-color: #666cff !important;
}

.input-group-sm>.form-control,
.input-group-sm>.form-control:focus-within {
  height: 40px;
}

.iti .iti__selected-dial-code,
.iti__search-input,
.iti__country-name,
.iti__dial-code {
  font-size: 13px !important;
}

.iti__search-input {
  border-radius: 0;
  border: 1px solid #cfd0d6;
  padding: 4px;
  margin-bottom: 4px;
}

.iti__search-input {
  border-radius: 6px;
}

.iti__dropdown-content {
  padding: 4px;
}

.iti__search-input:focus {
  outline: none;
}

/* select 2  */
/* .light-style .select2-container--default .select2-selection--single {
  height: 40px !important;
} */

/* .light-style .select2-container--default .select2-selection:focus-within {
  border-color: #666cff;
  border-width: 2px;
} */

/* .light-style .select2-container--default .select2-selection {
  min-height: 40px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.light-style .select2-container--default .select2-selection .select2-selection__rendered {
  line-height: 36px !important;
  font-size: 0.8125rem !important;
} */

.light-style .select2-container--default .select2-results__option {
  font-size: 0.8125rem !important;
}

.light-style .select2-container--default .select2-selection .select2-selection__arrow {
  height: 100% !important;
}

.light-style .select2-selection--multiple .select2-selection__clear {
  height: 38px !important;
  margin-top: 0;
}

body>.select2-container {
  width: auto !important;
  z-index: 5555;
}

.select2-container .select2-search--inline .select2-search__field {
  line-height: 36px;
  margin-top: 0;
}

/* .light-style .select2-container--default .select2-selection {
  background-color: #fff !important;
} */

.light-style .small-input .select2-selection--multiple .select2-selection__choice {
  margin-top: 7px;
  background-color: #282a42 !important;
  color: #fff !important;
}

.small-input .select2-container--default .select2-selection,
.small-input .select2-container--default .select2-selection--single {
  min-height: 34px !important;
  height: 34px !important;
}

.small-input .select2-container--default .select2-selection {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.small-input button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.small-input .select2-container--default .select2-selection .select2-selection__rendered {
  line-height: 30px !important;
}

/* form styling  */
.required-star::after {
  content: "*";
  color: rgba(255, 0, 0, 0.815);
}

.form-cover {
  background-color: #f7f7f9;
}

.input-group-sm>.form-control {
  padding: 0.629rem 1rem !important;
}

.form-check-input[type="radio"] {
  background-size: 20px 20px !important;
}

.input-group .form-control.form-input {
  padding-block: 4px !important;
}

.input-group:has(button) .form-control:focus {
  border-width: 2px !important;
}

.form-input textarea {
  font-size: 13px !important;
}

.toggle-btns .btn-check:checked+.btn-outline-primary {
  color: white !important;
  background-color: #666cff !important;
}

.toggle-btns .btn {
  flex: 0 0 auto;
  font-size: 12px;
}

/* form styling  */

.select-group>div {
  flex-shrink: 0;
  flex-grow: 1;
}

/* .select-group .select2-container--default .select2-selection {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
} */

.flatpickr-wrapper {
  display: block !important;
}

/* Page Auth Css  (login page) */
.authentication-wrapper {
  display: flex;
  flex-basis: 100%;
  min-height: 100vh;
  width: 100%;
}

.authentication-bg {
  background-color: #f2f2f2;
  background-color: #e8e8e8;
}

.authentication-wrapper .authentication-inner {
  width: 100%;
}

.authentication-wrapper.authentication-basic {
  align-items: center;
  justify-content: center;
}

.authentication-wrapper .auth-cover-illustration {
  z-index: 1;
  max-inline-size: 38rem;
}

.authentication-wrapper .authentication-image {
  z-index: -1;
  inline-size: 100%;
  inset-block-end: 7%;
  position: absolute;
  inset-inline-start: 0;
}

.authentication-wrapper.authentication-cover {
  align-items: flex-start;
}

.authentication-wrapper.authentication-cover .authentication-inner {
  min-height: 100vh;
  position: relative;
}

.authentication-wrapper.authentication-cover .authentication-image {
  inline-size: 70%;
}

html:not([dir="rtl"]) .authentication-wrapper.authentication-cover .authentication-image {
  inset-inline-start: unset;
}

.authentication-wrapper.authentication-basic .authentication-inner {
  max-width: 450px;
}

.authentication-wrapper .auth-input-wrapper .auth-input {
  max-width: 50px;
  padding-left: 0.4rem;
  padding-right: 0.4rem;
  font-size: 150%;
}

.authentication-wrapper .divider .divider-text {
  font-size: 0.9375rem;
}

@media (max-width: 575.98px) {
  .authentication-wrapper .auth-input-wrapper .auth-input {
    font-size: 1.125rem;
  }
}

@media (max-width: 1199.98px) {
  .authentication-cover .authentication-image {
    inset-block-end: 9%;
  }

  [dir="rtl"] .authentication-cover .authentication-image {
    inline-size: 65%;
  }
}

#twoStepsForm .fv-plugins-bootstrap5-row-invalid .form-control {
  border-color: #ff4d49;
}

@media (max-width: 575.98px) {
  .numeral-mask-wrapper .numeral-mask {
    padding: 0 !important;
  }

  .numeral-mask {
    margin-inline: 1px !important;
  }
}

.light-style .authentication-wrapper .authentication-bg {
  background-color: #fff;
}

.light-style .authentication-wrapper .divider .divider-text {
  color: #3b4056;
}

.dark-style .authentication-wrapper .authentication-bg {
  background-color: #30334e;
}

.dark-style .authentication-wrapper .divider .divider-text {
  color: #d7d8ed;
}

/* page auth css ends here */

.ps>.ps-scrollbar-x-rail,
.ps>.ps-scrollbar-y-rail {
  opacity: 0.6 !important;
}

.ps>.ps__rail-x,
.ps>.ps__rail-y,
.ps--focus>.ps__rail-x,
.ps--focus>.ps__rail-y,
.ps--scrolling-x>.ps__rail-x,
.ps--scrolling-y>.ps__rail-y {
  opacity: 0.6;
}

/* custom aside start here */
.profile-forms .bs-stepper-header {
  min-width: auto !important;
}

.profile-forms .custom-aside .bs-stepper-label {
  transition: all 0.3s ease !important;
  width: auto;
}

.profile-forms .custom-aside.active .bs-stepper-label {
  width: 0;
  opacity: 0;
  margin-left: 0 !important;
}

.custom-aside,
.custom-aside-content {
  transition: all 0.3s ease !important;
}

.custom-aside {
  overflow: hidden;
}

.custom-aside:not(.active) {
  z-index: 10;
  width: auto;
}

.stepper-profile:has(.custom-aside.mouseover, .custom-aside.active) {
  padding-left: 81px;
}

.stepper-profile {
  padding-left: 289.071px;
  transition: all 0.3s ease;
}

/* .custom-aside.active,
.custom-aside.mouseover {
} */

.custom-aside-toggle span {
  transition: rotate 0.5s ease;
  font: 21px;
}

.custom-aside.active {
  width: 81px !important;
}

.custom-aside-toggle {
  right: 10px;
  height: 24px;
  width: 24px;
  border-radius: 2px;
  top: 36px;
}

.stepper-profile .custom-aside {
  z-index: 10;
  max-width: 100%;
  position: absolute;
  width: 289.071px;
}

.stepper-profile .custom-aside.active .custom-aside-toggle {
  display: none !important;
}

.input-group:has(> button) .form-control.is-invalid {
  border-width: 2px !important;
}

/* logo */
.layout-menu-collapsed:not(.layout-menu-hover):not(.layout-menu-offcanvas):not(.layout-menu-fixed-offcanvas) .layout-menu.menu-vertical .app-brand {
  padding-inline: 5px;
}

.layout-menu {
  position: sticky;
  top: 0;
  height: 100vh;
}

/* custom aside ends here */

input.userId::placeholder {
  text-transform: none !important;
}

/* 404 CSS start here */
.misc-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 100vh;
  justify-content: center;
  position: relative;
  padding: 1.25rem;
}

.misc-bg {
  inline-size: 100%;
  position: absolute;
  inset-inline-start: 0;
  bottom: 0;
}

.misc-object {
  position: absolute;
  bottom: 8%;
  z-index: 1;
}

html:not([dir="rtl"]) .misc-object {
  left: 16%;
}

[dir="rtl"] .misc-object {
  right: 10%;
}

/* 404 CSS ends here */

.img-upload img[src=""] {
  display: none;
}

.img-upload img {
  max-width: 200px;
  padding: 10px;
  background-color: #ededed;
  margin-top: 5px;
  border: 1px solid #b6b6b669;
  border-radius: 3px;
  transition: border 0.3s;
}

.img-upload img:hover {
  border: 1px solid #b6b6b6;
}

[class^="ri-"],
[class*=" ri-"] {
  font-size: 17px;
}

aside .app-brand-logo img {
  max-width: 58px;
}

aside .app-brand-logo {
  display: none;
}

.app-brand-text {
  display: block;
  max-width: 190px;
}

.layout-menu-collapsed:not(.layout-menu-hover) .app-brand-logo {
  display: block;
}

.layout-menu-collapsed:not(.layout-menu-hover) .app-brand-text {
  display: none;
}

/* alert css  */

.alert a {
  color: #fff;
  text-decoration: underline;
}

.alert a:hover {
  color: #fff;
  text-decoration: underline;
}

body>.alert {
  margin-bottom: 0 !important;
}

/* Switch Css  Comment  */
td .switch-input:not(:checked)~.switch-toggle-slider .switch-on {
  display: none;
}

td .switch {
  margin-right: 0;
}

td .switch-toggle-slider {
  left: 50%;
  transform: translateX(-50%);
}

/* Input check  */
.check-success .form-check-input:checked {
  background-color: #0f5132;
  border-color: #0f5132;
}

.bg-menu-theme .menu-item.active:not(.open)>.menu-link:not(.menu-toggle),
.bg-menu-theme .menu-item.active:not(.open)>.menu-link:not(.menu-toggle)::before {
  color: #fff !important;
  background-color: transparent;
  border-radius: 0;
}

.menu-vertical .menu-item .menu-link {
  font-size: 13px;
}

.select2-dropdown {
  font-size: 13px;
}

.select2-dropdown span.cb-option {
  font-size: 13px;
  font-weight: 400;
}

.select2-dropdown .level-0 {
  font-weight: 400;
  font-size: 13px;
  color: #1a7d17 !important;
}

.select2-results {
  padding: 6px 6px;
}

.select2-results__option {
  padding: 4px 6px;
}

.select2-dropdown .level-1 {
  font-weight: 400;
  font-size: 13px;
  margin-left: 20px;
  color: #26c6f9 !important;
}

.select2-dropdown .select2-results__option--highlighted>span,
.select2-dropdown .select2-results__option:hover>span {
  color: #fff !important;
}

.select2-dropdown .level-2 {
  font-weight: 400;
  margin-left: 30px;
  font-size: 13px;
  color: #ff4d49 !important;
}

.select2-dropdown .level-3 {
  font-weight: 400;
  margin-left: 40px;
  font-size: 12px;
  color: #282a42 !important;
}

.level-0 td:nth-child(2) span.title,
.level-0 td:nth-child(2) a {
  font-weight: 500;
  font-size: 14px;
  color: #1a7d17 !important;
}

.level-1 td:nth-child(2) span.title,
.level-1 td:nth-child(2) a {
  font-weight: 500;
  font-size: 14px;
  margin-left: 20px;
  color: #666cff !important;
}

.level-2 td:nth-child(2) span.title,
.level-2 td:nth-child(2) a {
  font-weight: 400;
  font-size: 14px;
  margin-left: 30px;
  color: #26c6f9 !important;
}

.level-3 td:nth-child(2) span.title,
.level-3 td:nth-child(2) a {
  font-weight: 400;
  font-size: 13px;
  margin-left: 40px;
  color: #ff4d49 !important;
}

.level-4 td:nth-child(2) span.title,
.level-4 td:nth-child(2) a {
  font-weight: 400;
  font-size: 12px;
  margin-left: 50px;
  color: #282a42 !important;
}

.menu-item.open {
  background-color: rgba(247, 247, 249, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.133);
  border-left: 2px solid #fff;
}

.menu-item.active {
  background-color: rgba(247, 247, 249, 0.08);
}

.bg-menu-theme.menu-vertical .menu-item.open>.menu-link {
  background-color: transparent;
}

/* background custom classes start */
.bg-light-custom {
  background: #f9f9f9;
}

/* background custom classes ends */

/* pagination css */
.pagination.pagination-rounded .page-item .page-link {
  border-radius: 0.5rem;
  font-size: 13px;
  min-height: auto;
}

#visualOverviewDiv {
  position: absolute;
  width: 200px;
  height: 200px;
  top: 0px;
  left: 0;
  background-color: #f6f6f6;
  z-index: 300;
  /* make sure its in front */
}

/* .ellipses span
{
  border: none;
  background-color: transparent;
} */

.load-anim:has(.load-data)::before {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  border: 4px solid #666cff85;
  border-bottom-color: #3b439e;
  border-radius: 50% !important;
  display: inline-block;
  animation: rotation 1s linear infinite;
  z-index: 99;
  top: 50%;
  translate: 0 -50%;
  right: 50px;
  background-color: white;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.trigger-tooltip:hover i {
  color: #666cff;
}

.disable {
  pointer-events: none;
  opacity: 0.9;
}

.disable-row .card-body {
  pointer-events: none;
  background-image: repeating-linear-gradient(45deg,
      #ff4d49,
      rgba(255, 77, 73, 0.3) 4px,
      transparent 4px,
      transparent 8px);
  border-radius: 0.375rem;
  /* match Bootstrap's .card border-radius */
  z-index: 1;
  opacity: 0.6;
}

.disable-row td,
.disable-row input {
  pointer-events: none;
  background-color: #f7f7f7 !important;
  opacity: 0.5;
  z-index: -1;
  position: relative;
}

.disable .input-group-text {
  opacity: 0.7;
}

.light-style .disable .select2-container--default .select2-selection {
  background-color: #f7f7f7 !important;
}

.toggle-btns span {
  font-size: 14px;
}

.extra-fields {
  display: none;
}

.ri-lightbulb-flash-line {
  transition: 0.4s ease;
}

/* span:hover .ri-lightbulb-flash-line {
  color: #666cff;
} */

/* user-profile */
.user-info-list li {
  flex: 0 0 30%;
}

/* svg */
.cloudRtoL {
  -webkit-animation: cloudMovingRight linear infinite;
  animation: cloudMovingRight linear infinite;
  position: absolute;
  z-index: 5;
}

.cloudLtoR {
  -webkit-animation: cloudMovingLeft linear infinite;
  animation: cloudMovingLeft linear infinite;
  position: absolute;
}

.an-1 {
  -webkit-animation-duration: 45s;
  animation-duration: 45s;
  right: 85px;
  top: 43%;
  width: 87px;
  height: 21px;
}

.an-2 {
  -webkit-animation-duration: 20s;
  animation-duration: 20s;
  right: 146px;
  top: 44%;
  width: 62px;
  height: 15px;
}

.wheelRotate {
  position: absolute;
  -webkit-animation: Rotate190Deg linear infinite;
  animation: Rotate190Deg linear infinite;
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
}

.an-3 {
  right: 163px;
  top: 42%;
  width: 32px;
  height: 32px;
  z-index: 4;
}

.an-4 {
  -webkit-animation-duration: 55s;
  animation-duration: 55s;
  left: 85px;
  bottom: 20%;
  width: 87px;
  height: 21px;
}

.an-5 {
  -webkit-animation-duration: 75s;
  animation-duration: 75s;
  left: 85px;
  bottom: 16%;
  width: 62px;
  height: 15px;
}

.an-6 {
  left: 38%;
  bottom: 18%;
  width: 50px;
  height: 50px;
}

.wow {
  visibility: hidden;
}

/* .ship {
  position: absolute;
  left: 59%;
  bottom: 215px;
  width: 55px;
  -webkit-animation-name: barco;
  animation-name: barco;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-duration: 5s;
  animation-duration: 5s;
  z-index: 9;
} */

@keyframes cloudMovingRight {
  0% {
    right: -100px;
  }

  25% {
    right: 0px;
  }

  50% {
    right: 180px;
  }

  75% {
    right: 0px;
  }

  100% {
    right: -105px;
  }
}

@keyframes cloudMovingLeft {
  0% {
    left: -15%;
  }

  25% {
    left: 25%;
  }

  50% {
    left: 50%;
  }

  75% {
    left: 75%;
  }

  100% {
    left: 100%;
  }
}

/* @keyframes Rotate190Deg {
  0% {
    transform: rotate(0deg);
  }

  25% {
    transform: rotate(50deg);
  }

  50% {
    transform: rotate(100deg);
  }

  75% {
    transform: rotate(150deg);
  }

  100% {
    transform: rotate(190deg);
  }
} */

/* @-webkit-keyframes barco {
  0% {
    transform: rotate(-2deg) translateX(2px);
  }

  50% {
    transform: rotate(1deg) translateX(-10px);
  }

  100% {
    transform: rotate(-2deg) translateX(2px);
  }
}

@keyframes barco {
  0% {
    transform: rotate(-2deg) translateX(2px);
  }

  50% {
    transform: rotate(1deg) translateX(-10px);
  }

  100% {
    transform: rotate(-2deg) translateX(2px);
  }
} */

/* .blink-color {
  animation: blink 3s infinite;
  animation-fill-mode: both;
} */

/* .blinkcolor2 {
  animation-delay: 0s;
}

.blinkcolor1 {
  animation-delay: 1s;
}

.blinkcolor3 {
  animation-delay: 2s;
} */

.blinkcolor1 {
  animation: blinkcolor1 3s infinite;
}

.blinkcolor2 {
  animation: blinkcolor2 3s infinite;
}

.blinkcolor3 {
  animation: blinkcolor3 3s infinite;
}

/* @keyframes blink {

  0%,
  50%,
  100% {
    fill: #a5ce39;
  }

  25% {
    fill: #148340;
  }
} */

@keyframes blinkcolor2 {

  0%,
  100% {
    fill: #a5ce39;
  }

  33% {
    fill: #867c7c;
  }

  66% {
    fill: #148340;
  }
}

@keyframes blinkcolor1 {

  0%,
  100% {
    fill: #148340;
  }

  33% {
    fill: #a5ce39;
  }

  66% {
    fill: #867c7c;
  }
}

@keyframes blinkcolor3 {

  0%,
  100% {
    fill: #867c7c;
  }

  33% {
    fill: #148340;
  }

  66% {
    fill: #a5ce39;
  }
}

/* .light {
  width: 10px;
  height: 10px;
  background: red;
  border-radius: 50%;
  bottom: 295px;
  position: absolute;
  z-index: 10;
  left: 20px;
  animation: light 800ms ease-in-out 0s infinite alternate;
} */

.plane {
  position: absolute;
  top: 0px;
  right: -500px;
  opacity: 0.8;
  animation: plane 10s linear 0s infinite reverse;
  z-index: 99;
}

/* @keyframes light {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
} */

@keyframes plane {
  from {
    right: -500px;
  }

  to {
    right: 102%;
  }
}

/* Animation ends here */

/* Svg Map hover  */
.milston-hover path,
.milston-hover g,
.milston-hover,
.region-hover {
  cursor: pointer;
  transition: fill 0.3s ease-in-out;
}

/* g.milston-hover:hover path {
  fill: #fff;
}

g.milston-hover:hover circle {
  fill: #286c3f;
} */
.region-links:hover .region-hover,
.region-links:hover .region-hover>path {
  fill: #286c3f !important;
}

/* .region-hover path {
	fill: blue !important;
} */
/* .region-hover:hover>path,
.region-hover:hover {
  fill: #286c3f;
} */

.map {
  overflow: hidden !important;
}

/* .region-links:hover .milston-hover {
  -webkit-animation-name: bounce 1s ease-in-out 0s infinite normal forwards;
  animation: bounce 1s ease-in-out 0s infinite normal forwards;
} */

.fourteen {
  overflow: hidden;
}

/* svg.welcome-img {
	height: 90vh;
	position: relative;
	overflow: hidden;
} */
.welcome-img {
  position: relative;
  overflow: hidden;
  width: 70%;
  min-width: 70%;
}

/* Svg Map hover  */
/* svg */
.pakistan-moto {
  display: none;
  max-width: 230px;
  margin: auto auto 20px auto;
}

.hexagon {
  /* transition: fill 0.5s ease; */
  opacity: 0.6;
  transition: opacity 1s ease-in-out;
}

/* .hexagon.highlight {
  fill: #000 !important;
} */
/* .hexagon.highlight {
  opacity: 1;
} */
/* select 2 Group  */
.select2-container--default .select2-results__group {
  font-weight: 600;
  color: #ff4d49;
}

/* select 2 Group  */

.form-input:has(input:not(:required))~.is-invalid {
  display: none !important;
}

.enable-tabs.form-input:has(input:not(:required))~.is-invalid {
  display: block !important;
}

.text-dark-theme {
  color: #282a42 !important;
}

.border-Cchange {
  border-color: #666cff9c !important;
}

.bg-custom-dark {
  background-color: #282a42 !important;
}

/* department-table */
.dep-table .badge {
  left: -8px;
}

.badge-sm {
  font-size: 12px !important;
}

.inactive-badge {
  padding: 3px;
  font-size: 10px !important;
  height: 18px;
  background: #979aa152 !important;
  color: #6a6e77 !important;
  font-weight: bold !important;
  font-family: Inter !important;
}

.modal#viewData .btn-close {
  right: 4px !important;
  top: 5px !important;
}

.team-details ul {
  list-style-type: none;
}

td .account-badge {
  left: 0px;
}

/* Select2 validation */

.was-validated .input-group .form-select:invalid~.input-group-text,
.input-group .form-select.is-invalid~.input-group-text {
  border-color: var(--bs-form-invalid-color) !important;
}

form select.is-valid~.select2 .select2-selection {
  border-width: 2px;
  border-color: var(--bs-form-valid-color) !important;
}

.was-validated .input-group .form-select:valid~.input-group-text,
.input-group .form-select.is-valid~.input-group-text {
  border-color: var(--bs-form-valid-color) !important;
}

/* Select2 validation */

/* Language Popup */
.language-change li button.nav-link {
  background-color: #e7e7ff;
}

.tab-content-height {
  display: flex;
}

.tab-content-height .tab-pane {
  flex-grow: 1;
  min-height: 200px;
  line-height: 1.6;
}

.urdu-language {
  font-family: "Noto Nastaliq Urdu";
  direction: rtl !important;
}

#navs-pills-justified-urdu {
  direction: rtl !important;
  line-height: 2.2 !important;
  direction: ltr;
}

.urdu-text {
  position: relative;
  top: -3px;
}

.urdu-language.change-urdu-direction {
  direction: ltr !important;
}

/*/Language Popup */

.threshold-opt {
  display: none;
}

.disable-days input[type="checkbox"]:checked+label {
  background-color: #666cff !important;
}

.year-start .select2-container--default .select2-selection {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.flatpickr-day.flatpickr-disabled.holiday-date {
  background-color: #ffe3e2 !important;
  color: #ff4d49 !important;
  pointer-events: visible !important;
}

.danger-hover:hover {
  color: #fff !important;
}

/* .flatpickr-days .dayContainer .flatpickr-disabled.flatpickr-day.holiday-date {
  background-color: #ffe3e2 !important;
  color: #ff4d49 !important;
} */

/* Back to Top Button  */

.back-to-top {
  background-color: #282a42;
  text-decoration: none;
  cursor: pointer;
  width: 35px;
  height: 35px;
  z-index: 999;
  position: fixed;
  right: 25px;
  bottom: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-radius: 100%;
  box-shadow: 0 4px 16px 0 rgba(black, 0.4);
}

.back-to-top:hover {
  background-color: lighten(#282a42, 12%);
}

.back-to-top:active {
  box-shadow: none;
  background-color: darken(#282a42, 12%);
}

.back-to-top svg.svg {
  fill: #fff;
  width: 18px;
  height: 18px;
}

/* Back to Top Button  */
li.ellipses span.page-link,
.pagination.pagination-rounded .page-item .page-link {
  border-radius: 0.5rem;
  font-size: 13px;
  min-height: auto;
  margin-left: 5px;
}

.dashboard-profile {
  counter-reset: todolist;
}

.dashboard-profile span.count-todo {
  display: inline-block;
}

.dashboard-profile span.count-todo::before {
  counter-increment: todolist;
  content: counter(todolist);
}

/* enable tabs  */
.enable-tabs input[type="radio"] {
  display: none;
}

/* .enable-tabs label {
  display: inline-block;
  padding: 0.5435rem 1.375rem;
  cursor: pointer;
  background-color: #e7e7ff;
  border-radius: 0;
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: #3b4056;
} */
.enable-tabs label {
  display: inline-block;
  padding: 6px 11px;
  cursor: pointer;
  background-color: #282a42;
  border-radius: 0;
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  color: #fff;
  border-bottom: 2px solid transparent;
}

.enable-tabs input[type="radio"]:checked+label {
  background-color: #666cff;
  border-bottom: 2px solid #666cff;
  color: #ffffff;
}

.custom-position .lot-count,
.custom-position .remove-lot {
  top: -34px !important;
}

.remove-lot::before,
.remove-row::before,
.remove-docs::before {
  content: "" !important;
  border-top: 7px solid #ff4d49;
  border-bottom: 7px solid transparent;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
}

.list-group.card-text-append li:nth-child(odd) {
  background-color: #fff !important;
}

#existing-user {
  position: relative;
  z-index: 9;
}

.card.list-group-item::before {
  position: absolute;
  left: 15px;
}

.dashboard-page .swal2-container.swal2-center.swal2-backdrop-show {
  backdrop-filter: blur(10px) !important;
}

.text-elips {
  display: inline-block;
  white-space: nowrap;
  width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.top-20 {
  top: 20px;
}

.end-20 {
  right: 20px;
}

.top--10 {
  top: -10px !important;
}

/* .top--40 {
  top: -40px !important;
} */


.end-5 {
  right: 5px;
}

.min-w-200 {
  min-width: 200px;
}

#annualPlanTable_filter label {
  padding: 6px 11px;
}

#annualPlanTable_filter label input {
  background-color: #f7f7f9;
  padding: 5px 14px;
  border-radius: 5px;
}

table.dataTable.no-footer {
  border-bottom: 1px solid rgba(0, 0, 0, 0) !important;
}

.modal.bg-transparent {
  --bs-modal-bg: rgba(0, 0, 0, 0.5) !important;
}

.top-8 {
  top: 8px;
}

.bottom-10 {
  bottom: 10px;
}

.right-10 {
  right: 10px;
}

/* .nav-pills.nav-primary .nav-link {
	background-color: #e7e7ff;
	color: #666cff;
}
.nav-pills.nav-primary .nav-link.active {
	background-color: #666cff;
  color: #fff;
} */

.wrd-wrap {
  word-wrap: break-word;
  white-space: normal;
  max-width: 200px;
}

.not-selectable {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.plan-table td {
  background-color: #f2f2f4;
}

tr td input.form-control.input-cell,
tr td select.form-control.input-cell {
  background-color: #fff !important;
  border: 1px solid #cfd0d6 !important;
  border-color: #cfd0d6 !important;
}

tr td:not(.active) .select2-container--default .select2-selection,
td:not(.active) select.form-control.input-cell,
td:not(.active) input.form-control.input-cell {
  /* background-color: #f2f2f4 !important; */
  background-color: #f2f2f4 !important;
  cursor: cell;
}

td:not(.active) select.form-control.input-cell:disabled,
td:not(.active) input.form-control.input-cell:disabled {
  cursor: not-allowed !important;
  /* background-color: #c6c6c6 !important; */
  background-color: #c6c6c629 !important;
}

.light-style tr td .select2-container--default .select2-selection {
  border-radius: 0 !important;
  background-color: #f2f2f4 !important;
  min-width: 150px;
}

.light-style tr td select.form-control.input-cell:invalid~.select2-container--default .select2-selection,
td:not(.active) input.form-control.input-cell:invalid,
td select.form-control.input-cell:invalid {
  background-color: #ffe3e2 !important;
}

/* .light-style-bg .select2-container--default .select2-selection {
  background-color: #f7f7f9 !important;
} */

/* ==============================New Css Ends here========================== */
.plan-form:nth-of-type(2) span.remove-lot {
  display: none;
}

/* make counter  */

.comit-form {
  counter-reset: row-number;
}

.lot-count::after {
  display: inline-block;
  content: "";
  counter-increment: row-number;
  content: counter(row-number);
}

.lot-count::before {
  content: "" !important;
  border-top: 7px solid #666cff;
  border-bottom: 7px solid transparent;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  position: absolute;
  left: 50%;
  top: 100%;
  transform: translateX(-50%);
}

.committee-list:has(.com-mem-box) {
  display: block !important;
}

.tab-custom li button.nav-link:not(.tab-custom li button.nav-link.active) {
  background-color: #e7e7ff;
  color: #666cff;
}

.custom-uploader .p_media {
  width: 60px;
  padding: 3px;
  margin: 2px;
  height: 45px;
  overflow: initial;
}

.custom-uploader .p_media img,
.custom-uploader .p_media video {
  object-fit: cover;
  object-position: top;
}

.custom-uploader .p_media div.btn-container {
  bottom: inherit;
  background-color: transparent;
  top: -10px;
  right: 0;
  left: inherit !important;
  text-align: right;
}

.deleteProductMedia:hover i {
  color: #fff !important;
}

.custom-uploader .progress-animated {
  height: 3px;
  position: relative;
  width: 100%;
  margin: 0;
}

/* .custom-uploader .p_media div.btn-container {
  height: 100% !important;
} */
/* .custom-uploader .p_media div.btn-container .btn.btn-danger.delete {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
} */
.ribbon {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 1.5em;
  text-align: center;
  /* transform: translateY(-100%) rotate(90deg) translateX(70.71067811865476%) rotate(-45deg);*/
  /* transform: translateY(-40%) rotate(16deg) translateX(-22.289%) rotate(-53deg); */
  transform: translateY(-81%) rotate(7deg) translateX(-32.289%) rotate(-54deg);
  transform-origin: bottom right;
  text-transform: capitalize;
  font-size: 70%;
  letter-spacing: 1px;
  z-index: 9;
}

.flex-basis-0 {
  flex-basis: 0;
}

.flex-basis-40 {
  flex-basis: 40%;
}

.flex-basis-50 {
  flex-basis: 50%;
}

.mw-600 {
  max-width: 600px;
}

.mw-500 {
  max-width: 500px;
}

ul.listing-style li {
  background-color: #f2f2f4;
}

ul.listing-style li:nth-child(even) {
  background-color: #fff;
}

/* ul.listing-style li:nth-child(even) .imageUpload label.custom-file-upload span {
  background-color: #f2f2f4;
} */

.swal2-modal.swal2-popup .swal2-title {
  margin: 0.5rem auto 1rem !important;
}

/* make counter  */

/* Loader  */
/* Spinner container */
.loading+span {
  position: relative;
}

.loading+span::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 25px;
  width: 20px;
  height: 20px;
  border: 1px solid rgba(40, 42, 66, 0.2);
  border-top: 3px solid rgb(40, 42, 66);
  border-radius: 50%;
  animation: spin 1s linear infinite;
  z-index: 10;
  translate: 0-50%;
}

/* Spinner animation */
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.spacing-small tr td,
.spacing-small tr th {
  padding-left: 14px;
  padding-right: 14px;
}

/* Loader  */
.custom-progress .progress-bar-striped {
  background-image: linear-gradient(45deg,
      rgba(0, 0, 0, 0.05) 25%,
      transparent 25%,
      transparent 50%,
      rgba(0, 0, 0, 0.05) 50%,
      rgba(0, 0, 0, 0.05) 75%,
      transparent 75%,
      transparent);
  background-size: 1rem 1rem;
}

.custom-progress .bg-label-success {
  background-color: #bde8a345 !important;
}

.custom-progress .bg-label-danger {
  background-color: #ffe3e2ba !important;
}

.c-convener {
  position: relative;
}

.filter-white {
  filter: brightness(100);
  position: absolute !important;
  opacity: 1;
  top: 50% !important;
  transform: translateY(-50%);
  right: 12px !important;
}

.close-white {
  filter: brightness(100);
  opacity: 1;
}

.procurement-info {
  display: none;
}

.form-input .input-group .select2.select2-container {
  width: calc(100% - 50px) !important;
  margin-left: 0 !important;
}

.form-input .input-group.w-100 .select2.select2-container {
  width: calc(100%) !important;
  margin-left: 0 !important;
}

.form-input .input-group.input-group-merge .select2.select2-container {
  width: calc(100% - 172px) !important;
  margin-left: 0 !important;
}

.form-input .input-group.input-group-merge.full-merge .select2.select2-container {
  width: calc(100% - 46px) !important;
  margin-left: 0 !important;
}

.form-input .input-group.full-size .select2.select2-container {
  width: calc(100% - 20px) !important;
  margin-left: 0 !important;
}



/* .select2-container {
	width: calc(100% - 40px) !important;
} */

/* .procurement-btn {
    background-color: #666cff !important;
    color: #fff !important;
  } */
.bg-animation {
  animation: pulse 1.2s ease infinite;
}

/* loader  */
.loader-backdrop {
  position: fixed;
  inset: 0;
  /* top right bottom left: 0 */
  background: rgba(255, 255, 255, .6);
  /* translucent veil */
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1050;
  /* above modals */
}


@keyframes pulse {
  0% {
    transform: scale(1, 1);
  }

  50% {
    opacity: 0.3;
  }

  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}

/* @keyframes animate-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(102, 108, 255, 0.7), 0 0 0 0 rgba(102, 108, 255, 0.7);
  }
  40% {
    box-shadow: 0 0 0 50px rgba(255, 109, 74, 0),
      0 0 0 0 rgba(102, 108, 255, 0.7);
  }
  80% {
    box-shadow: 0 0 0 50px rgba(255, 109, 74, 0),
      0 0 0 30px rgba(255, 109, 74, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 109, 74, 0), 0 0 0 30px rgba(255, 109, 74, 0);
  }
} */

.custom-progress.progress {
  background-color: #e7e7ff6b !important;
}

.show-pdf {
  display: none !important;
}

.rounded-10px {
  border-radius: 0 0 10px 10px !important;
}

.img-short {
  width: 50px !important;
  height: 50px !important;
}

/* Porgress Bar Custom Style Start */
.radial-progress {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  background: conic-gradient(#4e54c8 70%, #e9ecef 0);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  position: relative;
}

.radial-progress::before {
  content: '';
  position: absolute;
  width: 80%;
  height: 80%;
  background: white;
  border-radius: 50%;
}

.score-display {
  position: relative;
  z-index: 1;
  text-align: center;
}

.passing-line {
  position: absolute;
  width: 100%;
  height: 2px;
  background: #ff6b6b;
  top: 50%;
  left: 0;
  transform: rotate(180deg) translateY(50%);
  transform-origin: right center;
}

.metric-card {
  border-left: 4px solid;
  transition: transform 0.2s;
}

.metric-card:hover {
  transform: translateY(-3px);
}

/* Porgress Bar Custom Style Ends */
.h-45vh {
  height: 45vh !important;
}

.h-25vh {
  height: 25vh !important;
}

/* Stemp Start Here */
.stamp-item {
  width: 180px;
  height: 100px;
  transform: translate(-50%, -50%) rotate(-24deg) !important;
}

.stamp-item-success {
  border: 3px solid #78c16d;
  color: #78c16d;
}

.stamp-item-danger {
  border: 3px solid #e68985;
  color: #e68985;
}

.stamp-item-warning {
  border: 3px solid #fdb528;
  color: #fdb528;
}

.stamp-item-pending {
  border: 3px solid #fdb528;
  color: #fdb528;
}

.stamp-item-secondary {
  border: 3px solid #fdb528;
  color: #fdb528;
}

.winner-stamp {
  transform: translate(-50%, -50%) rotate(-24deg) !important;
  opacity: 0.5;
}

.winner-stamp::after {
  position: absolute;
  content: " ";
  width: 100%;
  height: auto;
  min-height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  background: url(/assets/img/stamp.png) repeat;
}

.object-center {
  object-position: center !important;
}


.product_media_collection .deleteProductMedia {
  z-index: 5;
  position: relative;
}

.product_media_collection a {
  height: 100%;
  width: 100%;
}

.product_media_collection img {
  object-fit: cover;
  object-position: center;
}

.three-vendor-list {
  display: none;
}

.three-vendor-list:has(.com-mem-box) {
  display: block;
}

.reimbursements-btn+label {
  background-color: #e2e2e2 !important;
  color: #282a42;
}

.reimbursements-btn:checked+.tab-off {
  background-color: #666cff !important;
  color: #fff !important;
}

.reimbursements-btn:checked+.tab-on {
  background-color: #666cff !important;
  color: #fff !important;
}

/* Stemp Ends Here */

@media (min-width: 1199px) and (max-width: 1550px) {
  .d-none-15-12 {
    display: none !important;
  }

  .spacing-small tr td,
  .spacing-small tr th {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  /* .layout-menu {
    position: fixed !important;
    top: 0 !important;
    height: 100% !important;
    left: 0 !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    transform: translate3d(-100%, 0, 0);
    will-change: transform, -webkit-transform;
  } */
}

/* Media Query Start Here */
@media (max-width: 1399.98px) {
  .custom-font {
    font-size: 145% !important;
    line-height: 25px;
  }
}

@media (max-width: 1199.98px) {
  .welcome-img {
    min-width: 100%;
  }

  .menu-top-toggle {
    position: absolute;
    left: 10px;
    top: 53%;
    transform: translateY(-50%) !important;
  }

  .layout-navbar.navbar-detached {
    width: calc(100vw - (100vw - 100%) - 1.5rem * 2) !important;
    padding: 0 15px 0 25px;
  }

  .custom-font {
    font-size: 120% !important;
  }

  .text-elips {
    white-space: wrap;
  }

  .wrd-wrap {
    min-width: 240px;
  }

  .c-convener {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }

  .sub-step {
    display: none;
  }

}

@media (max-width: 991.98px) {
  .pakistan-moto {
    display: flex;
    max-width: 230px;
    margin: auto auto 20px auto;
  }

  .page-title .card-header small.text-danger {
    display: none;
  }

  .custom-uploader .p_media {
    width: 40px;
    height: 35px;
  }

  /* Steps Responsive Start */
  .steps-wrapper {
    min-width: max-content;
    flex-wrap: nowrap !important;
    display: none !important;
  }

  .step {
    flex: 0 0 1;
    min-width: 120px;
  }

  .overflow-sm-scroll {
    overflow-x: scroll !important;
  }

  /* Steps Responsive Ends */


}

@media (max-width: 767.98px) {
  .portfolio-listing {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 0;
  }

  .portfolio-listing li {
    width: 50%;
    margin-bottom: 25px;
  }

  .fs-sm {
    font-size: 0.9rem !important;
  }

  .fs-15-sm {
    font-size: 14px !important;
  }

  .table th {
    font-size: 0.7rem;
  }

  .table tbody td {
    font-size: 0.7rem;
  }

  .spacing-small tr td,
  .spacing-small tr th {
    padding-left: 18px;
    padding-right: 18px;
  }

  .text-elips {
    width: 100%;
  }

  .form-control-sm {
    padding: 0.629rem 1rem;
    font-size: 0.7524rem;
    border-radius: 0.375rem;
  }

  .fs-ctitle {
    font-size: 14px !important;
    line-height: normal !important;
  }

  /* Responsive Table Start */
  table.table-stacked,
  table.table-stacked tbody,
  table.table-stacked tr,
  table.table-stacked th,
  table.table-stacked td {
    display: block;
    width: 100%;
  }

  table.table-stacked tr {
    width: 100%;
    margin-bottom: 2px;
  }

  table.table-stacked th,
  table.table-stacked th.act-col {
    width: 100% !important;
    min-width: 100% !important;
  }

  table.table-stacked td,
  table.table-stacked td.act-col {
    width: 100% !important;
    min-width: 100% !important;
  }

  /* Responsive Table Ends */
}

@media (max-width: 575.98px) {
  .portfolio-listing {
    flex-direction: column;
  }

  .custom-font {
    font-size: 106% !important;
  }

  .rounded-xs-2 {
    border-radius: .25rem !important;
  }

  .form-input .input-group.input-group-merge .select2.select2-container {
    width: calc(100% - 125px) !important;
  }

  .view-cm-mem {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}

/* @media (max-width: 420px) {
  .form-input .input-group.input-group-merge .select2.select2-container {
    width: calc(100% - 160px) !important;
  }
} */

@media (min-width: 1320px) and (max-width: 1600px) {
  .custom-font {
    font-size: 125% !important;
  }
}

@media print {
  .no-pdf {
    display: none !important;
  }

  .show-pdf {
    display: block !important;
  }
}


/* .authentication-bg::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background-image: url(/assets/img/logo/bg-logo.png);
	background-size: 60%;
	background-position: center center;
	width: 100%;
	height: 100vh;
	background-repeat: no-repeat;
	z-index: 1;
	
	opacity: 0.04;
} */



.detail-label {
  font-weight: 600;
  color: #6c757d;
  margin-bottom: 2px;
}

.detail-value {
  color: #495057;
  margin-bottom: 15px;
}

.section-divider {
  border-top: 2px solid #e9ecef;
  margin: 20px 0;
}

.status-timeline {
  border-left: 3px solid #dee2e6;
  padding-left: 20px;
}

.timeline-item {
  position: relative;
  padding-bottom: 15px;
}

.timeline-item::before {
  content: '';
  position: absolute;
  left: -26px;
  top: 5px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #6c757d;
  border: 3px solid #fff;
  box-shadow: 0 0 0 2px #6c757d;
}

.print-section {
  display: none;
}

@media print {
  .no-print {
    display: none !important;
  }

  .print-section {
    display: block !important;
  }

  .card {
    border: 1px solid #ccc !important;
    box-shadow: none !important;
  }
}



/*Tendors Css by Abdul Aziz Start here*/
.background-yellow-green {
  background-color: #A4C23A;
}

.background-copper {
  background-color: #3A80C2;
}

.background-amethyst {
  background-color: #a23ac2b4;
}

.bg-dark-indigo {
  background-color: #282a42;
}

.color-vivid-blue {
  background-color: #0d6efd;
  color: #fff;
}

.color-vivid-blue:hover {
  background-color: #0b5ed7;
  color: #fff;
}

#select2-tenderNature-container .select2-selection__clear {
  display: none;
}

.placeholder-lg::placeholder {
  font-size: 1.1rem;
}

.placeholder-md::placeholder {
  font-size: 1rem;
}

.placeholder-sm::placeholder {
  font-size: 0.875rem;
}


/* .placeholder-lg + .select2 .select2-selection__placeholder {
  font-size: 1.1rem;
} */



/* Add new Tender css*/



/* Procurement Steps Css */
.progress-steps {
  display: flex;
  justify-content: space-between;
  position: relative;
  counter-reset: step;
  margin: 60px 0;
  padding: 0 8%;
}

.progress-steps::before {
  content: "";
  position: absolute;
  top: 25px;
  left: 0;
  right: 0;
  height: 4px;
  background: #dee2e6;
  z-index: 0;
  margin: auto;
  width: var(--progress-width, 83%);
}

.step {
  position: relative;
  text-align: center;
  flex: 1;
  z-index: 1;
  counter-increment: step;
}

/* .step:first-child,
.step:last-child {
  flex: 0.5;
} */

.circle {
  width: 50px;
  height: 50px;
  margin: 0 auto 10px;
  border-radius: 50%;
  background: #6c757d;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 18px;
  position: relative;
}

.circle::before {
  content: counter(step);
}

.title {
  font-size: 15px;
  font-weight: 600;
  color: #212529;
}

.completed .circle {
  background: #198754;
}

.completed .circle::before {
  content: "✔";
  font-size: 20px;
}

.pending .circle {
  background: #0d6efd;
}

.pending .circle::before {
  content: counter(step);
}

.completed::after,
.pending::after {
  content: "";
  position: absolute;
  top: 25px;
  left: 50%;
  width: 100%;
  height: 4px;
  z-index: -1;
}

.completed::after {
  background: #198754;
}

.pending::after {
  background: #0d6efd;
}

.step:last-child::after {
  display: none;
}

.step:not(:last-child)::before {
  content: "";
  position: absolute;
  top: 19px;
  right: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 12px solid #6c757d !important;
  z-index: 2;
}

.step.completed::before {
  border-left-color: #198754 !important;
}

.step.pending::before {
  border-left-color: #0d6efd !important;
}

.remove-participant {
  padding: 4px 8px;
}


/* .completed:not(:last-child)::before,
.pending:not(:last-child)::before {
  border-left-color: #198754;
} */

/* Procurement Steps Css Ends */

/**
 * Payment Instructions Modal Styles
 * Version: 1.0.0
 * Description: Reusable styles for EPADS payment instructions modal
 */

/* Modal Container */
.payment-modal .modal-dialog {
  max-width: 700px;
}

.payment-modal .modal-content {
  border: none;
  border-radius: 20px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
  overflow: hidden;
}

/* Modal Header */
.payment-modal .modal-header {
  background: linear-gradient(135deg, #00b4db 0%, #0083b0 100%);
  color: white;
  padding: 24px 30px;
  border: none;
}

.payment-modal .modal-title {
  font-size: 1.5rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 12px;
}

/* Modal Body */
.payment-modal .modal-body {
  padding: 30px;
  background: #f8f9fa;
}

/* Consumer Number Display */
.consumer-number-display {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  color: white;
  padding: 24px;
  border-radius: 16px;
  margin-bottom: 24px;
  box-shadow: 0 8px 24px rgba(102, 126, 234, 0.3);
}

.consumer-number-label {
  font-size: 0.875rem;
  opacity: 0.9;
  margin-bottom: 8px;
  font-weight: 500;
}

.consumer-number-value {
  font-size: 1.75rem;
  font-weight: 700;
  font-family: 'Courier New', monospace;
  letter-spacing: 2px;
  word-break: break-all;
  line-height: 1.4;
}

/* Consumer Breakdown */
.consumer-breakdown {
  display: flex;
  gap: 8px;
  margin-top: 12px;
  flex-wrap: wrap;
  font-size: 0.875rem;
}

.consumer-part {
  background: rgba(255, 255, 255, 0.2);
  padding: 6px 12px;
  border-radius: 8px;
  font-family: 'Courier New', monospace;
  backdrop-filter: blur(10px);
}

.consumer-part.fixed {
  background: rgba(255, 255, 255, 0.3);
  font-weight: 600;
}

/* Copy Button */
.copy-btn {
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: white;
  padding: 8px 16px;
  border-radius: 8px;
  font-size: 0.875rem;
  cursor: pointer;
  transition: all 0.3s;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 12px;
}

.copy-btn:hover {
  background: rgba(255, 255, 255, 0.3);
  transform: translateY(-2px);
}

.copy-btn.copied {
  background: rgba(40, 167, 69, 0.8);
  border-color: rgba(40, 167, 69, 1);
}

/* Instruction Section */
.instruction-section {
  background: white;
  padding: 20px;
  border-radius: 12px;
  margin-bottom: 16px;
  border-left: 4px solid #00b4db;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.instruction-section h6 {
  color: #0083b0;
  font-weight: 700;
  margin-bottom: 12px;
  font-size: 1rem;
  display: flex;
  align-items: center;
  gap: 8px;
}

.instruction-section ol,
.instruction-section ul {
  margin: 0;
  padding-left: 20px;
}

.instruction-section li {
  margin-bottom: 8px;
  color: #495057;
  line-height: 1.6;
}

.instruction-section code {
  background: #e9ecef;
  padding: 2px 6px;
  border-radius: 4px;
  color: #d63384;
  font-weight: 600;
}

/* Example Box */
.example-box {
  background: #fff3cd;
  border: 2px dashed #ffc107;
  padding: 16px;
  border-radius: 8px;
  margin-top: 12px;
}

.example-box strong {
  color: #856404;
}

/* Alert Box */
.alert-box {
  background: #f8d7da;
  border-left: 4px solid #dc3545;
  padding: 16px;
  border-radius: 8px;
  margin-top: 16px;
}

.alert-box ul {
  margin-bottom: 0;
  padding-left: 20px;
}

.alert-box li {
  color: #721c24;
  font-weight: 500;
}

/* Info Icon Badge */
.info-icon-badge {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  background: linear-gradient(135deg, #00b4db 0%, #0083b0 100%);
  color: white;
  padding: 6px 12px;
  border-radius: 8px;
  font-size: 0.875rem;
  font-weight: 600;
  transition: all 0.3s;
  box-shadow: 0 2px 8px rgba(0, 131, 176, 0.3);
}

.info-icon-badge:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 131, 176, 0.4);
}

.info-icon-badge i {
  font-size: 1rem;
}

/* Animations */
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.payment-modal.show .modal-content {
  animation: fadeInUp 0.4s ease-out;
}

/* Responsive Design */
@media (max-width: 768px) {
  .consumer-number-value {
    font-size: 1.25rem;
    letter-spacing: 1px;
  }

  .consumer-breakdown {
    flex-direction: column;
  }

  .payment-modal .modal-body {
    padding: 20px;
  }

  .instruction-section {
    padding: 16px;
  }

  .payment-modal .modal-dialog {
    margin: 0.5rem;
  }
}

@media (max-width: 576px) {
  .consumer-number-value {
    font-size: 1rem;
    letter-spacing: 0.5px;
  }

  .payment-modal .modal-title {
    font-size: 1.25rem;
  }

  .info-icon-badge {
    padding: 4px 8px;
    font-size: 0.75rem;
  }
}







.login-container {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.login-card {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
  border-radius: 20px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  overflow: hidden;
  max-width: 450px;
  width: 100%;
}

.login-header {
  background: linear-gradient(135deg, #01411C 0%, #14A085 100%);
  color: white;
  padding: 10px 30px 10px;
  text-align: center;
  position: relative;
}

.login-header::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');
  opacity: 0.3;
}

.login-header h2 {
  margin: 0;
  font-size: 2rem;
  font-weight: 300;
  position: relative;
  z-index: 1;
}

.login-body {
  padding: 40px 30px;
}

.logo-container {
  text-align: center;
  margin-bottom: 30px;
  max-width: 110px;
  margin: 0 auto 13px auto;
}

.form-floating {
  margin-bottom: 20px;
}

.form-floating>.form-control {
  height: calc(3.5rem + 2px);
  border-radius: 12px;
  border: 2px solid #e9ecef;
  transition: all 0.3s ease;
}

.form-floating>.form-control:focus {
  border-color: #14A085;
  box-shadow: 0 0 0 0.25rem rgba(20, 160, 133, 0.25);
}

.form-floating>label {
  padding: 1rem 0.75rem;
  color: #6c757d;
}

.password-toggle {
  position: relative;
}

.password-toggle-btn {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  color: #6c757d;
  cursor: pointer;
  z-index: 5;
  padding: 5px;
  transition: color 0.3s ease;
}

.password-toggle-btn:hover {
  color: #14A085;
}

.btn-login {
  background: linear-gradient(135deg, #01411C 0%, #14A085 100%);
  border: none;
  border-radius: 12px;
  padding: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(20, 160, 133, 0.3);
}

.btn-login:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(20, 160, 133, 0.4);
}

.forgot-password {
  color: #14A085;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.3s ease;
}

.forgot-password:hover {
  color: #01411C;
}


.welcome-text {
  color: #6c757d;
  margin-bottom: 30px;
  text-align: center;
}

@media (max-width: 768px) {
  .login-card {
    margin: 10px;
    border-radius: 15px;
  }

  .login-header {
    padding: 30px 20px 20px;
  }

  .login-header h2 {
    font-size: 1.5rem;
  }

  .login-body {
    padding: 30px 20px;
  }
}

.light-style tr td .select2-container--default .select2-selection {
  border-radius: 0 !important;
  background-color: #f2f2f4 !important;
  min-width: 150px;
}

.light-style tr td select.form-control.input-cell:invalid~.select2-container--default .select2-selection,
td:not(.active) input.form-control.input-cell:invalid,
td:not(.active) input.form-control.input-cell.is-invalid,
td select.form-control.input-cell:invalid {
  background-color: #ffe3e2 !important;
}

.light-style-bg .select2-container--default .select2-selection {
  background-color: #f7f7f9 !important;
}

.light-style .select2-container--default .select2-selection--single {
  height: 40px !important;
}

.light-style .select2-container--default .select2-selection:focus-within {
  border-color: #666cff;
  border-width: 2px;
}

.light-style .select2-container--default .select2-selection {
  min-height: 40px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.light-style .select2-container--default .select2-selection .select2-selection__rendered {
  line-height: 36px !important;
  font-size: 0.8125rem !important;
}

.light-style .select2-container--default .select2-results__option {
  font-size: 0.8125rem !important;
}

.light-style .select2-container--default .select2-selection .select2-selection__arrow {
  height: 100% !important;
}

.light-style .select2-selection--multiple .select2-selection__clear {
  height: 38px !important;
  margin-top: 0;
}